@charset "utf-8";
/********************************
 * Elements globaux 
********************************/
html {
  height: 100%;
  width: 100%;
}

/* IE 6 et inférieurs */
* html BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* IE 7 seulement */
*+html  BODY{
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* Navigateurs modernes seulement (IE 7 non inclus puisque n'étant pas un navigateur moderne) */
html>/**/body {
  margin: 0px;
  width: 100%;
  height: 100%;
}

body {
  background-color: #FFFFFF;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0;
  font-size:1em;
  text-align: center;

}

img {
  border:0;  
}

a:active{
  outline: none;
}

a:focus{
  outline: none;
}

.page {
  width: 960px;
  margin-left: auto; 
  margin-right: auto;
  height: 100%;
  min-height: 100%;
}

.header {
  width:100%;
  height: 160px;
  min-height: 160px;
  text-align: left;
}

.header .logo{
  
  padding:10px;
  
}

.contenu{
  width:100%;
}

.contenu h1{
  padding:0px;
  margin:0px;
  text-align:left;
  font-size: 2em;
  font-weight: bold;
}

.contenu .titre_produit h1{
  padding:0px;
  margin:0px;
  text-align:left;
  font-size: 1em;
  font-weight: bold;
}

.footer{
  width:100%; 
}

.footer a{
 text-decoration:none;
 color:#000000;
 font-size:0.7em;
}

.footer a:hover{
 text-decoration:underline;
 color:#000000;
 font-size:0.7em;
}

.menu {
  
  text-align: center;
  width:100%;
   
}

.menu .lien-accueil{
  float:left;
  width:103px;
  height:51px;
}

.menu .lien-deposer{
  float:left;
  width:192px;
  height:51px;
}

.menu .lien-offres{
  float:left;
  width:89px;
  height:51px;
}

.menu .lien-demandes{
  float:left;
  width:133px;
  height:51px;
}

.menu .lien-annonce{
  float:left;
  width:169px;
  height:51px;
}

.menu .lien-service{
  float:left;
  width:102px;
  height:51px;
}

.menu .lien-outil{
  float:left;
  width:83px;
  height:51px;
}

.menu .lien-accueil-hover,
.menu .lien-accueil:hover{
  float:left;
  width:103px;
  height:51px;
  background:url('../images/site/menu/accueil_over.jpg') no-repeat;
}

.menu .lien-annonce-hover,
.menu .lien-annonce:hover{
  float:left;
  width:169px;
  height:51px;
  background:url('../images/site/menu/mes_annonces_over.jpg') no-repeat;
}

.menu .lien-service-hover,
.menu .lien-service:hover{
  float:left;
  width:102px;
  height:51px;
  background:url('../images/site/menu/services_over.jpg') no-repeat;
}

.menu .lien-outil-hover,
.menu .lien-outil:hover{
  float:left;
  width:83px;
  height:51px;
  background:url('../images/site/menu/outils_over.jpg') no-repeat;
}

.menu .lien-deposer-hover,
.menu .lien-deposer:hover,
.menu .lien-deposer:hover a{
  float:left;
  width:192px;
  height:51px;
  color:#ffffff;
  background:url('../images/site/menu/deposer_over.jpg') no-repeat;
}

.menu .lien-offres-hover,
.menu .lien-offres:hover,
.menu .lien-offres:hover a{
  float:left;
  width:89px;
  height:51px;
  color:#ffffff;
  background:url('../images/site/menu/offres_over.jpg') no-repeat;
}

.menu .lien-demandes-hover,
.menu .lien-demandes:hover,
.menu .lien-demandes:hover a{
  float:left;
  width:133px;
  height:51px;
  color:#ffffff;
  background:url('../images/site/menu/demandes_over.jpg') no-repeat;
}

.menu .lien-demandes a,
.menu .lien-demandes-hover a,
.menu .lien-offres a,
.menu .lien-offres-hover a,
.menu .lien-deposer a,
.menu .lien-deposer-hover a,
.menu .lien-annonce a,
.menu .lien-annonce-hover a,
.menu .lien-service a,
.menu .lien-service-hover a,
.menu .lien-outil a,
.menu .lien-outil-hover a,
.menu .lien-accueil a,
.menu .lien-accueil-hover a{
  color:#6e3a00;
  font-size:16px;
  line-height:38px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:center;
  text-decoration:none;
}

.menu .lien-demandes-hover a,
.menu .lien-demandes a:hover,
.menu .lien-offres-hover a,
.menu .lien-offres a:hover,
.menu .lien-deposer-hover a,
.menu .lien-deposer a:hover{
  color:#ffffff;
}

.menu .lien{
  float:left;
  /*padding-left:30px;
  padding-right:30px;*/
  /*padding-top:20px;*/
}


.menu_emballages {
  
  text-align: center;
  width:100%;
  padding-top:20px;
   
}

.menu_emballages .lien{
  float:left;
  padding-left:5px;
  position:relative;
}

.menu_emballages .lien .titre{
  text-align:center;
  font-weight:bold;
  font-size:13px;
  position:absolute;
  width:155px;
  top:10px;
  left:0px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0px;
}

.menu_garanties {
  
  text-align: center;
  width:100%;
   
}

.menu_garanties .lien{
  
  float:left;
  padding-left:5px;
  padding-right:30px;
  
  
  
}

.texte_rouge{
  color:#6e3a00;
  font-size:1em;
  text-align: left;
  font-weight: bold;
  padding:5px;
}

h1.texte_rouge {
  color:#6e3a00;
  font-size:1em;
  text-align: left;
  font-weight: bold;
  padding:5px;
  margin:0px;
}
h2.texte_rouge {
  color:#6e3a00;
  font-size:1em;
  text-align: left;
  font-weight: bold;
  padding:5px;
  margin:0px;
}

.float_left{
  float:left;
}

.div_garanties{
  
  padding-top:20px;
  
}

.div_services{
  
  padding-top:10px;
  
}

.list_annonces{
  
  width: 780px;
  float:left;
  
}

.list_annonces .visibilite{
  
   background-color:#e6fe87;
}

.list_annonces .annonce{
  
  width: 750px;
  height: 56px;
  
 
  cursor: pointer;
}

.list_annonces a{
  
  color: #000000;
  
}

.list_annonces .annonce:hover{
  
  background-color:#ffffcc;
  
}

.list_annonces .annonce .date{
  
  float: left;
  font-size:0.7em;
  font-weight: bold;
  width: 80px;
  position:relative;
  top:50%;
  margin-top:-10px; 
   
  
}

.list_annonces .annonce .photo{
  
  float: left;
  width: 100px;
  
  text-align:left;
}

.list_annonces .annonce .description{
  
  float: left;
  width: 280px;
  text-align: left;
  
  /*height:56px;*/
   
  
}

.list_annonces .annonce .description .titre{

 color: #0066cc;
 font-size:0.9em;
 
 font-weight:bold;
 padding-right:5px;
 padding-top:10px;
 
}

.list_annonces .annonce .description h2.titre {

 color: #0066cc;
 font-size:0.9em;
 font-weight:bold;
 padding:0px;
 margin:0px;
 padding-right:5px;
 padding-top:10px;
}


.list_annonces .annonce .description .texte{

padding-top:10px;
font-weight:bold;
  font-size:0.6em;

}
.list_annonces .annonce .disponibilite{
  padding-top:5px;
  float: left;
  width: 160px;
  text-align: left;
  font-weight:bold;
  font-size:0.6em;
  line-height: 15px;
}

.list_annonces .annonce .tarif{
  
  float: left;
  width: 100px;
  font-size:1em;
  font-weight:bold;
  text-align: left;
  
  position:relative;
  top:30%;
  margin-top:-10px; 
}

.list_annonces .separateur{
  clear:both;
  height: 4px;
  /*width:780px;*/
  
}

.list_annonces .separateur .ligne{
  margin-top:2px;
  background-color: #cccccc;
  width:100%;
  height: 2px;
  
}

.list_annonces fieldset{
  margin-top:35px;
  margin-bottom:35px;
  width:750px;
}

.list_annonces a{
  text-decoration:none;
}


.list_mes_annonces{
  width: 780px;
  float:left;
}

.list_mes_annonces .visibilite{
   background-color:#e6fe87;
}

.list_mes_annonces .annonce{
  width: 750px;
  height:auto;
  cursor: pointer;
}

.list_mes_annonces a{
  color: #000000;
}

.list_mes_annonces .annonce:hover{
  background-color:#ffffcc;
}

.list_mes_annonces .annonce .date{
  float: left;
  font-size:0.7em;
  font-weight: bold;
  width: 80px;
  position:relative;
  top:50%;
}

.list_mes_annonces .annonce .photo{
  float: left;
  width: 100px;
  text-align:left;
}

.list_mes_annonces .annonce .description{
  float: left;
  width: 180px;
  text-align: left;
  /*height:auto;*/
}

.list_mes_annonces .annonce .description .titre{
 color: #0066cc;
 font-size:0.9em;
 font-weight:bold;
 padding-top:10px;
 padding-right:5px;
}

.list_mes_annonces .annonce .description .texte{
  padding-top:10px;
  font-weight:bold;
  font-size:0.6em;
}

.list_mes_annonces .annonce .disponibilite{
  padding-top:5px;
  float: left;
  width: 160px;
  text-align: left;
  font-weight:bold;
  font-size:0.6em;
  line-height: 15px;
}

.list_mes_annonces .annonce .etat{
  padding-top:5px;
  padding-right:15px;
  float: left;
  width: 100px;
  text-align: left;
  font-weight:bold;
  font-size:0.6em;
  line-height: 15px;
}

.list_mes_annonces .annonce .etat .refus{
  color:#ff0000;
}

.list_mes_annonces .annonce .etat .accepte{
  color:#00ff00;
}

.list_mes_annonces .annonce .etat .attente{
  color:#0000ff;
}

.list_mes_annonces .annonce .tarif{
  float: left;
  width: 100px;
  font-size:1em;
  font-weight:bold;
  text-align: left;
  position:relative;
  top:30%;
}

.list_mes_annonces .separateur{
  height: 4px;
  clear:both;
  /*width:780px;*/
}

.list_mes_annonces .separateur .ligne{
  margin-top:2px;
  background-color: #cccccc;
  width:100%;
  height: 2px;
}

.list_mes_annonces fieldset{
  margin-top:35px;
  margin-bottom:35px;
  width:750px;
}

.list_mes_annonces a{
  text-decoration:none;
}

.recherche{
  text-align: center;
  padding:10px;
}

.recherche span{
  margin:10px;
  font-size:12px;
  font-weight:bold;
  color:#1D7BB1;
}

.recherche input{
  margin:10px;
  font-size:11px;
}

.recherche select{
  margin:10px;
  font-size:10px;
  font-weight:bold;
}

.detail_annonce{
  
  width: 100%;
  
}

.detail_annonce .gauche{
  margin-left:125px;
  width: 250px;
  float:left;
}

.detail_annonce .centre{
  float:left;
  margin-left:20px;
  width:250px;
}

.detail_annonce .droite{
  float:left;
  margin-left:100px;
  width:200px;
  margin-top:20px;
}

.detail_annonce .haut{
  margin-left:50px;
  width:850px;
  height:65px;
  margin-bottom:20px;
}

.detail_annonce .haut .titre{
  font-size:1.4em;
  font-weight:bold;
}

.detail_annonce .haut .titre .titre_produit{
  width:50%;
  text-align:left;
}


.detail_annonce a{
  font-size:0.7em;
  color:#003399;
  text-decoration: none;
}

.detail_annonce .haut .titre .tarif{
  width:50%;
  text-align:right;
}

.detail_annonce .haut .date_mise_en_ligne{
  text-align:left;
  font-size:0.7em;
}

.detail_annonce .titre_bloc{
  color:#0267cc;
  font-size:1em;
  font-weight:bold;
  text-align: left;
  margin-top:10px;
}

.detail_annonce .titre_bloc h2{
  color:#0267cc;
  font-size:1em;
  font-weight:bold;
  text-align: left;
  margin:0px;
  padding:0px;
}

.detail_annonce .sous_titre_bloc{
  color:#0267cc;
  font-size:0.7em;
  font-weight:bold;
  text-align: left;
}

.detail_annonce .bloc{
  text-align: left;
  font-size:0.7em;
  line-height: 20px;
}

.detail_annonce .carousel {
  margin-left:30px;
  padding:10px 0 0;
  position:relative;
}

.detail_annonce .mid {
  height:208px;
  width:215px;
  margin: 13px;
}

.detail_annonce .carousel .jCarouselLite {
  float:left;
  left:-5000px;
  position:relative;
  visibility:hidden;
  margin-left:13px;
  margin-right:13px;
}

.detail_annonce .carousel .jCarouselLite li{
  padding-right:5px;
}


.detail_annonce .carousel .next{
  cursor:pointer;
  float:left;
  margin-top:10px;
  margin-left:5px;
}

.detail_annonce .carousel .prev{
  cursor:pointer;
  float:left;
  margin-top:10px;
  margin-right:5px;
}

.detail_annonce .bouton{
  margin-top:10px;
}

.detail_annonce .contact{
  font-size:0.7em;
  text-align:justify;
  padding:6px;
  border:1px solid #ff0000;
}

.detail_annonce .contact a{
  font-size:1em;
  text-align:justify;
}

.detail_annonce .contact a:hover{
  text-decoration:underline;
}

.contour{
  border:1px solid #000000;
}

.bold{
  font-weight:bold;
}

.italic{
  font-style: italic ;    
}

.page_enregistrer_annonce{
  
  
}

.page_enregistrer_annonce .ligne{
  
  width: 480px;
  
}

.page_enregistrer_annonce .erreur{
  
  color: #ff0000;  
}

.page_enregistrer_annonce .label{
  
  float:left;
  font-size:12px;
  /*font-weight:bold;*/
  width:180px;
  text-align:left;
}

.page_enregistrer_annonce .input{
  
  float:left;
  font-size:0.9em;
}

.ligne_decalage_niveau_1_retour_ligne .label{
  
  float: none;
  font-size:0.9em;
  
  
}

.ligne_decalage_niveau_1_retour_ligne .input{
  
  float: none;
  font-size:0.9em;
  
  text-align:left;
  
  
}

.error {
  color:#FF0000;
}

.error_list{
  
  font-size:0.9em;

}

ul.error_list{
  
  margin:0px;
  padding:0px;
}

.error_list li{
  
  margin:0px;
  padding:0px;
  
  list-style-type: none;
  
}

.ligne_decalage_niveau_1_retour_ligne{
  
  margin-left:10px;
  
}

.ligne_decalage_niveau_1{
  
  margin-left:10px;
  margin-top:4px;
  
}

.page_enregistrer_annonce .groupe_niveau_1{
  
  color:#0267cc;
  font-size:1em;
  font-weight:bold;
  
  text-align: left;
  
  padding:10px;
  
}

.page_enregistrer_annonce .decalage_niveau_1{
  
  padding-left:10px;
  padding-top:4px;
  
}

.page_enregistrer_annonce .groupe_niveau_2{
  
  text-align: left;
  font-style: italic ;
  
   padding:20px;
}

.page_enregistrer_annonce .decalage_niveau_2{
  padding-left:20px;
  padding-top:4px;
}

.service{
  padding:10px;
}

.service .checkbox{
  float:left;
  padding:15px;
  float:left;
}

.service .logo{
  float:left;
}

.service .texte{
  height:27px;
  float:left;
  padding:10px;
  line-height:27px;
  font-weight:bold;
  font-size:0.9em;
}

.garantie{
  float:left;
  padding:10px;
  
}

.garantie .checkbox{
  float:left;
  position:relative;
  /*top:50%;*/
  margin-top:22px; 
  padding:10px;
}

.garantie .logo{
  
  float:left;
  padding:10px;
  
}

.garantie .texte{
  
  float:left;
  padding:10px;
  
}

.message_formulaire_annonce{
  
  padding:30px;
  color:#0267cc;
  font-size:1em;
  font-weight:bold;
  
}

.pagination {
  
  color:#0267cc;
  font-size:1em;
  font-weight:bold;
  
}

.pagination a{
  
  color:#0267cc;
  font-size:1em;
  text-decoration:none;
  font-weight: normal;
  
}

.pagination a:hover{
  
  color:#0267cc;
  font-size:1em;
  
}

.tri_list_annonces{
  width:780px;
  height:20px;
  text-align:right;
  font-size:0.7em;
    
}

.tri_list_annonces a{
  color:#0267cc;
  text-decoration:none;
  
}

.tri_list_annonces a:hover{
  
  text-decoration:underline;
  
}

#mes_annonces{
  text-align:justify;
  font-size:0.8em;
  margin-left:50px;
}

#mes_annonces .titre{
  font-weight:bold;
  font-size:1em;
}

