/*

gris fonce : #333;
gris moyen : #4d4d4d;
gris clair : #808080;
violet : #96bd0d;

*/

body {	
background-color: #4d4d4d;
font-family: Arial, sans-serif;
font-size: 0.8em;
color: #fff;
margin : 0px;
padding : 0px;
text-align : center;
}


#global {
background-color : transparent;
width: 760px;
margin: 0px auto;
padding : 0px;
text-align: left;
background-image: url(../images/fond_global.gif);
background-repeat: repeat-y;
}


#bando {
margin: 0px auto;
padding: 0px;
background-color: #808080;
text-align: center;
}


#menu_liens {
background-color: #96bd0d;
background-image: url(../images/fond_menu_lien.gif);
background-repeat: no-repeat;
color: #4d4d4d;
height: 30px;
min-height: 30px;
max-height: 30px;
width: 760px;
max-width: 760px;
min-width: 760px;
margin: 0px auto;
}


#menu {
background-image: url(../images/fond_menu.gif);
background-repeat: no-repeat;
background-color: #fff;
color: #4d4d4d;
height: 200px;
min-height: 200px;
max-height: 200px;
width: 760px;
max-width: 760px;
min-width: 760px;
margin: 0px auto;
}


#menu a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}

#menu a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#menu a:hover{
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#menu a:active {
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}


div.menu_tiers {
height: 65px;
min-height: 65px;
max-height: 65px;
width: 170px;
max-width: 170px;
min-width: 170px;
margin: 0px;
padding: 135px 8px 0px 8px;
float: left;
}


#vispage {
height: 200px;
min-height: 200px;
max-height: 200px;
width: 200px;
max-width: 200px;
min-width: 200px;
margin: 0px 0px 0px 2px;
padding: 0px;
float: left;
}



#contenu {
width : 500px;
max-width: 500px;
min-width: 500px;
background-color: #333;
margin : 0px;
padding: 12px 30px;
float: left;
}


#coldroite {
background-color : #808080;
width : 200px;
max-width: 200px;
min-width: 200px;
margin: 0px;
padding: 0px;
float : left;
text-align: center;
}


#footer {
margin : 0px;
padding : 0px;
text-align: center;
background-color : #808080;
height: 90px;
min-height: 90px;
max-height: 90px;
}


#footer_global {
margin : 0px auto;
padding : 0px;
text-align: center;
background-color : #96bd0d;
width : 760px;
max-width : 760px;
min-width: 760px;
height: 90px;
min-height: 90px;
max-height: 90px;
}

#footer_coord {
margin : 0px auto;
padding : 16px 30px;
text-align: center;
background-color : #96bd0d;
width : 440px;
max-width : 440px;
min-width: 440px;
color: #fff;
text-align: left;
float: left;
}


#footer_liens {
margin : 0px auto;
padding : 16px 30px;
text-align: center;
width : 200px;
max-width : 200px;
min-width: 200px;
background-color : #96bd0d;
float: right;
color : #fff;
text-align: right;
}



#footer a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}

#footer a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#footer a:hover{
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
} 

#footer a:active {
color : #333; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
padding: 0px;
}

#sous_footer {
height : 120px;
min-height: 120px;
max-height: 120px;
background-color: #333;
padding: 0px;
margin: 0px;
}



/* DIV */


div.neutre {
clear: both;
margin: 0px;
padding: 8px;
}

div.centrer {
text-align : center;
margin: 0px;
padding : 0px;
}


/* SPAN */

span.rouge {
color : #c00;
font-weight: bold;
}


span.vert {
color : #96bd0d;
font-weight: bold;
font-size: 1.2em;
}

span.gris {
color : #808080;
font-weight: bold;
font-size: 1.2em;
}


/*

gris fonce : #333;
gris moyen : #4d4d4d;
gris clair : #808080;
violet : #96bd0d;

*/


/* TITRES */

h1{
color: #fff;
font-size: 2em;
font-weight: bold;
margin: 0px 0px 24px 0px;
padding: 0px;;
}


h2{
color: #96bd0d;
font-size: 1.6em;
font-weight: normal;
margin: 8px 0px 16px 0px;
padding: 0px 0px 0px 16px;
background-image: url(../images/carre_h2.gif);
background-repeat: no-repeat;
background-position: left center;
}


h2.comm{
color: #900;
font-size: 1.5em;
font-weight: normal;
margin: 24px 0px 16px 0px;
padding: 4px;
background-color: #e3007c;
color: #fff;
text-align: center;
}



h3{
color: #808080;
font-size: 1.3em;
font-weight: bold;
margin: 0px 0px 4px 0px;
padding: 0px;
}




/* LIENS */

a:link {
color : #fff;
text-decoration : underline;
background-color: transparent;
/*font-weight : normal;*/
}

a:visited{
color : #fff;
text-decoration : underline;
background-color: transparent;
/*font-weight : normal;*/
} 

a:hover{
color : #999; 
text-decoration : underline;
background-color: transparent;
/*font-weight : normal;*/
} 

a:active {
color : #999; 
text-decoration : underline;
background-color: transparent;
/*font-weight : normal;*/
}

/*

gris fonce : #333;
gris moyen : #4d4d4d;
gris clair : #808080;
violet : #96bd0d;

*/


/* FORMULAIRE*/


form {
padding: 0px;
margin: 0px;
}

fieldset {
padding : 16px;
border: 1px solid #808080;
}

legend {
color : #808080;
font-size: 1em;
font-weight: bold;
padding: 0px 0px 12px 0px;
margin: 0px;
}

label{
color : #fff;
font-weight: bold;
}

label.alerte{
color : #c00;
font-weight: bold;
}


textarea {
border: 1px solid #4d4d4d;
}

input {
border: 1px solid #4d4d4d;
}

input.submit {
border: 1px solid #96bd0d;
color: #fff;
font-weight: bold;
background-color: #96bd0d;
padding: 4px 16px;
}

/* LISTES */

ul {
margin : 8px 0px;
padding : 0px;
list-style-position:inside;
}

li {
list-style-type:square;
padding : 0px;
margin:0px;
}






/* IMAGES */
a:link img {border: 0px;}
a:visited img {border: 0px;}
a:hover img {border: 0px;}
a:active img {border: 0px;}
 
img.gauche {
float : left;
padding-right: 10px;
}
 
img.droite {
float: right;
padding-left: 10px;
}

img.droite_cadre {
float: right;
margin-left: 10px;
border: 1px solid #86267e;
}

img.gauche_cadre {
float: left;
margin-right: 10px;
border: 1px solid #86267e;
}


img.grand_cadre {
border: 1px solid #86267e;
}


a img {
border : 0px;
}