/* CSS Document */
body {font-family: Verdana, Arial, Helvetica, sans-serif;	text-align:center; 
font-size: 0.75em;margin: 0;padding-top:10px;background-color: #ffffff;}
* {margin:0; padding: 0;}
a:link {color: #3366FF;}
a:visited {color: #969696;}
a:active {color:#000000;}
a:hover{color:#000000;}

/*intern header--------------------------------------------------------------------*/
#header {padding-top:10px;height: 160px;/*background-image: url(../images/haut-gauchecomplet2.jpg;background-color: Gray;*/)
background-repeat: no-repeat;} 
#logo img{background-color: Gray; float:left;
height: 160px;width: 76px; margin-left:1.5em; }
#header h1{font-family: Arial, Helvetica, sans-serif;font-size: 1.8em;
margin: 0 0 0 6.7em; color: #ffffff;font-weight: normal;}
.bleuclair{color: #E1F0FF;}
/*menus---------------------------------------------------------------------------*/
#nav{width: 150px; position: absolute; top: 0px;left: 0px; 
overflow: hidden;/* background: Gray url(../images/blocgauche.jpg) no-repeat;}*/}
#menu {margin: 3em 1.2em 2em 1em;}
#menu a {font: bold 10.5px verdana;color: #ffffff;text-decoration: none;
display: list-item;list-style-type: none;
border-bottom: 5px solid Gray;padding: 0.8em 1.5em;margin-right: 0.1em; 
background-color: #9da3c1;}
/*#menu a:visited {color: #DFE0EA;}*/
#menu a:hover {border-bottom:5px solid #0c0cce;color: #0c0cce;}
.last{margin-bottom:5em;}

/*--------les conteneurs--------------------------------------*/
#mainwrap {min-width: 780px;max-width: 800px;
margin-left: auto;margin-right: auto;text-align: left;
background-image: url(../images/haut-gauchecomplet3.jpg);background-repeat: no-repeat;}
#colwrapperleft { background-color:#FFF; background:url(images_pres/faux_left.gif) repeat-y top left; 
position:relative; }
#colwrapperright {background-color:#FFF; background:url(images_pres/faux_right.gif) repeat-y top right; 
position:relative; }
/*------------------------------------------------------*/
#centre {background-color:#FFF; margin:0 150px 0 140px;padding:3em 0.5em 0 1em; }
#centre h2 {
	font-family: Verdana, Geneva,  sans-serif; font-size: 1.2em;	color: #3366FF;
	padding-left: 0.5em;padding-bottom: 0.2em;
	margin: 1.5em 0.8em 2em 2.5em;
	border-left: 5px solid #3366FF;border-bottom: 2px solid #3366FF;}
#centre h3 {
	font-family: Verdana, Geneva,  sans-serif; 
	font-size: 0.95em;
	padding-left: 0.5em;
	margin: 3em 0.8em 0em 3em;
	border-left: 5px solid #3366FF;
	color: Blue;}
#centre p{
	font-family: Verdana, Geneva,  sans-serif; 
	color: #000000;font-size: 0.95em;
	margin: 1em 2.5em 1em 3em;
	}
/*#centre img{float: right;}*/
#methodology ul{font-family: Verdana, Geneva,  sans-serif; 	margin:0em 0em 1em 5em;}
#methodology li{list-style: square inside url(../images/carrebleu2.gif);
font-size: 0.95em;margin: 0.5em 0em 0em 3.5em;}
#methodology li.last{margin-bottom: 3em;}
#tips ul{font-family: Verdana, Geneva,  sans-serif; 	margin:0em 0em 1em 5em;}
#tips li{list-style: square inside url(../images/carrebleu2.gif);
font-size: 0.95em;margin: 0.9em 0em 0.5em 3.5em;}
#tips li.last{margin-bottom: 2.5em;}
.gras{font-weight: bold;}
#bloc {background-color: #CACDDD;padding: 2em 2em 2.5em 2em;
margin: 0 0 0 2em;font-family: Verdana, Geneva,  sans-serif;
color: #000000;font-size: 0.95em;}

/*colonne de droite____________________________________________*/
#droite {width:150px; position:absolute;  top:0px; right:0px; font-size:0.8em;color:blue;
font-weight:bold;
background-color:#fff; overflow:hidden; }
/*#droite img{ margin:7em 0em 0em 5em;}*/
#photodoug 
#droite p{background-color:#fff;  }
#photodoug img{ margin:8em 0em 0em 0em;border:2px solid blue;}
#droitephoto img{ margin:3em 0em 0em 0em;border:2px solid blue;}

#logopartners img{ margin:2.5em 0em 0em 0em;}
/*menu horizontal bottom--------------------------*/
#pied{/*margin: 20px 280px 0 280px;*/
margin: 7em 28.5em  0  31em; border-top:1px solid #cccccc;clear:both;font-size: 0.8em;
height: 30px;background-color: #ffffff;text-align:center;padding:1em;}
#pied p{margin:1.5em 0 0 0 ;font-family: Verdana, Geneva,  sans-serif;
text-align: center;}
.designer{font-size: 1em;margin: 0.7em 0 0 0;color: #A0A0A0;font-style: italic;}
#menubas ul {list-style-type: none;margin: 1em;
font-family: Verdana, Geneva,  sans-serif;text-align: center;}
#menubas  li {display: inline;}
#menubas  a {margin: 0 1em;color: Black;text-decoration: underline;}
#menubas  a:visited {color: #737373;}
#menubas  a:hover {text-decoration: none;}
/*----------------------------------------------------------*/
.clear{clear:both;height:0; line-height:0;}
.clearfix:after { content: ".";  display: block;   height: 0;  clear: both;   
visibility: hidden;	}
.clearfix {display: inline-block;}   
* html .clearfix {height: 1%;}
.clearfix {display: block;}