@charset "utf-8";
/********************************************CSS MENU GENERAL*************************************/

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
cursor:pointer;
}


#nav a {
display: block;
width: 10em;
}

#nav li { /* menu general */
float:left;

}
#nav li.isfirst{ /* menu general */
margin-top:16px;
border-top-style:solid;
border-top-width: 1px;
}
#nav li.isfirstdem{ /* menu general */
margin-top:4px;
border-top-style:solid;
border-top-width: 1px;
}
/****************************************MENU ETUDIANTS*************************************************/
#nav #etud li.isfirst{ /* menu general */
	border-top-color: #e50083;
}

#nav li#etud{ /* menu  */
	float: left;
	background-image: url(../_images/menu/actifs.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 28px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;	
}
#nav li#etud ul#uletud li a {/* LI intérieur du menu*/
	width: 150px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#eb7dae;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e50083;
	border-right-color: #e50083;
	border-bottom-color: #e50083;
	border-left-color: #e50083;	
}
#nav li#etud ul#uletud li a:hover 
{/* LI intérieur du menu  sur hover*/
		
background-color:#e50083;
color: #FFFFFF;	
}

#nav li#etud.inactive{ /* menu innactif */
	float: left;
	background-image: url(../_images/menu/actifs.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 15px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;	
	margin-top:13px;
}
#nav li#etud ul#uletud.ulinactive li a {/* LI intérieur du menu innactif*/
   	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#eb7dae;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e50083;
	border-right-color: #e50083;
	border-bottom-color: #e50083;
	border-left-color: #e50083;		
	
}
#nav li#etud ul#uletud.ulinactive li a:hover 
{/* LI intérieur du menu  innactif sur hover*/
		
background-color:#e50083;
color: #FFFFFF;	
}
#nav li#etud ul#uletud.ulinactive li.isfirst{ /* menu general innactif*/
margin-top:4px;
}
#nav li#etud ul#uletud li.withbor 
{
    border-top-style:solid;
	border-top-color: #e50083;
	border-top-width: 1px;
}

/****************************************MENU ETUDIANTS*************************************************/

/****************************************MENU ACTIFS*************************************************/
#nav #actifs li.isfirst{ /* menu general */
	border-top-color: #6b8ca6;
}

#nav li#actifs{ /* menu  */
	float: left;
	background-image: url(../_images/menu/etudiant.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 28px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;
}
#nav li#actifs ul#ulactifs li a {/* LI intérieur du menu*/
	width: 150px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#aec2d3;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6b8ca6;
	border-right-color: #6b8ca6;
	border-bottom-color: #6b8ca6;
	border-left-color: #6b8ca6;
}
#nav li#actifs ul#ulactifs li a:hover {/* LI intérieur du menu  sur hover*/
background-color:#6b8ca6;
color: #FFFFFF;

}
#nav li#actifs ul#ulactifs li.withbor 
{
    border-top-style:solid;
	border-top-color: #6b8ca6;
	border-top-width: 1px;
}

#nav li#actifs.inactive{ /* menu innactif */
	float: left;
	background-image: url(../_images/menu/etudiant.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 15px;
	margin-top:4px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	margin-right:7.5px;
	margin-top:13px;
	font-weight: bolder;

	
}
#nav li#actifs ul#ulactifs.ulinactive li a {/* LI intérieur du menu innactif*/
   	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#aec2d3;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6b8ca6;
	border-right-color: #6b8ca6;
	border-bottom-color:#6b8ca6;
	border-left-color: #6b8ca6;		
	
}
#nav li#actifs ul#ulactifs.ulinactive li a:hover 
{/* LI intérieur du menu  innactif sur hover*/
		
background-color:#6b8ca6;
color: #FFFFFF;

}
#nav li#actifs ul#ulactifs.ulinactive li.isfirst{ /* menu general innactif*/
margin-top:3px;
}
/****************************************MENU ACTIFS*************************************************/


/****************************************MENU DEMANDEURS*************************************************/
#nav #demandeurs li.isfirstdem{ /* menu general */
	border-top-color: #f08400;
}

