/* Start of CMSMS style sheet 'Attila Systeme' */
/*-----------------------------------------------------------
Formatage des styles prédéfinis
-----------------------------------------------------------*/
body{
   margin:0;
}
#all{
  background-image: url(images/css/background.jpg);
  background-repeat: repeat-x;
}
*{
  font-family:Arial, Helvetica, sans-serif;
 // font-family:Trebuchet MS;
}
.accessibility{
  display:none;
}

.error_message{
  background-color:#dd7f7f;
  border:1px solid red;
  padding:5px;
  margin:5px 0;
}
table tr td{
  vertical-align:top;
}
ul{
  list-style:square
}
.left{
  float:left;
}
.right{
  float:right
}
.content{
  margin: 0 0 0 132px;
  float:left;
  width:900px;
position:relative;
}
.content table{
  margin:0 auto;
}
.content table td{
  padding:5px;
}
.content table td a,.content table td a img{
 text-decoration:none;
  color:#62b10a;
}
.content a img, .content object{
  border:4px solid #ccced2;
  display:block;
   
}
.content, .content li, .content a, .content p{
  font-size:13px;
color:#4d4b4b
}
#content_with_menu{
  float:left;
width:98%;
  padding:15px 1% 0 1%;
}


#plan_site ul ul{
  list-style:none;
}
#plan_site dfn,#plan_site .currentpage{
  display:none;
}
#plan_site li{
  padding:3px 0
}
#plan_site a{
  color:#000;
}
#plan_site a:hover{
  color:#62b10a;
}

#content_slogan{
  padding:40px 0 0 60px;

}
.content_text_intermediaire{
   float:left;
   width:450px;
   padding:5px 0 0 30px
}
.content_text_intermediaire table td{
  padding:15px
}

/*-----------------------------------------------------------
Titre
-----------------------------------------------------------*/
h2{
  margin:0 0 20px 0;
  font-size:20px;
  color:#2c75a8
}
h5{
font-size:16px;
padding:;
margin:0;
}
td h5{
  border-bottom:1px dotted #676767
}

/*-----------------------------------------------------------
Elements communs
-----------------------------------------------------------*/
.bg_vert,#footer li.le-particulier a{
  background-color:#b7d358;
}
.bg_bleu,#footer li.les-entreprises a{
  background-color:#a7bfca;
}
.bg_beige,#footer li.les-communes a{
  background-color:#e4dcc3;
}
.bg_rouge,#footer li.la-franchise a{
  background-color:#cd8a8a;
}
.txt_bleu{
  color:#499ebc;
}
.txt_vert{
  color:#62b10a;
}

a.fichier{
color:#62b10a;
text-decoration:none;
clear:both;
padding:10px 5px 0 30px;
height:25px;
background-image: url(images/css/icon_dl.gif);
background-repeat: no-repeat;
background-color:#fff;
background-position: 0px 4px;

position:absolute;
top:25px;
right:0;
}
a.fichier:hover{
text-decoration:underline;
}
/*-----------------------------------------------------------
Header
-----------------------------------------------------------*/
#header *{
  font-size:11px;
}
#header{
  background-image: url(images/css/header.jpg);
  background-repeat: no-repeat;
  height: 381px;
  width: 1184px;
  position:relative;
}
.logo_img {
  background-image: url(images/css/logo.jpg);
  height: 143px;
  width: 322px;
}
.lien_logo{
  display:block;
  width:100%;
  height:100%;
}
/*-----------------------------------------------------------
Menus header
-----------------------------------------------------------*/
#menus{
  position:absolute;
  bottom:54px;
  left:0;
  height:88px;
  float:left;
}
* html #menus{
  bottom:53px;
}
/*-----------------------------------------------------------
Menus header - menu Flash
-----------------------------------------------------------*/
#menu_flash{
  background-image:url(images/css/background_menu_flash.jpg);
  height:55px;
  background-repeat:no-repeat;
  min-width:636px;
}
/*-----------------------------------------------------------
Menus header - menu bleu
-----------------------------------------------------------*/
#menu_bleu *{
  color:#fefefe;
  font-size:11px;
}
#menu_bleu{
  float:left;
  background-image:url(images/css/menu_bleu_middle.gif);
  height:32px;
}
#menu_bleu ul{
  list-style:none;
  float:left;
  padding:0;
  margin:0;
}
#menu_bleu ul li{
  padding:7px 0 0 0;
}
#menu_bleu ul li.first{
  border:none;
  background-image:url(images/css/menu_bleu_left.jpg);
  width:134px
}
#menu_bleu ul li.last{
  border:none;
  background-image:url(images/css/menu_bleu_right.jpg);
  width:13px;
}

