/*
 * Service - Information
 * CSS utilisé sur les pages de services information (mentions légales, FAQ, qui-sommes-nous)
 * @author berge
 */

#contentMain h2{
   color: #222;
   font-family: Helvetica,Arial,sans-serif;
   font-size: 24px;
   line-height: 30px;
   margin: 0;
   padding: 0;
}

.mainText a {
   color: #0045A3;
   text-decoration: underline;
   font: 15px/ 22px arial !important;
}

#contentMain .mainText p{
   margin: 15px 0;   
}

#contentMain .title_list{
   margin: 0 0 50px 0;   
}

#contentMain .title_list li{
   margin: 5px 0;
   padding: 0 0 0 5px;
   font-size: 13px;
   color: #0045A3;
   cursor: pointer;
}

#contentMain .chapitres p{
   margin: 5px 0;
}

#contentMain .chapitres div{
   border-bottom: 1px solid #ccc;
   margin: 20px 0 5px 0;
   padding: 0 0 10px 0;
}

#contentMain .chapitres h3{
   margin: 15px 0 10px 0;
   font-size: 18px;
   color: #222222;
   font-family: Helvetica,Arial,sans-serif;
}

.contact_block{
   float: left;
   margin: 0 30px;
}

.contact_block h3{
   font: bold 14px georgia,serif;
}

/*** contact service client 09/2011***/

.contact_service_client {
   font-size: 13px
}
#contentMain .contact_service_client h2 {
   border-bottom: 1px solid #ccc; 
   font-size: 18px;
   line-height: 18px;
   margin: 0 0 20px;
   padding: 0 0 8px;
}
.contact_service_client p {
   position: relative;
   margin: 15px 0;
   width: 600px;
}

.contact_service_client .note {
   margin: 0;
   font-size: 11px;
   color: #666;
}

.contact_service_client  label {
   text-align: right;
   display: inline-block;
   width: 210px;
   padding: 0 8px 0 0;
}
.contact_service_client input[type="text"] {
   background: #FBFCFC;
   border: 1px solid #ccc;
   color: #7B7B7B;
   font-size: 12px;
   height: 15px;
   padding: 4px 5px 2px;
   width: 253px;
}

.contact_service_client  .radio input {
   vertical-align: text-top;
   margin: 2px 0 0 0
}

.contact_service_client  .radio label.choix {
   margin: 0 10px 0 0; 
   width: auto
}

.contact_service_client .sujet {overflow: hidden}

.contact_service_client select {
   background: #FBFCFC;
   border: 1px solid #ccc;
   color: #7B7B7B;
   font-size: 12px;
   width: 261px;
   padding: 2px 0;
}

.contact_service_client .sujet label, .contact_service_client .sujet select {float: left}

.contact_service_client textarea {
   font-size: 13px;
   vertical-align: top;
   width: 253px;
   height: 100px;
   padding: 4px 5px 2px;
   background: #FBFCFC;
   border: 1px solid #ccc;
   color: #7B7B7B;
}

.contact_service_client .copie {
   display: block;
   margin: 5px 0 10px 215px;
   width: auto;
   text-align: left;
}


.contact_service_client .bt {
   margin: 10px 0 10px 215px
}

.contact_service_client input[type="button"] {
    background: url("/medias/www/img/bt/bt_blanc_gris_140x32.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font: bold 14px arial,sans-serif;
    height: 32px;
    margin: 0 15px 0 0;
    width: 140px;
}
.contact_service_client input[type="text"].erreur, .contact_service_client select.erreur, .contact_service_client textarea.erreur {border: 1px solid #ef0000}
.contact_service_client .erreur_champ {position: absolute; right: 0; top: 3px; font-size: 10px; line-height: 10px;  display: inline-block; width: 105px; color: #ef0000;}

.contact_service_client input[type="submit"]:hover {color: #666}
.contact_service_client .confirme {background: url("/medias/www/img/icn/coche_verte_17x14.png") no-repeat scroll 20px 10px #DDFCD1; color: #467F01; margin: 0; padding: 10px 20px 10px 45px;}
.contact_service_client #contact_erreur.erreur {border: 1px solid #ef0000; background: #ffdede; color: #bb0000; margin: 0; padding: 10px 20px 10px 45px;}
.contact_service_client .signature {padding: 0 200px 0 0 ; text-align: right; font-style: italic}
.contact_service_client .bt {}