*{
margin:0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666; 
margin: 0;
padding: 0;
}

a:link, a:visited, a:active {
text-decoration:none; 
color:#6666CC; /*#3939C8;*/ 
/*background:transparent;*/
}

a:hover {
text-decoration:none; 
color:#990000; /* ???  #EF4325;*/ /*  #3939C8*/ 
/*background: #99CCFF ;*/ 
}

img {
	border:0px none ;
}

table {
	font-size: 12px;  /* 10pt ancien 12pt */
}


/* nouvelles définitions 2011 */
#news_photop {
	position:relative;
}
#news_photop div .popup_grande {      /*PAQUETS DE DEFINITIONS*/
	display:none;
	position:absolute;
	z-index:100;
	width:500px;
	left:200px;/*50%-600px*/
	padding:30px 15px;
	margin-left:0px;/*-350px*/
	margin-top:-160px;
	background-color:#222222;/*#FFFFFF#999999*/
	border:1px solid #CCCCCC;
	text-align:center;
}




/* zones parents */
/* titre et module zone principale */
.zone_c1 {
	background-color:#FFFFFF;
	color:#666666;
}
.zone_c1 a {
	color:#006633;
}
.zone_c1 a:hover {
	color:#339966;
}
.zone_c1 .titre1,.titre2 {
	color:;
}

/* module historique */
.zone_c4 {
	background-color:#333333;
	color:#D6DDEE;
}
.zone_c4 a {
	color:#6688FF;
}
.zone_c4 a:hover {
	color:#99AAFF;
}

/* lettre info et copyright */
.zone_c5 {
	background-color:#EEEEFF;/*ancien #F3F3FF */
	color:#666699;
}
.zone_c5 a {
	color:#006633;
}
.zone_c5 a:hover {
	color:#339966;
}



/* zones enfants à à définir APRÈS les zones parents */

/* module colonne de droite et sous-menu */
.zone_c2 {
	background-color:#FFFFF3;
	color:#666699;
}
.zone_c2 a {
	color:#006633;
}
.zone_c2 a:hover {
	color:#339966;
}

/* module reGen */
.zone_c3 {
	background-color:#EEEEFF;
	color:#666699;
}
.zone_c3 a {
	color:#006633;
}
.zone_c3 a:hover {
	color:#339966;
}

/* menu */
.zone_menu {
	color:#E6D686;
}
.zone_menu a {
	color:#99CCFF;
}
.zone_menu a:hover {
	color:#E6D686;
}





.titre1 {
	font-size:24px;  /*24px;*/
	font-weight:bold;
}
.titre2 {
	font-size:20px;
	font-weight:bold;
}
.titre3 {
	font-size:16px;
	font-weight:bold;
}
.titre4 {
	font-size:14px;
	font-weight:bold;
}


.texte1 {
	font-size:12px;
}
.texte2 {
	font-size:10px;
}
.texte3, .texte_notice {
	font-size:9px;
}

/*     ATTENTION ON N'UTILISE PAS LES VALEURS DE TAILLE DU FICHIER COULEUR !!!!!
.titre1 {
	font-size:24px;
	font-weight:bold;
}
.titre2 {
	font-size:18px;
	font-weight:bold;
}
.texte1 {
	font-size:14px;
	font-weight:bold;
}
.texte2 {
	font-size:12px;
}
.texte3 {
	font-size:10px;
}
*/


/* styles généraux */

.boite_type1,.boite_type2 {
	display:table;
	padding:5px;
	margin-bottom:5px;
}
.boite_type1 img,.boite_type2 img {
	border-width:0px;
}
.boite_type2 img {
	margin:0 5px 5px 0;
	float:left;
}

.boite_type3 {
	margin:0 5px 5px 0;
	float:left;
	display:table;
	height:250px;
}








