*
{
	margin : 0px;
	padding : 0px;
	font-family : verdana ;
	font-size : 12px;
}
a
{
	text-decoration : none;
}
a img
{
	border : 1px solid black;
}
html
{
	width : 100%;
}
body
{
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;
	width:100%;
}
#bgimg {
	position:absolute;
	z-index: -1;
}
#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	
}
#content
{
	position : relative;
	width : 800px;
	margin : auto;
	background : white;
	border : solid black 1px;
	
}
 /* HEADER */
#header
{
	position : relative;
	height : 264px;
	width : 800px;
	background :  url("header_guibert.jpg") no-repeat;
	margin-bottom : 75px;
}
#menu
{
	
	position : absolute;
	width : 800px;
	height : 40px;
	bottom : -40px;
	border-top : solid black 1px;
	border-bottom : solid black 1px;
	
}
#camion
{
	position : absolute;
	width : 67px;
	height : 30px;
	bottom : 43px;
	left : 0px;
	background :  url("petit_camion.jpg") no-repeat;
}
#menu ul
{
	position : relative;
	width : 800px;
	height : 40px;
	
}
#menu ul a
{
	color :  #e42919;
	font-weight : bold;
	
}
#menu ul li
{
	display : inline-block;
	padding : 10px 5px 10px 5px;
	margin-top : 3px;
	margin-left : 10px;
}
#menu ul a:first-child li
{
	margin-left : 50px;
}
#menu ul li:hover
{
	color :    #832327;
}
/* CORPS */
#corps
{
	width : 800px;
	background : white;
	
}
h1
{
	
	
	color : #e42919;
	text-align : left;
	margin-bottom : 20px;
	
	font-size : 16px;
}
.main_content_acces
{
	
		height : 600px;
		width : 800px;
}
#carte
{
	position : relative;
	margin : auto;
	height : 500px;
	width : 760px;
	margin : 20px;
	border: solid black 1px;
}
/* PAGE HOME*/
.main_content
{
		margin-top : 40px;
		height : 750px;
		width : 800px;
		line-height : 18px;
}
.box_presentation
{
	
	display : inline-block;
	float : left;
	width : 400px;
	padding: 0px 10px;
	margin-left : 40px;
	margin-right : 50px;
}
.box_presentation img
{
	
	
	margin-top : 20px;
}
p.presentation
{
	margin-bottom : 15px;
	font-size : 12px;
	text-align : justify;
	text-indent : 0px;
	padding : 0px;
}

.prems
{
	margin-top : 20px;
	margin-bottom : 15px;
	font-size : 12px;
	text-align : justify;
	text-indent : 0px;
	padding : 0px;
}
.box_presentation h1
{
	color : #e42919;
	text-align : left;
	margin-bottom : 20px;
	padding-top : 0px;
	font-size : 18px;
	
}
.box_menu_droite
{
	background : #F2F2F2;
	display : inline-block;
	width : 250px;
	float : left;
	height : 660px;
	position : relative;
	margin-top : -5px;
	
}
.img_maison
{
	background : url(maison.png) ;
	width : 164px;
	height: 186px;
	position : absolute;
	right : 0px;
	bottom : 342px;
}
h2
{
	color : #e42919;
	text-align : left;
	margin-top : 10px;
	padding : 10px;
	font-size : 13px;
	
}
.box_menu_droite p
{
	padding: 10px;
	font-size : 12px;
	padding-top:0px;
	line-height:21px;
	
}
.box_menu_droite a
{
	text-decoration : underline;
	color : #e42919;
	
}
/* PAGE acces*/
/* PAGE VOLUME*/

div.main_content_volume h1
{
 margin-left : 93px;
}
span.help
{
	background: url(help.png) no-repeat;
	height : 40px;
	width : 40px;
	position : absolute;
	right : 80px;
	top : 332px;
}
div.lesonglets
{
	position : relative;
	width : 650px;
	height : 700px;
	margin : auto;
}

div.lesonglets div.menu_volume ul
{
	position : relative;
	width : 654px;
	height : 40px;
	margin : 0px;
	padding : 0px;
	liste-style : none;
	background : #FF6739;
	margin-bottom : 5px;
}
div.lesonglets div.menu_volume ul li
{
	list-style : none;
	position : relative;
	display : inline-block;
	background : #FF6739;
	margin : 0px;
	padding : 0px;
	height: 27px;
	color: white;
	font-weight: 900;
	text-align: center;
	padding-top: 13px;
}
				div.lesonglets div.menu_volume ul li.col_piece
				{
					width :140px;
					
				}
				div.lesonglets div.menu_volume ul li.col_meuble
				{
					width :185px;
				}
				div.lesonglets div.menu_volume ul li.col_qt
				{
					width : 72px;
				}
				div.lesonglets div.menu_volume ul li.col_mini
				{
					width : 130px;
				}

				div.lesonglets div.menu_volume ul li.col_total
				{
					width : 110px;
				}