#connection{
  font-size:10px;
  font-weight: bold;
  margin-top:20px;
  color:#000000;
}

#connection a{
  text-decoration:none;
  color:#000000;
}

#connection a:hover{
  text-decoration:underline;
  color:#000000;
}

#connection .identifiant,
#connection .password{
  width:99px;
  font-weight: bold;
  border-top:1px;
  border-top-style:inset;
  border-top-color:#cccccc;
  font-size:10px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#000000;
  padding:4px;
  vertical-align:middle;
}

#connection .valider{
  width:23px;
  height:24px;
  vertical-align:middle;
}

.menu_services {
  width:100%;
  text-align:left;
}

.menu_services .service{
  float:left;
  width:136px;
  padding:12px;
  height: 225px;
  position:relative;
}

.menu_services .service h3{
  
  margin:0px;
  padding:0px;
  
}


.service:hover{
  background-color:#e9e9e9;
}

.service a.titre{
  color:#2280a9;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
}

.service a.plus{
  color:#2280a9;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
}

.service a:hover{
  text-decoration:underline;
}

.service .entete{
  color:#000000;
  font-size:10px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.service .entete p{
  color:#000000;
  font-size:10px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

#actualites{
  text-align:left;
  width:300px;
  float:left;
  margin-left:20px;
}

#actualites h3{
  
  margin:0px;
  padding:0px;
  
}