#menu_bleu ul li{
  float:left;
  background-image:url(images/css/menu_bleu_middle.gif);
  display:block;
  height:26px;
}
#menu_bleu ul li a{
  text-decoration:none;
  display:block;
  border-right:1px solid #fefefe;
  float:left;
  padding:0 5px;
}
#menu_bleu ul li a:hover,#menu_bleu ul li a.currentpage{
  text-decoration:underline;

}
#menu_bleu ul li.prev_last a{
  border:none
}
/*-----------------------------------------------------------
Menus footer - menu secondaire
-----------------------------------------------------------*/
#footer{
  height: 60px;
  clear:both;
 float:left;
  width: 900px;
  margin:40px 0 0 132px;
}
#footer a{
  text-decoration:none;
}
#footer a:hover,#footer a.currentpage{
  /*text-decoration:underline;*/
}
.menu_footer a:hover span,.menu_footer a.currentpage span{
  color: #628219;
}
#footer ul{
  list-style:none;
  margin:0px;
  padding:0;
}
#footer li{
  float:left;
  padding-top:10px;
}
#footer li a{
 padding:0 5px;
}
.menu_footer2 ul li{
  padding-top:7px;
}
.menu_footer *{
  font-size:11px;
  color: #1f2121;
}
.menu_footer,.menu_footer .left,.menu_footer .right{
  background-color:#d3e3ec;
  height:32px;
}
.menu_footer .left{
  background-image:url(images/css/footer_leftcorner.gif);
  background-repeat:no-repeat;
}
.menu_footer .right{
  background-image:url(images/css/footer_rightcorner.gif);
  background-position:right 0;
  padding:0 7px 0 0;
  background-repeat:no-repeat;
}
.menu_footer .right li a{
  border-right:1px solid #575d60;
  color: #575d60;
}
.menu_footer .right li.prev_last a{
  border:none;
}
.menu_footer .right a:hover{
  text-decoration:underline
}
/*-----------------------------------------------------------
Menus footer - menu principal
-----------------------------------------------------------*/
.menu_footer2 {
  padding:0 4px;
  color:#000000;
  font-size:11px;
  color:#1f2121;
}
.menu_footer2 .left{
  padding:7px 0 0 0 ;
}
.menu_footer2 a{
  padding:0 4px 0 4px;
}
.menu_footer2 .right a{
  border:1px solid #d8d8d8;
  text-transform:uppercase;
  margin:0 3px;
  display:block;
  float:left;
  font-size:10px;
  color: #3e4648;
}

/*-----------------------------------------------------------
Menus avec les image en fond
-----------------------------------------------------------*/
#content_intermediaire li.le-particulier a,.menu_haut li.le-particulier a{
  background-image:url(images/css/menu/Leparticulier_off.jpg)
}
#content_intermediaire li.les-communes a,.menu_haut li.les-communes a{
  background-image:url(images/css/menu/Lescommunes_off.jpg)
}
#content_intermediaire li.la-franchise a,.menu_haut li.la-franchise a{
  background-image:url(images/css/menu/Lafranchise_off.jpg)
}
#content_intermediaire li.les-entreprises a,.menu_haut li.les-entreprises a{
  background-image:url(images/css/menu/Lesentreprises_off.jpg)
}


#content_intermediaire ul,.menu_haut ul{
padding:0;
margin:0;
list-style:none;
}
#content_intermediaire ul ul,.menu_haut ul ul{
margin:0 0 0 10px;
}
#content_intermediaire ul ul li,.menu_haut ul ul li{
  margin:10px 0;
}
#content_intermediaire ul ul ul,.menu_haut ul ul ul{
  display:none;
}


#content_intermediaire li.first,#content_intermediaire li.last,.menu_haut li.first,.menu_haut li.last{
  display:none;
}
#content_intermediaire  li a span,.menu_haut li a span{
  visibility:hidden;
}

#content_intermediaire  li a,.menu_haut li a{
  display:block;
  width:339px;
  height:96px;
  text-decoration:none;
  background-repeat:no-repeat;
}
.menu_haut ul li li,.menu_haut li li a{
   float:left
}
.menu_haut ul ul{
  border-top:1px dotted #676767;
  padding:5px 0 0 0
}
.menu_haut li  a{
height:85px;
}
#content_intermediaire  li li a,.menu_haut  li li a{
 width:212px;
  height:44px;
}
#content_intermediaire  li li a{
  width:362px;
}
#content_intermediaire li.diagnostic_bg a{
background-image:url(images/css/sous_menu/diagnostic_off.jpg)
}

