@charset "UTF-8";
/* CSS Document */
body{ background:url(../images/design/bg.jpg); padding-top:0px; font-family:Arial, Helvetica, sans-serif; }
#conteneur{background:#fdfcde ; width:900px; margin:0 auto; margin-top:-20px;}
a, a:hover, img{border:none;}
h1{padding-top:50px; background:url(../images/design/photos-entete.jpg) 595px 50px no-repeat; height:210px;}
.valider{ font-weight:bold; border: 1px solid #c14931; padding:5px; }
/*=====================================================================================*/
/*===================================== MENU PRINCIPAL ================================*/
/*=====================================================================================*/
#menu{ width:202px; padding:0px; float:left; margin-top:-18px;}
#menu li a, .contenu h3, #sous-menu-faq li a{ display:block; color:#FFFFFF;  margin-bottom:0px; padding:5px 0px 5px 25px; background:url(../images/design/carre-rouge.jpg) 5px 5px no-repeat; text-decoration:none; }
#menu li a{ text-decoration:none;}
#menu li{ list-style:none;}
#menu li:hover, .selectionner, #sous-menu-faq li:hover{background:#c14931;}

/* sous menu*/
#sous-menu-offre-de-formation, #sous-menu-votre-avenir{ position:absolute;  margin-left:202px; z-index:99; background:#869846; margin-top:-29px; padding-left:0px;  border-left:1px solid #fff;}
#sous-menu-votre-avenir{  margin-top:-29px;}
#sous-menu-offre-de-formation li, #sous-menu-votre-avenir li{ border-bottom:1px solid #fff; font-size:0.8em; padding-right:10px;}

/*=====================================================================================*/
/*===================================== MENU UTILITAIRE ===============================*/
/*=====================================================================================*/
#menu-utilitaire{  background:#c14931; padding:5px; position:absolute; z-index:99; text-align:right; top:0px; margin-top:0px; width:320px;  margin-left:570px; padding-top:25px; font-size:0.8em;}
#menu-utilitaire li{ list-style:none; display:inline; padding:5px; }
#menu-utilitaire li a{ color:#fff;}
#menu-utilitaire li a:hover{ text-decoration:none;}
#logo-collegia{ position:absolute; top:0px; margin-top:5px;}

/* sous menu*/
#sous-menu-faq, #sous-menu-procedures{ position:absolute;  margin-left:75px; background:#869846; margin-top:0px; padding-left:0px;  border-left:1px solid #fff; z-index:99;}
#sous-menu-faq li, #sous-menu-procedures li{ border-bottom:1px solid #fff; font-size:0.9em; padding:0px 5px 0px 0px; display:block; text-align:left;  }

#sous-menu-procedures{ margin-left:202px; margin-top:-29px;}
#sous-menu-faq{margin-left:95px;}




/*======================================== CONTENU ====================================*/
/*.contenu{ margin-left:220px; width:670px; min-height:800px; background:url(../images/design/fond-corps.jpg) 425px 0 no-repeat; margin-top:-22px; padding-top:30px; padding-right:100px;}*/
.contenu{ padding-left:220px; width:420px;  background: url(../images/design/fond-menu.jpg) repeat-y; min-height:600px; margin-top:-19px; padding-top:15px; margin-bottom:0px; }
.contenu p { padding-bottom:50px; background:url(../images/design/separateur.jpg) center bottom no-repeat; padding-left:25px;}
.contenu h3 { color:#869846; border-bottom:1px solid #869846; padding-bottom:0px;}
.contenu .date{ font-size:0.8em; color:#c14931; background:none; padding-bottom:0px; margin-top:0px;}
.contenu strong{color:#c14931;}
.contenu a{color:#c14931;}

.contenu .haut-de-page{ margin-bottom:50px; text-align:center; margin-top:-60px;  background:url(../images/design/separateur.jpg) center  no-repeat; padding-left:0px; font-size:0.8em;  }

#menu-support{ position:absolute; margin-left:406px; top:245px; z-index:2; }
#menu-support p{background:none;}

/*=====================================================================================*/
/*===================================== MENU BAS ================================*/
/*=====================================================================================*/
#menu-bas{}
.menu-bas li a{ color:#FFFFFF;}
.menu-bas li a:hover{ text-decoration:none;}
#menu-bas, #menu-bas2{ float:left; margin-left:0; padding-left:0; }
#menu-bas{ border-right:1px solid white; margin-right:10px; padding-right:10px; margin-left:10px; margin-bottom:20px;	}
#menu-bas2{ margin-right:20px;}
#menu-bas2{}

/*=====================================================================================*/
/*===================================== PIED DE PAGE ==================================*/
/*=====================================================================================*/
#pied-page{ background:#c14931; color:#FFFFFF; padding-top:3px; padding-bottom:30px; font-size:0.8em; margin-top:2px;}
#pied-page li{ list-style:none;}
#pied-page #logo-phenix-creation{ float:right; margin-top:-10px;}
#pied-page #copyright{ text-align:right; margin-top:30px;}
#h3-menu-bas{margin-bottom:-10px; margin-top:0px; margin-left:10px;}

/*=====================================================================================*/
/*======================================== ACCUEIL ====================================*/
/*=====================================================================================*/
.contenu h2{ background:#c14931 url(../images/design/h2-accueil.jpg) no-repeat; width:570px; height:40px; color:#FFFFFF; text-align:right; padding-top:60px; padding-right:20px;  position:absolute; top:141px; margin-left:-220px;}

/*=====================================================================================*/
/*=================================== PROGRAMMES ET COURS =============================*/
/*=====================================================================================*/
#programmes, #faq, #procedures{ width:660px; }
#programmes table, #faq table, #procedures table{background:#fdfcde; margin-top:20px; border:1px solid #c14931 ; filter:alpha(opacity=90);  -moz-opacity:0.90;opacity: 0.90; margin-bottom:70px;}
#programmes table caption, #faq  table caption, #procedures table caption{ text-align:left; font-size:0.8em;}
#programmes table th, #faq table th, #procedures table th{ background:#c14931; color:#FFF;}
#programmes table td, #faq table td, #procedures table td{ border-top:1px solid #c14931; padding:5px; vertical-align:top; font-size:0.8em;   }
#programmes #informations-relatives{background:#fdfcde; filter:alpha(opacity=90);  -moz-opacity:0.90;opacity: 0.90;  width:420px; }
#programmes #informations-relatives p{font-size:0.7em;}

/*=====================================================================================*/
/*====================================== NOUS JOINDRE =================================*/
/*=====================================================================================*/
.obligatoire{color:red;}
#joindre fieldset{ margin-bottom:20px; border:1px solid #c14931; }
#joindre legend{ background:#c14931; color:#FFF; padding:2px;}
#joindre p{ background:none; padding-bottom:inherit;}
#joindre label{ display:block; float:left; width:100px; margin-right:10px; text-align:right;}
#joindre .coordonnees{ margin-bottom:30px; }




#etape2{display:none;}
.questions, .reponses{ width:350px;}
.contenu .sans-bg{background:none; }


#slider .header{ background: url(../images/design/fond-menu.jpg) ; color:#fff; cursor:pointer; margin-top:-22px; filter:alpha(opacity=90);  -moz-opacity:0.90;opacity: 0.90;}
#slider .header h3, #slider .header h4 strong{ color:#fff; margin-bottom:0px;   }
#slider .header h4 strong{padding:10px; padding-bottom:10px; border-bottom:2px solid #fff;  display:block;}
#slider .header:hover{ background:#c14931; }
#slider .text{ margin-top:-22px;   }
#slider .content table{ margin-top:-40px;}
#slider .text{ background: #fdfcde; filter:alpha(opacity=90);  -moz-opacity:0.90;opacity: 0.90; min-height:80px; padding-bottom:20px;}


#faq #slider .header, #programmes #slider .header{ margin-top:-18px; border-bottom:1px solid #fff;}
#faq #slider .content table, #programmes #slider .content table{ margin-top:20px;}

#politiques-content .text, #rglements-content .text{ 
	margin-top:0px;	
}