#actualites img{
  float:left;
  padding-right:5px;
}

#actualites ul{
  padding:0px;
  margin:0px;
  margin-top:10px;
}

#actualites li{
  list-style:none;
  border-bottom:1px solid #cccccc;
  padding:2px;
  margin:0px;
  font-size:10px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  min-height:35px;
}

#actualites li:hover{
  background-color:#e9e9e9;
  cursor:default;
}

#actualites li a{
  color:#000000;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#actualites li a:hover{
  text-decoration:underline;
}

#actualites li p{
  margin:0;
  padding:0;
}

#actualites a.plus{
  color:#2280a9;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
}

#voir_service:hover{
  text-decoration:underline;
}

#voir_service{
  color:#2280a9;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
}

#actualites a:hover{
  text-decoration:underline;
}

.profil_erreur{
  font-size:12px;
  color:#ff0000;
}

fieldset{
  width:500px;
  margin:0 auto;
}

fieldset dl{
  text-align:left;
}

label {
  float:left;
  width:30%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
  white-space:nowrap;
}

#prix label{
  width:10%;
  font-weight:bold;
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#prix input{
  text-align:left;
  font-weight:bold;
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

dt{
  font-weight:bold;
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  display:inline;
  width:100px;
  text-align:left;
}

dd{
  display:inline;
  width:300px;
}

