/*********************************



/*	La couleur de fond : #787c81
/*	La couleur suite du bandeau menu : #d7d9dd
/*	Rouge du menu : #712e54
/*	Rouge du bandeau : #651A45
/*	Gris du menu : #7f8e9b
/*	Couleur du texte : #656367
/*	Jaune du texte du bandeau haut : #e3aa34
/*	Jaune des encadrés : #fcc531
/*	Couleur puce carré et titre bold : #641a45


*********************************/
/*********************************  BODY  */
BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #787c81;
color: #656367;
font-size:13px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
marginheight:0px;
marginwidth:0px;
}

/*********************************  TABLE  */


TABLE { 
height:100%; 
width:100%; 
background: #ffffff;
margin-top:0px; 
margin-bottom:0px; 
margin-left:0px; 
margin-right:0px; 
marginheight:0px; 
marginwidth:0px;
border:0px solid pink;
border:0px solid black
}

TABLE.first { 
height:auto; 
width:100%; 
margin-top:0px; 
margin-bottom:0px; 
margin-left:0px; 
margin-right:0px; 
marginheight:0px; 
marginwidth:0px;
border:0px solid red;
}

TABLE.cent { 
height:auto; 
width:1002px; 
margin-top:0px; 
margin-bottom:0px; 
margin-left:0px; 
margin-right:0px; 
marginheight:0px; 
marginwidth:0px;
border:0px solid pink
}

TABLE.edito { 
height:auto;
width:auto; 
color:#000000;
font-size:13px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0px solid navy
}


TABLE.puce { 
width:90%;
height:auto;
vertical-align:middle;
text-align:center;
border:0px solid red;
}

TABLE.membres { 
width:660px;
height:350px;
vertical-align:middle;
text-align:center;
border:0px solid #fcc531;
}
TABLE.info { 
width:660px;
height:350px;
vertical-align:middle;
text-align:center;
border:0px solid olive;
}

TABLE.combo { 
width:auto;
height:auto;
vertical-align:top;
text-align:center;
padding:0 0 0 0;
border:1px solid red;
}




TD.centrer
{
padding-bottom:0px;
padding-top:0px;
text-align:center;
vertical-align:middle;

}
TD.first
{
vertical-align:bottom;
text-align:center;
padding-bottom:50px;
padding-top:0;
text-align:center;
vertical-align:middle;

}

TD.bandeau
{
vertical-align:top;
background-image:url("image/alista_bandeau_haut2.jpg");
background-position:0 0px;
background-repeat:no-repeat;
background-color:#651A45;
height:137px

}


TD.bandeauM
{
vertical-align:top;
background-image:url("image/alista_bandeau_haut3.jpg");
background-position:0 0px;
background-repeat:no-repeat;
background-color:#651A45;
height:137px

}

TD.bandeaumenu
{
vertical-align:top;
background-image:url("image/alista_bandeau_menu2.jpg");
background-repeat:no-repeat;
width:136px;
height:752px

}


TD.editblanc { 
color:white;
background-color:#fcc531;
font-size:25px;
font-weight:bold;
text-align:left;
vertical-align:bottom;
height:70px;
margin-right:100px;
width:150px;
}



TD.editblancchartre { 
color:white;
background-color:#fcc531;
font-size:25px;
font-weight:bold;
text-align:right;
vertical-align:bottom;
height:70px;
padding-left:0px;
width:350px;
}


TD.editblancdefault { 
color:white;
background-color:#fcc531;
font-size:27px;
font-weight:bold;
text-align:left;
padding-left:0px;
vertical-align:bottom;
height:70px;
width:350px;
}


TD.editgris { 
color:#7f8e9b;
font-size:25px;
font-weight:bold;
text-align:right;
vertical-align:bottom;
text-align:left;
height:30px;
width:auto;
}


TD.editalista { 
width:60%;
padding-left:10px;

}


