/*===============================================================
      reset : reset des styles navigateurs                       
      texte : styles des textes (sert aussi à FCKeditor)         
================================================================*/

@import url(reset.css);

/*======================================
      CHARTE DU SITE                    
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- rouge clair                   #f92e22
- rouge moyen                   #d60f04
- rouge foncé                   #a60a03
- gris moyen                    #87888A
- gris clair                    #ebecec
\**************************************/

body { 
    color: #000; 
    font: 12px "Trebuchet MS", "Arial Unicode MS", Arial, Helvetica, sans-serif;
    background-color: #fff;
}

/**************************************/
/*           STRUCTURE                */
/**************************************/
#cadre-principal{
    position            :   relative;
    width               :   950px;
    margin              :   0 auto;
    padding             :   0 26px;
    background          :   url(/img/site/bg_principal.png) repeat-y left top #fff;
}
	#cadre-haut {
	    height              :   165px;
	    color               :   #fff;
	}
	#cadre-centre {
	    background          :   transparent;
	}
		#cadre-colonne-1{
		  float                   :   left;
		  width                   :   175px;
		}
		#cadre-colonne-milieu{
		  float                   :   left;
		  width                   :   547px;
		  margin-top              :   10px;
		}
		#cadre-colonne-2{
		  float                   :   left;
		  width                   :   228px;
		}
	#cadre-bas {
	   clear               :   both;
	   min-height          :   120px;	  
	   text-align          :   center;
	   background          :   url(/img/site/bg_baseline_haut.png) no-repeat center top transparent;
	}
	#zone-bas{
	    background          : #fff url(/img/site/bg_baseline_bas.png) no-repeat center top;
	    height: 23px;
	}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
    position            :   absolute;
    top                 :   14px;
    left                :   426px;
}
#cadre-haut .texte-contact{
	position            : absolute;
    top                 : 129px;
    left                : 45px;
	color               : #000;
	font-size           : 13px;
	text-transform      : uppercase;
	letter-spacing      : 1px; 
}
#cadre-haut .texte-contact span{
    font-weight         : bold;
}

/* Menu principal */
ul#menu-secondaire{
    position            :   absolute;
    top                 :   125px;
    left                :   350px;       
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
    font-size           :   12px;
}
ul#menu-secondaire li{
    float               :   left;
    margin-left         :   10px;   
}
ul#menu-secondaire li.menu a{
    display             :   block;
    width               :   146px;
    height              :   26px;
    background          :   url(/img/site/menu-secondaire.png) no-repeat left top;
    font-weight         :   bold;
    color               :   #fff;
    text-decoration     :   none;
    text-align          :   center;
    padding-top         :   6px;
}
ul#menu-secondaire  li.menu-actif a, ul#menu-secondaire li.menu a:hover, ul#menu-secondaire li.menu a:focus{
    background          :   url(/img/site/menu-secondaire.png) no-repeat right top;
}

    
/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

/***    COLONE GAUCHE   ***/

/* Menu principal */
ul#menu-principal{
	width               :   154px;
    margin              :   7px 0 0 3px;
    padding             :   0;
    list-style-type     :   none;
    font-size           :   12px;
    background          :   #fff; 
}
	/* menu  */
	ul#menu-principal li.menu a{
        font-weight         :   bold;
        display             :   block;
        color               :   #fff;
        text-decoration     :   none;
        text-align          :   center;
        background          :   #d60f04 url(/img/site/bg_btn_menu.png) no-repeat left top;
        padding             :   9px 0 0 0;
    }
    ul#menu-principal  li.menu-actif a, ul#menu-principal li.menu a:hover, ul#menu-principal li.menu a:focus{
        background          :   #d60f04 url(/img/site/bg_btn_menu.png) no-repeat right top;
    }
	ul#menu-principal li.menu a span{
	    font-weight         :  bold;
		display             :  block;
		color               :  #fff;
		text-align          :  center;
		padding             :  0 0 14px 0;
		text-decoration     :  none; 
		background          :  transparent url(/img/site/bg_btn_menu.png) no-repeat left bottom;
	}
	ul#menu-principal li.menu-actif a span, ul#menu-principal li.menu a:hover span, ul#menu-principal li.menu a:focus span{
	    background          :  transparent url(/img/site/bg_btn_menu.png) no-repeat right bottom;
	}

    ul#menu-principal li.menu.style2{
        margin-top          :   25px;
    }
    ul#menu-principal li.menu.style2 a{
        background          :   #d60f04 url(/img/site/bg_btn_menu2.png) no-repeat left top;
    }
    ul#menu-principal  li.menu-actif.style2 a, ul#menu-principal li.menu.style2 a:hover, ul#menu-principal li.menu.style2 a:focus{
        background          :   #d60f04 url(/img/site/bg_btn_menu2.png) no-repeat right top;
    }
    ul#menu-principal li.menu.style2 a span{
        background          :  transparent url(/img/site/bg_btn_menu2.png) no-repeat left bottom;
    }
    ul#menu-principal li.menu-actif.style2 a span, ul#menu-principal li.menu.style2 a:hover span, ul#menu-principal li.menu.style2 a:focus span{
        background          :  transparent url(/img/site/bg_btn_menu2.png) no-repeat right bottom;
    }


