body {
background-image: url(images/fond-gris-degrade.gif);
background-repeat: repeat-x;
background-color: #504d47;
margin: 0px;
padding: 0px;
font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
font-weight: bolder;
font-size: 12px;
color: #232323;
}

/* TinyMCE specific rules */
body.mceContentBody {
background-color: #FFF;
background-image: none;
}

#conteneur {
background-image: url(images/bg.gif);
width: 999px;
margin: auto;
}

#contenu {
margin: 35px 19px 0px 19px;
}

#centre {
float: left;
width: 960px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#zero_col {
padding: 20px 5px 5px 5px;
}



html>body #contenu {
}

#header {
background-image: url(images/hearder.jpg);
height: 194px;
width: 999px;
margin: auto;
}

#footer {
background-image: url(images/footer.gif);
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
height: 94px;
width: 999px;
text-align: center;
font-size: 10px;
clear: both;
}

#mention{
padding-top: 10px;
color: #DCDCDC;
margin: 0px 0px 20px 0px;
}

#mention a{
color: #DCDCDC;
}

#mention a:hover{
color: #666666;
}

/*******************************************************************************************************
															MENU
*******************************************************************************************************/

#menu {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
width: 999px;
height: 54px;
z-index: 3;
}

.menu1 span, .menu2 span, .menu3 span, .menu4 span, .menu5 span, .menu6 span {
 display: none;
}

.menu1 , .menu2, .menu3, .menu4, .menu5, .menu6 {
height: 27px;
width: 217px;
background-image: url(images/menu1.gif);
background-repeat: no-repeat;
margin-right: 20px;
}

.menu2 {
width: 154px;
background-image: url(images/menu2.gif);
} 

.menu3 {
width: 169px;
background-image: url(images/menu3.gif);
} 

.menu4{
width: 159px;
background-image: url(images/menu4.gif);
} 

.menu5 {
width: 127px;
background-image: url(images/menu5.gif);
} 

.menu6 {
width: 125px;
background-image: url(images/menu6.gif);
}

.menu1:hover , .menu2:hover , .menu3:hover , .menu4:hover , .menu5:hover , .menu6:hover , .selec {
background-position: bottom;
}

#menu dl,#menu dt, #menu dd {
margin: 0;
padding: 0;
list-style-type: none;
color: #fff;
}

#menu dt {
height: 27px;
}

#menu {
width: 970px;
position: absolute;
font-size: 12px;
margin-left: 20px;
}

#menu dl {
float: left;
margin-right: 2px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin-bottom: 0px;
}

#menu dd {
display: none;
}

#menu #smenu1 a {
background-image: url(images/rouge80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu2 a {
background-image: url(images/orange80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu3 a {
background-image: url(images/marron80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu4 a {
background-image: url(images/dore80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu5 a {
background-image: url(images/jfonce80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu6 a {
background-image: url(images/jaune80.png);
padding: 8px 8px 8px 8px;
font-size: 12px;
border-bottom: 1px solid #fff;
color: #fff;
}

#menu #smenu1 a:hover,#menu #smenu1 a.active {
color: #FAFC19;
background-color: #BF2529;
background-image: none;
}

#menu #smenu2 a:hover,#menu #smenu2 a.active {
color: #FAFC19;
background-color: #C33B1B;
background-image: none;
}

#menu #smenu3 a:hover,#menu #smenu3 a.active {
color: ##FAFC19;
background-color: #CE6413;
background-image: none;
}

#menu #smenu4 a:hover,#menu #smenu4 a.active {
color: #BF2529;
background-color: #DB9001;
background-image: none;
}

#menu #smenu5 a:hover,#menu #smenu5 a.active {
color: #BF2529;
background-color: #DFA000;
background-image: none;
}

#menu #smenu6 a:hover,#menu #smenu6 a.active {
color: #BF2529;
background-color: #ECC200;
background-image: none;
}

#menu dt a, #menu dd a {
text-decoration: none;
display: block;
height: 100%;
text-align: center;
}

#menu dd a.active {
background-color: #123;
color: #FCDFA7;
font-weight: bold;
}

#menu .menu1 dd a.active {
background-color: #123;
color: #FCDFA7;
font-weight: bold;
}

/* Menu2 */

#menu2 {
width: 961px;
height: 20px;
margin: 20px 0px 0px 19px;
background-image: url(images/bgm2.gif);
/*background-position: right;
background-repeat: no-repeat;*/
}

