body { background: #fff url(../../media/xx/fond2.gif) top center repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	margin:0px; color: #3d3d3d; padding:0px; 
	text-align:center;}
body.candidature { background: #fff url(../../media/xx/fond3.gif) top center repeat-x; 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:#6aab2c; text-decoration:none; }
a:hover { text-decoration:underline;  }
a.noir { color: #000000; }
a.blanc { color: #ffffff; }
a.vert { color: #6aab2c; }
a.rouge { color: #f82015; }
a.bleu { color: #005998; }
a.jaune { color: #f2ef09; }
a.orange { color: #ee7900; }
a.violet { color: #9932cc; }

.italique { font-style:italic;}
.gras { font-weight:bold;}
.souligne { text-decoration: underline; }
.sup { vertical-align: super; font-size: 80%; }
.capitale { font-variant: small-caps; }
.barre { text-decoration: line-through; }
.blanc { color:#FFFFFF; }
.noir { color: #000000; }
.gris { color: #777777; }
.red { color: #FF0000; }
.vert { color: #6aab2c; }
.rouge { color: #f82015; }
.bleu { color: #005998; }
.jaune { color: #f2ef09; }
.orange { color: #ee7900; }
.violet { color: #9932cc; }
.taille_8 { font-size: 8px; }
.taille_9 { font-size: 9px; }
.taille_10 { font-size: 10px; }
.taille_11 { font-size: 11px; }
.taille_12 { font-size: 12px; }
.taille_14 { font-size: 14px; }
.taille_15 { font-size: 15px; }
.taille_16 { font-size: 16px; }
.taille_17 { font-size: 17px; }
.taille_18 { font-size: 18px; }
.taille_19 { font-size: 19px; }
.taille_20 { font-size: 20px; }
.taille_21 { font-size: 21px; }
.taille_22 { font-size: 22px; }
.taille_23 { font-size: 23px; }
.taille_24 { font-size: 24px; }
.taille_25 { font-size: 25px; }

.couleur { color:#6aab2c; }
.fond_couleur { background-color: #6aab2c; }
.obligatoire { color:#6aab2c; }
.floatleft { float:left; padding-right:30px; }
.floatright { float:right; padding-left:30px; }

@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:#0059a0; font-size:17px; font-weight:normal; font-weight:normal; padding:3px 0 10px 30px;  margin:0; line-height:23px; vertical-align:middle; font-family:"tradeGothic"; 
	background:url(../../media/xx/puce-h2.png) no-repeat left top;  }
h3 { color:#535353; font-variant:small-caps; font-weight:bold; font-size:14px; margin:0px; padding:0 0 8px 0; }

#haut_h1 { z-index:10; position:absolute; left:255px; top:98px; }
#haut_h1 h1 { color:#ffffff; font-size:25px; font-weight:bold; line-height:32px; margin:0; font-family: Arial, Helvetica, sans-serif; }
#haut_h1_accueil { z-index:10; position:absolute; left:258px; top:98px; }
#haut_h1_accueil h1 { color:#ffffff; font-size:25px; font-weight:bold; line-height:32px; margin:0; font-family: Arial, Helvetica, sans-serif; }
#flash_accueil {z-index:10; position:absolute; left:675px; top:28px; }

hr { border-top-width: thin; border-top-style: solid; border-top-color: #efefef; border-right-style: none; border-bottom-style: none; border-left-style: none;}
p { text-align:justify; }

/* --- CONTENEUR --- */ 
#conteneur { width: 1024px; margin: 0 auto; text-align: left; position: relative; background-color:#FFF; }
#conteneur2 { width: 100%; clear: both; text-align: left; position: relative; background: #323232 url(../../media/xx/fond-bas.gif) top center repeat-x;}

/* --- LOGO --- */
#logo { width: 195px; height: 176px; z-index: 10; position: absolute; top: 39px; left: 30px; }

/* --- MENU HAUT --- */
#menu_haut { height: 92px; width: 1024px; background-color: #474747; z-index: 7; position: relative; }
#menu_arrondi { height: 45px; width: 4px; position: relative; top: 47px; left: 256px; float: left; }
#menu { height: 45px; width: 700px; z-index: 10; position: relative; top: 47px; left: 256px; float: left; }

.fademenu {  }

.fademenu ul { margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
.fademenu ul li { position: relative; display: inline; float: left; height: 45px; line-height: 45px; text-align: center; }

.fademenu ul li.menuhaut-vert-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-vert-nonselect:hover { background-color: #7b7b7b; } /*background-color: #6aab2c;*/
.fademenu ul li.menuhaut-vert-select { background-color: #7b7b7b;  } /*background-color: #6aab2c;*/
.fademenu ul li.menuhaut-vert-select a { font-weight: bold; }

.fademenu ul li.menuhaut-rouge-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-rouge-nonselect:hover { background-color: #7b7b7b; } /*background-color: #f82015;*/
.fademenu ul li.menuhaut-rouge-select { background-color: #7b7b7b;  } /*background-color: #f82015;*/
.fademenu ul li.menuhaut-rouge-select a { font-weight: bold; }

.fademenu ul li.menuhaut-bleu-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-bleu-nonselect:hover { background-color: #7b7b7b; } /*background-color: #005998;*/
.fademenu ul li.menuhaut-bleu-select { background-color: #7b7b7b;  } /*background-color: #005998;*/
.fademenu ul li.menuhaut-bleu-select a { font-weight: bold; }

.fademenu ul li.menuhaut-violet-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-violet-nonselect:hover { background-color: #7b7b7b; } /*background-color: #f2ef09;*/
.fademenu ul li.menuhaut-violet-select { background-color: #7b7b7b;  } /*background-color: #f2ef09;*/
.fademenu ul li.menuhaut-violet-select a { font-weight: bold; }

.fademenu ul li.menuhaut-orange-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-orange-nonselect:hover { background-color: #7b7b7b; } /*background-color: #ee7900;*/
.fademenu ul li.menuhaut-orange-select { background-color: #7b7b7b; } /*background-color: #ee7900;*/
.fademenu ul li.menuhaut-orange-select a { font-weight: bold; }

.fademenu ul li.menuhaut-bleuciel-nonselect { background-color: #0e0e0e; }
.fademenu ul li.menuhaut-bleuciel-nonselect:hover { background-color: #7b7b7b; } /*background-color: #9932cc;*/
.fademenu ul li.menuhaut-bleuciel-select { background-color: #7b7b7b; } /*background-color: #9932cc;*/
.fademenu ul li.menuhaut-bleuciel-select a { font-weight: bold; }

/*Top level menu link items style*/
.fademenu ul li a { display: block; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight: normal; color:#FFFFFF; text-decoration: none; }
.fademenu ul li a:hover { text-decoration: underline; }

/*IE6 hack to get sub menu links to behave correctly*/
/*.fademenu ul li a { display: inline-block; }*/
	
/*1st sub level menu*/
.fademenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; width: 176px; background: url(../../media/xx/fond-sousmenu-nonselect.png) left top repeat-y; }

/*Sub level menu list items (undo style from Top level List Items)*/
.fademenu ul li ul li { display: list-item; float: none; height: 100%; line-height: 100%; text-align: left; }

.fademenu ul li ul li.sousmenuhaut-vert-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-vert-nonselect:hover { background: url(../../media/xx/fond-sousmenu-vert-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-vert-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-vert-select { background: url(../../media/xx/fond-sousmenu-vert-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-vert-select a { font-weight: bold; }

.fademenu ul li ul li.sousmenuhaut-rouge-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-rouge-nonselect:hover { background: url(../../media/xx/fond-sousmenu-rouge-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-rouge-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-rouge-select { background: url(../../media/xx/fond-sousmenu-rouge-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-rouge-select a { font-weight: bold; }

.fademenu ul li ul li.sousmenuhaut-bleu-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-bleu-nonselect:hover { background: url(../../media/xx/fond-sousmenu-bleu-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-bleu-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-bleu-select { background: url(../../media/xx/fond-sousmenu-bleu-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-bleu-select a { font-weight: bold; }

.fademenu ul li ul li.sousmenuhaut-violet-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-violet-nonselect:hover { background: url(../../media/xx/fond-sousmenu-violet-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-violet-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-violet-select { background: url(../../media/xx/fond-sousmenu-violet-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-violet-select a { font-weight: bold; }

.fademenu ul li ul li.sousmenuhaut-orange-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-orange-nonselect:hover { background: url(../../media/xx/fond-sousmenu-orange-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-orange-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-orange-select { background: url(../../media/xx/fond-sousmenu-orange-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-orange-select a { font-weight: bold; }

.fademenu ul li ul li.sousmenuhaut-bleuciel-nonselect { padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-bleuciel-nonselect:hover { background: url(../../media/xx/fond-sousmenu-bleuciel-select.png) left bottom no-repeat; padding: 8px 11px 9px 20px }
.fademenu ul li ul li.sousmenuhaut-bleuciel-nonselect a { font-weight: normal; }
.fademenu ul li ul li.sousmenuhaut-bleuciel-select { background: url(../../media/xx/fond-sousmenu-bleuciel-select.png) left bottom no-repeat; padding: 6px 11px 11px 20px }
.fademenu ul li ul li.sousmenuhaut-bleuciel-select a { font-weight: bold; }

/* Sub level menu links style */
.fademenu ul li ul li a { font-family:Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; width: 100%; }
.fademenu ul li ul li a:hover { text-decoration: none; }

/*CSS classes applied to down and right arrow images*/
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* --- IMAGE --- */
#image { height: 338px; width: 1024px; z-index: 5; position: relative; }
#image_candidature { height: 180px; width: 1024px; z-index: 5; position: relative; }

/* --- ESPACE CANDIDAT --- */
#espace-candidat { width: 161px; z-index: 10; position: absolute; left: 45px; bottom: 0px; background: url(../../media/xx/fond-espace-candidat.png) top center no-repeat; }

/* --- BARRE CANDIDATURE --- */
#barre-candidature { width: 1024px; height: 57px; background: url(../../media/xx/fond-barre-candidature.png) top left; z-index: 7; position: absolute; left: 0; bottom: 0;  }

/* --- MENU PAGE --- */
.onglets { width:660px; height:54px; background:url(../../media/xx/onglets.jpg) top center;  }
.onglets2 { height: 54px; margin: 0 auto; }
.onglet { width: 124px; padding: 0 3px; height: 54px; float: left; display: table; text-align: center; font-size: 11px; }
.onglet a { vertical-align: middle; display: table-cell; }
.onglet a:hover { border-bottom:5px solid #f08900; text-decoration:none; padding-top: 5px; }
.onglet_actif { width: 124px; padding: 0 3px; height:54px; float: left; display: table; text-align: center; font-size: 11px; }
.onglet_actif a { vertical-align: middle; display: table-cell;  border-bottom:5px solid #f08900; padding-top: 5px; color:#773704; }
.onglet_actif a:hover {text-decoration:none;  }

/* --- PARTIE CENTRALE --- */
#page { width: 1024px; clear: both; min-height:400px; }
#page_dbg { width:964px; padding:0 30px 30px 30px; text-align:justify; min-height:400px; }
#page_hdbg { width:964px; padding:30px 30px 30px 30px; text-align:justify; min-height:400px; }

#page #gauche { width:274px; float:left; padding: 30px 0 30px 30px; text-align:justify; }
#page #droite { width:660px; float:left; padding: 30px 30px 30px 30px; text-align:justify; }
#page #droite_accueil { width:660px; float:left; padding: 30px 30px 30px 30px; text-align:justify; }

/* --- CANDIDATURE --- */
#page #gauche_inscriptionenligne { width:694px; float:left; padding: 30px 30px 30px 30px; text-align:justify; }
#page #droite_inscriptionenligne { width:270px; float:left; padding: 30px 0 30px 0; text-align: center; }

.rouge_candidature { color: #d33211; }
.bloc_inscription_ferme { width: 338px; float: right; background: url(../inscription/media/bloc-inscription-ferme-fond.gif) center repeat-y; color: #ffffff; margin-left: 30px; }
.bloc_inscription_ouverte { width: 338px; float: right; background: url(../inscription/media/bloc-inscription-ferme-fond.gif) center repeat-y; color: #ffffff; margin-left: 30px; }

/* --- PIED PAGE --- */
#pied_page_1 { width: 984px; margin: 0 auto; padding: 20px; clear: both; background: #323232; color: #ffffff; font-size: 10px; text-align: center; height:27px;}
#pied_page_1 a { color: #ffffff; font-size: 10px; }

#pied_plan { width: 984px; margin: 0 auto; padding: 20px 20px 10px 20px; clear: both; background: #4c4c4c; line-height: 15px; }

a.piedpage-plan_1 { font-size: 9px; color: #ee7900; text-decoration: none; font-weight: bold; display: block; }
a.piedpage-plan_1:hover { font-size: 9px; color: #ee7900; text-decoration: underline; font-weight: bold; }

a.piedpage-plan_2 { font-size: 9px; color: #ffffff; text-decoration: none; font-weight: normal; display: block; }
a.piedpage-plan_2:hover { font-size: 9px; color: #ffffff; text-decoration: underline; font-weight: normal; }

#pied_page_2 { width: 984px; margin: 0 auto; padding: 0 20px 10px 20px; clear: both; background: #4c4c4c; color: #ffffff; font-size: 9px; text-align: center; }
#pied_page_2 a { color: #ffffff; font-size: 9px; }	

/* --- ACCUEIL --- */
.accueil_rond_bleu { background: url(../../media/xx/accueil/rond-bleu.png) center no-repeat; color: #ffffff; padding: 3px 8px; }

/* --- DEROULEMLENT EPREUVES --- */
td.epreuves-fond-entete { padding: 5px 0; background-color: #6aab2c; color: #ffffff; font-weight: bold; border: solid 1px #000000; border-collapse: collapse; }
td.epreuves-fond-gris { padding: 2px 0; background-color: #dddddd; color: #3d3d3d; border: solid 1px #000000; border-collapse: collapse; }
td.epreuves-fond-gris2 { padding: 5px 0; background-color: #555555; color: #ffffff; font-weight: bold; border: solid 1px #000000; border-collapse: collapse; }

/* --- DATES EPREUVES --- */
td.calendrier-fond-entete { padding: 5px 0; background-color: #6aab2c; color: #ffffff; font-weight: bold; border: solid 1px #fff; border-collapse: collapse; }
td.calendrier-fond-gris0 { padding: 2px 0; background-color: #ededed; color: #3d3d3d; border: solid 1px #fff; border-collapse: collapse; }
td.calendrier-fond-gris1 { padding: 2px 0; background-color: #dddddd; color: #3d3d3d; border: solid 1px #fff; border-collapse: collapse; }

/* --- REVUE DE PRESSE --- */
.revuedepresse-encadre { padding: 10px; background-color: #f3a555; border: solid 1px #ee7900; color: #ffffff; }

/* --- INSCRIPTION --- */
td.inscription-fond-entete { padding: 6px 0; background-color: #6aab2c; color: #ffffff; font-weight: bold; border: solid 1px #000000; border-collapse: collapse; }
td.inscription-fond-gris0 { padding: 4px 0; background-color: #ededed; color: #3d3d3d; border: solid 1px #000000; border-collapse: collapse; }
td.inscription-fond-gris1 { padding: 4px 0; background-color: #dddddd; color: #3d3d3d; border: solid 1px #000000; border-collapse: collapse; }

/* --- WEB TV --- */
a.list_web_tv { line-height:25px; font-size:13px; color:#000000; text-decoration:none; display:block; padding-left:20px }
a.list_web_tv:hover { text-decoration:none; color:#ff9400;}
				
a.list_web_tv_select { line-height:25px; font-size:13px; color:#ff9400; text-decoration:none; display:block; background:url(../../media/xx/web-tv/fond_select.gif) left no-repeat; padding-left:40px }
a.list_web_tv_select:hover { text-decoration:none; color:#ff9400;}


/* --- ACCORDION --- */ 
h3.trigger {
	color:#fff; font-weight:bold; font-size:13px; margin:0px; padding:4px 0 0px 40px; line-height: 33px;
	background: url(../../media/xx/h3_trigger_a.gif) no-repeat;
}
h3.trigger a {
	text-decoration: none;
	display: block;
	color:#fff; 
}
h3.trigger a:hover { color: #000; }
h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	padding: 10px;
	media/xx/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	clear: both;
	margin: 0 0 5px;
	width: 640px;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}


/* --- 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; }
.temoignage {border:1px solid #66769f; background-color:#b8c3df; color:#53638b; padding:10px;  font-family:"Times New Roman", Times, serif;}