body{
	background:#fff;
	margin:10px 0 0 0 ;
	font:normal 11px verdana;
	overflow:scroll;
}

.bloc12 img {padding:5px 30px; background:url(images/fd_sdx.png) #cbd3e4; }

.bloc12{ float:left; border :solid 0px #cbd3e4; width:160px; margin:3px; padding:3px; }
.bloc33{ float:left; width:31%; margin-right:1%; padding:0px; }
.bloc33 p{ padding:5px;  }
.bloc350{ float:left; width:350px; margin:3px; padding:3px; }
.bloc50 {float:left; width:48%; margin-right:1%; padding:3px;}
.bloc66 {float:left; width:60%; margin:0; padding:0px;}

.colonneBleu { background-color:#ededed;}
.colonneBleu h4{ background-color:#d2d2d2; margin:0;}
.colonneVerte { background-color:#d2d2d2;}
.colonneVerte h4{ background-color:#ededed; margin:0;}
.colonneJaune { background-color:#f1f1f1;}
.colonneJaune h4{ background-color:#f7f7f7; margin:0;}


a {  text-decoration:none; color:#085aa7;}
h1, h2, h3, h4 {color:#085aa7;}
h1, h2 { font-size:16px; }


h1 {margin-left:10px;}

.clear {clear:both;}
h3 {
  padding:15px 0 0 40px;
  
  font-weight: bold;
  margin-bottom:15px;
  clear:right;
  font-size:14px;
}
h4 {
  background:url(images/ico_fleche.png) no-repeat left;
  padding:4px 4px 4px 20px;
  font-weight: bold;
  font-size:12px;
}
/*.titreColonne { background:url(images/fd_pix_trans.png);}*/
ul { padding-left:20px;}
li { margin:0;}

img {border:0;}

#page{
	width:100%;
}

#header{
	width:1000px;
	background:#fff;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}

#footer{
	width:100%;
	margin:0 auto;
	clear:both;
	padding:25px 0px;
}

#corps{
	width:1030px;
	margin-bottom:0px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
}

#menu{
	width:100%;
	height:54px;

	padding-left:15px;
	background:url(images/img_barre_menu.png) repeat-x bottom;
}
#menuContent {	margin-left:auto;	margin-right:auto;	width:980px; }
#menu img{ float:right; margin-top:-40px; }

#menu a{
  text-decoration:none;
	color:#fff;
}

#menu ul{
	margin:0px;
	padding:0px 0;
  line-height: 50px;
}

#menu li{
	display:inline;
	letter-spacing:1.2;
	color:#fff;
}

#menu li:hover{
  text-decoration:underline;
}

.menu_defaut {
    display:block;
    float:left;
    height:53px;
    margin-right: 11px;
    padding: 0px 0 5px 18px;

}

/*.menu_defaut:hover {
  background: transparent url('images/menu_droite.png') no-repeat scroll bottom right;
  color: #fff;
  }
.menu_defaut:hover span{
  background: transparent url('images/menu_gauche.png') no-repeat scroll bottom left;
  color: #fff;
	padding:27px 10px 27px 10px;
}*/
.menu_focus a{
  	background: transparent url('images/menu_droite.png') no-repeat scroll bottom right;
    color: #fff;
    display:block;
    float:left;
    height:53px;
    padding-right:19px;
    padding-left:0px;
    margin-right: 0px;
  margin-left:-5px;
}
.menu_focus span{
  	background: transparent url('images/menu_gauche.png') no-repeat ;
    color: #fff;display:block;
    float:left;
    height:53px;
    padding: 0px 0 5px 23px;
}
 
#gallerie
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#extranet{
	width:92%;
	padding-left:25px;
	border-left:none;
	border-right:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:20px;
}


#presentation{
  	width:780px;
  	float:left;
    clear:left;
}

#presentationNews
{
	margin-left:20px;
	text-decoration:underline;
	margin-top:20px;
}
.img_puzzle {
	float:right;
  margin:0px 0px  -20px 0PX;
}

#divNews{
	margin-top:15px;
	width:218px;
	float:left;
}

.news{
	margin-bottom:15px;
  padding:5px;
	border: dotted 1px #d5e3f0;
}

.dateNews{
	/*background:url(images/fd_barre.png);*/
	width:100%;

}

.titreNews{
	margin-left:30px;
	color:#085aa7;
	font-size:13px;
	font-weight:bold;
}
.hautNews{
	background:url(images/fd_news.png) repeat-y;
	height:26px;
	width:206px;
	padding-top:4px;
}
.contenuNews {
  margin:3px;
  }
.titreCategorie { margin:-20px 0 0 0; }

.contenuCategorie {
  margin:0px;
  padding:0;
  }
.contenu {
  margin:0px;
  padding:0;
  }

#menuRubrique { float:right;}
  
#echecConnexion{
	color:#FF0000;
}

#titrePartieExtranet{
	text-align:left;
}
#corpsForm {margin:0;}
#formulaire {width:100%;}
#formulaire fieldset {margin:5px; border:solid 1px #fff;}
#formulaire label { width:100px; display:block; float:left; height:16px; margin:4px 2px; padding:2px 0;}
#formulaire input { width:170px; margin:3px 0px; float:right;}
#formulaire textarea { width:570px;  float:left;}
#send2 { }