/***    COLONE MILIEU   ***/
#fil-ariane span{
    background          :   url(/img/site/puces.gif) no-repeat -36px 2px;   
    width               :   6px;
    margin-right        :   3px;
}
#fil-ariane a, #fil-ariane a:hover {
    font-size               :   10px;
    color                   :   #000;
}
#cadre-colonne-milieu .corps{
    min-height              :   370px;
    overflow                :   hidden;
    margin-bottom           :   10px;
    position                :   relative;
}

/* Tous Modules */
#cadre-colonne-milieu .titre1{
    padding                 :   5px 10px 5px 10px;
    margin                  :   6px 0 10px 0;
    background              :   url(/img/site/arrondi-titre1.gif) no-repeat right top #ebecec;   
}
#cadre-colonne-milieu .titre1, #cadre-colonne-milieu .titre1 a{
    font-size               :   18px;
    font-weight             :   bold;
    color                   :   #d60f04;    
}
#cadre-colonne-milieu .titre2{
    clear                   :   both;
    margin-top              :   6px;
    border-bottom           :   1px solid #b5b6b7; 
    margin-bottom           :   10px;
}
#cadre-colonne-milieu .titre2 a, #cadre-colonne-milieu .titre2 span{
    position                :   relative;
    bottom                  :   -5px;
    padding                 :   3px 15px 0 0;
    background              :   url(/img/site/arrondi-titre2.gif) no-repeat right top #fff; 
}
#cadre-colonne-milieu .titre2, #cadre-colonne-milieu .titre2 a{
    font-size               :   11px;
    font-weight             :   bold; 
    letter-spacing          :   1px;   
    color                   :   #87888a;
    text-transform          :   uppercase;
}
.lst #cadre-colonne-milieu .titre3, .lst #cadre-colonne-milieu .titre3 a{
    font-size               :   10px;
    font-weight             :   bold;  
    color                   :   #a60a03;
}
.frm #cadre-colonne-milieu .titre3, .frm #cadre-colonne-milieu .titre3 a,
#mod-newsletter h2{
    font-size               :   15px;
    font-weight             :   bold;  
    color                   :   #a60a03;
    margin-top              :   5px;
}
.lst #cadre-colonne-milieu .accroche{
    font-size               :   10px;
    font-weight             :   normal;  
    color                   :   #000;
    cursor                  :   pointer;
}
.frm #cadre-colonne-milieu .accroche{
    font-size               :   10px;
    font-weight             :   bold;  
    color                   :   #000;
}
#cadre-colonne-milieu .trait-photo, #cadre-colonne-milieu .trait{
    background              :   url(/img/site/trait.gif) no-repeat left bottom; 
    padding-bottom          :   6px;
    margin-bottom           :   5px;
}
#cadre-colonne-milieu .trait-photo{
    margin-left             :   111px;
}
.frm #cadre-colonne-milieu .trait{
    padding-bottom          :   8px;
    margin-bottom           :   8px;
}
.liens{
    background              :   url(/img/site/puces.gif) no-repeat -22px top; 
}
.liens:hover{
    background-position     :   -22px -11px; 
    text-decoration         :   none;
}
.retour{/* /!\css.php */
    position                :   absolute;
    right                   :   0;
    display                 :   block;
    width                   :   75px;
    height                  :   9px;
}
.retour:hover{
    background-position     :   -75px 0;
}
.lst-small{
    clear                   :   both;
    width                   :   170px;
    margin                  :   10px 0 10px 0;
}
.lst-small span.titre{
    display                 :   block;
    width                   :   109px;
    height                  :   22px;
    padding-top             :   5px;
    background              :   url(/img/site/bg_lst_small.png) no-repeat left top; 
    font-size               :   10px;
    font-weight             :   bold;
    color                   :   #fff;
    text-align              :   center; 
}
.lst-small ul{
    margin                  :   0;
    padding                 :   0 0 0 8px;
    list-style-type         :   none;
}
.lst-small ul li{
    margin-top              :   4px;
    padding-left            :   14px;
}
.lst-small ul li span{
    position                :   absolute;
    display                 :   block;
    float                   :   left;
    width                   :   10px;
    background              :   url(/img/site/puces.gif) no-repeat -22px top;
    margin-left             :   -14px;
}
.lst-small ul li, .lst-small ul li a{       
    font-size               :   10px;
    color                   :   #000;
}
#galerie-photos{
    background              :   url(/img/site/bg-photos-y.png) repeat-y left top;
    position                :   relative;
    clear                   :   both;
    margin                  :   0 auto;    
    margin-top              :   10px;
}
#galerie-photos .haut, #galerie-photos .bas{
    background              :   url(/img/site/bg-photos.png) no-repeat left top;
    height                  :   10px;
}
#galerie-photos .bas{
    background-position     :   left bottom;
}
#diaporama_photos_masque{
    position                :   relative;
    overflow                :   hidden;
    margin                  :   0 auto;

}
ul#diaporama_photos{
   position                 :   absolute;
   list-style-type          :   none;
   margin                   :   0;
   padding                  :   0;
   text-align               :   left; 
   background-color         :   #fff;   
   margin-left              :   8px;
}
ul#diaporama_photos li{
    display                 :   block;
    float                   :   left;
    overflow                :   hidden;
}
ul#diaporama_photos li img{
    padding             :   4px;
    background          :   url(/img/site/fond-photo.gif) no-repeat left top #fff; 
}
ul#diaporama_photos li p{
    display                 :   block;
    font-size               :   9px;
    color                   :   #000;
    width                   :   104px;
}
#galerie-photos .fleches{
    background              :   url(/img/site/puces.gif) no-repeat left top;
    width                   :   11px;
    height                  :   11px;
    position                :   absolute;
    cursor                  :   pointer; 
    display                 :   none;
    top                     :   50%;   
    z-index                 :   2;
}
#galerie-photos .fleches#gauche{    
    margin-left             :   4px;
    background-position     :   0 0; 
}
#galerie-photos .fleches#gauche:hover{
    background-position     :  0 -11px;   
}
#galerie-photos .fleches#droite{
    right                   :   0;
    margin-right            :   4px;
    background-position     :  -11px 0;   
}
#galerie-photos .fleches#droite:hover{
    background-position     :   -11px -11px;  
}

