body { background: url(../img/fond.gif) repeat-x; margin: 0px; padding: 0px; font: normal 14px Trebuchet MS, Arial, Helvetica, sans-serif; }


a:link { color: #003399; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:hover { text-decoration: underline; }
a:active { color:#0000FF; }


h1 { font-style: italic; font-size: 22px; color: #003399; }
h2 { font-style: italic; font-size: 20px; color: #E9651B; margin:0px; }
h3 { font-style: italic; font-size: 18px; color: #2E2525; }
h4 { font-style: normal; font-size: 16px; color: #2E2525; }
h5 { font-style: normal; font-size: 14px; color: #2E2525; }

/* style pour le logo, le menu bleu et pour la zone contenant l'image d'entete */
.logo { position: relative; height: 125px; width: 197px; left: 15px; top: 20px; float: left; }
.grippem { position: relative; clear: both; left: 43px; top: 16px; float: left; }
.menu_entete { position: relative; height: 14px; left: 15px; top: 66px; width: 555px; float: left; }
.zone_image { position: relative; height: 53px; clear:both; }


/*- Menu --------------------------- */
#menu { position: relative; height: 26px; margin-top: 3px; font: bold 13px Trebuchet MS, Arial, Helvetica, sans-serif; border: solid 0px black; }
#menu ul { position: relative; list-style:none; margin:0; padding: 0; padding-left: 3px; }
#menu li { display:inline; float: left; }
#menu a { display: block; text-decoration:none; color:#666666; padding: 1px 8px 2px 8px; }
#menu a:hover { color: #003399; text-decoration:underline; }
/*- Fin: Menu ---------------------- */

.vspace { margin-top:1.33em; }
    .lfloat { 
              position:relative; 
              float:left;   
              display: block; 
              margin-right:0.5em; 
              top:0px;
              right:0px;
            }





/* style pour la zone principale de contenu */
.cadre_fond 
{
	width: 774px;
	/* background: url(img/fond_menu_entete.jpg) no-repeat; */
	background: url(../img/fond_new4.jpg) no-repeat; 
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	border: solid 0px black;
}




.bouton { position: relative; height: 28px; font-size: 11px; text-align: center; width: 100px; float: right; padding-top: 7px; }
.bouton a { color: white; text-decoration: none; }
.bouton_image { background: url(../img/fond_bouton.gif) no-repeat 5px 5px; }
.lien a { color: black; text-decoration: none; }
.lien a:hover { text-decoration: underline; }


.bordure_gauche
{
	position: relative;
	width: 8px;
	height: 50px;
	float:left;
	clear:both;
	border: solid 0px black;
}

.contenant_principal
{
	position: relative;
	width: 460px;
	float:left;
	border: solid 0px black;
	
}

.grand_contenant_principal
{
	position: relative;
	width: 759px;
	float:left;
}

.subgrandcontenant_principal
{
	background: url(../img/grand_cadre.gif) no-repeat; 
	position: relative;
	width: 719px;
	padding: 20px;
	float:left;
	text-align: left;
	overflow: visible;
	min-height: 130px;
	border: solid 0px black;
	
}

.subgrandcontenant_principal_fin
{
	background: url(../img/grand_cadre_fin.gif) no-repeat; 
	position: relative; 
	height: 30px; 
	width: 759px;
	clear:both;
}


.subcontenant_principal
{
	background: url(../img/cadre_gauche_fond.gif) no-repeat; 
	position: relative;
	padding: 20px;
	text-align: left;
	overflow: visible;
	min-height: 150px;
}

.subcontenant_left_top
{
	background: url(../img/cadre_left_top.gif) no-repeat; 
	position: relative;
	overflow: visible;
	height: 20px;
	max-height: 20px;
}


.subcontenant_left_content
{
	background: url(../img/cadre_left_content.gif) repeat-y; 
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	overflow: visible;
	min-height: 150px;
}


.subcontenant_right_top
{
	background: url(../img/cadre_right_top.gif) no-repeat; 
	position: relative;
	height: 20px;
	max-height: 20px;
	border: solid 0px black;
}


.subcontenant_right_content
{
	background: url(../img/cadre_right_content.gif) repeat-y; 
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	overflow: visible;
	min-height: 150px;
	border: solid 0px black;
}

.subcontenant_principal_fin
{
	background: url(../img/cadre_gauche_fin.gif) no-repeat; 
	position: relative; 
	height: 30px;
}

.bordure_droite
{
	position: relative;
	width: 298px;
	float:left;
	border: solid 0px black;
}

.subcontenant_droit
{
	background: url(../img/cadre_droit.gif) no-repeat; 
	position: relative;
	padding: 20px;
	text-align: left;
	overflow: visible;
	min-height: 150px;
	border: solid 0px black;
}

.subcontenant_droit_fin
{
	background: url(../img/cadre_droit_fin.gif) no-repeat; 
	position: relative; 
	height: 30px; 
	border: solid 0px black;
}




.b_gauche {	position: relative;	width: 542px; float:left; border: solid 0px black; }
.b_droite { position: relative; width: 220px; float:left; border: solid 0px black; }

.cd_haut { background: url(../img/cd_haut.gif) no-repeat; position: relative; padding: 20px; text-align: left; overflow: visible; min-height: 150px; border: solid 0px black; }
.cd_haut_fin { background: url(../img/cd_haut_bottom.gif) no-repeat; position: relative; height: 30px; border: solid 0px black; }

.cd_haut2 { background: url(../img/cd_haut2.gif) no-repeat; position: relative; padding: 20px; text-align: left; overflow: visible; min-height: 150px; border: solid 0px black; }

.cg_haut { background: url(../img/cg_haut.gif) no-repeat; position: relative; padding: 20px; text-align: left; overflow: visible; min-height: 150px; border: solid 0px black; }
.cg_haut_fin { background: url(../img/cg_haut_bottom.gif) no-repeat; position: relative; height: 30px; border: solid 0px black; }



.cd_top
{
	background: url(../img/cd_top.gif) no-repeat; 
	position: relative;
	height: 5px;
	max-height: 5px;
	border: solid 0px black;
}


.cd_middle
{
	background: url(../img/cd_middle.gif) repeat-y; 
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	overflow: visible;
	min-height: 150px;
	border: solid 0px black;
}


.cd_bottom
{
	background: url(../img/cd_bottom.gif) no-repeat; 
	position: relative; 
	height: 30px; 
	border: solid 0px black;
}



.cartographie
{
	background: url(../img/cadre_droit_superieur1.gif) no-repeat; 
	position: relative;
	height: 196px;
	padding: 10px;
	text-align: left;
}

.nmbabonnes
{
	text-align: left;
	font-weight: bold;
	font-size: 17px;
	text-align:center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.video
{
	background: url(../img/cadre_fond.gif) no-repeat; 
	position: relative;
	height: 216px;
	clear:both;
	padding: 10px;
	text-align: left;
}


.clear
{
	position: relative; 
	clear:both; 
	height: 5px;
}







/* style pour la zone pied de page */
.cadre_basdepage
{
	background: url(../img/fond_cube.jpg) no-repeat;	
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	border: solid 0px black;
	height: 134px;
	padding: 10px;
}

.basdepage
{
	background: url(../img/fond_basdepage.jpg) repeat-x;	
	margin: 0px;
	padding: 0px;
	height: 134px;
}

.cube
{
	position: relative;
	width: 160px;
	height: 100px;
	padding: 10px; 
	float:left;
	text-align:left;
	font-weight: bold;
}

.cube a
{
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
}

.cube a:hover
{
	text-decoration: underline;
}

.logobasdepage
{
	position: relative;
	height: 50px;
	padding: 10px; 
	clear: both;
	text-align: center;
}

.logobasdepage a
{
	font-size: 11px;
}





/*  Fin: Pied de page  */
.menusecondaire
{
	background-color: #FFFF99;
	position: relative;
	height: 100px;
	padding: 10px; 
	clear: both;
}




.soustitre
{
	position: relative;
	height: 34px;
	text-align: left;
	width: 500px;
	float: left;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	border: solid 0px black;
	font-style: italic;
	font-size: 22px;
	color: #003399;
}



.textegauche {width:200px;float:left}
.champsdroite {float:left; position:relative; }
#erreur {color: red}
.erreur {color: red}






/* les styles pour les pages de connexion  */

#connexion fieldset{border:none;}
#connexion label{display:-moz-inline-box;display:inline-block;padding-top: 4px;padding-right:5px;width:190px;font-weight:normal;text-align: right; vertical-align:top; height: 30px; border: solid 0px black;}
#connexion input{ border:1px solid #0e3a8d; padding: 5px;}
#IE #connexion label,
#IE #connexion .input-submit{display:inline;}
#connexion .motdepasse{font-size: 11px;font-style: italic; color:#003399;}


#profil textarea {border: solid 1px #003399;padding: 1px;}
#profil input {border: solid 1px #003399;padding: 1px;}


/* textarea, input {border: solid 1px #003399;}*/ 














/*  les styles pour le dossier inscription */

#inscription_label {
	text-align: right;
	width: 160px;
	float: left;
}

#inscription_champ {
	float: left;
}

.inscription_ligne{
	height: 24px;
	padding-right:5px;
}

/* style accordeon */

/*
#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}*/

.accordion_headings{
	padding:5px;
	/*background:#99CC00;*/
	background:#E9651B;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	/*background:#00CCFF;*/
	background:#3192bb
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	/* background:#00CCFF;*/
	background:#3192bb
}