@charset "UTF-8";
/* CSS Document */

body {
	background-attachment: fixed;
	background-color:#FFFFFF;

	width:auto; /* on rétablit l'alignement normal du texte */	
	margin:0px;
}

#global {
	margin-left:auto;
	margin-right: auto;
	margin-top: 20px;
	width:1024px; /* on rétablit l'alignement normal du texte */
}

 
/* cadre comprenant les 3 parties centrales : colonne_gauche, centre,colonne_droite */
.conteneur_centre { 
float:left;
width:1024px;
height:auto;
background-image:url(design3/bg-conteneur.jpg);
background-repeat:repeat-y;
}

.centre1 {
float:left;
background-image:url(design3/centre-haut.jpg);
width:1024px;
height:217px;
}



.videos {
float:left;
width:272px;
height:217px;
}

.contenu_videos {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
width:232px;
height:177px;

}

 /*route_line*/

.route_line {
float: left;
margin-top:155px;
margin-left:255px;
width:497px;
height: 50px;
}

.menu_rootline {
margin-left:10px;
	color:#0079C2;
	text-decoration: none;
}

.contenu_route_line {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height:50px;
color:#0079C2;
}

.contenu_route_line a {
	color:#0079C2;
	text-decoration: none;
	font-style: normal;
}


.contenu_route_line a:visited {
color:#0079C2;
text-decoration: none;
font-style: normal;
}


.contenu_route_line a:hover {
color:#00CCFF;
text-decoration: none;
font-style: normal;
font-weight:bold;
}


.contenu_route_line a:active {
color:#000000;
text-decoration: none;
font-style: normal;
}


/*  titre de la page */


.titre {
float: left;
margin-top:170px;
margin-left:232px;
width:520px;
height:40px;
}

.contenu_titre {
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-variant: small-caps;
text-align:center;
color:#0066cc;
}
 /*partie Gauche */


.colonne_gauche {
float:left;
width:232px;
height:auto;
}



 /*menuGauche de niveaux 1 et 2  */

.menu_principal {
float:left;
height:auto;
width:232px;
}

.contenu_menu_principal {
float:left;
height:auto;
width:200px;
padding-top:5px;
padding-left:12px;
padding-right:20px;
padding-bottom:20px;
}


.contenu_menu_principal a {
	color:#ffffff;
	text-decoration: none;
	font-style: normal;
}



.contenu_menu_principal a:visited {
color:#0079C2;
text-decoration: none;
font-style: normal;
}



.contenu_menu_principal a:hover {
color:#c8d665;
text-decoration: none;
font-style: normal;
font-weight:bold;
}



.contenu_menu_principal a:active {
color:#000000;
text-decoration: none;
font-style: normal;
}




/*partie centrale */

.centre {
float:left;
width:792px;
height:auto;
}

 /*liens en haut : accueil plan du site contact accès administration */


