@charset "utf-8";
/* CSS Document */

/* STYLE///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body {
	font-family:Tahoma;
	font-size:90%;
	background: #000000 /*url(image/fond.gif) repeat-x bottom;*/
	}
/*MAIN/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#container {
	top: 0px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	position: relative;
	border: 1px solid #000000;
	padding:0px; 
}
#header {
	height:173px;
}
#header1 {width:212px;
height:173px;
float:right;
}
#header2 {
	width: 688px;
	height: 173px;
	font-family: "Arial, Helvetica, sans-serif";
	color: #FFFFFF; 
	float: left;
	display: block;
}
#right {
	width: 184px;
	right:0px;
	padding-top:3px;
	padding-right:8px;
	padding-left:8px;
	background-color:#FFFFFF;
	position: absolute;
	overflow:hidden;
}

#content {
	margin-left: 210px;
	margin-right: 210px;
	padding: 10px;
	padding-top:3px;
	margin-top: 10px;
	margin-bottom:20px;
	border: 1px solid #FFABE6;/*#FFABE6*/
	background: #D4E5EF url(image/fond2.jpg) repeat-x;
}

/*#content {
	width: 360px;
	height: auto;
	margin-left: 210px;
	margin-right: 210px;
	padding: 10px;
	padding-top:3px;
	background-color: #E2E750;
	margin-top: 100px;
	margin-bottom:20px;
	border: 1px solid #000000;
	position:absolute;
	}*/
#content2 {
	margin-left: 210px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:20px;
	border: 1px solid #FFABE6;/*#FFABE6*/
	background: #D4E5EF url(image/fond2.jpg) repeat-x;
	float:left;
	}
#rdv {
clear:both;}
#content3 {
	margin-left: 210px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:20px;
	border: 1px solid #FFABE6;/*#FFABE6*/
	float:left;	}
#footer {
    left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFABE6;
	padding-left:5px;
	padding-right:5px;
	font-size:9px;
	clear:both;
	}
	#footer a:hover {
	text-decoration:none;
	color:#000000;
	font-size:9px}
	#footer a {
	text-decoration:none;
	color:#000000;
	font-size:9px;}
#slide {
width: 900px;
margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;}
#rappel {
height:150px;
width:200px;}
/*#rappel {
	width: 100%;
	height: 50px;
	bottom: 0px;
	position: fixed;
	background-color: white;
	background-image:url(image/rappelgratuit4.gif);
	background-repeat:no-repeat;
	background-position:left;
	left:0px;
	z-index:50;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #149133;*/
	  /* Transparence */
   /*filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
   }*/
   #telephone {
   border: 1px solid #149133;
background: #ffffff;
color: #000000;
font-size: 1.1em;
}
#phone {width:200px;
}
/*END MAIN///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#logo {
width:404px;
clear:right;}
#chartre { width:190px;
height:2px;}
/* ARCHIVE */
#mainmenu { margin: 0;
padding:0px;
margin-left:3px;
list-style-type:none;
width:900px;
padding-top:347px;}
#mainmenu li{
	display: inline;
	width:auto;}
