body {
	margin: 0 ;
	background-color:#F5BF2E;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	
}

a {
	text-decoration:none;
	color:#F0C12D;
}

a:hover {
	text-decoration:none;
	color:#2080D0;
}



#largeur {
	margin: 0 auto;
	width: 100%;
	background-image: url(images/fond_body.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#F5BF2E;
}

.justif{
	text-align:justify;
	}
.retrait{
	padding-left:10px;
	}

#page {
	
	width: 100%;
/*	height:750px;*/
}
#header {
	margin:0 auto;
	height: 120px;
	width: 955px;
	background-image: url(images/fond_header.jpg);
}
/* menu*/
#largeur_menu_acc {
	height: 32px;
	width: 100%;
	background-color:#F4D137;
}


#menu_acc {
	margin:0 auto;
	height: 32px;
	width: 955px;
	background-image: url(images/fond_menu_acc.jpg);
}

#menu_acc ul {
	list-style:none;
	padding:10px 0 0 50px;
	margin:0;
}


#menu_acc li {
display:inline;
}

#menu_acc li a {
	color: #F8B500;
	font-weight:bold;
	background:url(images/cercle_trait2.gif) no-repeat 0 90% ;
	padding-left:42px;
	font-size:14px;
}

#menu_acc li a:hover{
	color: #fff;
	font-weight:bold;
}

#menu_acc  .accueil {
	background:url(images/cercle_trait.gif) no-repeat 0 90% ;
	padding-left:120px;
}

#menu_acc  .active {
	color: #fff;
	font-weight:bold;

}



/*le contenu */
#largeur_centre_acc {
	width: 100%;
	background-color:#6472D6;
	background-image: url(images/pix_centre_acc.gif);
	background-position:top;
	background-repeat: repeat-y;

}

#centre_acc {
	margin:0 auto;
	width: 955px;
	background-image: url(images/fond_acc.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display:table;
}

#hauteur {
	height: 403px; /* hauteur  flexible*/
	width: 0px;
	float:left;
}

#contenu {
	float: left;
	width: 728px;
	padding-left:30px;
}

#txt_acc {
	float: left;
	width: 490px;
	padding: 0 10px 0 10px;
}

#txt_acc h2{
	font-size:12px;
	color:#777FBA;
	margin:5px 0 0 0 ;
	padding:0;
	text-transform: uppercase;
	letter-spacing:-1px;
	
	

}
#txt_acc p{
	margin:15px 0 8px 0;
	padding:0 0 0 15px;
	line-height: 15px;

}

#txt_acc .visuel{
text-align: center;

}


#bloc_visuel_droit {
	float: left;
	width: 209px;
	background-image: url(images/fond_liste.jpg);
	background-repeat: no-repeat;
	background-position:0% 0 ;
	padding:164px 0 0 0px ;
	margin:15px 0 0 5px ;
}


#liste {
	background-color:#767FBA;	
	float: left;
	width: 209px;


}


#liste h3{
	font-size:12px;
	color:#F8B500;
	margin:0 ;
	padding:5px 0 0 5px; 
}


#liste ul{
	margin: 0 ;
	padding:10px 0 0 25px;
	list-style:none;
}


#liste li{
	list-style-image:url(images/fleche.gif);
}




#brd2 {
	float: left;
	height: 8px;
	width: 209px;
	text-align:left;
	background-color:#767FBA; 
}



#actualites {
	float: right;
	width: 181px;
	/*height:250px;*/
	margin:20px 0 0 0  ;
}

#actualites .titre {
	padding-left:6px;

}

.actus{
	padding-bottom:10px;
}


#brd_act1 {
	float: left;
	width: 181px;
	height:10px;
}
#taille_bloc {
	float: left;
	width: 0px;
	height:202px;
	
}


#cont_actualites {
	float: left;
	width: 163px;
	/*height:202px;*/
	background-image:url(images/pix_act.jpg);
	padding: 0 12px 0 6px
	
}

