







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



#global {
background-color : #fff;
width: 760px;
margin: 0px auto;
padding : 0px;
text-align: left; 
border: 1px solid #999;
}



#bando {
margin : 0px;
padding: 0px 0px 0px 0px;
background-image: url(../imgs/bando.jpg);
background-repeat: no-repeat;
height: 160px;
min-height: 160px;
max-height: 160px;
}





#menu {
padding: 0px;
margin: 0px;
background-color : #900;
text-align: center;
color: #fff;
width: 200px;
max-width: 200px;
min-width: 200px;
height: 160px;
min-height: 160px;
max-height: 160px;
float : right;
}


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

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

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

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


#themes {
margin : 0px;
padding: 6px 0px 2px 0px;
background-color: #333;
text-align: center;
border-top: 1px solid #fff;
}


#utilisat {
background-color: #fff;
color : #333;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 4px;
}



#contenu {
margin : 20px 40px 40px 40px;
padding: 0px;
}



#footer {
margin : 0px;
padding: 10px;
text-align: center;
}


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

#footer a:visited{
color : #666;
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;
} 

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





/* MISE EN FORME SPECIFIQUE */

div.divgauche {
width: 50%;
max-width: 50%;
min-width: 50%;
padding: 0px;
margin: 0px;
float: left;
}


div.internegauche {
padding : 0px 20px 0px 0px;
margin: 0px;
}


div.divdroite {
width: 50%;
max-width: 50%;
min-width: 50%;
padding: 0px;
margin: 0px;
float: left;
}


div.internedroite {
padding : 0px 10px 0px 20px;
margin: 0px;
background-image: url(../imgs/commentaires.gif);
background-position: right top;
background-repeat: no-repeat;
border-left: 1px solid #ccc;
}


div.divactu {
padding: 0px;
margin: 0px;
}


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


div.points {
border-top: 1px dashed #ccc;
margin: 8px 0px 8px 0px;
padding: 12px 0px 8px 0px;
}


span.actu_old {
font-weight: bold;
font-size: 1.2em;
color: #666;
}


div.participant {
width: 180px;
max-width: 180px;
min-width: 180px;
float: left;
margin: 16px;
background-color: #fff;
}



div.participant a:link {
color : #900;
text-decoration : none;
background-color: transparent;
font-weight: bold;
font-size: 1.1em;
}

div.participant a:visited{
color : #900;
text-decoration : none;
background-color: transparent;
font-weight: bold;
font-size: 1.1em;
} 

div.participant a:hover{
color : #333; 
text-decoration : none;
background-color: #ccc;
font-weight: bold;
font-size: 1.1em;
} 

div.participant a:active {
color : #333; 
text-decoration : none;
background-color: #ccc;
font-weight: bold;
font-size: 1.1em;
}




span.pseudo {
font-size: 1.2em;
font-weight: bold;
color : #900;
}



div.mini {
/*width: 100px;
max-width: 100px;
min-width: 100px;*/
float: left;
margin: 8px;
background-color: #fff;
text-align: center;
}



div.mini a:link img{
color : #900;
text-decoration : none;
background-color: transparent;
border: 4px solid #fff;
}

div.mini a:visited img{
color : #900;
text-decoration : none;
background-color: transparent;
border: 4px solid #fff;
} 

div.mini a:hover img{
color : #333; 
text-decoration : none;
background-color: transparent;
border: 4px solid #ccc;
} 

div.mini a:active img{
color : #333; 
text-decoration : none;
background-color: transparent;
border: 4px solid #ccc;
}



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

div.aligndroite{
text-align: right;
margin: 0px;
padding: 0px;
}


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


div.comm {
margin: 8px 0px 4px 0px;
padding : 8px 0px 4px 0px;
border-bottom: 1px dashed #ccc;
}

div.cadre{
padding : 12px;
margin: 0px;
border: 1px dashed #ccc;
}

div.cadre_haut{
padding : 16px 0px;
margin: 0px;
border-top: 1px dashed #ccc;
}


/* TITRES */

h1{
color: #333;
font-size: 3em;
font-weight: normal;
margin: 0px 0px 24px 0px;
padding: 0px;
border-bottom: 1px dashed #ccc;
}


h2{
color: #900;
font-size: 1.5em;
font-weight: normal;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 32px;
background-image: url(../imgs/fleche_h2.gif);
background-repeat: no-repeat;
background-position: left top;
}


h2.comm{
color: #900;
font-size: 1.5em;
font-weight: normal;
margin: 0px 0px 16px 0px;
padding: 4px 4px 4px 32px;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
background-image: url(../imgs/fleche_h2.gif);
background-repeat: no-repeat;
background-position: left;
}


h2.actu{
color: #666;
font-size: 1.2em;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 16px;
background-image: url(../imgs/fleche.jpg);
background-repeat: no-repeat;
}



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




/* LIENS */

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

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

a:hover{
color : #333; 
text-decoration : none;
background-color: #ccc;
/*font-weight : normal;*/
} 

a:active {
color : #333; 
text-decoration : none;
background-color: #ccc;
/*font-weight : normal;*/
}




/* FORMULAIRE*/


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

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

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

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


/* 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 #999;
}

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


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

