body{

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 11px;

	color:#494949;

	text-decoration: none;	

	background-color:#f1f1f1;

	/*pour ne pas avoir de marge en haut et en bas du bloc général*/

	margin:0; 

	padding:0;

	background-image:url('../images/trame.jpg');

	background-repeat:repeat;

	}



p{

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 11px;

	margin:0px;

	padding:0px;

	margin-top:13px;

	text-align:left;

}



h1{ 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 14px;

	font-weight:bold;

	margin:0px;

	padding:0px;

	letter-spacing:1px;

}
.ref {display:none
}



.bleu {color:#132b61;}

.bleu-clair {color:#a9c8f2;}

.vert {/*color:#86a65c;*/ color:#6e9ede;}

.gris {color:#494949;}

.gris-clair {color:#909090;}



a.pagination

{

	text-decoration:none;

	font-weight:normal;

	color:#132b61;

}



a.pagination:hover{

	text-decoration:underline;

	font-weight:bold;

	color:#132b61;

}



a.pagination2{

	text-decoration:none;

	font-weight:normal;

	color:#132b61;

}



a.pagination2:hover{

	text-decoration:underline;

	font-weight:normal;

	color:#132b61;

}



.bleu-offre{color:#132b61; line-height:18px;}



#tout{

	background-image:url('../images/fon.jpg');

	background-repeat: repeat-y;

	width:949px;

	padding-left:30px;

	padding-right:30px;

}

	



#haut{ float:left; height:144px; margin-bottom:12px; }

.logo{ float:left; margin-left:27px; display:inline; }

.slogan{ float:right; text-align:right; color:#132b61; margin-top:45px; margin-bottom:30px; padding-right:20px;}



#bandeau {float:left; height:148px;}

#bouton {float:left; width:169px; margin-right:9px;}



.bouton1{ float:left; background-image:url('../images/bouton.jpg'); width:133px; height:55px; font-size:16px; text-transform:uppercase; text-decoration:none; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; padding-left:36px; padding-top:18px; color:#FFFFFF;}



.bouton2{ float:left; background-image:url('../images/bouton.jpg'); width:133px; height:55px; font-size:16px; text-transform:uppercase; text-decoration:none; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; padding-left:36px; padding-top:18px; color:#FFFFFF; margin-top:2px;}



.anim{ float:left; width:710px; }



.contact-logo{ float:left; margin-left:12px; margin-top:7px;}

.accueil-logo{ float:left; margin-left:20px; margin-top:7px;}





#gauche{float:left; width:169px; margin-right:43px; margin-top:46px; display:inline;}

#col-gauche{float:left; width:309px; margin-right:38px; margin-top:46px; display:inline;}

#col-droite{float:left; width:309px; margin-top:46px; display:inline;}

#col-droite2{float:left; width:309px; margin-top:77px; display:inline;}

#col-droite3{float:left; width:309px; margin-top:109px; display:inline;}

#col-centre{float:left; margin-left:16px; margin-top:2px; width:298px; display:inline;}

#col-centre-gris{float:left; margin-left:16px; margin-top:2px; width:280px; display:inline;}

#sepa-centre{float:left; margin-top:30px; margin-bottom:15px; display:inline;}

#col-centre-tout{float:left; width:677px; margin-top:46px; display:inline;}

#col-centre-tout2{float:left; width:661px; margin-left:16px; margin-top:2px;  display:inline;}



#col-gauche-bas{float:left; width:309px; margin-right:38px; display:inline; margin-bottom:25px;}

#col-droite-bas{float:left; width:309px; display:inline; margin-bottom:25px;}



#bloc-gris{float:left; width:666px; margin-left:-12px; height:160px; padding-top:0px; padding-left:26px; background-color:#f2f2f2;}



.titre{ background-image:url(../images/fleche-grise.jpg); background-position:top left; background-repeat:no-repeat; font-size:16px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:17px;}



.titre2{ background-image:url(../images/fleche-grise.jpg); background-position:top left; background-repeat:no-repeat; font-size:18px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:17px;}



.titre-sous{ background-image:url(../images/titre-petit.jpg); background-position:top left; background-repeat:no-repeat; font-size:14px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:17px; margin-top:20px; margin-left:16px;}



.sous-titre{ font-size:12px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e;margin-top:5px; padding-left:18px; padding-bottom:20px;}



.titre-sous-menu{ float:left; height:27px; padding-top:3px; background-image:url(../images/sous1.jpg); background-position:top left; background-repeat:no-repeat; font-size:16px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:36px; margin-bottom:12px;}



.titre2-gris{ background-image:url(../images/fleche-grise2.jpg); background-position:top left; background-repeat:no-repeat; font-size:18px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:17px; width:280px;}



#fon-titre-gris{float:left; width:666px; margin-left:-12px; height:40px; margin-top:46px; padding-top:20px; padding-left:26px; background-color:#f2f2f2; border-bottom-style:solid; border-color:#FFFFFF;}



.gauche-loc-gris{float:left; width:310px; margin-right:32px; display:inline; border-right:2px; border-right-style:solid; border-color:#FFFFFF;}

.droite-loc-gris{float:left; width:320px; display:inline; border-right:2px;}



form{padding:0px; margin:0px;}



a.roll-sous-menu{

	float:left;

	padding-left:10px;

	padding-top:2px;

	margin-top:2px;

	background-image:url(../images/sous3.jpg);

	background-repeat:no-repeat;

	width:159px;

	height:17px;

	font-size:11px;

	text-transform:uppercase;

	text-decoration:none;

	color:#FFFFFF;

	}

	

a.roll-sous-menu:hover{

	float:left;

	padding-left:10px;

	padding-top:2px;

	margin-top:2px;

	background-image:url(../images/sous2.jpg);

	background-repeat:no-repeat;

	width:159px;

	height:17px;

	font-size:11px;

	text-transform:uppercase;

	text-decoration:none;

	color:#FFFFFF;

	}


#gauche ul {

	margin:0px;

	padding:0px;

	padding-left:16px;

	}





#gauche li {

	margin:0px;

	padding:0px;

	list-style-image:url(../images/fleche-bleu.jpg);

	margin-top:14px;

	}


#col-centre ul {

	margin:0px;

	padding:0px;

	padding-left:16px;

	}





#col-centre li {

	margin:0px;

	padding:0px;

	list-style-image:url(../images/fleche-bleu.jpg);

	margin-top:14px;

	}





#col-centre-gris ul {

	margin:0px;

	padding:0px;

	padding-left:16px;

	}





#col-centre-gris li {

	margin:0px;

	padding:0px;

	list-style-image:url(../images/fleche-bleu.jpg);

	margin-top:14px;

	}





.bas{ float:left;

	width:711px;

	border-top:1px;

	border-top-style:solid;

	border-top-color:#132b61;

	margin-left:-30px;

	margin-top:70px;

	margin-bottom:25px;

	}





/* ----------------------- menu deroulant -------------------------------------*/



/*.menu{float:right; width:706px; background-color:#e3efff; height:26px; text-align:right; padding-right:5px;}*/





/*a.roll{ float:right; padding-left:14px; padding-right:14px; color:#4a4a4a; text-decoration:none; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-top:5px; border-left:1px; border-left-style:solid; border-color:#FFFFFF; height:26px;}



a.roll:hover{ float:right; background-color:#e3efff; padding-left:14px; padding-right:14px; height:21px; color:#142d61; text-decoration:none; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-top:16px; margin-top:-11px; border-left:1px; border-left-style:solid; border-color:#FFFFFF;}*/





dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}



.menu{

position:relative;

width:706px; 

height:26px; 

background-color:#e3efff;

margin-left:178px;

padding-right:5px;

margin-top:-25px;

}



#menu {

position: absolute; 

z-index:100;

width:706px; 

height:26px; 

text-align:right; 

}



#menu dl {

float: right;

}



