/* Start of CMSMS style sheet 'egalite_styles_2' */
body{
background-color: #D8D7BF;
color: #3F3B3F;
font-family: Arial, sans-serif;
font-size: 1em;
line-height: 1em;
text-align:center;
}

#page{
width: 550px;
margin-top: 44px;
margin-left: auto;
margin-right: auto;
font-size: 95%;
line-height: 115%;
text-align:left;
}

#header a{
display:block;
width: 100%;
height: 86px; 
}

#col_gauche{
width: 175px;
float:left;
}

#col_droite{
margin-left: 187px;
}

#entete{
height:187px;
}


#col_droite h1{
text-transform: uppercase;
font-size: 125%;
font-weight: bold;
margin-bottom: 22px;
}

#col_droite h2{
text-transform: uppercase;
font-weight: bold;
}
#col_droite h3{
text-transform: uppercase;
}

#col_droite p, #col_droite ul,  #col_droite ol{
margin-bottom: 22px;
}
#entete p{
border: none;
color: #7A7A7A;
}

#entete h1{
color: #7A7A7A;
text-transform: uppercase;
font-size: 100%;
font-weight: bold;
margin-bottom: 22px;
}


#col_droite ul{
list-style-type: square;
padding-left: 15px;
border-bottom: 7px solid #CCFF00;
}

#col_droite ol{
list-style-type: decimal;
padding-left: 15px;
border-bottom: 7px solid #CCFF00;
}

#col_droite ul.non-souligne{
border-bottom: none;
}

#col_droite a:link{
color: #7A7A7A;
text-decoration: none;
}
#col_droite a:visited{
color: #7A7A7A;
text-decoration: none;
}

#col_droite a:hover{
background: #CCFF00;
text-decoration: none;
}

#col_droite img{
margin-bottom:22px;
border: 1px solid #7A7A7A;
}

#col_droite .droite{
float: right;
}

#col_droite .gauche{
float: left;
}

#col_droite .haut_droite{
float:right;
margin-bottom: 5.5px;
}

#col_droite .haut_gauche{
float:left;
margin-bottom: 5.5px;
}

.souligne{
border-bottom: 7px solid #CCFF00;
display:block;
}

blockquote{
font-size: 115%;
line-height: 125%;
color: #D8D7BF;
padding: 11px;
margin-top:-5.5px;
margin-bottom:16.5px;
background-color: #3F3B3F;
}

sup{
font-size:75%;
vertical-align:25%;
}

strong{
font-weight: bold;
}

em{
font-style: italic;
}

#rubrique{
margin-bottom: 11px;
}

#menu{
width: 160px;
font-size: 90%;
}

#menu dfn{
display:none;
}

#menu ul{
text-transform: uppercase;
margin-bottom: 22px;
}

#menu ul li ul li ul li {
margin-left:11px;
text-transform: none;
}

#menu a{
color: #7A7A7A;
text-decoration: none;
}

#menu a:hover{
color: #7A7A7A;
background-color:#CCFF00;
}

#menu a.currentpage{
color: #3F3B3F;
}

#footer{
font-size: 75%;
color: #7A7A7A;
}
#footer a:link{
text-decoration: underline;
}

#col_droite >.projets a{
text-decoration: none;
color: #7A7A7A;
}

#col_droite > .projets a:hover{
color: #3F3B3F;
background-color: #D8D7BF;
}

.campagnes span{
display:block;
text-transform: uppercase;
font-weight: bold;
}

div.campagnes{
margin-bottom: 22px;
border-bottom: 7px solid #CCFF00;
}

#col_droite >div>a>p{
margin-bottom: 0;
}



/* -----------------------------------*/
/* ---------->>> FORMULAIRE <<<-----------*/
.contactform{
width: 358px;
border-bottom: 7px solid #CCFF00;
margin-bottom: 22px;
}

.contactform .required>label{
display: block;
}

.contactform input, .contactform textarea{
background-color:#7A7A7A;
font-family: inherit;
font-size: 95%;
border: none;
width: 100%;
margin-bottom: 5.5px;
color:#D8D7BF;
}


.contactform div.petit textarea{
height:75px;
}

.contactform #fbsubmit{
display:block;
margin-bottom: 5.5px;
}
.contactform .fbsubmit:hover{
background-color:#CCFF00;
color:#3F3B3F;
}

.contactform input:focus, .contactform select:focus, .contactform textarea:focus {
border-bottom: 7px solid #CCFF00;
}

.contactform .fb_invalid{
color: #993333;
font-weight:bold;
}

.contactform label span{
color: #7A7A7A;
}
/* End of 'egalite_styles_2' */