/* Module actualites + article */
#mod-actualites .data,
#mod-articles .data{
    width               :   260px;
    margin-bottom       :   10px;
}
#mod-actualites .data .photo img,
#mod-articles .data .photo img{
    float               :   left; 
    padding             :   6px;
    margin              :   0 7px 7px 0;
    background          :   url(/img/site/fond-photo.gif) no-repeat left top #fff; 
}
#mod-actualites .bloc-droit,
#mod-articles .bloc-droit{
    float               :   right;
    width               :   202px;
    background          :   url(/img/site/bg_photo_frm.png) no-repeat left top; 
    margin-top          :   -10px;
    padding-left        :   18px;
}
#mod-actualites .bloc-droit.sans-photo,
#mod-articles .bloc-droit.sans-photo{
    background          :  none; 
}
#mod-actualites .bloc-droit .photo,
#mod-articles .bloc-droit .photo{
    margin-top          :   9px;
}

/* Module actualites */
#mod-actualites .date{
    font-size           :   10px;
    font-weight         :   normal;
    font-style          :   italic;
    color               :   #a60a03;
    margin-bottom       :   2px;
}
/* Module mediatheque */
#mod-mediatheque .media{
    width               :   175px;
    float               :   left;
    padding-left        :   11px;
    margin-bottom       :   20px;
}
#mod-mediatheque .media.clear{
    padding-left         :   0;
}
#mod-mediatheque .media img{
    padding             :   7px;
    background          :   url(/img/site/fond-photo-max.png) no-repeat left top #fff; 
}
#mod-mediatheque h3{
    font-size           :   10px;
    font-weight         :   bold;
    color               :   #000;   
}