.menu_haut li.diagnostic_bg a{
  background-image:url(images/css/sous_menu/diagnostic_off.jpg)
}
#content_intermediaire li.diagnostic_bg a:hover,.menu_haut li.diagnostic_bg a:hover,
#content_intermediaire li.diagnostic_bg a.currentpage,.menu_haut li.diagnostic_bg a.currentpage
{
  background-image:url(images/css/sous_menu/diagnostic_on.jpg)
}
#content_intermediaire li.diagnostic_bg a:hover{
  background-image:url(images/css/sous_menu/diagnostic_on2.jpg)
}


#content_intermediaire li.entretien_bg a,.menu_haut li.entretien_bg a{
  background-image:url(images/css/sous_menu/entretien_off.jpg)
}
#content_intermediaire li.entretien_bg a:hover,.menu_haut li.entretien_bg a:hover,
#content_intermediaire li.entretien_bg a.currentpage,.menu_haut li.entretien_bg a.currentpage{
  background-image:url(images/css/sous_menu/entretien_on.jpg)
}
#content_intermediaire li.entretien_bg a:hover{
  background-image:url(images/css/sous_menu/entretien_on2.jpg)
}



#content_intermediaire li.contrat_entretien_bg a,.menu_haut li.contrat_entretien_bg a{
  background-image:url(images/css/sous_menu/contrat_off.jpg)
}
#content_intermediaire li.contrat_entretien_bg a:hover,.menu_haut li.contrat_entretien_bg a:hover,
#content_intermediaire li.contrat_entretien_bg a.currentpage,.menu_haut li.contrat_entretien_bg a.currentpage
{
  background-image:url(images/css/sous_menu/contrat_on2.jpg)
}

#content_intermediaire li.contrat_entretien_bg a:hover{
background-image:url(images/css/sous_menu/contrat_on.jpg)
}

#content_intermediaire li.reparation_bg a,.menu_haut li.reparation_bg a{
  background-image:url(images/css/sous_menu/reparation_off.jpg)
}
#content_intermediaire li.reparation_bg a:hover,.menu_haut li.reparation_bg a:hover,
#content_intermediaire li.reparation_bg a.currentpage,.menu_haut li.reparation_bg a.currentpage
{
  background-image:url(images/css/sous_menu/reparation_on.jpg)
}
#content_intermediaire li.reparation_bg a:hover{
background-image:url(images/css/sous_menu/reparation_on2.jpg)
}


#content_intermediaire li.presentation a,.menu_haut li.presentation a{
  background-image:url(images/css/sous_menu/presentation_off.jpg)
}
#content_intermediaire li.presentation  a:hover,.menu_haut li.presentation  a:hover,
#content_intermediaire li.presentation  a.currentpage,.menu_haut li.presentation  a.currentpage
{
  background-image:url(images/css/sous_menu/presentation_on.jpg)
}
#content_intermediaire li.presentation  a:hover{
background-image:url(images/css/sous_menu/presentation_on2.jpg)
}

#content_intermediaire li.inscription a,.menu_haut li.inscription a{
  background-image:url(images/css/sous_menu/inscription_off.jpg)
}
#content_intermediaire li.inscription a:hover,.menu_haut li.inscription a:hover,
#content_intermediaire li.inscription a.currentpage,.menu_haut li.inscription a.currentpage
{
  background-image:url(images/css/sous_menu/inscription_on.jpg)
}
#content_intermediaire li.inscription a:hover{
background-image:url(images/css/sous_menu/inscription_on2.jpg)
}

#content_intermediaire li.carte-de-france a,.menu_haut li.carte-de-france a{
  background-image:url(images/css/sous_menu/cartedefrance_off.jpg)
}
#content_intermediaire li.carte-de-france a:hover,.menu_haut li.carte-de-france a:hover,
#content_intermediaire li.carte-de-france a.currentpage,.menu_haut li.carte-de-france a.currentpage
{
  background-image:url(images/css/sous_menu/cartedefrance_on.jpg)
}
#content_intermediaire li.carte-de-france a:hover{
background-image:url(images/css/sous_menu/cartedefrance_on2.jpg)
}