#cont_actualites  p{
	margin:0px 0 5px 0 ;
	
}

#cont_actualites  .savoirplus{
	text-align:right;
	font-weight:bold;
	background:url(images/fleche_ronde.gif) no-repeat 48% 50% ;
	padding-left:10px;
}


#cont_actualites .savoirplus a{
	color:#FFF;
}

#cont_actualites .savoirplus a:hover{
	color:#3B459C;
}








#brd_act2 {
	float: left;
	width: 181px;
	height:18px;
}




#footer {

	clear: both;
	margin: 0 auto;
	height: 105px;
	width: 955px;
	background-color:#F5BE2D;
}
#adresse {
	float:left;
	height: 25px;
	width: 955px;
	padding-top:10px;
	font-size:9px;
	text-align:center;
}

#adresse  span{
	position:relative;
	top:5px;
}


#toptech {
	float:left;
	height: 60px;
	width: 955px;
	text-align:center;
	
}

#toptech a{
	color:#8B8B8B;
	font-size:9px;
}

#toptech a:hover{
	color:#3A459B;
}


#bloc_visuel_bas {
	
	clear:both;
	height: 60px;
	width: 728px;
	background:url(images/carton.jpg) no-repeat 100% 100% ;
	
}

#largeur_bas_acc {
	clear:both;
	margin:0 auto;	
	height: 91px;
	width:100%;
	background-image: url(images/brd.gif);
}

#bas_acc {
	height: 91px;
	width: 955px;
	margin:0 auto;
	background-image: url(images/fond_bas_acc.jpg);
}



/* ++++++++++++ NAVIGATION +++++*/

#menu_nav{
	margin:0 auto;
	height: 32px;
	width: 955px;
	background-image: url(images/fond_menu_nav.jpg);
}
#menu_nav ul {
	list-style:none;
	padding:10px 0 0 50px;
	margin:0;
}


#menu_nav li {
display:inline;
}

#menu_nav li a {
	color: #F8B500;
	font-weight:bold;
	background:url(images/cercle_trait2.gif) no-repeat 0 90% ;
	padding-left:42px;
	font-size:14px;
}

#menu_nav li a:hover{
	color: #fff;
	font-weight:bold;
}

#menu_nav  .accueil {
	background:url(images/cercle_trait3.gif) no-repeat 0 90% ;
	padding-left:286px;
}

#menu_nav  .active {
	color: #fff;
	font-weight:bold;

}


#contenu_nav {
	margin:0 auto;
	width: 870px;
	padding-top:0px;
}


#largeur_centre_nav {
	width: 100%;
	background-color:#6472D6;
	background-image: url(images/pix_centre_nav.gif);
	background-position:top;
	background-repeat: repeat-y;

}



#centre_nav {
	margin:0 auto;
	width: 955px;
	/*height:500px;*/
	background-image: url(images/fond_nav.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display:table;
}

#hauteur_nav {
	height: 403px; /* hauteur  flexible*/
	width: 0px;
	float:left;
}

#largeur_bas_nav {
	clear:both;
	margin:0 auto;	
	height: 91px;
	width:100%;
	background-image: url(images/brd_nav.gif);
}


#bas_nav {
	height: 64px;
	width: 955px;
	margin:0 auto;
	background : url(images/fond_bas_nav.jpg) no-repeat 0 0 ;
}


#adresse_nav {
	float:left;
	width: 955px;
	padding-top:30px;
	font-size:9px;
	text-align:center;
	color:#fff;
	
	
}

#adresse_nav  span{
	position:relative;
	top:5px;
}




/* ++++++++++++ PAGE SAVOIR FAIRE +++++*/
#bloc_left2 {
	float: left;
	width: 257px;
	padding:0 6px 10px 10px;
	border-right-color: #6472d6;
	border-right: 1px solid;
}

#bloc_left {
	float: left;
	width: 257px;
	padding:0 6px 5px 10px;
	border-right-color: #6472d6;
	border-right: 1px solid;
}