/* Module index (edito) */
#mod-index #index-edito{
    margin-left         :   4px;
    margin-bottom       :   5px;
}
#mod-index #index-edito h1{
    font-size           :   11px;
    font-weight         :   bold;
    color               :   #000;
    margin-bottom       :   5px;
}
#defilement {
    position                :   relative;
    overflow                :   auto;
    overflow-x              :   hidden;
    width                   :   427px;
    height                  :   166px;
}
#contenu {
    position                :   absolute; 
    overflow                :   hidden;
    width                   :   400px;
}
#barre{
    float                   :   right; 
    position                :   relative;
    display                 :   none; 
    width                   :   15px; 
    height                  :   136px;
    background-color        :   #D5D9D9;
    margin-top              :   15px;
    background-color        :   #D5D9D9;
}
#ascenseur-fleche-haut{
    position                :   relative;
    margin-top              :   -15px;
    height                  :   15px;
    cursor                  :   pointer;
    background              :   url(/img/site/ascenseur.gif) no-repeat right top;
}
#ascenseur-fleche-bas{
    position                :   relative;
    margin-top              :   136px;
    height                  :   15px;
    cursor                  :   pointer;
    background              :   url(/img/site/ascenseur.gif) no-repeat right bottom;
}
 .curseur {
    position                :   absolute;
    width                   :   11px;
    border-left             :   2px solid #D5D9D9;
    border-right            :   2px solid #D5D9D9;
    cursor                  :   pointer; 
    background-color        :   #fff;
}
.curseur-click{
    background-color        :   #87888A;
}

/* Module index (actualités) */
#index-actualite{/* /!\css.php */
    width                  :    437px;
    padding-bottom         :    15px;
}
#index-actualite h1, #index-actualite h1 a{/* /!\css.php */
    display                 :   block;
    width                   :   100%;
    height                  :   40px;
}
#index-actualite .date{
    font-size               :   10px;
    font-weight             :   normal;
    font-style              :   italic;
    color                   :   #a60a03;
    margin-bottom           :   2px;
}
#index-actualite .titre3{
    width                   :   160px;
    padding-bottom          :   5px;
    border-bottom           :   1px solid #bcbdbf;
}
#index-actualite .photo{
    float                   :   left;  
    margin                  :   0 5px 5px 0;
}
#index-actualite .photo img{
    border                  :   1px solid #bcbdbf;
    border-top              :   0px;
}
#index-actualite .accroche{
    font-size               :   10px;
    color                   :   #000;
    margin-top              :   3px;
}
#index-actualite #diaporama_index_masque{
    position                :   relative;
    overflow                :   hidden;
    margin-left             :   20px;
}
#index-actualite ul#diaporama_index{
   position                 :   relative;
   list-style-type          :   none;
   margin                   :   0;
   padding                  :   0;
   text-align               :   left; 
}
#index-actualite ul#diaporama_index li{
    width                   :   195px;
    display                 :   block;
    float                   :   left;
    overflow                :   hidden;
}


/* Devis */
#mod-devis h4{
    background-color: #999 !important;
}
#mod-devis .onglet, #mod-devis .onglet a{
    font-size               :   11px;
    font-weight             :   bold; 
    letter-spacing          :   0px;   
    color                   :   white;
    text-align              :   center;
}
#mod-devis .onglet{
    float                   :   left;
    margin-top              :   6px;
    width                   :   136px;
}
#mod-devis .onglet a{
    padding                 :   8px 0px 8px 0px;
    background              :   url(/img/site/bg_btn_menu_espace_client.png) no-repeat -14px top #fff;
    display                 :   block;
}
#mod-devis .onglet a:hover, #mod-devis .onglet_actif a{
    background-position     :   -168px top;
}

