/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
text-decoration: none;
color: #000000;

}
.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}

body {
	background-color: #580e25;
	margin: 0 0 0 0;
	text-align: center;
	background-image: url("/layout/img/fond_layout.jpg");
	background-repeat: repeat-x;
	background-position:  left top;
	}
#general {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url("/layout/img/motif.jpg");
	background-repeat: no-repeat;
	background-position:  left 270px;
	
	}

#haut div#logo {
	margin: 95px 0 0 50px!important; 	
	margin: 95px 0 0 25px; 	
	float: left;
	}
#haut div#menu{
	width: 639px;
	height: 238px;
	background-image: url("/layout/img/fond_menu.jpg");
	background-repeat: no-repeat;
	margin-top: 55px; 	
	float: right;
	}
#haut div#menu div#bulle_conseil {
	width: 60px;
	height: 60px;
	background-image: url("/layout/img/bulle_conseil_off.gif");
	background-repeat: no-repeat;
	margin: 147px 0 0 114px; 	
	float: left;
	}
#haut div#menu div#bulle_reference {
	width: 88px;
	height: 88px;
	background-image: url("/layout/img/bulle_reference_off.gif");
	background-repeat: no-repeat;
	margin: 150px 0 0 5px; 	
	float: left;
	}
#haut div#menu div#bulle_creation {
	width: 66px;
	height: 66px;
	background-image: url("/layout/img/bulle_creation_off.gif");
	background-repeat: no-repeat;
	margin: 18px 0 0 75px; 
	float: left;
	}
#haut div#menu div#bulle_contact {
	width: 78px;
	height: 78px;
	background-image: url("/layout/img/bulle_contact_off.gif");
	background-repeat: no-repeat;
	margin: 5px 0 0 26px; 	
	float: left;
	}
#haut div#menu div#bulle_conseil a:hover{
	width: 60px;
	height: 60px;
	background-image: url("/layout/img/bulle_conseil_on.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	}
#haut div#menu div#bulle_contact a:hover{
	width: 78px;
	height: 78px;
	background-image: url("/layout/img/bulle_contact_on.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	}
#haut div#menu div#bulle_reference a:hover{
	width: 88px;
	height: 88px;
	background-image: url("/layout/img/bulle_reference_on.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	}
#haut div#menu div#bulle_creation a:hover{
	width: 66x;
	height: 66px;
	background-image: url("/layout/img/bulle_creation_on.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	}
#contenu {
	width: 740px;
	height: 410px;
	background-color: #140000;
	margin: 35px 0 0 121px; 
	}
#bas {
	width: 900px;
	height: 85px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-image: url("/layout/img/fond_bas.gif");
	background-repeat: repeat-y;
	background-position: top left;
	margin: 60px 0 0 40px;
	text-align: center;
	color: #fff;
	}
#voiture{
	position:absolute;
	width:147px;
	height:55px;
	z-index:50;
	background-image:url(../layout/img/voiture.png);
	margin-top:760px;
	margin-left:45px;
	}
#bas p {
	margin-top: 5px;
	color: #fff;

	}
#bas p a{
	color: #fff;
	}
#bas p.mentions {
	color: #1c0008;
	}
#bas p.mentions a{
	color: #1c0008;
	}
.texte {
	text-align: center;
	}
.texte p{
	color: #fff;

	font-size: 15px;
	line-height: 26px;
	}
.texte h1{
	padding: 100px 0 30px 0;
	}
.accueil {
	text-align: center;
	padding-top: 75px;
	}
.accueil p{
	color: #fff;
	padding: 20px 20px 0 20px;
	font-size: 15px;
	line-height: 26px;
	font-style: italic;
	}
.accueil h1{
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	}
.accueil h2{
	margin-top:7px;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	color:#d2de5d;
	}
.contact h1{
	color: #d2de5d;
	padding: 15px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #d2de5d;
	background-image: url("/web/img/pointille_h.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 14px;
	text-transform:uppercase;	
	
	}
.contact p{
	color: #fff;
	
	}
.contact div.gauche{
	width: 360px;
	margin: 15px 0 0 10px;
	float: left;
	background-image: url("/web/img/pointille_v.gif");
	background-repeat: repeat-y;
	background-position: top right;
	color: #fff;
	}
.contact div.droite{
	margin: 15px 10px 0 0;
	width: 350px;
	float: right;
	}
.contact div.droite p.message{
	padding: 20px 0 10px 0;
	color: #fff;
	}
.contact div.droite p.adresse{
	padding: 20px 0 10px 0;
	color: #fff;
	line-height: 16px;
	}
.contact div.droite p.adresse a{
	color: #fff;
	}
div.contact div.gauche p label {
	float: left;
	text-align: right;
	width: 100px;
	padding-right: 5px;
	font-weight: bold;
	color: #fff;
	}
.contact div.gauche p {
	margin: 10px;
	color: #fff;
	}
div.contact div.gauche input {
width: 180px;
height: 20px;

	}
input.bouton{
	/*background: transparent url(/web/img/bouton_contact.gif) no-repeat scroll center center;*/
	width: 191px;
	height: 22px;
	color: #300015;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	cursor: pointer;
	border : none;
}
.centre {
	text-align:center;
	margin-top: 20px;
	}
textarea {
	width: 300px;
	height: 130px;
	}
div.contact div.gauche input.radio {
	width: 10px;
	}
span.alerte {
	color: #ff0000;
	}
.reference h1{
	color: #d2de5d;
	padding: 15px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #d2de5d;
	background-image: url("/web/img/pointille_h.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 14px;
	text-transform:uppercase;	
	}

.lexique {
	text-align: left;
	}
.lexique p{
	padding: 15px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #fff;
	font-size: 11px;
	line-height: 28px;
	}
.lexique p i{
	color: #fff;
	}
.lexique h1{
	color: #d2de5d;
	padding: 15px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #d2de5d;
	background-image: url("/web/img/pointille_h.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 14px;
	text-transform:uppercase;	
	}
.mentionslegales {
	text-align: left;
	}
.mentionslegales p{
	padding: 10px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	}
.mentionslegales p i{
	color: #fff;
	}
.mentionslegales p b{
	color: #fff;
	}
.mentionslegales h1{
	color: #d2de5d;
	padding: 15px 0 5px 5px;
	margin: 0 10px 0 10px;
	color: #d2de5d;
	background-image: url("/web/img/pointille_h.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 14px;
	text-transform:uppercase;	
	}