/*boîte largeur -------- */
.boite_largeur {
	/*
	display:inline;
	float:left;
	*/
	width:450px;
	AAAheight:150px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.boite_largeur img {  /* image dans une zone module large */
    margin-right:10px; 
}


/* zone 2 - haut centre------------------------------------------- */
.z2 {
    color:#662222;
}
a.z2:link {
    color:#CCCCCC; 
}
a.z2:visited {
    color:#CCCCCC; 
}
a.z2:active {
    color:#CCCCCC; 
}
a.z2:hover {
    color:#FFFFFF; 
}


/* COURRIEL dans zone 2  ---------- */
.courriel {
	font-size:12px;
	color:#662222;
	text-align: left;
}
.courriel input {
	font-size:12px;
	/*color:#662222;*/
	width:100%;
	background-color:#CCCC66;
}
.courriel textarea {
	font-size:12px;
	/*color:#662222;*/
	width:100%;
	height:150px;
	background-color:#CCCC66;
}



/* zone opposition contenu ------------------------------------------------- */
.z3 {
    color:#FFFFCC;
}
a.z3:link, a.z3:visited {
    color:#CCAA77; 
}
a.z3:hover, a.z3:active {
    color:#77AADD; 
}
.z3_in1 {      /* ????? */
	margin: 5px 5px 7px 5px; 
	vertical-align: top; 
}





/* zone menu à droite ----------------------------------------------- */
.z4 {
	font-size:18px;
	color:#FFFFFF;
	vertical-align:top;
}
a.z4:link, a.z4:visited {
    color:#9999FF; 
}
a.z4:hover, a.z4:active {
    color:#CCCCFF; 
}
.z4_in1 {      /* ????? */
	padding: 15px 5px 10px 5px;
}

/* zone menu à droite ----------------------------------------------- */
.z4b {
	font-size:16px;
	color:#FFFFFF;
	vertical-align:middle; /*top*/
	padding: 0px; margin: 0px;
}
a.z4b:link, a.z4b:visited {
    color:#9999FF; 
}
a.z4b:hover, a.z4b:active {
    color:#CCCCFF; 
}
.z4b_in1 {      /* ????? */
	padding: 0px 5px 10px 5px; 
	/* comprends pas pourquoi il met un espace avant le premier menu 
	   j'ai donc mis padding top à 0   (10px 5px 10px 5px)
	*/
}

/* zone menu à droite PETITS----------------------------------------------- */
.z4c {
	font-size:14px;
	color:#FFFFFF;
	vertical-align:middle; /*top*/
	padding: 0px; margin: 0px;
}
a.z4c:link, a.z4c:visited {
    color:#9999FF; 
}
a.z4c:hover, a.z4c:active {
    color:#CCCCFF; 
}
.z4c_in1 {      /* ????? */
	padding: 0px 5px 10px 5px; 
	/* comprends pas pourquoi il met un espace avant le premier menu 
	   j'ai donc mis padding top à 0   (10px 5px 10px 5px)
	*/
}

/* zone sous-menus en haut milieu PETITS----------------------------------------------- */
.z4d {
	font-size:14px;
	color:#660000;
	vertical-align:middle; /*top*/
	padding: 0px; margin: 0px;
}
a.z4d:link, a.z4d:visited {
    color:#CCCCCC; 
}
a.z4d:hover, a.z4d:active {
    color:#FFFFFF; 
}
.z4d_in1 {      /* ????? */
	padding: 0px 5px 10px 5px; 
	/* comprends pas pourquoi il met un espace avant le premier menu 
	   j'ai donc mis padding top à 0   (10px 5px 10px 5px)
	*/
}


/* zone adresse netopera ---------------------------------------------- */
.z5 {
    color:#FFFFFF;
}
a.z5:link, a.z5:visited {
    color:#6666CC; 
}
a.z5:hover, a.z5:active {
    color:#9999FF; 
}
.z5_in1 {      /* ????? */
	margin: 5px 5px 7px 5px;
}


/* zone 6 centre bas ----------------------------------------------- */
.z6bandes {
	font-size:24px;
	color:#999999;
	vertical-align:middle;
}
a.z6bandes:link, a.z6bandes:visited {
    color:#6666CC; 
}
a.z6bandes:hover, a.z6bandes:active {
    color:#990000; 
}
.z6bandes_in1 {      /* ????? */
	padding: 15px 5px 10px 5px;
}



/* zone titre collée en haut--------------------------------------- */
#z1 {
  	position:absolute;
	visibility:visible;
	left:17%; /*13%;*/ 
	top:-5px;  /* -7px */
	padding-top: 0px; 
	padding-left: 0px; 
	width:700px;				 /* width:500px; */
	height:30px; 
	z-index:200; 
	background-color: ; 
	layer-background-color: ; 
	border: 1px none #000000;
}
.z1 { 
	font-size:18px;   /* $titre1 */
	font-weight: bolder;
	color:#cccc00 ;  /* #999999 */
}
					/*
					a.z0:link {
						color:#6666CC;    /*  */
					}
					a.z0:visited {
						color:#6666CC;    /*  */
					}
					a.z0:active {
						color:#6666CC;    /*  */
					}
					a.z0:hover {
						color: #990000;     /*  */ 
					}
					*/



/* zone pied de page -------------------------------------------------------- */



/* zone de gauche: liens supplémentaires --------------------------------------- */
#z9 {
  position:absolute;
	left:2px; 
	top:0px;
	padding-top: 15px; 
	padding-left: 4px; 
	width:120px; 
	height:500px; 
	z-index:100; 
	background-color: ; 
	layer-background-color: ; 
	border: 1px none #000000;
}
#z9 div {
	margin-top:35px;
}
#z9 img {
	margin-top:3px;
}
.z9 { 
	font-size:10px;
	color: #999999;  /*  */
}
a.z9:link {
	color:#999999;    /* $c9a; */
}
a.z9:visited {
	color:#999999;    /* $c9a; */
}
a.z9:active {
	color:#999999;    /* $c9a; */
}
a.z9:hover {
	color: #CCCCCC;     /* $c9a; */ 
}