div.lesonglets div#lesonglets_bt
{
	
	position : relative;
	width : 140px;
	height : 533px;

	float : left;
}
div.lesonglets div#lesonglets_bt li.onglet_bt
{

	height : 27px;
	padding-top : 13px;
	font-weight : bold;
	background : #0098C6;
	border-bottom : 1px solid white;
	text-indent : 7px;
	color : white;
	list-style : none;
	cursor : pointer;

}
div.lesonglets div#lesonglets_bt li.onglet_bt:hover
{
	background : #7CA5D3;
}
div.lesonglets div.onglet_content
{

	height : 533px;
	display : none;
	position : relative;
	float : left;
	margin-left : 15px;


}
div.lesonglets div.onglet_content table tbody tr td input
{

	width : 35px;
	border : none;
	background : none;
	text-align : center;
	font-weight : bold;


}
div.lesonglets div.onglet_content div.moyen_tot 
{



	position : relative;
	border-top : solid black 1px;
	width : 60px;
	height : 25px;
	margin-left : 295px;


}
div.lesonglets div.onglet_content div.moyen_tot input
{
	width : 45px;
	border : none;
	background : none;
	text-align : center;
	font-weight : bold;
	margin-left : 5px;
}
div.lesonglets div.onglet_content td.meuble
{
width : 172px;
height : 23px;
line-height : 25px;
}
div.lesonglets div.onglet_content td.moins
{
width : 20px;
height : 20px;


}
	div.lesonglets div.onglet_content td.moins div.clickmoins
	{
/*	position: absolute;
	left: 3px;
	top: 5px;*/
	width : 20px;
	height : 20px;
	background : url(bt_moins.png) no-repeat;
		cursor : pointer;
	}
div.lesonglets div.onglet_content td.nb
{
width : 25px;

}
div.lesonglets div.onglet_content td.plus
{
	width : 20px;
	height : 20px;

}
	div.lesonglets div.onglet_content td.plus div.clickplus
	{
	width : 20px;
	height : 20px;
	background : url(bt_plus.png) no-repeat;
	cursor : pointer;
	/*position: absolute;
	left: 3px;
	top: 5px; */
	}
div.lesonglets div.onglet_content td.miniTot
{
	width : 130px;
	text-align : center;
}
#grand_total
{
	clear : both;
	color : #7CA5D3;
	position : absolute;
	width : 100px;
	height : 20px;
	right : 5px;
	top : 50px;
}
#grand_total input
{
	width : 50px;
	border : none;
	background : none;
	text-align : center;
	font-weight : bold;
	margin-left : 11px;
	font-size : 14px;
}
.header_popup
{
background : grey;
width : 100%;
height : 20px;
padding-top : 5px;
text-indent : 10px;
font-weight : bold;
text-align : left;
-webkit-border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-left-radius:5px;
}

p.info 
{

	width : 350px;
	margin-left : 10px;
	line-height : 22px;

}


/*  ICI PAGE DEVIS */
.box_devis
{
	display : inline-block;
	float : left;
	width : 400px;
	height : 800px;
	padding: 0px 10px;
	margin-left : 40px;
	margin-right : 50px;
}
.box_devis h1
{
	margin-top : 0px;
	padding-top : 0px;
	text-align : left;
}
.main_content_devis
{
	height : 1100px;
	margin-top : 40px;
}
.box_form
{
	width : 400px;
	position : relative;
	margin : auto;
	margin-top : 20px;
}
.box_form a
{
	text-decoration: underline;
	font-size : 12px;
	color: black;
}
.box_form:last-child
{
	margin-bottom : 20px;
}
.box_form td
{
	width : 200px;
	height : 23px;
	border : 0px solid black;
}
.box_form input
{
	
	border : 1px solid #e42919;
	height : 20px;
}
.box_form select
{
		border : 1px solid #e42919;
		height : 20px;
}
td.double 
{
	width : 400px;
}
.box_form h3
{
	font-weight : bold;
	font-size : 12px;
	color : black;
	margin-bottom : 10px;
}
.box_menu_droite_devis
{
	background : #F2F2F2;
	display : inline-block;
	width : 250px;
	float : left;
	height : 941px;
	position : relative;
	margin-top : -5px;
}
.img_euro
{
	background : url(devis.png)  ;
	width : 250px;
	height: 339px;
	position : absolute;
	left : 0px;
	bottom : 0px;
}
.box_menu_droite_devis ol
{
	margin-left: 40px;
	text-indent : 0px;
	margin-bottom: 15px;
	font-weight : bold;
	margin-top :10px;
}
.box_menu_droite_devis ol li
{
	
	margin-bottom: 25px;
}
.box_menu_droite_devis p
{
	padding: 10px;
	font-size : 12px;
	line-height: 18px;
}
.box_menu_droite_devis a
{
	text-decoration : underline;
	color : #e42919;
	
}
#corps .box_form p:last-child
{
margin-bottom: 10px;
}
#corps .box_form ol
{
	margin-left: 60px;
	text-indent : 10px;
	margin-bottom: 5px;
	font-weight : bold;
}
#corps .box_form ol li
{
	margin-top : 5px;
	margin-bottom: 5px;
}
#corps .box_form p
{
	margin-bottom: 5px;
	margin-top: 3px;
	padding-left : 10px;
	padding-right : 10px;
}
tr > td:first-child
{
	text-indent : 10px;
}
td a
{
margin-left : 10px;
}
td.couleur_orange
{
background-color : #832327;
text-align : center;
text-indent : 0px;
}
.orange
{
	width : 100px;
	position : relative;
	float : right;
	margin-right: 20px;
	color: white;
	
	background : #e42919;
	
	text-align : center;
}

