/* -----------  ----------- Document CSS  -----------  ----------- */

body {   margin: 0;   padding: 0;    font: 12px "Arial", helvetica, sans-serif ;   background:#68c8c6;   }
	
div#conteneur	{   display: block;   margin: 30px auto;   width: 900px;   text-align: left;   }

ins { font-family : "arial unicode MS", arial, sans-serif;  text-decoration:none; color:#68c8c6;}

/* -----------  ----------- header  -----------  ----------- */

div#header		{   display: block;   margin: 0;   width: 900px;   height: 30px;   text-align: left;   color:#fff;   text-indent:730px;   }
	  
div#header > a 	{   font-size:9px;   color:#fff;   letter-spacing:0px;   line-height:30px;  text-transform:uppercase; }


/* -----------  ----------- contenu  -----------  ----------- */

div#contenu		{   display: block;   width: 900px;   background: #fff;   border-bottom:2px dotted #67c8c6; }


	/* -----------  ----------- contenu-menu  -----------  ----------- */

	div#contenant-menu				{   display:block;   margin:0;   height: 70px;   width: 900px;   }
	
	div#contenant-menu > div#menu	{   position:absolute;   margin: 50px 0 0 0px;   height: 20px;   width: 900px;   background:#67c8c6;   }
	
	
		/* -----------  ----------- menu  -----------  ----------- */
				
		a#logo-integrim			{   float:left;   margin: 0px 15px 0 75px;   height: 20px;   width: 200px;   background:#fff;   }

		ul#nav { list-style: none; padding: 0; margin: 0 0 0 0; text-transform:uppercase; font-size:10px;}

		ul#nav li, ul#nav li ul li{ float: left; position: relative; width: auto; }
		
		ul#nav li a { display: block; float:left; color:#fff; line-height:20px; 
		word-spacing:5px; }
		
		ul#nav li ul li a {  color:#67c8c6; word-spacing:0; margin: 0 5px 0 5px; width:160px; line-height:20px; border-top: 1px dotted #67c8c6;}
		
		ul#nav li ul li:first-child a {  border-top: 0px; }
		
		ul#nav li ul { display: none; position: absolute; width:170px; top: 0; left: 0; margin-left:-1px; margin:0; padding:0;list-style-type: none; background:#fff; }
		
		ul#nav li>ul { top: 20px; left: 0; margin: 0 5px 0 5px; padding:0; border:1px solid #67c8c6; border-top:0; background:#fff;}
		
		ul#nav li:hover ul { display: block; }
		
		

	
	/* -----------  ----------- contenant-page  -----------  ----------- */
	
	div#contenant-page						{   display:block;   margin: 0 0 0 0;  padding:0 0 35px 0 ; width: 900px; min-height:500px;  }
	
	*html div#contenant-page {   height:500px;  }
	
	a		{   text-decoration:none; }        a > img	{   border:0;   }
	
	div#contenant-page		a		{   color:#67c8c6; }   
	
		/* -----------  ----------- page-contenu  -----------  ----------- */

		div#contenant-page > #page-contenu		{   display:block;   margin: 35px 0 0 89px;  min-height:200px; width: 350px;}

		
			/* -----------  ----------- HOME -----------  ----------- */
			
			div#contenant-page div#actu { position: absolute; margin: 60px 0 0 89px;  width: 330px; border-bottom:2px dotted #67c8c6; }
	
			div#contenant-page div#actu div{ display:block; width: 330px; border-top:2px dotted #67c8c6; }
			
			div#contenant-page div#actu div h3 { font-size:11px; color:#67c8c6; letter-spacing:0px; display:block; margin:6px 0 0 0px;text-transform:uppercase; }
			
			div#contenant-page div#actu div p { font-size:12px; color:#838383; letter-spacing:0px; margin:4px 0 10px 0px; }

			div#contenant-page h1#slogan { position: absolute; margin: 310px 0 0 89px; height: 40px;  width: 750px; color:#000;  font-size:1.4em;  letter-spacing:0px;}
	
			div#contenant-page h1#slogan span{ color:#838383; }

			div#contenant-page hr.home { position: absolute; margin: 370px 0 0 89px;  width: 450px; border:0;  border-bottom:2px dotted #67c8c6;}
	
			div#contenant-page p#presentation { position: absolute; margin: 390px 0 0 89px; height: 150px;  width: 450px; color:#838383;  
											  font-size:1.02em;  letter-spacing:0.03em;}

			
			/* -----------  ----------- CONTENT -----------  ----------- */
			
			#page-contenu h1	{ font-size:14px;  letter-spacing:0px; color:#67c8c6; margin-bottom:25px; text-transform:uppercase; }

			#page-contenu h2	{ font-size:13px;  letter-spacing:0px; color:#000;  margin-bottom:10px; }
			
			#page-contenu  p	{ font-size:12px;  letter-spacing:0px; color:#838383; line-height: 17px;}
			
			#page-contenu hr	{   display: block;   width: 350px; border:0; border-bottom:2px dotted #67c8c6; }
			
			#page-contenu p span {   color:#67c8c6;   /*  background: url(/lib/img/etoile.png) no-repeat top left ;  */ }
			
			#page-contenu a{   color:#67c8c6; }
			
			#page-contenu a:visited{   color:#67c8c6; }
			
		
			/* -----------  ----------- SITE MAP -----------  ----------- */
			
			div#page-contenu ul#sitemap				{   list-style-type:none;   padding: 0;   margin: 0 0 0 25px; color:#fff; }

			div#page-contenu  ul#sitemap  li			{   padding:0;    margin:0; text-transform:uppercase; margin:25px 0 0 0; color:#838383; }
			
			div#page-contenu  ul#sitemap  li  a 	{   font-size:0.76em;   color:#838383 !important;   letter-spacing:0px;   line-height:20px;  
															padding:0;    margin:0 6px 0 6px;   }
			
			div#page-contenu  ul#sitemap  li  ul		{   padding:0;   border-top:0;   }
				
			div#page-contenu  ul#sitemap  li  ul  li 	{   display: block; margin: 0 0 0 5px;      text-indent:5px;   height:14px; 
																border-bottom:0px dotted #67c8c6;   }
			
			div#page-contenu  ul#sitemap  li  ul  li  a	{   font-size:0.76em;   color:#67c8c6 !important;   letter-spacing:0px;   line-height:20px;   }
		



/* -----------  -----------	footer  -----------  ----------- */
	
div#footer				{   display: block;   margin: 0;   height: 75px;   }
	
div#footer > #liens		{   float:left;   margin: 0;   line-height:75px;   width: 600px;   color:#fff;   text-indent:75px;   }
	  
div#footer > #liens > a {   font-size:0.7em;   color:#fff;   letter-spacing:0px; }

div#footer > div#logo-sensaas	{   float:left;   margin: 0;   width: 200px;   line-height:75px;   }