#nav li#demandeurs{ /* menu  */
	float: left;
	background-image: url(../_images/menu/demandeurs.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 28px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;	
}
#nav li#demandeurs ul#uldemandeurs li a {/* LI intérieur du menu*/
	width: 150px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#f5ad58;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f08400;
	border-right-color: #f08400;
	border-bottom-color: #f08400;
	border-left-color: #f08400;
}
#nav li#demandeurs ul#uldemandeurs li a:hover {/* LI intérieur du menu  sur hover*/
background-color:#f08400;
color: #FFFFFF;
}

#nav li#demandeurs.inactive{ /* menu innactif */
	float: left;
	background-image: url(../_images/menu/demandeurs.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 15px;
	margin-top:4px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	margin-right:7.5px;
	margin-top:13px;
	font-weight: bolder;

	
}
#nav li#demandeurs ul#uldemandeurs.ulinactive li a {/* LI intérieur du menu innactif*/
   	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#f5ad58;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f08400;
	border-right-color: #f08400;
	border-bottom-color: #f08400;
	border-left-color: #f08400;		
	
}
#nav li#demandeurs ul#uldemandeurs.ulinactive li a:hover 
{/* LI intérieur du menu  innactif sur hover*/
		
background-color:#f08400;
color: #FFFFFF;
}
#nav li#demandeurs ul#uldemandeurs.ulinactive li.isfirst{ /* menu general innactif*/
margin-top:3px;
}
/****************************************MENU DEMANDEURS*************************************************/


/****************************************MENU ENTREPRISES*************************************************/
#nav #entreprises li.isfirst{ /* menu general */
	border-top-color:#e60029;
}

#nav li#entreprises{ /* menu  */
	float: left;
	background-image: url(../_images/menu/entreprises.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 28px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;	
}
#nav li#entreprises ul#ulentreprises li a {/* LI intérieur du menu*/
	width: 150px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#ec7061;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e60029;
	border-right-color: #e60029;
	border-bottom-color: #e60029;
	border-left-color: #e60029;
	
}
#nav li#entreprises ul#ulentreprises li a:hover {/* LI intérieur du menu  sur hover*/
background-color:#e60029;
color: #FFFFFF;
}
#nav li#entreprises ul#ulentreprises li.withbor 
{
    border-top-style:solid;
	border-top-color: #e60029;
	border-top-width: 1px;
}


#nav li#entreprises.inactive{ /* menu innactif */
	float: left;
	background-image: url(../_images/menu/entreprises.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 15px;
	margin-top:4px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	margin-right:7.5px;
	margin-top:13px;
	font-weight: bolder;

	
}
#nav li#entreprises ul#ulentreprises.ulinactive li a {/* LI intérieur du menu innactif*/
   	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#ec7061;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e60029;
	border-right-color: #e60029;
	border-bottom-color:#e60029;
	border-left-color: #e60029;		
	
}
#nav li#entreprises ul#ulentreprises.ulinactive li a:hover 
{/* LI intérieur du menu  innactif sur hover*/
		
background-color:#e60029;
color: #FFFFFF;

}
#nav li#entreprises ul#ulentreprises.ulinactive li.isfirst{ /* menu general innactif*/
margin-top:3px;
}

/****************************************MENU ENTREPRISES*************************************************/

/****************************************MENU INSTITUTIONS*************************************************/
#nav #institutions li.isfirst{ /* menu general */
	border-top-color:#adc1d2;
}

#nav li#institutions{ /* menu  */
	float: left;
	background-image: url(../_images/menu/institutions.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 28px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	font-weight: bolder;
	margin-right:7.5px;	
}
#nav li#institutions ul#ulinstitutions li a {/* LI intérieur du menu*/
	width: 150px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#8aa5bb;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #adc1d2;
	border-right-color: #adc1d2;
	border-bottom-color: #adc1d2;
	border-left-color: #adc1d2;
}
#nav li#institutions ul#ulinstitutions li a:hover {/* LI intérieur du menu  sur hover*/
background-color:#adc1d2;
color: #FFFFFF;
}
#nav li#institutions ul#ulinstitutions li.withbor 
{
    border-top-style:solid;
	border-top-color: #adc1d2;
	border-top-width: 1px;
}