#menu dt {

cursor: pointer;

text-align: center;

}



#menu dd {

background-color: White;

filter:alpha(opacity=70);

-moz-opacity:0.70;

opacity: 0.7;

margin-top:10px;

padding-left:10px;

width:150px;



}



#menu li {

text-align: left;

background: #fff;

}



#menu li a {

text-decoration: none;

display: block;

height: 100%;

/*border: 0 none;*/

color:#132b61;

}



#menu dt a {

text-decoration: none;

display: block;

color:#4a4a4a; text-decoration:none; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-top:5px; border-left:1px; border-left-style:solid; border-color:#FFFFFF; height:26px;

}



#menu dt a:hover {

position:relative; height:21px; margin-top:-11px; padding-top:16px; text-decoration: none; display: block; background-color:#e3efff; color:#142d61; text-decoration:none; text-transform:uppercase; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  border-left:1px; border-left-style:solid; border-color:#FFFFFF; display: block; 

}









#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {}





/* ----------------------- fin menu deroulant -------------------------------------*/


#titre-bleu
{
	float:left;
	width:639px;
	height:49px;
	margin-top:15px;
	padding-left:7px;
	padding-top:10px;
	background-image:url(../images/f1.jpg);
	background-repeat:no-repeat;
}


#sous-titre-bleu
{
	float:left;
	width:623px;
	padding-left:23px;
	padding-top:10px;
	margin-top:8px;
	background: #e4f0ff url(../images/f2.jpg) no-repeat;
}

