@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background-color:#4c4d51;
	}
	
p{
	margin:3px 0 0 0;
	font-size:12px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;	
	}	

h1{
	margin:0 0 3px 0;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	}

wrapper{
	width:955px;
	height:auto;
	min-height:300px;
	left:50%;
	margin-left:-477px;
	position:relative;
	}
	
#header{
	width:100%;
	height:93px;
	position:relative;
	background-image:url(../images/bgd-header.jpg);
	background-repeat:repeat-x;
	}
	
#content-header{
	width:955px;
	height:93px;
	margin:0 auto;
	}
	
.logo{
	width:440px;
	height:89px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
	}
	
/*------------------------- nav -------------------------------*/				 

			nav{
				width:450px;
				height:30px;
				float:right;
				margin-right:15px;
				margin-top:45px;
				font-size:13px;
				color:#fff;
				 }
			
			nav a{
				color:#e7e7e7;
				text-decoration: none;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-size:1em;
			}
			
			
			nav a:hover{
				color: #999;
			}
			
			nav .active{
				color: #fff;
				text-decoration:underline; 
			}
			
			
			nav .menu{
				 width:auto;
				 list-style: none;
				 height:30px;
				 float:right;
                 margin-top: 0px;
			}
			
			nav .menu li{
				 list-style:none;
				 float:left;
				 text-align:center;
				 height:15px;
				 padding-top: 10px;
				 visibility: inherit;
				 outline: 0 none;
				 position: relative;
			}
			
			nav .menu .fixedWidth{
				width: auto;
				margin-right:30px;
			}
			
			
			nav .menu .submenu{
				 margin-top: 8px;
				 width: 170px;
				 margin-left: 2px;
				 list-style:none;
				 height: auto;
				 position: absolute;
				 z-index: 30;
			}
			
			nav .menu .submenu ul{
				 width: 170px;
				padding-top:0px;
			}
		
			nav .menu .submenu li{
				background-color:#3e3e3e;
				border-bottom:solid 1px;
				color: #333;
				width: 170px;
				margin:0 0 0 -55px;
				height: 15px;
				padding: 5px;
			}
			
			
			nav .menu .submenu li a{
				display: block;
				text-align:left;
				padding: 0 8px;
				color:#fff;
				font-size:11px;
				font-style:normal;
				text-decoration:none;
			}
			
			
			nav .menu .submenu li a:hover{
				color: #999;
				text-align: left;
			}
			
			nav .menu .submenu li#sub2{
				height:15px;
				}
			
	
            nav .menu .submenu2{
				 margin-left: 75px;
				 list-style:none;
				 height: auto;
				 position: relative;
				 z-index: 5;
				 top: -24px;
			}
			
			nav .menu .submenu2 ul{
				width: 180px;
				background:#fff;
			}
			
			
			nav .menu .submenu2 li{
				background: #000;
				width: 180px;
				height: 15px;
			}
			
			
			nav .menu .submenu2 li a{
				display: block;
				text-align:left;
				padding: 0 8px;
			}
			
			
			#nav .menu .submenu2 li a:hover{
				color: #000;
				text-align: left;
			}
			
			
			.sf-sub-indicator {
				position: absolute;
				display: none;
			}
		
/* -------------------------FIN DE NAV-------------------------- */



	
/* ---------------------------SLIDER---------------------------- */	
	
#slider-bgd{
	width:100%;
	height:353px;
	background-image:url(../images/bgd-slider.jpg);
	background-repeat:repeat-x;
	position:relative;
	}
#content-slider{
	width:955px;
	height:353px;
	background-image:url(../images/slider-bgd.png);
	margin:0 auto;
	}
	
#slider{
	width:935px;
	height:340px;
	margin-left:auto;
	margin-right:auto;
	}
	
	
/* -------------------------CONTENT-------------------------- */
#content-bgd{
	width:100%;
	height:auto;
	background-image:url(../images/bgd-content.jpg);
	background-repeat:repeat-x;
	position:relative;
	background-color:#353535;
	clear:both;
	}		
	
#content{
	width:955px;
	height:auto;
	min-height:200px;
	margin-left:auto;
	margin-right:auto;
	}
	
#content a{
	color:#fff;
	text-decoration:none;
	}		
#content a:hover{
	color: #ccc;
	text-decoration:underline;
	}		
	
#texte-index{
	width:680px;
	height:auto;
	float:left;
	margin-left:25px;
	margin-top:10px;
	}		
	
ul{
	margin:10px 0 15px 15px;
	padding:0 0 0 5px;
	}
	
ul li{
	list-style-type:disc;
	margin-bottom:5px;
	color: #CCC;
	font-size:.9em
	}	
	
#texte-contenu{
	width:660px;
	height:auto;
	float:left;
	min-height:200px;
	margin-left:25px;
	margin-top:10px;
	}


	
#images-contenu{
	width:222px;
	float:left;
	height:auto;
	min-height:200px;
	margin:52px 0 10px 20px;
	}
.contour{
	border:solid 1px #C00;
	}
	
.images-usage{
	width:150px;
	height:113px;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	-webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .6);
	box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .6);  
	}
	


/*----------------------------FOOTER---------------------------*/
#footer{
	width:100%;
	height:195px;
	background-image:url(../images/bgd-footer.jpg);
	background-repeat:repeat-x;
	position:relative;
	clear:both;
	}
	
#content-footer{
	width:955px;
	height:195px;
	margin:0 auto;
	clear:both;
	}	
#content-footer a{
	text-decoration:none;
	color:#CCC;
	}
	
#content-footer a:hover{
	text-decoration: underline;
	color:#FFF;
	}		
			
#footer-1{
	width:100px;
	height:130px;
	float:left;
	margin-left:95px;
	margin-right:15px;
	margin-top:15px;
	}	
	
#footer-2{
	width:200px;
	height:130px;
	margin-top:15px;
	float:left;
	margin-right:15px;
	}	
	
	
#footer-3{
	width:160px;
	height:130px;
	margin-top:15px;
	float:left;
	margin-right:15px;
	}	
	
#footer-4{
	width:320px;
	height:130px;
	margin-top:15px;
	float:left;
	}
#footer-4 a{
	text-decoration:none;
	color:#FFF;
	}
	
#footer-4 a:hover{
	text-decoration: underline;
	color:#FFF;
	}		
	
#box_copyright{
	width:955px;
	height:20px;
	float:left;
	margin-top:20px;
	}		
	
#copyright{
	width:400px;
	height:auto;
	float:left;
	margin-left:15px;
	font-size:10px;
	padding-top:3px;
	color:#CCC;
	}

		
	
#octantis{
	width:400px;
	height:auto;
	float:right;
	margin-right:15px;
	text-align:right;
	}	
#octantis a{
	font-size:10px;
	color:#CCC;
	text-decoration:none;
		}	
	
#octantis a:hover{
	text-decoration:underline;
		}