legend {
  font-weight:bold;
  color:#1177DC;
  padding:0px 10px;
  font-size:16px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.submit{
  border:1px outset #000000;
  background-color:#ffffff;
  font-weight:bold;
  margin:20px;
  color:#1177DC;
  padding:4px;
}

input[type="submit"]{
  border:1px outset #000000;
  background-color:#ffffff;
  font-weight:bold;
  margin:20px;
  color:#1177DC;
  padding:4px;
}

input{
  font-size:12px;
}

select{
  font-size:12px;
}

.conteneur-content .etape{
  margin:0px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#1177DC;
  position:absolute;
  top:0px;
  margin-left:0px;
}

.conteneur-content .steps{
  position:absolute;
  top:25px;
  margin-left:0px;
  /*float:left;*/
}

.conteneur-content .steps .step{
  float:left;
  width:20px;
  left:20px;
  cursor:pointer;
}

.conteneur-content .steps .full{
  background:url(../images/fond/step-full.png) top left no-repeat;  
}

.conteneur-content .steps .empty{
  background:url(../images/fond/step-empty.png) top left no-repeat;  
}

.navigation{
  float:left;
  width:135px;
  margin-left:635px;
  margin-bottom:20px;
}

.navigation .previous p,
.navigation .next p
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#1177DC;
  margin:0px;
  float:left;
  line-height:10px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
}

