/* CSS Document */

body{
	height: 100%;
	width: 100%;
	background-color:#8C8C8C; 
	background-image:url(elements/fond.gif); 
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0px; 
	padding:0px
}

#header{ 
	background-image:url(elements/header.gif); 
	background-repeat:repeat-x;
	background-color:#FFFFFF; 
	width:100%;
	height: 131px;
}

#conteneur{
	position:relative;
	background-image:url(elements/page.gif);
	background-repeat: repeat-x;
	background-color:#7F7F7F;
	width:875px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
	line-height:18px;
	text-align:left; 
}

#footer{ 
	background-color: #E88C36;
	width:100%; 
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF; 
	padding-top:5px;
}
/*----------------------------------------------------------------sousmenu--------------------------------------------------------*/
#sousmenu{ 
	background-image:url(elements/puce.gif); 
	background-repeat:no-repeat;
	background-color:#E9E6CB; 
	width:825px;
	height:25px;
	text-align:left; 
 	color:#787878; 
	padding:8px 0px 0px 50px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight:bold; 
	font-size:11px;
}

#sousmenu a { 
	color:#787878; 
	text-decoration:none; 
}

#sousmenu a:hover {
	color:#787878; 
	text-decoration:underline; 
}

.image{ float: right; padding-right:80px; width:220px}
.img{ background-color:#fff; padding:5px; border:0px}

/*---------------------------------------------------------------------accueil--------------------------------------------------------------*/

#areanews{ 
	background-color:transparent;
	width:290px; height:110px; padding:20px;
	text-align:justify; 
	margin-top: 100px; line-height:16px; border-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin-bottom: 10px;
	color: black;
	overflow-y: auto;
}
	
#news{ 
	width:350px; 
	height:270px;
	background-image:url(elements/news.gif);
	background-repeat:no-repeat; 
	position:absolute; 
	right:50px; 
	top:320px
}

.accueil{
	width:350px; 
	padding:100px 50px 50px 70px; 
	font-size:15px; 
	line-height:25px
	}
/*----------------------------------------------------------------realisation & savoir--------------------------------------------------------*/
.pagesav{padding:85px 0px 100px 85px}
.pagerealisation{padding:85px 0px 0px 50px}

.tramecart, .tramecart2, .tramecart a, .tramecart2 a{ color: #333; text-decoration:none; font-size:11px}
.tramecart a:hover, .tramecart2 a:hover, .tramecart a:active, .tramecart2 a:active { color: #fff; background-color:#B7B086; text-decoration:none; font-size:11px; padding:1px }
.activ  {color: #fff; background-color:#B7B086; text-decoration:none; font-size:11px; padding:1px  }

.reacart {
	width:185px; 
	height:225px; 
	background-color:#FFF; 
	margin-right:10px; 
	float:left; 
}

.tramecart{ background-color:#E9E6CB; margin:0px 7px 7px 7px; height:104px; text-align: left; padding:10px 0px 0px 10px}
.titrecart{ font-size:11px; font-weight:bold; padding:8px 0px 8px 0px; display:block; color:#666;}
.tramecart2{ background-color:#E9E6CB; margin:0px 7px 7px 7px; height:129px; text-align: left; padding:10px 0px 0px 10px; color:#333;}

.savoir {
	width:220px; 
	height:260px; 
	background-color:#FFFFFF; 
	margin-right:15px; 
	float:left; 
	color:#666666;
	}

.titre{ top:30px; left:40px; position: relative; text-align:center}
.soustitre { background-color:#FFF; color:#666; font-size:13px; padding:2px 2px 2px 10px; margin-left:-10px; font-weight:bold; text-align:left}

.titre2{ 
	font-family:"Trebuchet MS", Verdana, Arial; 
	font-variant:small-caps; font-weight:bold; 
	font-size:20px; 
	padding:220px 0px 0px 50px; 
	color:#333333
}

.surlign {font-weight:bold; background-color:#666; padding:2px;}
.trame{ padding:10px; background-color:#999}
.haut{ float:right; color:#FFF; font-size:9px; text-decoration: underline}

.col{ 
	width:450px; 
	padding:50px 50px 50px 70px;
}
#listing{ padding-bottom:50px}
#clients{ padding:90px 0px 125px 100px}
.miniatures{ padding-right:20px;}
.produits{padding:5px 20px 5px 5px; background-color: #666; margin:6px 50px 6px 50px}
#listing a{color: #CCCCCC; font-size:11px; font-variant:small-caps; font-weight:bold; text-decoration:none}
#listing a:hover{color: #CCCCCC; font-size:11px; font-variant:small-caps; font-weight:bold; text-decoration: underline}
.top{ float:right; margin:10px 50px 10px 0px;}
/* ------------------------------------------------------------------contact---------------------------------------------------------------*/
form {padding-left:50px}

LABEL { 
	font-weight:bold;
	DISPLAY: inline ; 
	FLOAT: left ; 
	WIDTH: 80px; 
	margin-left: 30px;
}
.INPUT { 
	height:20px;
	background-color:#FFFFFF; 
	border-color:#EDC38E; 
	border-style:solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin-bottom: 10px;
}
.area{ z-index:1;
	background-color:#FFFFFF; 
	border-color:#EDC38E; 
	border-style:solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin-bottom: 10px;
}

#adresse {
	padding:70px 20px 20px 20px;
	width:320px; 
	height:60px; 
	color:#666666; 
	background-image:url(elements/adresse.gif); 
	background-repeat:no-repeat;
	position:absolute; 
	right:50px; 
	top:50px
}
#serviceco{ 
	position:absolute; 
	width:320px; 
	height:60px;
	right:90px; 
	top:250px 
}
.reset{background-color: #E88C36; color:#FFFFFF; width:90px; left:160px; position:absolute; height:25px; border:0px}
.send{background-color: #E88C36; color:#FFFFFF; width:90px; height:25px; border:0px; left:265px; position:absolute;}
.nom{ font-weight:bold; background-color:#666666; padding:2px;}

#merci{
	font-family:"Trebuchet MS", Verdana, Arial; 
	font-variant:small-caps; font-weight:bold; 
	font-size:20px; padding:30px;
	color:#333333; width:300px; height:40px; background-color:#FFFFFF}
/* ------------------------------------------------------------------menu---------------------------------------------------------------*/
#menu{ 
	padding-left:30px;	
	top:0px;
	background-color:#38465F; height:32px; 
}

#centremenu{
width:850px
}

ul#rub{ 
	margin:0px; padding:0px;
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

ul#rub li { 
	margin:0px; 
	padding:0px;
	float: left;
}

ul#rub a {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	font-size:11px;
	color: #8691A7;
	float: left;
	padding: 8px 13px 8px 13px ;
	text-align: center;
	text-decoration: none;
}

ul#rub a:hover {
	background-color: #E88C36;
	color: #FFFFFF;
	padding: 8px 13px 8px 13px  ;
}

.activmenu { 
font-family:"Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	font-size:11px; 
	color:#FFFFFF; 
	padding: 8px 13px 8px 13px ;
	float: left;
	background-color: #2B333F; 
	list-style-type: none;

}