/* CSS Document */
/* CSS Document */
* {margin: 0;padding: 0;}

/* @group hacks */

.clearfix { display: inline-table;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

body {margin:0;padding:0;font-family: Geneva, Arial, Helvetica, sans-serif; background:#384055 url(img/bg.jpg) top left repeat-x; }
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
img{border:none;text-decoration:none;}
p {color:#666666;font-size:12px; }

#conteneur {margin: auto;width:912px;background:#384055 url(img/fond-conteneur.png) top left no-repeat;}
#banniere{margin:0 auto;width:860px;height:95px;background: url(img/top.jpg) top left no-repeat; }
#banniere h1 {padding-top:20px;text-align:right; font-size:20px; color:#FFFFFF; font-weight:normal;}
#banniere img{ margin:0px; float:left;}

#logo {padding-left:20px;padding-top:20px;}
.imgdroit{
float:right;
margin:0px 20px 10px 10px;
}
.separation {clear:both;visibility:hidden;}

/****************************************** BANDEAU HAUT ***********/
#bandeau_haut {
margin:0 auto;
background:#5D6884;
width:860px;
height:30px;
text-align:center;
color:#FFFFFF;
font-size:14px;
line-height:30px;
}

/****************************************** MENU PRINCIPAL ***********/


#menu p{color:#FFFFFF;}

#menu {
position: relative; /* placement du menu, à modifier selon vos besoins */
top:40px;
z-index:20;
font-size:11px;
/*font-weight:bold;*/
/*background:#e9dfab;*/
width: 160px;
}

#menu dt {
cursor: pointer;margin: 2px 0;
width:160px;
height:28px;
background:url(img/menu.jpg) top left no-repeat;
color:#FFFFFF;
text-align: left;
vertical-align: middle;
}
#menu dd {line-height: 1.3em;}
#menu li {text-align: right;}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
margin-left:30px;
display: block;
border: 0 none;
height:100%;
vertical-align: middle;
text-align:left;
font-size:12px;
font-weight:bold;
}

#menu dt a:hover {background:#ebaa04;color:#FFFFFF;}
/******************************  **********************************/
.navigation {color: #fff;width: 160px;font: 1.2em ;}
.navigation a, .navigation span {
      display:block;
	  width:128px;
	  height:28px;
	  margin: 2px 0;
	  padding-left:20px;
	  padding-right:5px;
      color: #666666;
      text-decoration: none;
	  cursor:pointer;
      /*background: url(img/menu.jpg) left bottom no-repeat;*/
      }
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      /*background-image: url(img/menu.jpg);*/
      }
.navigation .open a, .navigation .open span {
      /*background-image: url(img/menu.jpg);*/
      }
.navigation a:hover, .navigation a:focus, .navigation a:active {
	  /*background-image: url(img/menu-over.jpg);*/
	  background: #00A9D9;
      text-decoration: none;
      }
.navigation .subMenu {
      font-size: 1em;
	  width:140px;
	  margin-left:10px;
	   
      /*background:  #990000 ;*/
      }
.navigation ul.subMenu a { background: none; padding: 2px 10px;color:#00A9D9; }

/*****************************  **********************************/
#conteneur p{margin-top:5px;color:#666666;font-size:12px;}

/*********************************** BLOC GAUCHE *****/
#navgauche{
/*position:relative;*/
width:160px;
margin-left:30px;
min-height:600px;
float:left;
color:#333333;
text-align:left;
/*background: url(img/fond-gauche.jpg) top right repeat-y;*/
overflow:hidden;

/*z-index:10;*/
}
#navgauche img{border:none;text-decoration:none;}

/***************** Global ****************************************/
#global {padding-top:10px;width:690px;float:left;/*min-height:400px;*/}
#global h1{padding:5px;font-size:14px;border: #00A9D9 solid 2px;color: #333333;}
#global h1 a{padding:5px;font-size:14px;color: #333333;text-decoration:none;}
#global h2, h2 a{padding:5px;font-size:11px;color: #FF6600; }
#global h3{padding:5px;font-size:14px;color: #333333;}
#global h3 a{padding:5px;font-size:14px;color: #333333;}
#global a{color:#666666; }

/***************** actus ***********************/
#actus{float:left;margin-left:10px;width:330px;}
#actus h1{padding:4px;font-size:14px;color:#00A9D9;border:none;}
#actus h1 a{padding:1px;font-size:16px;color:#00A9D9; text-decoration:none;}
#actus h2{padding:4px;font-size:9px;color:#666666;}
#actus p{padding:4px;font-size:11px;color:#666666;}

/***************** global2 ***********************/
#global2 {float:left;margin-left:10px;width:90%;}
#global2 h1{padding:4px;font-size:14px;color:#00A9D9;border:none;}
#global2 h1 a{padding:1px;font-size:16px;color:#00A9D9; text-decoration:none;}
#global2 h2{padding:4px;font-size:9px;color:#666666;}
#global2 p{padding:4px;font-size:11px;color:#666666;}

/***************** plan ***********************/
#plan {float:left;margin-left:100px;width:50%;}
#plan h1{padding:4px;font-size:14px;color:#00A9D9;border:none;}
#plan h1 a{padding:1px;font-size:16px;color:#00A9D9; text-decoration:none;}
#plan h2{padding:4px;font-size:9px;color:#666666;}
#plan p{padding:4px;font-size:11px;color:#666666;}
#resume {width:95%;height:160px;}


#presentation {float:left;margin-left:5px;padding:4px;width:330px;/*background: #f1f1f1;*/}
#presentation h1{font-size:13px;color:#FFFFFF;text-align:center;background: #00A9D9;border:none;}
#presentation p{padding:4px;font-size:11px;margin-top:5px;color:#666666;}

#pied {
margin:0 auto;
padding:0;
padding-top:50px;
/*margin-top:5px;*/
width:860px;
height:30px;
/*background: #CCCCCC;*/
font-size:10px;
color: #ffffff;
text-align:center;
background: #384055 url(img/fond_footer.gif) top left no-repeat;
/*border-top:#999999 solid 2px;*/
}
.bleu {color:#00a9d9;}
#pied a{ margin:0;padding:0;text-decoration:none;color:#ffffff;}