.centre3 {
float:left;
width:1024px;
height:auto;
background-image:url(design3/footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:0px;
}





 /*contenus*/
.centre2 {
float:left;
width:520px;
height:auto;
}

.contenu_centre {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
height:auto;
}

.contenu_centre p  {
padding-top:10px;
padding-right:10px;
padding-left:50px;
padding-bottom:10px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.contenu_centre  h1 {
	color:#CC3399;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	text-indent:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    margin-left:10px;
    margin-right:10px;
	border-bottom:1px inset #CC3399;
}

.contenu_centre h1 a {
	color:#CC3399;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre h1 a:visited {
color:#CC3399;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre h1 a:hover {
color:#00CCFF;
text-decoration: none;
font-style: normal;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre  h1 a:active {
color:#CC3399;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre  h2  {
padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	text-indent:0px;
 font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:40px;
    margin-right:220px;
color:#99CC00;
border-bottom:1px inset #99CC00;
}

.contenu_centre h3  {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#00cc33;
 margin-left:60px;
    margin-right:120px;
text-indent:0px;
border-bottom:1px outset #00cc33;
}

.contenu_centre h4  {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#ff6600;


}

.contenu_centre a {
	color:#0080CC;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre a:visited {
color:#0080CC;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre a:hover {
color:#00CCFF;
text-decoration: none;
font-style: normal;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_centre a:active {
color:#000000;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}






/*menuCentre de niveaux 2 et 3*/
 
.menu_centre  {
font-size:12px;
margin-left:30px;
margin-top:25px;
margin-right:25px;
height:auto;
}

.menu_centre  a {
color:#180EE6;
text-decoration: none;
font-style: normal;
}

.menu_centre  a:active {
color:#000000;
text-decoration: none;
font-style: normal;
}

.menu_centre  a:hover {
color:#26BEDF;
text-decoration: none;
font-style: normal;
}



/* ============================================================
				Styles menu centre
==============================================================*/

/* normal niveau 1*/
.menuC1_no {
	margin-top:5px;
    text-decoration: none;
	padding-bottom:5px;
    margin-right:50px;
	margin-left:20px;
    border-bottom:1px dashed #3399FF;
	font-style: normal;


}

/* actif niveau 1*/
.menuC1_act {
	margin-top:5px;
    text-decoration: none;
	padding-bottom:5px;
    margin-right:50px;
	margin-left:20px;
    border-bottom:1px dashed #3399FF;
	font-style: normal;

}

/* roll over niveau 1*/

.menuC1_ro {
	margin-top:5px;
	padding-bottom:7px;
	margin-right:50px;
    margin-left:20px;
    border-bottom:1px dashed #3399FF;
	color:#26BEDF;
    text-decoration: none;
    font-style: normal;
}




.menuC2_no {
	margin-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#3399FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}

.menuC2_act {
	margin-top:5px;
	
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#0033CC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}

.menuC2_ro {
	margin-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#3399FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* ============================================================
				Fin Styles menu centre
==============================================================*/


 /*partie Droite  */

.colonne_droite {
float:left;
width:272px;
height:auto;

}

.liens_utiles {
float:left;
height:auto;
width:272px;
}

.contenu_liens_utiles {
margin-left:20px;
margin-right:20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

}

.contenu_liens_utiles img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto }

.contenu_liens_utiles img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border:0px; 
   }



.contenu_liens_utiles a {
	color:#0080CC;
    text-decoration: none;
	font-style: normal;
}

.contenu_liens_utiles a:visited{
color:#0080CC;
text-decoration: none;
font-style: normal;
}


.contenu_liens_utiles a:hover {
color:#AAD64F;
text-decoration: none;
font-style: normal;
font-weight:bold;
}


.contenu_liens_utiles a:active {
color:#000000;
text-decoration: none;
font-style: normal;
}


.contenu_liens_utiles  h2 {
	color:#fb0cab;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	text-indent:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    margin-left:5px;
    margin-right:5px;
	border-bottom:1px inset #fb0cab;
}

.contenu_liens_utiles h2 a {
	color:#fb0cab;
	text-decoration: none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_liens_utiles h2 a:visited {
color:#fb0cab;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_liens_utiles h2 a:hover {
color:#00CCFF;
text-decoration: none;
font-style: normal;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_liens_utiles  h2 a:active {
color:#fb0cab;
text-decoration: none;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
}


.contenu_liens_utiles  h1  {
padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	text-indent:0px;
 font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:10px;
    margin-right:5px;
color:#99CC00;
border-bottom:1px inset #99CC00;
}

.bas_colonne_droite {
float:left;
width:269px;
height:33px;
background-image:url(design3/bas-colonne-droite.jpg);
background-position:bottom;
background-repeat:no-repeat;
}


.menu_droit {
height:auto;
margin-right:10px;
margin-left:10px;
margin-top:100px;
margin-bottom:10px;
padding:5px;
}

 /*Menu droit */

.menu_droit  a {
color:#0281CC;
text-decoration: none;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.menu_droit  a:visited {
color:#0281CC;
text-decoration: none;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

.menu_droit a:hover {
color:#CCCCCC;
text-decoration: none;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


.menu_droit  a:active {
color:#000000;
text-decoration: none;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
	

/* ============================================================
				Styles menu droit 
==============================================================*/

/* normal niveau 1*/
.menuD1_no {
	margin-top:5px;
    text-decoration: none;
	padding-bottom:5px;
	margin-left:10px;
    border-bottom:1px dashed #0080CC;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	color:#0281CC;
}

/* actif niveau 1*/
.menuD1_act {
	margin-top:5px;
    text-decoration: none;
	padding-bottom:5px;
	margin-left:10px;
    border-bottom:1px dashed #0080CC;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

/* roll over niveau 1*/

.menuD1_ro {
	margin-top:5px;
	padding-bottom:7px;
    margin-left:10px;
     border-bottom:1px dashed #0080CC;
	color:#0281CC;
    text-decoration: none;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


.menuD2_no {
	margin-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#5CC7F3;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}

.menuD2_act {
	margin-top:5px;
	
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}

.menuD2_ro {
	margin-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	padding-left:10px;
	color:#7AB5DF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* ============================================================
				Styles menu droit 
==============================================================*/







.bas_colonne_gauche {
float:left;
width:232px;
height:166px;
background-image:url(design3/bas-colonne.jpg);
background-position:bottom;
background-repeat:no-repeat;
}



.centre4 {
float:left;
width:792px;
height:166px;
}

.centre5 {
float:left;
width:1024px;
height:166px;
}

 /*pied de page */

.footer {
float:left;
width:792px;
height:33px;
background-image:url(design3/footer3.jpg);
}


.contenu_footer {
float:left;
width:480px;
height:33px;
margin-right:272px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#0066cc;
}




.contenu_footer a {
	color:#0066cc;
	text-decoration: none;
	font-style: normal;
}

.contenu_footer a:visited {
color:#0066cc;
text-decoration: none;
font-style: normal;
}

.contenu_footer a:hover {
color:#0079C2;
text-decoration: none;
font-style: normal;
font-weight:bold;
}


.contenu_footer a:active {
color:#0066cc;
text-decoration: none;
font-style: normal;
}

.ligne-bas {
float:left;
width:792px;
height:133px;
background-image:url(design3/ligne-bas.jpg);
}

.ligne-haut {
float:left;
width:1024px;
height:21px;
background-image:url(design3/ligne-haute.jpg);

}


.typo3-adminPanel {
top:2000px;

}


.tx-rspflvplayer-pi1 {
margin:auto;

}