#mod-devis #espace_client{
    clear                   :   both;
    padding-top             : 20px;
}

#mod-devis #espace_client .THList{
    background-color        : #fff;
}

/***    COLONE DROITE   ***/
#cadre-colonne-2 .corps{
    padding             :   5px 0 0 32px;    
}

#devis{/* /!\css.php */
    display                 :   block;
    width                   :   159px;
    height                  :   60px;
    text-indent             :   -9999px; 
}
#devis:hover{
    background-position     :   0 -60px; 
}

#schema-max{/* /!\css.php */
    display                 :    none;
    position                :   absolute;
    margin-left             :   -140px;
    background              :   url(/img/site/fr/schema.png) no-repeat left;
}
#schema-max.schema1{
    background-position     :   -333px 0;
}
#schema-max.schema2{
    background-position     :   -666px 0;
}
#schema-max.schema3{
    background-position     :   -999px 0;
}
#schema-max.schema4{
    background-position     :   -1332px 0;
}
#schema-max.schema5{
    background-position     :   -1665px 0;
}
#schema-max.schema6{
    background-position     :   -1998px 0;
}
#mod-index #schema-max{
    display                 :    block;
}

#shema-min{/* /!\css.php */
    display                 :   block;
    width                   :   159px;
    height                  :   197px;
    text-indent             :   -9999px; 
}
#shema-min:hover{
    background-position     :   0 -197px; 
}
#mod-index #devis, #mod-index #shema-min{
    display                 :    none;
}

/* Actualités */
#cadre-colonne-2 #actualite{
    padding-bottom          :   10px;
    display                 :   block; 
}
#mod-index #cadre-colonne-2 #actualite{
    display                 :   none; 
}
#cadre-colonne-2 #actualite h1, #cadre-colonne-2 #actualite h1 a{
    display                 :   block;
    margin-top              :   7px;
    width                   :   100%;
    height                  :   40px;
}
#cadre-colonne-2 .date{
    font-size               :   10px;
    font-weight             :   normal;
    font-style              :   italic;
    color                   :   #a60a03;
    margin-bottom           :   2px;
}
#cadre-colonne-2 .titre3{
    margin-bottom           :   5px;
}
#cadre-colonne-2 .titre3, #cadre-colonne-2 .titre3 a{
    font-size               :   10px;
    font-weight             :   bold;  
    color                   :   #a60a03;
}
#cadre-colonne-2 .accroche{
    font-size               :   10px;
    font-weight             :   normal;  
    color                   :   #000;
    cursor                  :   pointer;
}
#cadre-colonne-2 #diaporama_masque{
    position                :   relative;
    overflow                :   hidden;
    margin-left             :   14px;
}
#cadre-colonne-2 ul#diaporama{
   position                 :   relative;
   list-style-type          :   none;
   margin                   :   0;
   padding                  :   0;
   text-align               :   left;
}
#cadre-colonne-2 ul#diaporama li{
    width                   :   135px;
    display                 :   block;
    float                   :   left;
    overflow                :   hidden;
}


/**************************************/
/*           BASELINE                 */
/**************************************/
#cadre-bas .corps{
   background          : #d60f04 url(/img/site/bg_baseline_haut.png) no-repeat center top;
   width               : 950px;
   padding             : 20px 0;
   margin              : 0 auto;
}

#cadre-bas, #cadre-bas  a{
    color               :   #87888a;
    font-size           :   11px;
    color               :   #fff;
    text-decoration     : none;
}

/* coordonnees */
#zone-coordonnees{
	padding                 :   3px;
    text-align              :   center;    
}
#zone-coordonnees a{
    color                   :   #fff;
}
#zone-coordonnees address{
    font-style              :   normal;
    font-size               :   11px;
    font-weight             :   bold;    
}
#zone-coordonnees address span.raison-sociale{
    font-size               :   12px;
}

/* menus baseline */
#cadre-bas ul{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}
#cadre-bas ul li{
    display             :   inline;
}