body{
 background-color: #ccc;
 font-family: Arial, Verdana, Sans-serif;
 font-style: normal;
 font-size: 0.8em;
 color: #333;
 margin: 0px;
 padding: 0px;
 text-align: center;
 }

#global {
 width: 760px;
 margin: 0px auto;
 text-align: center; 
 border: 0px;
 background-color : #fff;
 padding : 0px;
 border : 1px solid #999;
 /*overflow:hidden;*/
}


#bando {
 width: 760px;
 background-image: url(../imgs/bando.jpg);
 background-color: #9c0;
 background-repeat: no-repeat;
 text-align: center;
 border : 0px;
 padding : 0px 0px 0px 0px;
}


#menu {
background-color: #9c0;
color: #fff;
font-size: 1em;
font-weight: bold;
text-align: right;
padding: 0px 8px 8px 8px;
margin: 0px;
}


#menu a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
padding : 2px 8px 2px 8px;
margin: 0px;
} 

#menu a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;padding : 2px 8px 2px 8px;
margin: 0px;
} 

#menu a:hover{
color : #9c0; 
text-decoration : none;
background-color: #fff;
padding : 2px 8px 2px 8px;
margin: 0px;
} 

#menu a:active {
color : #9c0; 
text-decoration : none;
background-color: #fff;
padding : 2px 8px 2px 8px;
margin: 0px;
}





#contenu {
background-color: #fff;
text-align: left;
border: 0px;
padding : 10px 40px 40px 40px;
margin : 0px;
width: 517px;
max-width: 517px;
min-width: 517px;
float: left;
border-right : 1px solid #ccc;
}

#coldroite{
float: left;
width: 138px;
max-width: 138px;
min-width: 138px;
background-color: #fff;
margin: 0px;
padding: 10px;
text-align: left;
font-size: 90%;
}

 
#bottom {
 background-color: #ccc;
 clear: both; 
 color: #333;
 text-align: center;
 border-top: 0px;
 margin : 0px;
 padding: 6px 0px 6px 0px;
 /*font-weight: bold;*/
 }
 
 

/* AUTRES MISES EN FORME */

div.haut {
margin:20px 40px 10px 40px;
padding:0px;
text-align:center;
}

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


div.centrer {
text-align : center;
}


div.droite {
text-align : right;
}


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



div.txt {
text-align : left;
margin: 0px;
padding: 0px;
}

div.demi{
float: left;
width: 50%;
}


div.div250 {
width: 240px;
margin: 0px;
padding: 0px 8px 16px 0px;
overflow:visible;
float: left;
}



div.commentaire{
text-align: left;
margin: 0px;
padding: 8px;
border-top : 1px dotted #ccc;
}

 
/* TITRES */
 
h1 {
color: #666;
text-align: left;
font-size: 2em;
margin : 0px 0px 20px 0px;
padding: 0px;
border-bottom : 1px dotted #ccc;
}

 
h2 {
color: #4d4d4d;
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: 0px;
margin : 10px 0px 10px 0px;
}


h3 {
background-color: transparent;
color: #333;
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0px;
padding: 0px;
}

 
 
 
/* MISE EN FORME TEXTE */
 
.rouge {
background-color: transparent;
color: #e1001a;
font-weight : bold;
}

.rouge_light {
background-color: transparent;
color: #e1001a;
}

.gros {
background-color: transparent;
color: #999;
font-size : 1.3em;
font-weight: bold;
}


.moyen {
background-color: transparent;
color: #707070;
font-size : 1.1em;
font-weight: bold;
}


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


span.pseudo{
font-size: 1em;
font-weight: bold;
color: #666;
}

  
/* LISTES */

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

ul.presta {
 list-style-type: square; 
 margin:0px 0px 0px 15px;
 padding: 0px;
}

ul.presta li {
padding : 4px;

}


 
 
/* FORMULAIRES */
 
form {
background-color: #fff;
color: #ccc; 
padding : 0px;
margin: 0px;
text-align: left;
}


/*fieldset*/
fieldset {
background-color: #4d4d4d;
border: 1px #ccc solid;
color : #ccc;
padding : 20px 40px 20px 40px;
margin:0px;
}


/*legend*/
legend {
background-color: #fff;
color: #999;
font-size: 1.1em;
font-weight: bold;
padding: 8px;
margin: 0px 0px 8px 0px;
}


/*textarea*/
textarea {
background-color : #fff;
color: #4d4d4d;
text-align: left;
font-family: Arial, Verdana, Sans-serif;
border: 1px #999 solid;
}

/*imput*/
input {
background-color : #fff;
color: #4d4d4d;
text-align: left;
border: 1px #999 solid;
}


/*submit*/
input.submit {
background-color : #ccc;
color: #4d4d4d;
text-align: center;
font-weight : bold;
padding: 3px;
}

/*labels*/
label.alert {
background-color : #fff;
color: #e1001a;
font-weight: bold;
}

label {
background-color : transparent;
color: #999;
font-weight: bold;
}

 
 
/* LIENS */
 
a:link {
color : #707070;
text-decoration : underline;
background-color: transparent;

} 

a:visited{
color : #707070;
text-decoration : underline;
background-color: transparent;

} 

a:hover{
color : #9c0; 
text-decoration : underline;
background-color: transparent;
} 

a:active {
color : #9c0; 
text-decoration : underline;
background-color: transparent;
}




#bottom a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
} 
 
#bottom a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
} 

#bottom a:hover{
color : #354157; 
text-decoration : none;
background-color: #fff;
} 

#bottom a:active {
color : #354157; 
text-decoration : none;
background-color: #fff;
}



/* TABLE */

table {
background-color:#fff;
border-collapse:collapse;
width: 760px;
max-width: 760px;
min-width: 760px;
}

td.contenu {
width: 516px;
max-width: 516px;
min-width: 516px;
padding: 30px 40px 20px 40px;
margin: 0px;
vertical-align:top;
text-align: left;
}

td.colonne{
width: 140px;
max-width: 140px;
min-width: 140px;
padding: 30px 10px 10px 10px;
vertical-align:top;
text-align: left;
border-left: 1px #ccc solid;
margin: 0px;
}





 
/* DROITE -  GAUCHE*/
 
.droite {
float: right;
}
 
.gauche {
float: left;
}
 
 
 
/* IMAGES */
a:link img {border:0px; /*display:block;*/}
a:visited img {border:0px; /*display:block;*/}
a:hover img {border:0px; /*display:block;*/}
a:active img {border:0px; /*display:block;*/}


img.gauche {
float : left;
margin-right: 10px;
border:2px solid #9c0;
}

img.gauchecadre {
float : left;
/*margin-right: 15px;*/
border:2px solid #fff;
}
 
img.droite {
float: right;
/*padding-left: 15px;*/
}

img.droitecadre {
float: right;
/*margin-left: 15px;*/
border:2px solid #fff;
}

img.cadre {
border:1px solid #ccc;
padding : 2px;
}

img.block {
display : block;
}


div.div250 a:link img {border:2px solid #9c0;}
div.div250 a:visited img {border:2px solid #9c0;}
div.div250 a:hover img {border:2px solid #9c0;}
div.div250 a:active img {border:2px solid #9c0;}