/* , .menu2, .menu3, .menu4, .menu5*/
.menu21 span, .menu22 span, .menu23 span, .menu24 span, .menu25 span, .menu26 span {        
display: none;
}

.menu21, .menu22, .menu23, .menu24, .menu25, .menu26 {
height: 20px;
display: block;
float: left;
margin-left:2px; 
}

.menu21 { background-image: url(images/menu21.gif); width: 160px; margin-left: 0px;}
.menu22 { background-image: url(images/menu22.gif); width: 157px; margin-left: 2px;}
.menu23 { background-image: url(images/menu23.gif); width: 157px; margin-left: 2px;}
.menu24 { background-image: url(images/menu24.gif); width: 157px; margin-left: 3px;}
.menu25 { background-image: url(images/menu25.gif); width: 157px; margin-left: 3px;}
.menu26 { background-image: url(images/menu26.gif); width: 159px; margin-left: 3px;}

.menu21:hover , .menu22:hover , .menu23:hover , .menu24:hover , .menu25:hover , .menu26:hover , .active {background-position: bottom;}
/* fin menu2*/
/* Menu3 */

#menu3 {
width: 961px;
height: 20px;
margin: 0px 0px 0px 20px;
background-image: url(images/bgm3.gif);
/*background-position: right;
background-repeat: no-repeat;*/
}

/* , .menu2, .menu3, .menu4, .menu5*/
.menu31 span, .menu32 span, .menu33 span, .menu34 span, .menu35 span, .menu36 span {        
display: none;
}

.menu31, .menu32, .menu33, .menu34, .menu35, .menu36 {
height: 20px;
display: block;
float: left;
margin-left:2px; 
}

.menu31 {background-image: url(images/menu31.gif); width: 160px; margin-left: 0px;}
.menu32 {background-image: url(images/menu32.gif); width: 157px; margin-left: 1px;}
.menu33 {background-image: url(images/menu33.gif); width: 157px; margin-left: 2px;}
.menu34 {background-image: url(images/menu34.gif); width: 157px; margin-left: 3px;}
.menu35 {background-image: url(images/menu35.gif); width: 157px; margin-left: 3px;}
.menu36 {background-image: url(images/menu36.gif); width: 159px; margin-left: 3px;}





.menu31:hover , .menu32:hover , .menu33:hover , .menu34:hover , .menu35:hover , .menu36:hover , .active {background-position: bottom;}
/* fin menu3*/

#bloc_recherche {
width: 220px;
height: 59px;
padding: 20px 0 0 30px;  
background-image: url(images/recherche.gif);	
background-repeat: no-repeat;
/*border-bottom: 1px solid #F8A900;
margin-bottom: 20px;*/
}

#bloc_nl {
width: 220px;
height: 59px;
padding: 20px 0 0 30px; 
background-image: url(images/newsletter.gif);
background-repeat: no-repeat;
/*border-bottom: 1px solid #F8A900;
margin-bottom: 20px;*/
}

#recherche {
}

#recherche input, #nl input {
font-size: 10px;
}

/* ********************News ******************/

#actu{
background-image: url(images/bg-index2.gif);
background-repeat: no-repeat;
width:340px;
height: 555px;
float: left;
margin: 20px 0px 0px 10px;
}

#news {
width: 319px;
background-image: url(images/bg_new.gif);
margin: 10px 0px 0px 10px;
}

.titre_news {
background-image: url(images/titre_new.gif);
width: 319px;
height: 49px;
}
img.imgNews {
float: left;
margin: 0 5px 5px 0px;
padding: 4px;
border: 1px solid #d13c3c;
}
.titre_news span {
visibility: hidden;
}

.footer_news {
background-image: url(images/footer_new.gif);
width: 319px;
height: 20px;
}

.newst {
clear: both;
margin: 10px 0px 10px 0px;
border-bottom: 1px solid #B9292C;
font-size: 12px;
}

.newsr {
margin: 0px;
font-size: 10px;
}
.newsr a {
color: #232323;
text-decoration: none;
}
.newsr a:hover {
text-decoration: underline;
}
#indexgauche {
float: left;
width: 600px;
clear: both;
margin: 20px 0px 20px 0px;
}

/* ********************Fin News ******************/

