body{padding-top:15px; margin: 0; background-color: #FFFFFF}
table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #325487; }


div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #325487;}
h1{color: #0b2557; font-family: Arial, Helvetica, sans-serif; font-size:  17px; font-weight: bold; border: 0; padding: 1px 0px 1px 0px; margin:0;  letter-spacing: 0px; }
h1 a{color: #0b2557; font-family: Arial, Helvetica, sans-serif; font-size:  17px; font-weight: bold; border: 0; padding: 1px 0px 1px 0px; margin:0;  letter-spacing: 0px;}
h1 a:hover{color: #5c8abb;}
h2{color: #3A5F9A; font-family: Arial, Helvetica, sans-serif; font-size:  15px; font-weight: bold; border: 0; padding: 1px 0px 1px 0px; margin:0;  letter-spacing: 0px; }
h3{color: #325487; font-family: Arial, Helvetica, sans-serif; font-size:  13px; font-weight: normal; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 1px; }
h4{color: #5C8ABB; font-family: Arial, Helvetica, sans-serif; font-size:  13px; font-weight: bold; border: 0; padding: 1px 0px 1px 0px; margin:0; letter-spacing: 1px;}
h4 span{color: #ffffff; font-size:  12px;}
.lignes{border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd}
p{margin: 0; padding: 0 0 2px 0; border: 0}
.just{text-align: justify }
.gras{font-weight: bold}
em{font-size: 13px;}
.note{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #AAAAAA; /*text-decoration: none;*/}
.note:hover{color: #BBBBBB;}
.justifie, .just, .j{text-align: justify;}
.centre, .c{text-align: center;}
.droite, .d{text-align: right;}
.none{display:none;}
.tnone{text-decoration:none;}
.p10{padding:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.ml20{margin-left:20px;}
.l30{width:30%;}
.l33{width:33%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.flotte, .fleft{float:left;}
.fright{float:right;}
.fcenter{margin-right: auto;margin-left: auto;}

/*TABLEAU de DONNEES*/
table.table				{border-spacing:0; border-collapse:collapse; border:1px solid #a3c8e3; width:98%; margin:2px auto; text-align:left;font-size:9px; }
table.table td			{color:#0063bb;vertical-align:middle;text-align:center;}
table.table th			{font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#ffffff; font-size:12px; font-weight:normal; background:#375f9b; vertical-align:middle; padding:3px 4px;}

table.table th.sth,
table.table tr.sth th,
table.table th.sth,
table.table tr.sth th,
table.table td{border:1px solid #c4dced; padding:3px 4px; }
/* header*/
table.table th.sh,		table.table tr.sh th		{background:#649bd4;}
/* sous-TH*/
table.table th.sth,		table.table tr.sth th		{background:#ecf1f7; color:#0063bb; font-size:10px; line-height:12px;}
table.table th.n,		
table.table td.n,
table.table tr.sh .n{background:none; border:0;}
table.tablesmall{font-size:8px;}


ul{list-style-type: none; padding: 0;  margin:5px 0 0 0;font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .2em; padding:0 0 5px 1.5em;border:0; margin: 0 }


a{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color:#5c8abb ;text-decoration: underline;}

a:hover{color: #94b2d3;}
.pointer{cursor:pointer}
.left{float:left;}
.clear{clear:both}
.center{text-align:center}

.mt5{margin-top:5px}
.mt15{margin-top:15px}
.ml30{margin-left:30px}
.ml150{margin-left:150px}
.ml230{margin-left:230px}
.ml30{margin-left:30px}
.p10{padding-left:10px}

.deroul{padding-top:5px; border:2px solid #CCE3FF; padding:10px;}
.plus{ font-style:italic;}
.titre_bleu{ background:#4D85E4; color:#FFF; text-transform:uppercase}

#divinfo{padding: 5px; border: 1px solid #ffd90f; background-color: #ffffbb/*#f0f5e8*/;
	position: absolute; display:none;left: 100px; width: 400px; top: 100px; height: 260px;}
#divinfo img{cursor: pointer;}
#cinfo{overflow: auto; height: 220px; clear: both; background: url(images/fond_ombre.gif) repeat-x top #ffffff; border: 1px solid #ffd90f; padding: 5px; }
#cinfo h2{margin-bottom: 10px;}
#cinfo p{text-align: justify;}
.fond_radio{width:100%; background:#c0d0f5;}
.titre_radio{width:100%; background:#5481ea; text-align:center}
.p5{padding:5px;}
.filet{border:1px solid #FFF;}
.lien{cursor:pointer; background-image: url(images/puce.gif); background-color:#B4CAEF; background-repeat: no-repeat; background-position: 0 .2em; padding:0 0 5px 1.5em;border:0; margin: 0; 
        -moz-border-radius: 5px 0px 5px 0; -webkit-border-radius: 5px 0px 5px 0; border-radius: 5px 0px 5px 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
        padding-top:5px; padding-right:5px;}
.lien:hover{background-color:#CBDBF7}
.lien_up{cursor:pointer; background-image: url(images/puce_up.gif); background-color:#B4CAEF; background-repeat: no-repeat; background-position: 0 .2em; padding:0 0 5px 1.5em;border:0; margin: 0 
        -moz-border-radius: 5px 0px 5px 0; -webkit-border-radius: 5px 0px 5px 0; border-radius: 5px 0px 5px 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
        padding-top:5px; padding-right:5px;}
.lien_up:hover{background-color:#CBDBF7}
.cliquez{float:right; margin-right:10px; font-size:10px; font-style:italic; color:#FFF; display:block}
.prog_mois{border:2px solid #CCE3FF; padding:5px;}
.expl{float:left; font-size:11px; width:240px; margin-top:15px; }
.citation{color:#D78800; font-style:italic; font-size:12px; font-weight:bold; width:300px;}
.illu_lois{background-image: url(images/Illustr_lois.jpg); background-repeat: no-repeat; width:500px; height:50px; margin-top:5px}
.Nom_lois{ float:left; width:240px; margin-left:10px; height:35px; font:italic 16px "calibri","Century Gothic", "Apple Gothic", Arial, sans-serif; color:#FFF; line-height:15px}
.def_lois{float:left; width:220px; margin-left:10px; margin-top:10px; height:35px; font:12px "calibri","Century Gothic", "Apple Gothic", Arial, sans-serif; color:#FFF; line-height:14px}

#btrecrute{height:60px;clear:both;}
.blanc{color: #ffffff; }
.cadreclair{border: 1px solid #CCE3FF}
.cadrefonce{border: 1px solid #7CA1CE}
.clair{color: #CCE3FF}
.clair:hover{color: #FFFFFF;}
.blocbleu{background-color: #ffffff;background-position: top; background-repeat:repeat-x; background-image: url(images/fond_bleu.gif); padding: 8px; border: 1px solid #cde6ff}
.bleuhead{background-color: #6fb4ff;}
.bleu1{background-color: #edf6ff;margin:2px; padding:0 0 2px 0;}
.bleu2{background-color: #cde6ff;margin:2px; padding:0 0 2px 0;}
.blocorange{background-color: #ffffff;background-position: top; background-repeat:repeat-x; background-image: url(images/fond_orange.gif); padding: 8px; border: 1px solid #f8e2ae}
.orangehead{background-color: #fac343;}
.orange1{background-color: #fcf3df;margin:2px; padding:0 0 2px 0;}
.orange2{background-color: #f8e2ae;margin:2px; padding:0 0 2px 0;}

.tablesmall{}
.tablesmall .classe1{background-color: #b5d3ff;}
.tablesmall .classe2{background-color: #e7f1ff;}
.tablesmall .classe3{background-color: #99a2fd;}
.tablesmall .classe4{background-color: #FFFFFF;}
.tablesmall .Ecriture1{color: #da0000;}
.tablesmall th.titre{font-size:12px; padding: 8px 4px; text-align:center; font-weight:bold}
.tablesmall th{background-color: #cde6ff; font-size:11px; padding: 8px 4px;}
.tablesmall td{font-size:10px; padding: 6px 4px; text-align:left}
.tablesmall a{font-size:10px;}
.tablesmall a:hover{font-size:10px;}

.champcontact{ border:1px solid #385f9b; color:#005a93; background-image:  url("images/fond_champcontact.gif"); background-repeat: repeat-x;
	background-position: top; background-color: #f5f7f9; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding: 0}
.champcontacterreur{border:1px solid #5f0606; color:#FFFFFF; background-image:  url("images/fond_champerreur.gif"); background-repeat: repeat-x;
	background-position: top; background-color: #cc0000; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding:0}
.erreur{font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #be0d0d; text-decoration: none;}
.send{background-image:  url("images/fond_send.gif"); background-repeat: repeat-x; background-position: bottom; background-color: #4a74ae; color: #ffffff;
	text-align : center; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border:1px solid #01466b; text-decoration:none; display:block;}
form{border:0; padding:0; margin:0}

.gallery {display: block; clear:both;margin: 0 20px 0 20px; padding:0;}
.gallery li{	
	background-image:none;	
	list-style:none;
	display:block;
	float:left;
	padding: 2px;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	border: solid 1px #cccccc;
	width: 306px;
	height: 306px; 
	text-align: center;}
.gallery li a{border: solid 1px #efefef; width: 304px; height: 304px;display:block;background-color: #ffffff;}
.gallery li a:hover{border: solid 1px #ffcc00;background-color: #fffbeb;}
.gallery li img{position: relative; top: 150px}
.gallery h3{background-color: #edf6ff;padding:2px; margin:0 0 2px 0;}
.gallery h2{background-color: #cde6ff;padding:2px; margin:0 0 2px 0;}

.programme {display: block; clear:both;margin: 0;padding:0;}
.programme li{	
	background-image:none;	
	list-style:none;
	display:block;
	float:left;
	padding: 2px;
	margin: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	border: solid 1px #cccccc;
	width: 200px;
	height: 200px; 
	text-align: center;}
.programme li a{border: solid 1px #efefef; width: 198px; height: 198px;display:block;background-color: #ffffff;}
.programme li a:hover{border: solid 1px #ffcc00;background-color: #fffbeb;}
.programme li img{position: relative; top: 101px}
.programme h3{background-color: #edf6ff;padding:2px; margin:0 0 2px 0;}
.programme h2{background-color: #cde6ff;padding:2px; margin:0 0 2px 0;}
.programme a.plus{display:block; float: left; border:0;}

#menu{margin: 0; padding: 0; height: 22px; width: 760px;background-image: url(images/fond_menu.gif);
	background-repeat: repeat-x; background-position: top;}
#menu li{width: 80px;display: inline;float: left;
	background-image: url(images/fond_menu.gif);background-repeat: repeat-x; background-position: top;
	text-align: center; margin: 0; padding: 0; border: 0;list-style-type: none;
	border-right: 1px solid #1b3d72; border-left: 1px solid #4c7bca;}
#menu p{height:18px; width: 100%;margin: 0;display: block;line-height: 22px;
	padding: 0; border-bottom: 4px solid}
#menu a{color: #b3cff6; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
	height:18px; width: 100%;text-decoration: none; margin: 0;display: block;line-height: 22px;
	padding: 0; letter-spacing: 0px; border-bottom: 4px solid #325389}
#menu a:hover{border-bottom: 4px solid #16a7f6}
#menu a.selection{color: #ffffff;border-bottom: 4px solid #c46200;background-image: url(images/fond_menuselection.gif);
		background-repeat: repeat-x; background-position: top;}
#menu a.selection:hover{border-bottom: 4px solid #be3c00}
#menu #menu1{border-right: 1px solid #1b3d72;border-left: 0; width: 210px; height:100%}
#menu #menu2{width: 136px}
#menu #menu3{border-left: 1px solid #4c7bca;border-right: 0;width: 80px}

#contenant{background-image: url(images/fond_page.gif);
	background-repeat: repeat-y; background-position: left;}
#accueil{border: 1px solid #375f9b;border-top:0;border-bottom:0;
background-image: url(images/ombremenu.gif);
	background-repeat: no-repeat; background-position: top left}
#accueil #c1{width: 181px; padding: 20px 15px 5px 15px; height: 450px}
#accueil #c2{padding: 20px 20px 5px 25px}
#accueil #d1{width: 240px; padding: 20px 0 5px 0; height: 450px}
#accueil #d2{padding: 20px 20px 5px 5px;}
#accueil #c1 a{text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #b6daff; font-weight: normal;}
#accueil #c1 a.titre{color: #ffffff; font-size:  13px;text-decoration: none;font-weight: bold;}
#accueil #c1 a.titre:hover{color: #B6DAFF;}
#accueil #c1 a:hover{color: #ffffff;}
#accueil #c1 ul{margin:20px 0 0 0;padding:0; border:0; text-align:left;}
#accueil #c1 li{margin:0; border:0; padding: 5px 1px 2px 15px; list-style-image: none; background-image:url(images/traitbleu.gif); background-position:top; background-repeat:repeat-x; }
#accueil #c1 li a{margin-left:2px; background-image:url(images/puce2.gif); background-repeat: no-repeat;text-decoration: none;}
#accueil #c1 li.select{background-image:url(images/fond_ssmenuselection.gif);}

#talon{border:0; padding:0; margin:0; text-align:right;height: 80px;
background-image: url(images/fond_talon.gif); background-repeat: repeat-x; background-position: bottom}

#navigation{margin : 0 0 20px 0;font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #69a3d6; text-decoration: none;}
#navigation a{font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #375f9b; text-decoration: underline;}
#navigation a:hover{color: #599ad2; text-decoration: none;}

#temoignage{width: 190px; background-color:#3f6cb0;color: #ffffff; font-size: 13px; font-style: italic; padding: 10px;}
#temoignage a{color: #CCE3FF;}
#temoignage a:hover{color: #FFFFFF;}

.coord{clear:both; margin-bottom: 15px;}
.coord img{margin: 10px 15px 0 0; padding:0; display: block; float:left; clear:left}
.coord h1 h2 h3 p{display: block;}

.sousmenu{width:180px; margin:0; padding:0;position: absolute; top:0; left:0; background: #ffffff; display:none;}
.sousmenu ul{padding:0; margin:0;border: 1px solid #dddddd;border-right:2px solid #cccccc;border-bottom:2px solid #cccccc;}
.sousmenu li {text-align: left; list-style-type:none;padding:0; margin:0; background-image:none;}
.sousmenu li a {color: #555555; text-decoration: none; display: block; border: 0 none; height: 100%; padding-left:10px; border:1px solid #dddddd; margin:1px;}
.sousmenu li a:hover {background: #eeeeee; color: #888888;}

.clear{clear:both}
.cadre{border:1px solid #c5c5c5}
.mr10{margin-right:10px}
.ml10{margin-left:10px}
#sim ul {list-style-type: none; padding: 0;  margin:5px 0 30px 3px;font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;}
#sim ul li{background-image: url(images/puce_fleche.gif); background-repeat: no-repeat; background-position:0 5px ; padding:3px 0 5px 25px;border:0; margin: 0; color:#ffffff;font-size:11px }
.orange{color:#f37a18}
.bleuc{color:#24a8f7}
.bgbleu{background-color:#e7f6ff}