* { margin: 0; padding: 0; font-family: 'HelveticaRoman'; }
html,
body { text-align: left; margin: 0 auto; height: 100%; font-family: 'HelveticaRoman' !important; font-size: 12px; letter-spacing: 1px;}
a,
a:visited { color: #df0894 }
a:hover { color: #aaaaaa }
p:margin-bottom: 20px
hr { border: 0; border-top: 1px solid #DDDDDD !important; margin: 0 auto; margin: 5px 0; display: none; }
.both { clear: both }

.clearfix:before,
.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */ }
.clearfix:after {    clear: both;}

body {background-color: #e6e6e6; background-image : url("../img/bgSolidaires.gif"); background-repeat: repeat-x;}

/* banniereHeader.jpg */


a.accueil { display: block; height: 141px;  text-indent: -5000px;background-image: url(../img/bannieresolidaires49.png); background-position: top; background-repeat: no-repeat; }
h1.invisible { text-indent: -5000px }
#cont,
#footer { margin: 0 auto; width: 960px; }
#cont {  }
#conteneur { margin: 0 auto; background-color: #FFFFFF;  border: 1px solid #cccccc; border-top: 0; }
#contenu {  }
div#header { clear: both; }
div#entete { }
div#loginAdmin { margin-left: 960px; position: fixed; top: 154px; }
div#loginAdmin:hover { opacity: 1 }
div.connexion,
div.prive,
div.actualiser { height: 22px; width: 22px; margin-top: 5px; display: block; }
div.connexion,
div.prive,
div.actualiser { opacity: 0.5 }
div.connexion:hover,
div.prive:hover,
div.actualiser:hover { opacity: 1 }
div.connexion a,
div.prive a,
div.actualiser a { text-indent: -5000px; display: block; height: 22px; width: 22px; }
a.connecter { background-image: url(../img/connecter.jpg) }
a.connecter:hover { background-image: url(../img/connecterHover.jpg) }
a.deconnecter { background-image: url(../img/deconnecter.jpg) }
a.deconnecter:hover { background-image: url(../img/deconnecter_hover.jpg) }
div.prive { background-image: url(../img/prive.jpg) }
div.prive a:hover { background-image: url(../img/prive_hover.jpg) }
div.actualiser { background-image: url(../img/actualiser.jpg) }
div.actualiser a:hover { background-image: url(../img/actualiser_hover.jpg) }
div#recherche { width: 275px; height: 22px; float: right; padding-top: 3px; }
div#recherche input#recherche { border: 0; padding-left: 5px; width: 149px; height: 19px; line-height: 19px; border: 1px solid grey; color: grey; }
div#recherche input.submit { border: 0; margin-left: 4px; background-color: grey; height: 20px; width: 20px; line-height: 20px; font-size: 10px; cursor: pointer; }
div#recherche input.submit:hover { background-color: #df0894 }
#navigationPrincipale { margin: 0 auto; min-height: 110px; line-height: 25px; position: relative; z-index: 11; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-bottom: 0; border-top: 0; padding-top: 20px;}
#left { margin-right: 10px; width: 630px; float: left; }
#ariane { height: 25px; line-height: 25px; text-align: right; }
#ariane a.gris { color: grey }
#right { width: 310px; float: left; margin-top: 5px; }
#footer {height: 50px; width: 986px; line-height: 50px; text-align: center; font-size: 10px; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: #000000 }
div#spip-admin { right: 50% }
div#spip-admin a#ecrire { background-color: #df0894 }


.cartouche {text-align: center; padding: 20px 20px 40px 20px;}
.cartouche h1 {margin-bottom: 15px;}
.cartouche p { font-size: 21px; }

div.titre a{color: #FFFFFF;font-size: 20px;}
div.titre a:hover {color: #df0894;font-size: 20px;}

h3.spip {margin-top: 10px; text-align:center; }

/***************************************************************/
/****************    FORMULAIRE CONTACT  ***********************/
/***************************************************************/
div#left form { margin: 0 auto; width: 500px; background-image: url(../img/bgContact.jpg); background-repeat: no-repeat; background-position: top; padding-top: 40px; padding-bottom: 20px; max-height: 350px; }
div#formulaireContact { margin: 0 auto 20px auto; width: 380px; }
div.nom,
div.prenom,
div.email,
div.message { margin: 0; margin-bottom: 5px; width: 325px; text-align: right; }
div#formulaireContact label,
div#formulaireContact input { height: 20px; line-height: 20px; font-size: 12px; }
div#formulaireContact label { display: block; float: left; text-align: right; width: 110px; margin-right: 5px; color: #FFFFFF; }
div#formulaireContact label span.etoile { color: #df0894 }
div#formulaireContact textarea { width: 200px; height: 120px; padding-left: 5px; padding-top: 5px; font-size: 12px; color: #5E5E5E; }
div#formulaireContact input { width: 200px; padding-left: 5px; color: #5E5E5E; }
div#formulaireContact input.bouton { margin-left: 119px; width: 205px; background-color: grey; border: 0; color: #FFFFFF; cursor: pointer; font-size: 12px; }
div#formulaireContact input.bouton:hover { background-color: #df0894 }
span.erreur { font-size: 10px; color: #FFFFFF; font-style: italic; }
p.formulaire_erreur { font-size: 12px; color: #ea0dd3; margin-left: 65px; height: 25px; text-align: center; }
div.messEnvoyer { margin-top: 50px }
div.messEnvoyer p { text-align: center }
#right img.contactImg { margin-top: 100px }
div.documents { margin-top: 50px }
div.documents .titre h2 { background-color: grey !important; background-image: none; text-transform: none; font-style: italic; }
div.documents .docs { margin: 0 auto; float: left; width: 150px; text-align: center; }
div.documents .docs ul li { list-style-type: none }
div.documents .docs span.titreDoc { text-align: center }

span.erreur_message { float: right; font-size: 10px; color: #FF0000; font-style: italic; }
.saisie_email_message_auteur {text-align: right; margin: 5px 0 0 30px; width: 500px; }
.saisie_sujet_message_auteur {text-align: right; margin: 5px 0 0 30px; width: 500px; }
.saisie_texte_message_auteur {text-align: right; margin: 5px 0 5px 30px; width: 500px; }

.boutons {text-align: center ; margin-right: 50px; }
.reponse_formulaire reponse_formulaire_ok{text-align: center ; color: 00FF00; font-size: 14; }


.formEcrire { background-color: #444444; padding: 20px; width: 600px; margin: 0 auto 20px auto;}
.formEcrire div#formulaireContact {width: 525px;}
.formEcrire div#formulaireContact input {width: 315px;}
.formEcrire div.nom,
.formEcrire div.prenom,
.formEcrire div.email,
.formEcrire div.message {width: auto;}
.formEcrire div#formulaireContact textarea {width: 315px; }
.formEcrire div#formulaireContact label {text-align: right; width: 195px; }
.formEcrire div#formulaireContact input.bouton {float: right; width: 322px;}