#content_intermediaire li.espace-franchise a,.menu_haut li.espace-franchise a{
  background-image:url(images/css/sous_menu/espacefranchise_off.jpg)
}
#content_intermediaire li.espace-franchise a:hover,.menu_haut li.espace-franchise a:hover,
#content_intermediaire li.espace-franchise a.currentpage,.menu_haut li.espace-franchise a.currentpage
{
  background-image:url(images/css/sous_menu/espacefranchise_on.jpg)
}
#content_intermediaire li.espace-franchise a:hover{
background-image:url(images/css/sous_menu/espacefranchise_on2.jpg)
}

/*------------------------FORUM----------------------------------------------------------------*/
#box_user{
position:absolute;
right:0;
top:-200px;
height:70px;
width:210px;
padding:0 0 0 15px;
border-left:1px dotted #676767

}

#box_user ul{
  list-style:none;
  padding:0;
  margin:0;
}

.list_forum{
  background-color:#f3f6f6;
  margin:20px 0;
  padding:5px;
border:1px solid #dfe1e1
}

.titre_forum{
  background-image:url(images/css/forum/dossier.jpg);
 background-repeat:no-repeat;
  padding: 2px 0 2px 30px;
  color:#96bf0b;
font-size:16px;
}
.sujett{
  background-image:url(images/css/forum/sujet.gif);
 background-repeat:no-repeat;
 background-position:-3px 0;
  padding: 2px 0 0  18px;
  color:#2c75a8
}
.sujett:hover strong, .sujett strong  {
text-decoration:underline;
  color:#2c75a8
}
.sujett strong{
  text-decoration:none
}
.titre_forum:hover{
  text-decoration:underline
}
#ll_ff{
position:absolute; right:0; top:-30px
}

.pair0 td{

}
.ll_msg tr.pair0 td{
  background-color:#e2edf0
}
.ll_msg tr.pair1 td{
   background-color:#f4f5f4
}

.btn_add{
  background-image:url(images/css/forum/ajout.jpg);
  background-repeat:no-repeat;
  padding: 3px 2px 6px  25px;
 /*border:1px solid #7e9704;*/
  color:#7e9704;
  text-decoration:none;  
}
.btn_add:hover{
 text-decoration:underline;
}
#my_forum form .champs{
   clear:both;
   float:left;
   width:100%;
   margin: 0 0 15px 0;
}
#my_forum form .champs label{
   width:220px;
  display:block;
  float:left;
}
#my_forum form .champs input,#my_forum form .champs textarea,#my_forum form .champs select{
  min-width:300px;
  font-size:12px;
}
table.listing{
  border-collapse:collapse
}



.erreurs-formulaire{
  background-color:#f9c0c0;
  padding:7px;
  border:1px solid red;
  list-style:none;
}

.submit{
  width:100px;
}
/* End of 'Attila Systeme' */

/* Start of CMSMS style sheet 'Attila Accueil' */
/*---------------------------------------------------------------
Menu �  gauche
---------------------------------------------------------------*/
.menu_accueil{
  width:380px;
}
.menu_accueil ul{
  padding:0;
  margin:0;
  list-style:none;
}
.menu_accueil ul li{
  float:left;
  clear:both;
}
.menu_accueil a{
  display:block;
  width:339px;
  height:96px;
}
.menu_accueil .first,.menu_accueil .last,.menu_accueil li span{
  display:none;
}
.menu_accueil li.le-particulier a{
  background-image:url(images/css/menu/Leparticulier_off2.jpg)
}
.menu_accueil li.les-entreprises a{
  background-image:url(images/css/menu/Lesentreprises_off2.jpg)
}
.menu_accueil li.les-communes a{
  background-image:url(images/css/menu/Lescommunes_off2.jpg)
}
.menu_accueil li.la-franchise a{
  background-image:url(images/css/menu/Lafranchise_off1.jpg)
}
.menu_accueil li.le-particulier a:hover{
  background-image:url(images/css/menu/Leparticulier_on.jpg)
}
.menu_accueil li.les-entreprises a:hover{
  background-image:url(images/css/menu/Lesentreprises_on.jpg)
}
.menu_accueil li.les-communes a:hover{
  background-image:url(images/css/menu/Lescommunes_on.jpg)
}
.menu_accueil li.la-franchise a:hover{
  background-image:url(images/css/menu/Lafranchise_on.jpg)
}
/*---------------------------------------------------------------
Zone de contenu
---------------------------------------------------------------*/
#content_accueil{
  width:520px;
  padding:15px 0 0 0
}


/* End of 'Attila Accueil' */