body { background: #f4f4f4 url(../../media/xx/fond.gif) top center repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	margin:0px; color: #3d3d3d; padding:0px; 
	text-align:center;}
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3d3d3d; }

table.centrer { margin: 0 auto; }
td.centrer { text-align: center;}

a { color:#f4ab00; text-decoration:none; }
a:hover { text-decoration:underline;  }

a.gris { color:#3d3d3d;  }
a.gris:hover { color:#3d3d3d; }

a.blanc { color:#ffffff; }
a.blanc:hover { color:#ffffff; }

a.blanc_11 { color:#ffffff; font-size: 11px; }
a.blanc_11:hover { color:#ffffff; font-size: 11px; }
a.noir_11 { color:#333; font-size: 11px; }
a.noir_11:hover { color:#333; font-size: 11px; }


.italique { font-style:italic;}
.gras { font-weight:bold;}
.souligne { text-decoration: underline; }
.sup { vertical-align: super; font-size: 80%; }
.capitale { font-variant: small-caps; }
.blanc { color:#FFFFFF; }
.noir { color: #000000; }
.rouge {color:#F00;}
.orange { color:#f4ab00; }
.gris { color:#535353; }
.gris_clair { color: #999999; }
.orange_menu_droite { color: #FFDA82; }

.couleur { color:#ee8F1F; }
.fond_couleur { background-color: #f4ab00; }

.taille_10 { font-size: 10px; }
.taille_11 { font-size: 11px; }
.taille_12 { font-size: 12px; }
.taille_13 { font-size: 13px; }

ul { padding:0 0 0 10px; margin: 5px 0; }
li { background-image:url(../../media/xx/puce.gif); background-repeat:no-repeat; padding:5px 0px 0px 20px; list-style:none; margin:0;}

@font-face { font-family: 'tradeGothic'; /* src: url('TradeGothicLTStd.eot'); IE */ src: local('tradeGothic'), url('TradeGothicLTStd.otf') format('opentype'); }

h1 { color:#3d3d3d;  font-size:20px; font-weight:normal;  line-height:32px; margin:0; font-family:"tradeGothic"; }
h2 {color:#f4ab00; font-size:17px; font-weight:normal; font-weight:normal; padding:3px 0 10px 40px;  margin:0; line-height:23px; vertical-align:middle; 
	font-family:"tradeGothic"; background:url(../../media/xx/puce-h2.jpg) no-repeat left top;  }
h3 { color:#927b4c; font-weight:normal; font-size:14px; margin:0px; padding-bottom:8px; display:inline; font-family:"tradeGothic";  }

hr { border-top-width: thin; border-top-style: dotted; border-top-color: #535353; border-right-style: none; border-bottom-style: none; border-left-style: none; letter-spacing: 4em; }
p { text-align:justify; }

/*.floatleft {float:left; padding-right:15px; font-size:10px; color:#0088B3; font-style:italic; text-align:center;}
.floatright {float:right; padding-left:15px; font-size:10px; color:#0088B3; font-style:italic; text-align:center;}*/

/* --- CONTENEUR --- */ 
#conteneur { width: 980px; margin: 0 auto; text-align: left; }

/* --- FIL ARIANE */
#fil_ariane { height: 28px; background-color: #013c4a; }
#fil_arianne_1 { width: 136px; height: 28px; float: left;  }
#fil_arianne_2 { width: 212px; padding-left: 20px; height: 28px; line-height: 28px; float: left; background: #004c5c url(../../media/xx/fil-ariane-separateur.jpg) no-repeat right; }	
#fil_arianne_3 { width: 390px; padding-left: 20px; height: 28px; line-height: 28px; float: left; }	
#fil_arianne_4 { float:left; line-height: 28px; width: 128px; }
#fil_arianne_4 a { border-left:1px solid #cccccc; padding-left: 15px; color:#FFFFFF; font-weight:bold; text-decoration:none;  }
#fil_arianne_4 a:hover { text-decoration: none ; color:#077a94; }
#fil_arianne_5 { position: absolute; margin:0;  padding: 0; visibility: hidden; border: 1px solid #dadada; border-bottom-width: 0; background-color:#003a46; font-size:11px; 
	font-variant:small-caps; width: 127px; }
#fil_arianne_5 a { display: block; border-bottom: 1px solid #dadada; text-align:left; color:#FFFFFF; padding: 3px; }
#fil_arianne_5 a:hover { background-color: #077a94; text-decoration:none; color:#FFFFFF; }
#fil_arianne_6 { float:left; line-height: 28px; width: 74px; }

/* --- BANDEAU --- */
#bandeau { height: 204px; }

/* --- MENU HAUT --- */
#menu_haut { height: 88px; width: 980px; }
#menu_haut_arrondi { height: 60px; width: 36px; float: right; }
#menu { height: 60px; width: 944px; position: relative; top: 0px; left: 0px; }

td.menuhaut-nonselect { background-image: url(../../media/xx/fond-menu-off.gif); background-position: left; background-repeat: repeat-x; text-align: center; }
td.menuhaut-nonselect:hover { background-image: url(../../media/xx/fond-menu-on.gif); background-position: left; background-repeat: repeat-x; text-align: center; }
td.menuhaut-nonselect a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: White; text-decoration: none; display: block; }
td.menuhaut-nonselect a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: White; text-decoration: none;  display: block; }

td.menuhaut-select { background-image: url(../../media/xx/fond-menu-on.gif); background-position: left; background-repeat: repeat-x; text-align: center; }
td.menuhaut-select a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: White; text-decoration: none;  display: block; }
td.menuhaut-select a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: White; text-decoration: underline;  display: block; }

/* ----- SOUS MENU HAUT ---- */
#sous_menu { height: 28px; width: 980px; background: url(../../media/xx/fond-sous-menu.gif) center no-repeat; }
td.sousmenuhaut-nonselect{ text-align: center; }
td.sousmenuhaut-nonselect a:link, td.sousmenuhaut-nonselect a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: Black; text-decoration: none; display: block;}
td.sousmenuhaut-nonselect a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: Black; text-decoration: underline;  display: block;}

td.sousmenuhaut-select{ text-align: center;}
td.sousmenuhaut-select a:link, td.sousmenuhaut-select a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: Black; text-decoration: underline; 	display: block;}
td.sousmenuhaut-select a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: Black; text-decoration: none;  display: block;}	

/* --- PARTIE CENTRALE --- */
#partie_centrale { width: 980px; clear: both; min-height:400px; }
#partie_gauche { width:677px; float:left; padding: 20px 20px 20px 20px; text-align:justify; }
#partie_droite { width:263px; float:right; padding: 20px 0 20px 0; }
#page_centre { width:940px; padding:20px 20px 20px 20px; text-align:justify; }
#page_centre_large { width:960px; padding:20px 0 20px 20px; text-align:justify; }

/* --- DROITE --- */
.droite-fond-gris { width:263px; background: #3b3b3a url(../../media/xx/droite-fond-haut.gif) top center no-repeat; margin-bottom:10px; }
.droite-fond-gris ul, .droite-fond-gris li { list-style:none; background:none; padding:0; margin-bottom:8px; }
.droite-titre1 { font-size:15px; font-weight:bold; color:#FFFFFF; padding:10px 0 25px 100px; }
.droite-titre2 { padding: 0 0 5px 17px; font-size:14px; font-weight:bold; color:#FFFFFF; }
.droite-titre3 {font-size:15px; font-weight:bold; color:#FFFFFF; padding:10px 0 25px 70px;  }
.droite2 { padding:5px 20px 0px 35px; color:#FFFFFF; font-size:11px; }
.droite3 { padding: 0 17px 7px 17px; color:#333;  font-size:11px; line-height:15px;}
.lien_presse { color:#333;  }
.droite4 { padding: 0 17px 0 17px; color: #333; }
.droite-separateur { height:1px; background-color:#cfcfcf; margin-bottom:10px; }
.droite-focus { background: #dfcbab url(../../media/xx/fond-focus.gif) top center no-repeat;  }
.droite-presse { background: #dfcbab url(../../media/xx/fond-presse.gif) top center no-repeat; }


/* --- ACCUEIL --- */
.slider_accueil { height: 217px; width: 403px; margin: auto;  }

/* --- CONTACTS --- */
.contact_blocg { padding-left:17px; font-size:11px; font-weight:bold; float:left;}
.contact_plan {width:5Opx; float:right; font-size:11px;}
.contact_fond_grisclair { background-color: #999999; text-align: center; color: #FFFFFF; padding: 10px 0; }
.contact_fond_bleu { background-color: #0088b3; text-align: center; font-variant: small-caps; color: #000000; padding: 2px 0; }
.contact_fond_grisfonce { background-color: #666666; text-align: center; color: #FFFFFF; padding: 15px 0; }

/* --- CANDIDATURE --- */
#integrer_gauche { width:632px; float: left; margin-right:20px; text-align:justify; }
#integrer_droite { width:308px; float:right; }

.bloc_candidatureenligne { background: url(../inscription/media/candidature-en-ligne-fond.gif) bottom center repeat-y;   }
.rouge_candidature { color: #d33211; }
a.rouge_candidature_11 { color: #d33211; font-size: 11px; }

/* --- ACTUALITES --- */
.reseaux-sociaux { width: 662px; background: url(../../media/xx/actualites/reseaux-sociaux-fond.gif) repeat-y top; }
	
/* --- PIED PLAN --- */
#pied_plan {width: 980px; background-color:#efefef; clear:both; }
#pied_plan_barre {width: 980px; background-color:#b7b7b7; height:1px; clear:both; }

td.separateur_pied_plan { background:url(../../media/xx/separateur-pied-plan.gif) top center repeat-y; }

a.piedpage-plan_1:link, a.piedpage-plan_1:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #f4ab00; text-decoration: none; font-weight: bold; }
a.piedpage-plan_1:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #f4ab00; text-decoration: underline; font-weight: bold; }

a.piedpage-plan_2:link, a.piedpage-plan_2:visited{font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #7a7a7a; text-decoration: none; font-weight: normal;}
a.piedpage-plan_2:hover{font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #7a7a7a; text-decoration: underline; font-weight: normal;}

/* --- PIED PAGE --- */
#pied_page { height:137px; width: 940px; clear: both; background:url(../../media/xx/fond-pied-page.jpg) top center no-repeat #f4f4f4; padding:20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#7a7a7a;}
#pied_page a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #7a7a7a; text-decoration: none; font-weight: normal;}
#pied_page a:hover { text-decoration: underline; }


/* --- AUTRE --- */
.envoyer{ background:url(../../media/xx/btn-envoyer.gif) no-repeat center; color:#FFF; height:45px; width:156px; border:0; }
.form1 { background-color:#F6F6F6; border:#cccccc solid 1px; padding: 2px; margin: 1px; }
.intro { color:#535353; font-weight:bold; }
#map { border: 1px solid #ccc;}

.fond_noir { background-color: #000;  }
.fond_gris_1 { background-color:#FAFAFA; }
.fond_gris_2 { background-color:#E5E5E5; }
.fond_orange { background-color: #f4ab00; }
.fond_marron { background-color: #9D9B81; }


.video {float:right; padding:0; margin-left:8px; height:267px; width:346px; clear:both;}
.legende { font-size:11px; color:#666666; font-variant:normal; }

.floatleft {float:left; padding-right:15px;  color:#0088B3; text-align:center;}
.floatright {float:right; padding-left:15px;  color:#0088B3;  text-align:center; clear:right;}

/* --- TABLEAUX --- */

.td-calend-marron, .td-calend-marron td { background:#D9C8AA; color:#333; padding:3px; font-size:11px; text-align:center;  width:8%;}
.td-marron { background:#b3975e; color:#333; }
.td-calend-beige {background:#F0E8DB; color:#333; padding:3px; font-size:11px; text-align:center;}
.td-calend-orange {background:#EE8F1F; color:#fff; padding:3px; font-size:12px; text-align:left;}
.td-calend-blanc {background:#fff; color:#D9C8AA; padding:3px; font-size:11px; text-align:center;}


/* --- PROGRAMMES --- */
.tableau  table { border-collapse:collapse; }
.tableau td {border:solid #333 1px;  padding-left:8px;  background:url(../../media/xx/fond-td-titre.gif) no-repeat top #cdcdcd; }
.tableau .td-orange { background:url(../../media/xx/fond-orange.gif) no-repeat top #EE8F1F; padding-left:25px; color :#FFF; height:23px;}
.tableau .td-noir { background-color: #000; background-image:none; }
.tableau .td-blanc{ background-color:#fff; border:solid #333 1px; background-image:none;}
.tableau .td-titre { color:#fff; font-size:15px; text-align:center; background-color:#000; background-image:none;}

/*.fond_bleu_3 { background-color: #7FC4D9; }
.fond_bleu_4 { background-color: #CCE7F0; }
.fond_bleu_5 { background-color: #5BB5C6; }

.fond_gris_1 { background-color: #EDEDED; }
.fond_gris_2 { background-color: #CCCCCC; }

.commentaire { font-size:11px; color:#666666; }
.rouge_lexique { color: #D51B1B; }*/