/* CSS Document */

<style type="text/css">
html,body{
	margin:0;
	padding:0;
	background-image:url(../images/background-body.png);
	background-repeat:repeat-x;
	}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color:#999999;
	}
#popup {
background-color:#CCCCCC;}

#popup2 {
background-color:#ffffff;}

p{
	margin:0 10px 10px;

	}
a{
	
	color:#990000;
	padding:0px
	}
	
h1 {
	text-align:center;
	margin: 0 0 0px;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 20px;
	font-family:Haettenschweiler;
	font-stretch:extra-expanded;
	background-image:url(../images/back_left.png);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:2.5;

}


h3
{
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-weight: bold;
	font-size: 25px;
	font-family:Haettenschweiler;
	font-stretch:extra-expanded;
	
}



.h2 {

	text-align:left;
	margin: 0 0 0px;
	padding: 0 0 0 5px;
	font-weight:bold;
	font-size: 16px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:extra-expanded;
	border-bottom-style:double;
	border-bottom-color:#666666;
	
	}


.menu {
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-stretch:extra-condensed;
font-weight:bold;


}


.text-red {
	color:#990000;
	text-align:center;
		}

.text-blue {
	color:#000099;

	text-align:center;
	
	}

.text-grey{
	color:#CCCCCC;
	text-align:center;
	
	}
	
	
.text-grey-black{
	color:#666666;
	text-align:left;
	
	}
	
.text-grey-black-center{
	color:#666666;
	text-align:center;
	
	}


.text-grey-arial-title {
	margin-top:20px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left
	
	}
	
.title-devis {
border-bottom-style:ridge;
border-bottom-width:thin;
}

#form1 {
width:500px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
}

.big {
	font-size: 23px;
	font-variant:small-caps;
	
	}


#type {
margin-left:50px;
}

li {
	
	list-style-type:armenian;
	color:#666666;
}

#menu ul {
	list-style-image:url(../images/picto_white.gif);

}
#menu li {
	list-style-image:url(../images/picto_white.gif);
}


#header {
	height:200px;
	line-height:20px;
	margin:0;
  	padding-left:0px;
	background-color: #000000;
	color: #fff;
	border:solid 5px black

	}

.left_header {
	float:left;
	}
#menu {
	
	float:left;
	color:#ffffff;
	background-image:url(../images/back_menu.png);
	background-repeat:repeat-y;
	line-height:2.3;
	height:200px;



	}

.menuz p {
line-height:0.3;}
 /* encadrement discret de la boite */ 
	

#menu a {
	color: #ffffff;
	text-decoration:none;
	border-top: #ffffff ridge;
}
#menu a:hover {
	color:#000000;
	text-decoration: none;
	border: #ffffff solid;
	border-width: 3px 0 0;
	background-color:#FFFFFF;
}

#menu a span, #menu a:visited span, #menu a:hover span {
	color: #222;
}

#menu .off a, #menu .off a:hover {
	color: #d4d4d4;
	border-width: 0;
}

a.menuL{
	background-color:#990000;
}


a.petitgris {
	color:#CCCCCC;}

a.petitgrisblack {
	color:#666666;
	
	}
a.selected {
text-decoration:none; 
color:#000000;
}
a.selected:hover {
	text-decoration:underline;}

	
div#container{
	text-align:left;
	width:830px;
	margin:0 auto;
	border:solid 5px white;
	background-color:#FFFFFF;

	
	}
	
div#content{
	float:left;
	width:615px;
	background-color:#FFFFFF;
	border-right:5px solid;

		}
	
div#content p{
	line-height:1.4
	}
div#navigation{
	background-image:url(../images/200317973-001.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
	clear:right;
	float:right;
	width:210px;
	border-top:0px solid;
	border-top-color:#000000;
	border-bottom-color:#000000;
	
	border-bottom:5px solid;
	height:340px;
	}
	
	
div#lesaviez-vous{
	background-image:url(../images/fish.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:right;
	width:210px;
	border-top:0px solid;
	border-top-color:#000000;
	border-bottom-color:#000000;
	border-bottom:5px solid;
	
	background-position:bottom;
	
	}
	
	
div#offre_web{
	background-image:url(../images/offre_web.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:right;
	width:210px;
	border-top:0px solid;
	border-top-color:#000000;
	border-bottom-color:#000000;
	border-bottom:5px solid;
	
	background-position:bottom;
	
	}

	
div#sitesavoir{
	background-image:url(../images/200018392-001.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:right;
	width:210px;
	border-top:0px solid;
	border-top-color:#000000;
	border-bottom-color:#000000;
	border-bottom:5px solid;
	
		background-position:bottom;

	}


div#extra{
	background-image:url(../images/200197826-001.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:right;
	width:210px;
	border-left-color:#000000;
	

	}
	
div#index{
	background-image:url(../images/index.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:right;
	width:210px;
	

	}
	
	
div#footer{
	background-color: #333;
	color: #FFF;
	background-image:url(../images/offre_web.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top-color:#000000;
	border-top-style:groove;
	border-top-width:thick;
}
div#footer p{
	margin:0;
	padding-top:20px;
	padding-bottom:5px;}

div#footer{
	clear:both;
	width:100%;
	text-align:center;
	}

div#dossier{
	background-color:#000000;
	width:100%;	
	border-top:1px solid #ffffff;
text-align:center;


	}
div#dossier1 {
	width:16.8em;
	float:left;
	background-color:#000000;
	text-align:center;

}

div#dossier2 {
	width:16.9em;
	float:left;
	background-color:#000000;
	text-align:center;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;

}
div#dossier3 {
	width:16.8em;
	float:left;
	background-color:#000000;
		text-align:center;


}

#img-central {


}

.img-border{
border-color:#ffffff;
border-style:solid;
border-width:6px;
text-align:center;
margin-left:10px;
margin-right:10px;
}

.bouton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#999999;
	color:#FFFFFF;
	border:1px solid #000000;
	text-align:center;
	width:80px;
	
}




</style>