.navigation .next
{
  float:right;
  cursor:pointer;
}
.navigation .previous,
.navigation .previous img,
.navigation .next img
{
  float:left;
  cursor:pointer;
}

.navigation .disabled{
  display:none;
}

.navigation_haute{
  position:absolute;
  width:135px;
  margin-left:635px;
  margin-top:20px;
  z-index:10;
}

.navigation_haute .previous p,
.navigation_haute .next p
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#1177DC;
  margin:0px;
  float:left;
  line-height:10px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
}

.navigation_haute .next
{
  float:right;
  cursor:pointer;
}
.navigation_haute .previous,
.navigation_haute .previous img,
.navigation_haute .next img
{
  float:left;
  cursor:pointer;
}

.navigation_haute .disabled{
  display:none;
}

.error_list{
  width:300px !important;
}

.error_list li{
  height:25px !important;
}

.liste_service{
  position:relative;
  float:left;
  padding:10px;
}

.liste_service .bloc{
  width:430px;
  float:left;
  height:150px;
}

.liste_service .logo_article{
  float:left;
}

.liste_service .contenu_article{
  float:left;
  width:270px;
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:left;
  margin:10px;
}

.liste_service .bloc a{
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#000000;
  text-align:right;
}

.liste_service .bloc a{
  text-decoration:underline;
}

