@charset "utf-8";
/* CSS Document */
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px; line-height: 150%;}

body {background-color: #686666; background-image:url(../images/extend5.jpg); background-repeat:repeat-x; margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
	
a { text-decoration:none; color:#FF0000; font-weight:bold;}
a:visited {text-decoration: none; color:#999999;}
a:hover {text-decoration: none;color: #0066FF;}
a:active {text-decoration: none;color: #0066FF;}

a.link { text-decoration:none; color:#ffffff; font-weight:bold;}
a.link:visited {text-decoration: none; color:#ffffff;}
a.link:hover {text-decoration: none;color: #0066FF;}
a.link:active {text-decoration: none;color: #ffffff;}

.creditbleu{color: #CAA917;font-weight: bold;font-size: 9px;}
.blanc-petit-ita {font-size: 10px;font-family: Arial, Helvetica, sans-serif;font-style: italic; color:#FFFFFF; }
.plus {font-size: 11px; font-weight: bold; color:#FFFFFF;}
.orangegrand {color: #FFCC00; font-weight: bold; font-size: 13px;}
.orange {color: #CAA917}
.blanc {color: #FFFFFF}
.grisbas {font-size: 9px; color:#CCCCCC}
.orange2 {color: #ffffff; font-size:14px; font-family: 'Holtwood One SC', serif;}
.blanc2 {color: #333333; font-size:18px; font-weight:bold; font-family: 'Aldrich', sans-serif;}

#google {width:905px; height:20px; margin:5px; margin-left:auto; margin-right:auto;}
#google2 {width:605px; height:10px;  float:left;}
#google3 {width:205px; height:10px;  float:right;}
#boxpage3 {width:905px; height:520px; margin-left:auto; margin-right:auto; 	}
#box1 { width:905px; height:250px; margin-left:auto; margin-right:auto;}
#bas{ width:100%; height:360px; margin-left:auto; margin-right:auto; background-image:url(../images/ex.gif);}
#boxpageactu {width:905px; height:1110px; margin-left:auto; margin-right:auto; 	}
#boxpage {width:905px; height:560px; margin-left:auto; margin-right:auto;}
#boxpageimprim {width:905px; height:650px; margin-left:auto; margin-right:auto;}

#boxpagereferences {width:905px; height:1590px; margin-left:auto; margin-right:auto;}
#boxsimple3 { width:860px; height:464px; margin-left:auto; margin-right:auto; background-image:url(../images/refburn1.jpg); background-repeat:no-repeat; background-position:center;}
#boxsimple4 { width:860px; height:464px; margin-left:auto; margin-right:auto; background-image:url(../images/refburn2.jpg); background-repeat:no-repeat; background-position:center;}
#boxsimple5 { width:860px; height:350px; margin-left:auto; margin-right:auto;}
#boxsimple2 { width:850px; height:420px; margin-left:auto; margin-right:auto; background-image:url(../images/cont2.gif);}

a.vertical {color: white;font-size:9px;background-color:#000000; text-decoration: none;font-weight: bold;text-align: center;padding: 0px;display: block; width: 264px}
a.vertical:hover {background-color:#FF0000;}

a.vertical2 {color: white;font-size:9px; background-color:#999999;text-decoration: none;font-weight: bold;text-align: center;padding: 0px;display: block;width: 205px;}
a.vertical2:hover {background-color:#FF0000;}

#toTop {width:70px; height:70px;text-align:center;padding:5px;position:fixed; /* this is the magic */top:30px; /* together with this to put the div at the bottom*/right:15px;border-radius: 10px 10px 10px 10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;opacity: 0.5;-moz-transition: all 200ms ease 0s;z-index: 9999;}
#toTop:hover { opacity: 1; }
 
#toTop2 {width:75px; height:500px;text-align:center;padding:5px;position:fixed; /* this is the magic */top:30px; /* together with this to put the div at the bottom*/left:15px;border-radius: 10px 10px 10px 10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;opacity: 0.5;-moz-transition: all 200ms ease 0s;z-index: 9999;}
#toTop2:hover {opacity: 1; }
 
 #menuenv {width:100%px; height:40px; background-color:black;background-image:url(../images/barre.png);}
#menu ul {margin:0;padding:0;list-style-type:none;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#000000; }
#menu li {float:left;margin:auto;padding:0;background-color:black;background-image:url(../images/barre.png);}
#menu li a {display:block;width:103px;color:white;text-decoration:none;padding:5px;height:20px;}
#menu li a:hover {color:#FFffff;background-image:url(../images/barre2.png);}
#menu ul li ul {display:none;font-size:9px;}  
#menu ul li:hover ul {display:block;font-size:9px;}
#menu li:hover ul li {float:none;font-size:9px;}
#menu li ul {position:absolute;font-size:9px;}  
#menu {height:40px;} 

/* hide from ie on mac \*/	
	#flashcontent {
		width:350px;
		height: 230px;
		background-image:url(../images/gris.jpg);
	}
	/* end hide */ 
	
	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
		width: 958 px;
		height: 163 px;
		*/
		/* CSS HACK */
		width: 958px;	/* IE 5.x */
		width/* */:/**/958px;	/* Other browsers */
		width: /**/958px;
		
		/* CSS HACK */
		height: 233px;	/* IE 5.x */
		height/* */:/**/233px;	/* Other browsers */
		height: /**/233px;
		
		background-color:#000;
		border:0px solid #317082;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:900px;
		height:233px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}

/* ---------------------------------------------------- */  
/* SLIDESHOW 
/* ---------------------------------------------------- */  
#mySlideshow {  
width: 905px;  
height: 223px; 
background-color: #eee;  
border: 0px solid #ddd;}  
  
#mySlideshow ul {  
margin: 0;  
padding: 0;  
list-style-type: none;  
height: 1%; /* IE fix */}  
  
#mySlideshow ul:after {  
content: ".";  
clear: both;  
display: block;  
height: 0;  
visibility: hidden;}              
  
/* ---------------------------------------------------- */  
/* SLIDESHOW > SLIDES 
/* ---------------------------------------------------- */  
#mySlideshow .myslide {  
overflow: hidden;  
width: 905px;}  
  
#mySlideshow .myslide ul {  
/* total width of all slides - 
960px multiplied by 3 in this case */  
width: 27015px;}  
  
#mySlideshow .myslide li {  
width: 905px;  
float: left;  
padding: 0px;}  
  
#mySlideshow .myslide img {  
margin-top: 0px; margin-left:0px; margin-right:0px;} 

#mySlideshow .myslide-nav {  
/* background-color: #ddd;  */
width: 905px;
margin-top: 0px; margin-left:0px; margin-right:0px;} 
/* border-top: 0px  #ccc;} /* solid */
  
#mySlideshow .myslide-nav li {  
float: left;}  
  
#mySlideshow .myslide-nav li a {  
display: block;  
padding: 0px 7px; 
outline: none;}

.js #mySlideshow .myslide-nav li.on,  
.js #mySlideshow .myslide-nav li.on a {  
background-color: #eee;}  
  
.js #mySlideshow .myslide-nav li.on a {  
position: relative;  
top: 0px;}  

#navigation {width:200px; height:50px;text-align:center;padding:5px;position:fixed;top:140px;left:820px;border-radius: 10px 10px 10px 10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;opacity: 0.5;-moz-transition: all 200ms ease 0s;z-index: 9999;}

#flechegauche {width:60px; height:60px;text-align:center;padding:5px;position:fixed;top:40px;left:15px;border-radius: 10px 10px 10px 10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;opacity: 0.5;-moz-transition: all 200ms ease 0s;z-index: 9999;}

#flechedroite {width:60px; height:60px;text-align:center;padding:5px;position:fixed;top:40px;left:880px;border-radius: 10px 10px 10px 10px;cursor:pointer;display:none;color:#333;font-family:verdana;font-size:11px;opacity: 0.5;-moz-transition: all 200ms ease 0s;z-index: 9999;}