#texte-bleu
{
	float:left;
	width:623px;
	min-height:267px;
	margin-top:3px;
	padding-left:23px;
	padding-top:15px;
	padding-bottom: 15px;
	background: #ecf4ff url(../images/f3.jpg) no-repeat;
}

.titre2-bleu{ background-image:url(../images/fiche1.jpg); background-position:top left; background-repeat:no-repeat; font-size:16px; text-transform:uppercase; font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif; color:#10295e; padding-left:17px; width:420px; float:left;}



.sous-titre-bleu{ font-size:11px; font-family: Verdana, Helvetica, sans-serif; color:#ffffff; margin-top:5px;}



.titre2-blanc{ font-size:11px; font-family: Verdana, Helvetica, sans-serif; color:#ffffff; margin-top:8px; width:180px; float:right; margin-right:18px; text-align:right; line-height:16px;}



.gauche-bleu{ float:left; width:276px; margin-right:40px;}

.droite-bleu{ float:left; width:285px;}



.gauche-bleu ul {

	margin:0px;

	padding:0px;

	padding-left:16px;

	}





.gauche-bleu li {

	margin:0px;

	padding:0px;

	list-style-image:url(../images/fiche2.jpg);

	margin-top:5px;

	}





.droite-bleu ul {

	margin:0px;

	padding:0px;

	padding-left:16px;

	}





.droite-bleu li {

	margin:0px;

	padding:0px;

	list-style-image:url(../images/fiche2.jpg);

	margin-top:5px;

	}

	

#up{ text-transform:uppercase; font-size:11px;}

#up2{ text-transform:uppercase; font-size:13px;}



.p-fiche{ text-align:justify;}



#bas-fiche{

	margin-top:20px;

	}

	

.retour{float:right; margin-right:36px; margin-top:20px;}









.liste 

{

	margin:0px;

	padding:0px;

}





.liste li 

{

	margin: 0px;

	padding: 0px;

	background: url(../images/fleche-bleu.jpg) no-repeat 0 3px;

	padding-left:16px;

	margin-top: 5px;

}



.lien

{

	text-decoration: none;

}



.lien:hover

{

	text-decoration: underline;

}



#gauche .select

{

	width:169px; 

	margin-top:10px; 

	font-size:11px; 

	height:19px;

}



#col-centre-tout .select

{

	font-size: 10px; 

	width: 207px;

}