/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */


body#main{
	/*background: #e4e7e9 url(images/bg.jpg) no-repeat top center;*/
	background: #e4e7e9 url(images/bg.gif) repeat-x top;
	/*background: #999;*/
	margin: 0;
	padding: 0;
	text-align:center;
}
body#iframe{
	/*background: #e4e7e9 url(images/bg.jpg) no-repeat top center;*/
	background: #123368 url(images/fleur_iframe.gif) no-repeat top left fixed;
	/*background: #999;*/
	margin: 0;
	padding: 5px;
	text-align:left;
	color: #cdd1d7;
	font-family::Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	scrollbar-base-color: #FFFFFF;
	/*scrollbar-arrow-color: #c75538; A49E9C*/
	scrollbar-arrow-color: #A49E9C;
	scrollbar-3dlight-color: #A49E9C;
	scrollbar-darkshadow-color: #A49E9C;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
}

BODY{
	scrollbar-base-color: #FFFFFF;
	/*scrollbar-arrow-color: #c75538; A49E9C*/
	scrollbar-arrow-color: #A49E9C;
	scrollbar-3dlight-color: #A49E9C;
	scrollbar-darkshadow-color: #A49E9C;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
}


html{
	font-family: Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	_overflow-x:hidden;
	_padding-right:17px;
}

a, a:link, a:visited{
	color:#f1f1f1;
	text-decoration:none;
}
a:hover{
color:#f1f1f1;
	text-decoration:underline;
}

h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 18px;
	color: #cdd1d7;
	font-family: Arial;
}
iframe{
	background:transparent;
	
}
div#SEO{
	display:none;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:850px;
	display:block;
	padding:0;
	text-align:left;
	font-size:11px;
	color: #FFF;
	
}
#header{
	background: transparent url(images/bg_header.jpg) no-repeat bottom right;
	width:850px;
	height:174px;
	display:block;
	float:left;
	margin:0;
}
#contenu{
	width:850px;
	display:block;
	float:left;
}
#contenu #gauche{
	width:442px;
	display:block;
	float:left;
}

#contenu #gauche img#titre{
	display:block;
	/*float:left;*/
}
#contenu #gauche #iframe{
	border-left:12px solid #FFF;
	border-right:12px solid #FFF;
	border-bottom:15px solid #FFF;
	width:418px;
	_width:442px;
	height:340px;
	_height:355px;
	display:block;
	float:left;
	background:#123368;
}
#gauchePopUp #iframe{
	border-left:12px solid #FFF;
	border-right:12px solid #FFF;
	border-bottom:15px solid #FFF;
	width:408px;
	display:block;
	float:left;
	background:#123368;
	text-align:left;
	color:#cdd1d7;
	padding:5px;
	font-size:11px;
}
#gauchePopUp #iframe hr{
	border:1px solid #cdd1d7;
}

#gauchePopUp{
	width:442px;
	display:block;
	float:left;
}
#contenu #droite{
	width:408px;
	display:block;
	float:left;
}
#contenu #droite img#imgPrincipale{
	border-top:15px solid #FFF;
	border-right:12px solid #FFF;
	border-bottom:15px solid #FFF;
}
#contenu #droite img#logo{
	display:block;
	float:left;
	_display:block;
	_float:none;
	margin:0;
	padding:0;

}
#contenuFrame{
	display:block;
	float:left;
	width:390px;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	height: 21px;
	padding: 0;
	margin: 154px 0 0 0;
}
#menu ul{
	padding: 0;
	margin: 0 0 0 100px;
	list-style-type: none;
}
#menu ul li{
	padding: 0;
	margin: 0;
	display: inline;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	line-height: 12px;
	font-size: 12px;
	color: #113368;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px 3px 8px;
}
#menu ul li a:hover, #menu ul li a:visited:hover,
#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:visited{
	color: #b0cad6;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	color: #bdcad1;
	height: 50px;
	font-family: Tahoma;
	font-size: 10px;
	padding: 0;
	margin:0;
	display:block;
	float:left;
	width:850px;
	height:232px;
	background: transparent url(images/bg_footer.jpg) no-repeat top right;
	
}
#piedPage a{ color: #bdcad1; text-decoration: underline;}
#piedPage a:hover{ color: #FFF; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #bdcad1;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #bdcad1;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{
	font-size: 0.8em;
	line-height: 140%;
	/*color: #221E1F;*/
}
p strong{
	/*color: #23248B;*/
}
p b{
	font-weight: bold;
	/*color: #000;*/
}
p a, p a:link, p a:visited{
	color: #23248B;
	text-decoration: none;
}
p a:hover, p a:visited:hover{
	color: #000;
	text-decoration: underline;
}
p ul li{
	list-style: square;
}
/*p:first-letter { color: green; font-size: 200%; text-transform:uppercase;}*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 12px; width: 456px; border:1px solid #999}
fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}
fieldset label{font-size: 0.8em;}

.formulaire{
	margin: 0;
	padding: 0;
}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
/* calendrier */
/*
table.calendrier td{
	border: 1px solid #FFF;
}
*/
table.calendrier{
	display:block;
	float:right;
	margin: 20px 0 0 20px;
}
table.calendrier a, table.calendrier a:link, table.calendrier a:visited{
	color:#123368;
	text-decoration:none;
}
table.calendrier a:hover{
	color:#cdd1d7;
}
table.calendrier a.calendrier_mois , table.calendrier a.calendrier_mois:link , table.calendrier a.calendrier_mois:visited, table.calendrier a.calendrier_mois:hover  { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 16px; 
    font-weight: bold; 
	text-transform: uppercase; 
    color: #666666; 
	text-decoration: none;
    text-align: center; 
    vertical-align: middle; 
} 
.calendrier_mois_encours, .calendrier_mois { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 16px; 
    font-weight: bold; 
	text-transform: uppercase; 
    color: #FFF; 
	text-decoration: none;
    text-align: center; 
    vertical-align: middle; 
} 

.calendrier_nom_des_jours { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 12px; 
    font-weight: bold; 
    color: #666666; 
	text-transform: uppercase; 
	text-decoration: none;
    text-align: center; 
    vertical-align: middle; 
} 

.calendrier_date { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 12px; 
    color: #999999; 
    text-align: center; 
    vertical-align: middle; 
} 
.calendrier_dateDuJour { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 14px;  
    font-weight: bold; 
    color: #113368; 
    text-align: center; 
    vertical-align: middle;
	background: #CCC;
} 
.calendrier_date_importante { 
    font-family: Trebuchet MS, Verdana; 
    font-size: 14px; 
    font-weight: bold; 
    color: #113368; 
    text-transform: lowercase; 
    text-align: center; 
    vertical-align: middle; 
	background: #FFF;
}