/* ********************Video ******************/
#video{
width: 320px;
height: 240px;
margin: 20px 0px 20px 10px;
}
/* ********************Fin Video ******************/

/* ********************HEARDER ******************/
#index {
display: block;
position: absolute;
margin: 25px 0px 0px 20px;
height: 162px;
width: 280px;
}

#trouver {
display: block;
position: absolute;
margin: 32px 0px 0px 848px;
height: 15px;
width: 130px;
}

#catalogue {
position: absolute;
margin: 32px 0px 0px 680px;
height: 15px;
width: 130px;
display: block;
}

#contact {
position: absolute;
margin: 32px 0px 0px 515px;
height: 15px;
width: 130px;
display: block;
}


#client {
position: absolute;
margin: 32px 0px 0px 342px;
height: 15px;
width: 130px;
display: block;
}

#verandas {
position: absolute;
margin: 57px 0px 0px 308px;
height: 110px;
width: 165px;
display: block;
}

#fenetres {
position: absolute;
margin: 57px 0px 0px 650px;
height: 110px;
width: 160px;
display: block;
}

#portails {
position: absolute;
margin: 57px 0px 0px 480px;
height: 110px;
width: 160px;
display: block;
}

#garages {
position: absolute;
margin: 57px 0px 0px 820px;
height: 110px;
width: 160px;
display: block;
}
/* ********************FIN HEARDER ******************/

/*------------------------------------*/
/*               Galeries               */
/*------------------------------------*/

#table_diapo td{
width: 196px;
height: 150px;
text-align: center;
background-color: #EDEAE9;
background-repeat: repeat-x;
}

#table_diapo td a:hover {
opacity:1;
filter:alpha(opacity=100)
}

#table_diapo td a {
display: block;
cursor: pointer;
opacity:0.7;
filter:alpha(opacity=70)
}

#table_diapo td img{
border:0;	
}
/*------------------------------------*/
/*          Page Galerie               */
/*------------------------------------*/

#gal {
background-color: #EDEAE9;
padding: 5px 20px 5px 20px;	
}

.tablegal {
border-collapse: collapse;
}

.tablegal td{

background-color: #fff;
padding: 5px;
text-align: center;
border: 1px solid #9F9C95;

}

.tablegal td img{
border:0;
}

a.nomgalerie {
display: block;
text-align: center;
}

.titre {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
width: 900px;
height: 38px;
background-image: url(images/h2.jpg);
background-repeat: no-repeat;
padding: 7px 0px 0px 35px;
font-weight: bold;
color: #fff;
}

/*------------------------------------*/
/*          TABLEAU               */
/*------------------------------------*/

.tableau {
background-color: #EDEAE9;
width: 960px;
}

.tableau td {
padding: 5px 20px 5px 20px;
font-size: 12px;
text-align: justify;
}

table#structure {
border: 0;
width: 877px;
margin: 0 15px 0 15px;
border-collapse: collapse;
}

table#structure .td1 {
width: 158px;
border: 0;
vertical-align: top;
}

table#structure .td2 {
max-width: 700px;
padding: 5px;
vertical-align: top;
}

/*------------------------------------*/

span.galeries {
background-image: url(images/bouton.png);
background-repeat: no-repeat;
width: 167px;
height: 30px;
margin: 20px 0 0 0;
padding: 7px 0 0 0;
display: block;
}

#fadeshow1 {
margin: 0px;
padding: 0px;	
z-index: 0;
width: 910px;
}

#fadeshow2 {
margin: 0px 10px 0px 10px;
padding: 0px;	
z-index: 0;
width: 571px;
}

#fadeshow3 {
float: left;
margin: 0px 10px 0px 10px;
padding: 0px;	
z-index: 0;
width: 274px;
}

#texte1 {
z-index: 1;
width: 910px;
height: 25px;
}

#pub img{
z-index: 10000;
position: absolute;
margin: 50px 200px 20px 70px;
border: 0px;

}

table.tableForm {
border-collapse: collapse;
margin: auto;
}
table.tableForm td{
background-color:#ccc;
padding: 10px;
border: 2px solid #fff; 
}
a.lienRetour {display: block;
text-align: center;
font-weight: bold;
clear: both;
font-size: 16x;
background-color: #474445;
margin: 10px 0px 10px 0px;
padding: 3px;
color: #fff;
text-decoration: none;
}

.cadre {
margin: 10px 30px 10px 20px;
font-weight: bold;
}