#mainmenu a {margin: 12px;
color: #000000;
text-decoration: none;
font-family: "Eras Light ITC";
font-size:22px;
font-weight:bold;
}
#mainmenu a:hover{margin: 12px;
color: #000000;
text-decoration: underline;
font-family: "Eras Light ITC";
font-size:22px;
} 
/*END ARCHIVE///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*MENU LEFT///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu {margin: 0px;
padding:0px;
padding-top:20px;
display:block;
width:200px;
font-family:Arial, Helvetica, sans-serif;
background-color:#EB579E;
}
#leftmenu {
position: absolute;
	width: 200px;
	height: 600px;
	left: 0px;
background:#EB579E url(image/bottom.jpg) bottom no-repeat;
}
#leftmenu2 {
position: absolute;
	width: 200px;
	height: 600px;
	left: 0px;
background:#EB579E url(image/bottom.jpg) bottom no-repeat;
}
/*#leftmenu*/ #menu {display:block;
background-color:#EB579E;
}
/*#leftmenu*/ #menu li {list-style-type:none;
margin-left:0px;
background: #EB579E;
height:25px;
width:200px;
}
#menu a {
	color: #000000;
	padding-left:10px;
	text-decoration: none;
	display: block;
	width:188px;
	height:25px;
	font-family: Tahoma;
	font-weight:bold;
	font-size:12px;
	border: 1px solid #EB579E;
}
#menu a:hover {
	padding-left:10px;
	color: #000000;
	text-decoration: none;
	background-color:#EB579E;
	width:188px;
	display: block;
	height:25px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 8px solid;
	border-top: 1px solid;
	border-color:#EB579E;
	font-size:14px;
}
#phone {
width:200px;
height:200px;}
#leftmenu #phone a {
}
#leftmenu #phone a:hover {
	background-color:#EB579E;


}
/*END MENU LEFT///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#pop {width:800px;
position:relative;}
/*////////////////////////////GARANTIE/////////////////////////////////////////////////////////////////////////////////////*/
#garantie1 {
margin-left:10px;
width:300px;
float:left;
height:300px;
margin-top:20px;
border : 0px solid #733952;
}
#credit {
margin-right:10px;
width:300px;
height:300px;
float:right;
margin-top:20px;
border : 0px solid #733952;
}
#financement
{width:300px;
float:left;
height:300px;
margin-top:80px;
border : 0px solid #733952;
margin-left:10px;
}
#parrainage {
margin-right:10px;
width:300px;
float:right;
height:300px;
margin-top:80px;
border : 0px solid #733952;
}
/*END-GARANTIE//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////ENGAGEMENT////////////////////////////////////////////////////////////////////////////////////*/
#economie {
width:300px;
margin-left:10px;
float:left;
height:300px;
margin-top:20px;
border : 0px solid #733952;
}
#confort {
width:300px;
height:300px;
float:right;
margin-right:10px;
margin-top:20px;
border : 0px solid #733952;
}
#securite{
margin-left:10px;
width:300px;
float:left;
height:300px;
margin-top:30px;
border : 0px solid #733952;
}
#esthetique {
margin-right:10px;
width:300px;
float:right;
height:300px;
margin-top:30px;
border : 0px solid #733952;
}
/*END-ENGAGEMENT//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#titre {
    background: url(image/class.gif) no-repeat bottom left; 	
	border-bottom: 1px solid   #EA579E;
	padding-left:23px;
}
#ptitre {
    background: url(image/pclass.gif) no-repeat bottom left; 	width:100%;
	border-bottom: 1px dashed  #EA579E;
	padding-left:23px;
	}
#titrevolet {
    border-bottom:1px solid  #EA579E;
	border-right:1px solid  #EA579E;
	border-left:1px solid  #EA579E;
	background-color:#000000;
	color:#FFFFFF;}
#voletillustration {
border-left:1px solid #000000;
}
#titrephoto {
order-bottom:1px solid  #EA579E;
	border-right:1px solid  #EA579E;
	border-left:1px solid  #EA579E;}
#conseil {
    background: url(image/conseil.gif) no-repeat bottom left; 	
	padding-left:23px;
	overflow:visible;
	height:20px;
	}
#conseilcadre {
width:80%;
display:block;
border : 1px solid #FFABE6;
padding-right:20px;
padding-left:20px;
padding-bottom:20px;
padding-top:20px;
/*background-color:#F7BCD8;*/
margin-left:auto;
margin-right:auto;
background-image:url(image/fondconseil.jpg);}
#Ferrages {
width:160px;
padding:5px;
border: 1px dashed #FFABE6;}
#maintextdesciption {
font-size:100%;
font-family: Arial, Helvetica, sans-serif;}
#legende {font-size:80%;
font-family:Arial, Helvetica, sans-serif;}
#legende li {left:0px;}

 #vignette {
 background-color:#FF00FF;
 color:#000000;}
 #glossaire {
    background: url(image/class.gif) no-repeat bottom left; 	width:90%;
	border-bottom: 1px solid #EA579E;
	padding-left:23px;}
	
/*#shadow {
width:1000px;
position:relative;
border: 1px solid #000000;
background-image:url(http://localhost/classetco/image/drop-shadow.png) bottom right;
margin-right:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
}
#dropshadow2 {
    float:left;
	clear:left;
	background: url(image/shadowAlpha.png) no-repeat bottom right !important;
	background: url(image/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 200px;
	padding: 0px;
}*/

.ombre {
  float:left;
  clear:left;
  background: url(image/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }

.boite {
background-color:transparent;
  position:relative;
  bottom:6px;
  right: 6px;
  }
  
 #glossairecadre {width:680px;
 height:600px;}
 
#bibah {position:fixed;
background-image:url(image/bibah.gif);
width:18px;
height:87px;
right:0px;
}