/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte-rouge.css";

/* STYLE CONTENU */
#contenu {
font:normal 1em Arial, Helvetica, sans-serif;
color:#FFF;
}

#contenu p{
margin:0 0 1em 0;
}

h1{
margin:0 0 0.9em 0;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size:1.5em;
letter-spacing:0.05em;
color:#FF0000;
border-bottom:1px solid #FF0000;
}

#footerMenu p{
font-size:0.8em;
text-align:center;
}

#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #FFF;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:none;
color: #D5D3D4;
}

#contenu a:link, #contenu a:visited{
text-decoration:none;
color: #FFF;
}
#contenu a:hover, #contenu a:active{
text-decoration:none;
color: #D5D3D4;
}

a img {
border:0;
}

.gras {
font-weight:bold;
color:#E6E6E2;
}

#contenu ul{
list-style: disc url(../images/charte/puce-rouge.png) inside;
margin-left:30px;
}
#contenu ul li{
padding: 0.1em 0 0.6em 0; 
}

/* Formulaires */
form{
margin-left:25px;
width:520px;
}

.form_livre{
margin-left:25px;
width:520px;
height:280px;
}


fieldset { 
clear:left;
border:0;
border-top:1px solid #C4CCD3;
padding:0.7em 0 0 0;
margin:1em 0 0 0;
text-align:center; 

}
legend { 
color:#C4CCD3;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size:1.1em;
padding-right:4px;

}
fieldset div, fieldset p { margin:0.4em 0; width:500px; text-align:left; margin:auto; }


.form_line label {	
display:block;
float:left;
margin:0px 0px 0px 6px;
width:95px;
color:#FFF;
}

.form_line {	
margin:5px 0px 5px 0px;
float:left;
}

.form_line input {	
width:143.5px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#E4ECF3;
color:#000;
}

.form_line .long {	
font-size: 1.3em;		
width:390px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#E4ECF3;
color:#000; 
}

.form_line textarea {	
width:390px;
height:43px;
margin:4px 0px 4px 0px;
border:1px solid #0355A2;
background-color:#E4ECF3;
color:#000;
}

.ok{
float:right;
margin-right:91px;
width:120px;
height:20px;
border:1px solid #EBEFF3;
background-color:#CCD3DA;
color:#000;
font-weight:bold;
}


#alerte{
position:fixed;
left: 40%;
top:40%;
z-index:1;
padding:15px;
background-color:#FFF094;
border:1px solid #6D6D6D;
color:#000;
}

/******************** REALISATIONS **************************/
div#gallerie{	
margin-left: 0px;
}

div#gallerie img{	
margin:5px;
padding:0px;
}

#gallerie a:link img {
border:1px solid #EE060B;
}

#gallerie a:visited img {
border:1px solid #EE060B;
}

#gallerie a:hover img {
border:1px solid #CCC;
/*color: #F590F8;*/
}