/*

rose : #ff96c8;
framboise : #e3007c;
parme : #cab3ff;
violet : #86267e;
violet fonce : #622280;

*/

body {	
background-color: #fff;
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; 
}


#bando {
margin: 0px auto;
padding: 0px;
background-image: url(../images/bando.gif);
background-repeat: no-repeat;
background-color: #fff;
background-position: center;
height: 100px;
min-height: 100px;
max-height: 100px;
width: 760px;
min-width: 760px;
max-width: 760px;
text-align: center; 
}


#menu {
background-color: #fff;
color: #4d4d4d;
border-top: 1px dotted #cab3ff;
border-bottom: 1px dotted #cab3ff;
height: 24px;
min-height: 24px;
max-height: 24px;
}


#contenu {
margin : 0px;
padding: 24px 0px;
}



#footer {
margin : 0px;
padding-top: 10px;
padding-bottom: 16px;
text-align: center;
border-top: 1px dotted #cab3ff;
color : #cab3ff;
}


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

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

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

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





/* DIV */


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

div.vide {
margin: 0px 0px 16px 0px;
padding: 0px;
}

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

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

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

div.participants {
text-align : left;
margin: 0px;
padding : 3% 3% 0% 0%;
width: 30%;
min-width: 30%;
max-width: 30%;
float: left;
}

div.home_gauche {
margin: 0px;
padding: 0px 20px 0px 0px;
float: left;
width: 440px;
min-width: 440px;
max-width: 440px;
}


div.semaine_pro {
width: 440px;
min-width: 440px;
max-width: 440px;
background-color: #fff;
color : #86267e;
float: left;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 130px 0px 0px 0px;
background-image: url(../images/semaine_prochaine.gif);
background-repeat: no-repeat;
min-height: 80px;
}


div.archives_home {
width: 210px;
min-width: 210px;
max-width: 210px;
background-color: #fff;
color : #86267e;
float: left;
margin: 20px 20px 0px 0px;
padding: 160px 0px 0px 0px;
background-image: url(../images/archives_home.gif);
background-repeat: no-repeat;
height: 40px;
min-height: 40px;
}


div.galerie_aleatoire {
width: 210px;
min-width: 210px;
max-width: 210px;
background-color: #fff;
color : #86267e;
float: left;
margin: 20px 0px 0px 0px;
padding: 120px 0px 0px 0px;
background-image: url(../images/galerie_aleatoire.gif);
background-repeat: no-repeat;
height: 80px;
min-height: 80px;
font-size: 1.2em;
font-weight: bold;
}


div.commentaires_home {
width: 250px;
min-width: 250px;
max-width: 250px;
float: left;
background-color: #e6e6e6;
color : #86267e;
margin: 0px;
padding: 80px 16px 20px 16px;
background-image: url(../images/commentaires_home.gif);
background-repeat: no-repeat;
/*height: 370px;*/
min-height: 300px;
/*font-size: 1.1em;*/
font-weight: bold;
}


div.utilisateur {
margin : 4px 0px 0px 0px;
padding : 0px;
text-align: right;
color: #e3007c;
/*font-weight: bold;*/
}


div.commentaire {
margin : 8px 0px;
padding : 8px 0px;
border-bottom: 1px dotted #e3007c;
}


div.logo {
margin: 0px;
padding: 0px 44px 32px 0px;
float: left;
}


div.demi {
width : 48%;
max-width: 48%;
min-width: 48%;
float : left;
}


div.photomini {
width : 152px;
max-width: 152px;
min-width: 152px;
height : 152px;
min-height: 152px;
max-height: 152px;
text-align: center;
/*background-color: #000;*/
float : left;
}



/* SPAN */

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


span.violet {
color : #e3007c;
font-weight: bold;
font-size: 1.2em;
}

span.parme {
color : #cab3ff;
}


span.semaine_pro{
font-size: 1.4em;
}

/*

rose : #ff96c8;
framboise : #e3007c;
parme : #cab3ff;
violet : #86267e;
violet fonce : #622280;
bleu : #66b8dc;
*/


/* TITRES */

h1{
color: #86267e;
font-size: 2.4em;
font-weight: normal;
margin: 0px 0px 24px 0px;
padding: 0px 0px 0px 32px;
background-image: url(../images/fleche_h1.gif);
background-repeat: no-repeat;
background-position: left center;
}


h2{
color: #e3007c;
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: #622280;
font-size: 1.3em;
font-weight: bold;
margin: 0px 0px 4px 0px;
padding: 0px;
}




/* LIENS */

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

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

a:hover{
color : #86267e; 
text-decoration : none;
background-color: transparent;
/*font-weight : normal;*/
} 

a:active {
color : #86267e; 
text-decoration : none;
background-color: transparent;
/*font-weight : normal;*/
}




/* FORMULAIRE*/


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

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

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

label{
color : #86267e;
font-weight: bold;
}

textarea {
border: 1px solid #cab3ff;
}

input {
border: 1px solid #cab3ff;
}

input.submit {
border: 1px solid #cab3ff;
color: #fff;
font-weight: bold;
background-color: #86267e;
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;
}