TD.edito { 
height:auto;
width:40%;
vertical-align:top;
font-size:13px; 
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

TD.puce { 
text-align:center;
color:#641a45;
font-weight:bold;
font-size:13px; 

}

TD.membres
{
	width:100%;
	height:auto;
	vertical-align:middle;
	text-align:center;
	border:0px solid #fcc531;

}
TD.info
{
	width:auto;
	height:auto;
	vertical-align:top;
	text-align:center;
	border:0px solid olive;

}

TD.rechg
{
	width:auto;
	height:auto;
	vertical-align:top;
	padding:25px 0 0 0;
	text-align:left;
	border:0px solid olive;

}
TD.rechc
{
	width:auto;
	height:auto;
	vertical-align:top;
	padding:25px 0 0 0;
	text-align:right;
	border:0px solid olive;

}

TD.rechd
{
	width:auto;
	height:auto;
	vertical-align:top;
	padding:25px 0 0 0;
	text-align:right;
	border:0px solid olive;

}




/* styles pour les paragraphes de base*/
P { 
text-align:left;
font-size:13px;
font-family:Verdana, Arial,
Helvetica, sans-serif;
color:#000000; font-weight:normal;

}

P.editog{
margin-right:25px;
margin-left:15px;
font-size:12px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

P.editog2{
margin-right:25px;
margin-top:55px;
margin-left:15px;
font-size:12px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

P.editotab
{
margin-top:105px;
margin-bottom:20px;
margin-right:10px;
margin-left:10px;
}



P.editod{
margin-left:2px;
margin-bottom:12px;
margin-right:25px;
margin-top:55px;
font-size:12px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

P.editodc{
margin-left:2px;
margin-bottom:12px;
margin-right:25px;
margin-top:35px;
font-size:12px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

P.ifa {

color:#ffffff;
font-style:normal;
font-size:7px;
font-weight:bold;
text-align :center;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
margin-bottom:0px;
letter-spacing:0.5px;
}
P.ifa2 {

color:#ffffff;
font-style:normal;
font-size:7px;
font-weight:bold;
text-align :center;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px; 
margin-top:0px;
margin-bottom:0px;

}
P.ifa3 {

color:#ffffff;
font-style:normal;
font-size:7px;
font-weight:bold;
text-align :center;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2.6px; 
margin-top:0px;
margin-bottom:0px;

}



P.chartetitre
{
text-align:right;
font-size:18px;
font-family:Verdana, Arial,
Helvetica, sans-serif;
color:#651A45; 
font-weight:bold;
}

/* styles pour liste*/

ul.carre{
list-style-image:url('image/puce.gif');
color:#651A45;
padding-top:10px;
margin-left:15px;
-moz-padding-start:0px;


}
li.carre{

font-size:13px; font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* styles pour les calques : un calque container, un calque normal*/

div.txtblanc{
position:relative;
padding:0 5px 0 15px; 
top:5px;

}

div.txtgris{
position:relative;
letter-spacing:1px;
padding:0 0px 0 0px; 
top:5px;
}


div.ifa
{
position:relative;
border:0px solid green;

z_index:0;
margin-left:2px;
margin-right:5px;
}


div.txtorange{
position:relative;
color:#e3aa34;
font-style:italic;
font-size:18px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;

width:620px;
top:95px;
left:20px;
}





/* styles pour les calques clicablesl*/
#default {
width:134px;
z_index:1;
height:auto;
vertical-align:middle;
background-image: url(image/transparent.gif);
cursor: pointer;
border:0px solid red;
top:0px
left:0px;
padding-top:90px;
}




#reseau {
width:110px;
height:20px;
top:145px;
left:15px;
background:none;
cursor: pointer;
border:0px solid green; 
position:relative;
text-align:center;
padding-top:25px;
}

#charte  {
width:110px;
height:20px;
top:175px;
left:15px;
background:none;
cursor: pointer;
position:relative;
text-align:center;
padding-top:25px;
border:0px solid olive;
}

#guide  {
width:110px;
height:20px;
top:205px;
left:15px;
background:none;
cursor: pointer;
position:relative;
text-align:center;
padding-top:30px;
border:0px solid red;
}

#contact {
width:110px;
height:20px;
top:372px;
left:15px;
background:none;
cursor: pointer;
position:relative;
text-align:center;
padding-top:25px;
border:0px solid purple;
}

#mentions {
width:125px;
height:40px;
top:390px;
left:10px;
background:none;
cursor: pointer;
position:relative;
text-align:center;
padding-top:25px;
border:0px solid maroon;
}










/* styles pour les liens */
A {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#CE7134; text-decoration:underline;}
A:link {color:#CE7134; text-decoration:underline }
A:visited {color:#CE7134; text-decoration:underline }
A:active {color:#CE7134; text-decoration:underline }
A:hover {color:#ffffff; text-decoration:underline }

A.autre {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#712e54; text-decoration:none;}
A.autre:link {color:#712e54; text-decoration:none }
A.autre:visited {color:#712e54; text-decoration:none }
A.autre:active {color:#712e54; text-decoration:none }
A.autre:hover {color:#712e54; text-decoration:none }

A.autre2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#712e54; text-decoration:none;font-size:13px;}
A.autre2:link {color:#712e54; text-decoration:none }
A.autre2:visited {color:#712e54; text-decoration:none }
A.autre2:active {color:#712e54; text-decoration:none }
A.autre2:hover {color:#712e54; text-decoration:none }

A.autre3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#712e54; text-decoration:none;font-size:13px;border:none;}
A.autre3:link {color:#712e54; text-decoration:none;border:none; }
A.autre3:visited {color:#712e54; text-decoration:none;border:none ;}
A.autre3:active {color:#712e54; text-decoration:none;border:none; }
A.autre3:hover {color:#712e54; text-decoration:none;border:none; }
.no_cadre{
border:none;
} 

A.liste {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#712e54; text-decoration:none;font-size:13px;}
A.liste:link {color:#712e54; text-decoration:none }
A.liste:visited {color:#712e54; text-decoration:none }
A.liste:active {color:#712e54; text-decoration:none }
A.liste:hover {color:#712e54; text-decoration:none }

A.menubleu {font-size:9px; font-weight:bold; color:#648DC3; text-decoration:none;}
A.menubleu:link {color:#648DC3; text-decoration:none }
A.menubleu:visited {color:#648DC3; text-decoration:none }
A.menubleu:active {color:#648DC3; text-decoration:none }
A.menubleu:hover {color:#648DC3; text-decoration:none }

A.menunoir {font-size:9px; font-weight:bold;  color:#000000; text-decoration:none;}
A.menunoir:link {color:#648DC3; text-decoration:none }
A.menunoir:visited {color:#648DC3; text-decoration:none }
A.menunoir:active {color:#648DC3; text-decoration:none }
A.menunoir:hover {color:#648DC3; text-decoration:none }

A.gris {font-size:10px; font-weight:bold;  color:#7f8e9b; text-decoration:none;}
A.gris:link {color:#7f8e9b; text-decoration:none }
A.gris:visited {color:#7f8e9b; text-decoration:none }
A.gris:active {color:#7f8e9b; text-decoration:none }
A.gris:hover {color:##7f8e9b; text-decoration:none }