/***************************** CSS GENERIQUE ********************************/

/***************************** BODY, A, A:hover, A IMG, FORM ****************/

BODY {
   padding:0px;
   margin:0px;
   margin: 0px;
   text-align: center;
   background-color: #bbd1e9;
}
form {
   padding:0px;
   margin:0px;
}

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

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a :visited{
    text-decoration: none;
}

a img {
   border-width:0px;
}

#contenu {
   margin:0px;
   padding:0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#contenu .bloc {
   margin: 0px 10px 10px 15px;
   padding: 5px 0px 0px 0px;
   clear:both;
   font-size: 11px;
   text-align:justify;
}

#contenu .titre .bloc {
padding: 0px;
}

/***************************** BLOC TEXTE ***********************************/

#contenu .texte {
   clear:both;
}
#contenu .texteGauche {
   width: 315px;
}
#contenu .texteDroite {
   width: 315px;
}
#contenu .texteMilieu {
   width: 24px;
}
#contenu .texteImgGauche {
}
#contenu .texteImgGauche img {
   float : left;
   margin : 5px;
   margin-right:15px;
   margin-bottom:10px;
   border: 1px #bd0016 solid;
}
#contenu .texteImgDroite {
}
#contenu .texteImgDroite img {
   float : right;
   margin : 5px;
   margin-left:15px;
   margin-bottom:10px;
   border: 1px #bd0016 solid;
}
#contenu .texteHaut {
   clear:both;
}
#contenu .texteCentre {
   text-align:center;
   clear:both;
}
#contenu .texteCentre img {
   margin-top:15px;
   margin-bottom:15px;
   margin-left:auto;
   margin-right:auto;
      border: 1px #bd0016 solid;
}
#contenu .texteBas {
   clear:both;
}

/***************************** BLOC TITRE ***********************************/

#contenu .titre {
	background-image: url('images/cat/titre.jpg');
	background-position: 13px 0px;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 23px;
	height: 31px;
	color: #FFFFFF;

	clear:both;
}


#contenu .titre h2 {
   height:15px;
   padding:0px;
   margin:0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   text-align:left;
}

/***************************** BLOC FICHIER *********************************/

#contenu .fichier {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 11px;
}
#contenu .fichier a {
}

/***************************** BLOC QUESTIONNAIRE ***************************/

#contenu #formulaire {
   margin:0px;
   padding:0px;
   text-align: left;
}
#contenu #formulaire table {
   margin:0px;
   padding:0px;
   border: 0px;
}
#contenu #formulaire td {
   border: 0px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
}
#contenu #formulaire .messageErreur {
   color: #FF0000;
}
#contenu #formulaire td.intitule {
   font-weight: bold;
   text-align: left;
   width: 120px;
}
#contenu #formulaire td.intituleTexte{
   margin: 0px;
   padding: 0px;
   padding-bottom: 15px;
   padding-top: 15px;
}
#contenu .formulaire td.valeur,
#contenu .formulaire td.valeurCheck {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
#contenu #formulaire td.valeur input,
#contenu #formulaire td.valeur textarea,
#contenu #formulaire td.valeur select {
   padding-left: 0px;
   padding-right: 0px;
   margin:5px 0px 5px 0px;
   text-align: left;
   width: 200px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
#contenu #formulaire td.valeur textarea {
   width: 300px;
}
#contenu #formulaire div.boutonEnvoyer {
   padding-left: 119px;
}
#contenu #formulaire div.boutonEnvoyer input {
   width: 85px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin:5px 0px 5px 0px;   
}
#contenu #formulaire #messageQuestionnaireValide {
   height:40px;
   font-weight:bold;
   font-size: 11px;
   text-align:center;
}

.spacer{
   clear: both;
   line-height: 0;
   width: 0;
   font-size:0;
}