.box_presentation a
{
	text-decoration : underline;
	color : #e42919;
	
}

.soustitre
{
	color : #e42919;
	
}
input.envoi
{
color : white;
border : none;
background: #832327;
font-weight :  bold;
font-size: 13px; 
cursor : pointer;
height : 20px;
width : 100px;
}
/* PAGE Contact */
.box_contact
{
	
	display : inline-block;
	float : left;
	width : 410px;
	padding: 0 0 0 10px;
	margin-left : 40px;
	margin-right : 40px;
}
.box_contact input
{
border : 1px solid #e42919;
width : 230px;
height: 25px;
margin : 10px 0 10px 0;
}
.box_contact textarea
{
	width : 410px;
	height : 100px;
	border : 1px solid #e42919;
}
.box_contact input.champs_objet
{
	width : 410px;
}
input.envoi_email
{
width : 100px;
height : 20px;
float : right;
background: #e42919;
font-weight :  bold;
font-size : 13px;
cursor : pointer;
color : white;
}
.box_menu_droite_contact
{
	background : #F2F2F2;
	display : inline-block;
	width : 250px;
	float : left;
	height : 521px;
	position : relative;
	margin-top : -5px;
	
}
.box_menu_droite_contact p
{
	padding: 10px;
	font-size : 12px;
	
}
p.small
{
	font-size : 11px;
}
.box_menu_droite_contact a
{
	text-decoration : underline;
	color : #e42919;
	
}
.img_lettre
{
	background : url(contact.png)  ;
	width : 250px;
	height: 229px;
	position : absolute;
	right : 0px;
	bottom : 0px;
}
.box_contact h3
{
	
	color : #e42919;
	padding-bottom : 5px;
	padding-top : 5px;
	margin-bottom : 10px;
	font-size : 16px;
	font-weight : bold;
}
.box_menu_droite_contact h3
{
		color : #e42919;
	padding-bottom : 5px;
	padding-top : 5px;
	margin-bottom : 10px;
	font-size : 16px;
	font-weight : bold;
	padding-left : 10px;
	
}
/* FOOTER */
#footer
{
	width : 800px;
	height : 100%;
	background : #F2F2F2;
}
#pied {
	color: #E6A948;
	text-align : center;
	padding-right : 9px;
}
.adress
{
padding-top : 8px;
padding-bottom : 4px;
	color : #e42919;
	font-size : 9px;
	margin-botom : 5px;
}
.copyright
{
	color : #e42919;
	font-size : 9px;
	padding-bottom : 5px;
}
/* page galerie PHOTO  */
.box_photo
{
margin-left : 40px;
}
#grande_image
{
	position : relative;
	width : 700px;
	height : 500px;
	border : 1px solid black;
}
#grande_image img
{
	width : 700px;
	height : 500px;
	position : absolute;
	left : 0;
	top : 0;
}
.moyenne
{
	display : none;
}
#les_petites_images
{
	position : relative;
	margin-top : 20px;
	width : 700px;
	height : 100px;
	
}
.img-content
{
	position : relative;
	margin-left : 45px;
	width :610px;
	height : 100px;
	
	overflow : hidden;
}
#bt_gauche
{
	position : absolute;
	left : 0px;
	width : 45px;
	height : 100px;
	background : url("gauche.jpg");
	cursor : pointer;
	
}
#bt_droite
{
	position : absolute;
	right : 0px;
	top : 0px;
	width : 45px;
	height : 100px;
	background : url("droite.jpg");
	cursor : pointer;
}
#img-content-max 
{
	position : absolute;
	width : 2000px;
	height : 100px;
	left: 0px;
}
#img-content-max img
{
	margin : 0;
	padding : 0;
	margin-left : 10px;
	width :140px;
	height : 100px;
	float : left;
	display : inline-block;
	cursor : pointer;
	
}
#img-content-max img:last-child
{
	margin : 0;
	padding : 0;
	margin-left : 10px;
	margin-right : 10px;
	width :140px;
	height : 100px;
	float : left;
	
}
/* GARDE Meubles */
.box_gd
{
	
	display : inline-block;
	float : left;
	width : 400px;
	height : 800px;
	padding: 0px 10px;
	margin-left : 40px;
	margin-right : 50px;
}

.box_gd a {
    color: #E42919;
    text-decoration: underline;
}

.box_menu_droite_gd
{
	background : #F2F2F2;
	display : inline-block;
	width : 250px;
	float : left;
	height : 445px;
	position : relative;
	margin-top : -5px;
}
.box_menu_droite_gd p
{
	padding: 10px;
	font-size : 12px;
	line-height: 18px;
}