.voir_la_suite{
  bottom:8px;
  position:absolute;
  right:20px;
}

.cgu{
  width:500px;
  margin:5px auto;
}  
.cgu label{  
  width:450px;
  font-size:11px;
  font-weight:normal;
}

.affichage_service{
  position:relative;
  float:left;
  padding:10px;
}

.affichage_service .bloc{
  width:900px;
  float:left;
}

.affichage_service .logo_article{
  float:left;
  padding:10px;
}

.affichage_service .entete_article{
  float:left;
  width:550px;
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:left;
  margin:10px;
}

.affichage_service .contenu_article{
  float:left;
  width:95%;
  font-size:13px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align:justify;
  margin:10px;
}

.affichage_service .contenu_article a{
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#000000;
  text-align:right;
}

.affichage_service .contenu_article a{
  text-decoration:underline;
}

.affichage_service hr{
  width:80%;
  color:#cccccc;
  height:1px;
}

.affichage_service #retour{
  width:900px;
  text-align:left;
  padding:10px;
}

.affichage_service #retour a{
  font-size:12px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#000000;
}

.affichage_service #retour a:hover{
  text-decoration:underline;
}

#plan-site{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  padding:10px;
  text-align:left;
}

#plan-site h2{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#000000;
}

#plan-site ul{
  margin:0px;
  padding-left:10px;
}

#plan-site li{
  padding:2px;
  margin:0px;
  margin-left:5px;
}

#plan-site li a{
  font-family:Arial;
  font-size:13px;
  color:#000000;
  margin:0px;
  text-align:justify;
  padding:0px;
  text-decoration:none;
}

#plan-site li a:hover{
  text-decoration:underline;
}

#plan-site a.titre{
  font-weight:bold;
  font-size:14px;
}

.pub_accueil{
  width:100%;
  background-color:#E9E9E9;
  padding:5px;
  margin-bottom:15px;
  margin-top:15px;
}

.pub_accueil span{
  color:#000000;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  display:block;
  padding:2px;
}

.pub_accueil .image_pub{
  margin-bottom:13px;
}

.option_service{
  float:left;
  margin:10px;
  font-size:12px;
  color:#000000;
  width:110px;
  height:150px;
}
.option_service .logo{
  text-align:center;
}

.option_service .checkbox{
  margin-left:8px;
}

.option_service .texte{
  margin-left:10px;
}
.option_service:hover{
  background-color:#e9e9e9;
  cursor:default;
}
.hide {
  display:none;
}

a.lienPrettyPhoto{
  font-size:12px;  
}

#legals_notices{
  margin-bottom:50px;
}

.document{
  clear:both;
  float:left;
  position:relative;
  width:100%;
  margin-bottom:15px;
}

.document .icone{
  width:32px;
  height:32px;
  float:left;
  margin-right:12px;
}

.document .nom{
  margin:0px;
  line-height:32px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  float:left;
}

.document .conteneur{
  width:150px;
  position:relative;
  margin-top:10px;
}

.document .conteneur .triangle{
  width:8px;
  float:left;
  margin-right:5px;
}

.document .conteneur .taille{
  line-height:10px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  float:left;
}

.document .conteneur a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
}

.champs_obligatoires{
 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
  text-align:left;
  white-space:nowrap;
}

#error404{
  text-align:center;
  color:#FF0000;
  font-weight:bold;
  font-size:20px;
}

/********************************
 * breadcrumb
********************************/

#breadcrumb {
  float: left;
  font-size: 12px;
  margin-left: 10px;
  margin-bottom:20px;
}

#breadcrumb a {
  color:#000;
}