body { background : url(fond_site_caillarec.jpg) no-repeat center; margin : 0 ; padding : 0 ; font : 11px Verdana , Helvetica , sans-serif}
a img {border : none}
a{ color : #1D6F9E ; font-weight : bold ; text-decoration : none}
b { color : #1D6F9E }
textarea { font : 12px Verdana , Helvetica , sans-serif ; color : #1D6F9E ; height : 80px; }
input,textarea,select { border : none ; color : #666666 ; }
.bold { font-weight : bold ; color : #1D6F9E }
.italic { font-style : italic}
h1 { margin : 0 ; padding : 0 ; margin : 0 ; margin-left : 15px ; margin-bottom : 20px;font : bold 20px Verndana,Helvetica, sans-serif; color : #1D6F9E}
h2 { margin : 0 ; padding : 0 ;  margin : 5px; margin-left : 15px ;font : bold 14px Verndana,Helvetica, sans-serif; color : #1D6F9E } 
#ombre{
margin: 0px auto 0px auto;
width:862px;
background:url(fond_page.jpg) no-repeat center;
height:843px;
overflow:hidden;
}
#page {
/*margin: 0px auto 10px auto;*/
width: 843px;
padding: 0px 0px;
height:100%;

}
#haut {
background:url(haut_caillarec.jpg) no-repeat;
width:862px;
height:89px;
}
#gauche {
/*background-color: #313131;*/
float: left;
width: 242px;
color: #fff;
font-size: 1.1em;
}
#gauche a{
float: left;
}
#menu_a{

}
#menu_a a{
float:left;
height:39px;
margin:0px;
padding:0px;
}
#menu_a a img{
float:left;
/*height:39px;*/
margin:0px;
padding:0px;
}
#contenu {
float: left;
background: #d5F0ff;
width: 620px;
font-size: 1.0em;
height:100%;
}
#contenu #head {
height: 89px;
background: url(banniere-haut.jpg);
}
#contenu #content {
background: url(fond_page_repeter.gif) no-repeat top left;
padding-left:10px;
padding-right:30px;
padding-top:10px;
height:452px;
 overflow : hidden; 
}

#contenu #content_gamme_froid_climatisation {
background:url(../froid.jpg) no-repeat top left;
padding-left:10px;
padding-right:30px;
padding-top:10px;
height:452px;
 overflow : hidden;
}

#contenu #content_gamme_laverie_buandrie {
background:url(../laverie.jpg) no-repeat top left;
padding-left:10px;
padding-right:30px;
padding-top:10px;
height:452px;
 overflow : hidden;
}

#contenu #content_gamme_inox {
background:url(../inox.jpg) no-repeat top left;
padding-left:10px;
padding-right:30px;
padding-top:10px;
height:452px;
 overflow : hidden;
}

#contenu #content_gamme_cuisson {
background:url(../cuisson.jpg) no-repeat top left;
padding-left:10px;
padding-right:30px;
padding-top:10px;
height:452px;
 overflow : hidden;
}
#footer {
background: url(arondi-bas.jpg) no-repeat center center;
width: 862px;
height: 36px;
margin: 0px auto;
text-align : center;
}
#f_page{
background: url(bas_menu_repeter.gif) repeat-y left;
height:100%;
width:862px;
}
.clearer {
clear:both;
height:0;
margin:0;
padding:0;
}
#gauche_content{
width:280px;
float:left;
}
#droite_content{
width:320px;
float:left;
background:#E7E7E7 url(ombre-milieu.png) no-repeat;
}

#form_info {
border-right:1px dashed #1D6F9E;
float:left;
width:290px;
padding-left:20px;
}
#form_info span {
display:block;
float:left;
width:130px;
}
input, textarea, select {
/*border:medium none;*/
color:#666666;
}
#form_info label {
display:block;
margin-bottom:5px;
width:300px;
}

#form_msg {
float:right;
width:275px;
}

#form_msg label {
display:block;
margin-bottom:5px;
width:200px;
}

textarea {
-x-system-font:none;
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.titre_span{
font-size:16px;
padding-left:20px;
font-weight:bold;
}

/******************************************************************************************************************
POPUP
******************************************************************************************************************/
#popup a { color : #FFFFFF ; font-weight : bold }

/******************************************************************************************************************
REFERENCE
******************************************************************************************************************/
#nos_references { height : 370px ; margin : 0; padding : 0 ; }
.reference { margin : 20px 10px ;-margin : 10px; /margin : 10px 10px; padding : 0 ; }
.reference .img { width : 150px ;  margin : 0; padding : 0 ; height : 90px;overflow : hidden ; margin-right : 20px ; float : left ; text-align : center }
/******************************************************************************************************************
OCCASION
******************************************************************************************************************/
#nos_occasions {  height : 370px}
#nos_occasions ul{ list_style_type : none ; margin : 0 auto; }
#nos_occasions ul li{ display : block ; float : left ; margin : 0; width : 100px; text-align : center}
.occasion { padding : 10px 5px;margin : 0; margin-bottom : 5px; ;height : 100px;}
.occasion .bold { color : #000}
.occasion .text { margin-right : 75px; height : 100px ; overflow : hidden}
.occasion .img { width : 150px ; height : 100px ; overflow : hidden ; margin :0px 20px ; float : left ; text-align : center }
.occasion .logo { width : 50px ; float : right }
.occasion .price { font-weight : bold ; font-size : 18px}

/******************************************************************************************************************
OCCASION
******************************************************************************************************************/
#slide_occasion { list-style-type : none ; margin : 0 ; padding : 0 ; width : 576px;}
#slide_occasion li{ display : block ; float : left ; margin : 0; padding : 0 ; width : 576px;}
.main { padding : 10px 5px; height : 100px; width : 565px;}
.main .bold { color : #000}
.main .text { margin-right : 75px;height : 100px ; overflow : hidden}
.main .img { width : 150px ; height : 100px ; overflow : hidden ;  margin :0px 20px; float : left ; text-align : center }
.main .logo { width : 50px ; float : right }
.main .price { font-weight : bold ; font-size : 18px}
/******************************************************************************************************************
OCCASION
******************************************************************************************************************/
#nos_magasins {  height : 370px}
.magasin{ margin : 20px 10px; }
/******************************************************************************************************************
PAGIANTION
******************************************************************************************************************/
.pagination { float : right ; margin-right : 20px}
.pagination ul{ list-style-type : none; display : inline ; margin : 0 ; padding : 0}
.pagination ul li{ display :inline; text-align : center ; margin : 0 ; padding : 0 ;}
.pagination ul .selected a{ color  : #000 ;}
/******************************************************************************************************************
MAP
******************************************************************************************************************/
#map { width:400px;height:350px;margin : 0 10px ; border : 1px solid #1D6F9E ; float : left}

.demande_catalogue { margin : 0 ; padding : 0 ; margin-top : 10px;text-align : center ; font : bold 14px Verdana,Helvetica,sans-serif }
.demande_catalogue  a{ color : #000 ; text-decoration : none}
.demande_catalogue  a:hover{ color : #1D6F9E ;}