#bloc_left p, #bloc_left2 p{
margin:8px 0 8px 0;
}


#bloc_left  .maj, #bloc_left2  .maj{
	text-transform: uppercase;
	color:#F8B500;
	font-weight:bold;
}

.titre2{
	color:#F8B500;
	font-weight:bold;
	font-style: italic;
}
#titre25{
	color:#F8B500;
	font-weight:bold;
	font-style: italic;
	text-align:center;
}
.titre3{
	color:#ffffff;
	font-weight:bold;
	font-style: italic;
}
.titre4{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
.titre5{
	color:#F8B500;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
}
/*******/

#bloc_middle {
	float: left;
	
	width: 280px;
	padding:0 6px 0 10px; 
}

#bloc_middle  p{
margin:8px 0 8px 0;
}


#bloc_middle  .maj{
	text-transform: uppercase;
	color:#F8B500;
	font-weight:bold;
}


/*******/

#bloc_right {
	float: left;
	width: 280px;
	/*background:url(images/bar2.gif) no-repeat 100% 50%;*/
	padding:0 6px 0 10px;
	border-left: 1px solid;
	border-left-color: #6472d6;
}

#bloc_right  p{
margin:8px 0 8px 0 ;
}


#bloc_right  .maj{
	text-transform: uppercase;
	color:#F8B500;
	font-weight:bold;
}

.lien {
	text-align:right;
	width:100%;
	
	
}

.lien a{
	color:#F8B500;
	text-decoration:underline;
}


.lien a:hover{
	color:#fff;
	text-decoration:underline;
}



/*+++++++PAGE CONTACT++++++*/



#centre_nav2 {
	margin:0 auto;
	width: 955px;
	/*height:500px;*/
	background-image: url(images/fond_nav2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display:table;
}


#visuel_tel {
	float: left;
	height: 200px;
	width: 280px;
}
#bloc_contact {
	float: left;
	height: auto;
	width: 500px;
	padding-left:30px;
}
#coordonnes {
	float: left;
	height: 215px;
	width: 100%;
}




#coordonnes .ico_adr {
background:url(images/icone_adresse.jpg) no-repeat 0 0 ;
padding-left:50px;
margin:10px 0 25px 0;
}

#coordonnes .ico_tel {
background:url(images/icone_tel.jpg) no-repeat 0 0 ;
padding-left:50px;
margin:5px 0 25px 0;

}

#coordonnes .ico_mail {
background:url(images/icone_mail.jpg) no-repeat 0 0 ;
padding-left:50px;
margin:5px 0 25px 0;

}

#coordonnes h3 {
	background:url(images/fond_titre.jpg) no-repeat 0 0 ;
	padding-left:6px;
	color:#FFFFFF;
	font-size:14px;
	margin:0 ;
}

#coordonnes .visuel_contact{
	float: right;
	
}



/******* formulaire *****/

#fomulaire {
	clear:both;
	padding-top:15px;
	
}


#fomulaire p{
float:left;
margin:5px 0  5px 0;
}


#fomulaire input{
display: inline;
}

#fomulaire label{
float:left;
padding-top:7px;
}


#fomulaire input {
	
	float:right;
}


#fomulaire .niv1 {
float:left;
width:220px;
margin:0 5px 0 0 ;
}




#fomulaire .niv2 {
float:right;
width:220px;
}

#fomulaire .niv3 {
width:400px;
float:left;
width:100%;
}

#fomulaire .niv3 textarea {
width:420px;
height:50px;
margin-left:15px;
float:right;
}

#fomulaire .niv3 label {
float:left;
}


#fomulaire .niv3 .bout {
padding-right:0px;
}


#fomulaire .niv3 .rouge {
padding-right:20px;
color:#F5C02E;
margin: 5px 0 10px 0 ;
font-size:16px;

}

.liste{
	padding:0 0 0 25px;
	}
	
	
.clear{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	background-color: #6472d6;
	}