#nav li#institutions.inactive{ /* menu innactif */
	float: left;
	background-image: url(../_images/menu/institutions.gif);
	background-repeat: repeat-x;
	width: 84px;
	height: 15px;
	margin-top:4px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:6px;
	padding-right:6px;
	margin-right:7.5px;
	margin-top:13px;
	font-weight: bolder;

	
}
#nav li#institutions ul#ulinstitutions.ulinactive li a {/* LI intérieur du menu innactif*/
   	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:4px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#8aa5bb;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #adc1d2;
	border-right-color: #adc1d2;
	border-bottom-color:#adc1d2;
	border-left-color: #adc1d2;		
	
}
#nav li#institutions ul#ulinstitutions.ulinactive li a:hover 
{/* LI intérieur du menu  innactif sur hover*/
		
background-color:#adc1d2;
color: #FFFFFF;

}
#nav li#institutions ul#ulinstitutions.ulinactive li.isfirst{ /* menu general innactif*/
margin-top:3px;
}
/****************************************MENU INSTITUTIONS*************************************************/
#nav li ul { /* intérieur du menu*/
	position:absolute;
	width: 10em;
	margin-left:-6px;
	display:none;
	z-index:99;

	
}

#nav li ul ul {
	
	/*margin-left:96px;
	margin-top:-33px;*/
	margin-left:155px;
	margin-top:-22px;
	display:none;
}
 
#nav li:hover ul {
		
		display:block;
	
}
#nav li:hover ul, #nav li.sfhover ul {
	
	display:block;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	
	display:none;
	
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	display:block;
}
nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display:none;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	display:block;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover 

ul ul ul, #nav li.sfhover ul ul ul ul {
	display:none;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	display:block;
}
/*
#monelement : s'appliquera a tous les élément avec l'id monelement
ul#monelement: s'applique uniquement aux UL 
#monelement ul s'applique aux UL contenus dans un element d'id monelement
#monelement ul li a s'appliquera a toute les balises A contenu dans un li qui lui même est contenu dans un ul qui est dans un element d'id #monelement

/****************************************************CSS MENU BAS ****************************************************/
ul#menubas
{
padding: 0;
margin: 0;
list-style: none;
}



ul#menubas li 
{
float:left;
}

ul#menubas li a
{
	text-align:center;
	text-decoration:none;
	width:141.42px;
	height:17px;
	display:block;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-top:2px;
	font-weight: bolder;
}

ul#menubas li.presse a 
{

background-color:#e60029;
}
ul#menubas li.presse a:hover 
{
background-color:#ec7061;
}

ul#menubas li.accueil a 
{
background-color:#e50083;
}
ul#menubas li.accueil a:hover 
{
background-color:#eb7dae;
}

ul#menubas li.contacts a
{
background-color:#f5ad58;
}
ul#menubas li.contacts a:hover 
{
background-color:#f9ca93;
}

ul#menubas li.faq a
{
background-color:#f08400;
}
ul#menubas li.faq a:hover 
{
background-color:#f9ca93;
}
ul#menubas li.mentions a 
{
background-color:#bbccda;
}
ul#menubas li.mentions a:hover 
{
background-color:#cfdce6;
}
ul#menubas li.liens a
{
background-color:#9cb4c7;
}
ul#menubas li.liens a:hover 
{
background-color:#cfdce6;
}
ul#menubas li.plan a
{
background-color:#6b8ca6;
}
ul#menubas li.plan a:hover 
{
background-color:#cfdce6;
}

/******************************************************Menu gauche************************************************/
#idcnc
{
width:165px;
}

#idcnc ul
{
padding:0;
margin:0;
list-style:none;
_margin-top:-4px;

}

#idcnc ul li
{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#6b8ca6;


}
#idcnc ul li a
{
text-decoration:none;
color: #6b8ca6;
font-family:Helvetica, Arial, sans-serif;
font-size:9px;
display:block;
padding-right:5px;
text-align:right;
padding-top:2px;
line-height: 9px;
padding-bottom:4px;
}
#idcnc ul li a:hover
{
background-color:#6b8ca6;
color:#FFFFFF;
}


#info 
{
width:165px;
text-align:right;
}

#info ul
{
padding:0;
margin:0;
list-style:none;
_margin-top:-4px;
}

#info ul li
{

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #6b8ca6;
}
#info ul li a
{
text-decoration:none;
color: #6b8ca6;
font-family:Helvetica, Arial, sans-serif;
font-size:9px;
display:block;
padding-right:5px;
padding-top:2px;
line-height: 9px;
padding-bottom:4px;


}
#info ul li a:hover
{
background-color:#e50083;
color:#FFFFFF;
}
/***********************************************************************************************************************************************/
.gainlayout
{
height:1%;
}