/*********************************RESET******************************/

/*******************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
a img{
	border:none;
}
/**********************************fin reset*************************************/

body{
	background:url(../images/bg.gif) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#474747;
}
hr{
	color:#6c6b6b;
	border-style:solid;
}

#page{
	width:965px;
	margin: 0 auto;
	position:relative;
	z-index:1;
}

#header{
	position:relative;
	height: 519px;
	z-index:1;
}

#header h1{
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat transparent;
	height:133px;
	width:269px;
}

h3 {
    color:#474747;
    height: 20px;
    margin-bottom: 22px;
	margin-top: 10px;
}

h4{
	color:#000;
	font-size:24px;
	font-weight:normal;
	margin-bottom:22px;
}

.desc h4{
	border-bottom:1px solid #626262;
	padding-bottom:20px;
}

#header ul{ 
	height:61px;
	width:965px;
	background-color:#fff;
	margin-bottom:5px;
}

#header ul li a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	height:61px;
	margin:0;
}

#header ul li{
	float:left;
	margin:0;
	background:url(../images/menu_up.png) no-repeat #fff;
}

#header ul li:hover{
	float:left;
	margin:0;
	background:url(../images/menu_rl.png) no-repeat transparent;
}

#header ul li.actif{
	background:url(../images/menu_rl.png) no-repeat #fff;
	display:block;
	height:61px;
	margin:0;
}

#header #lien1{width:167px;}
#header #lien2{width:177px; background-position:-168px 0;}
#header #lien3{width:189px; background-position:-345px 0;}
#header #lien4{width:184px; background-position:-534px 0;}
#header #lien5{width:248px; background-position:-718px 0;}

#info{
	display:block;
	position:absolute;
	width:162px;
	height:33px;
	top:350px;
	left:390px;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
}

#contenu{
	background:url(../images/bg_contenu.gif) repeat-y top left #fff;
	padding:30px 0;
}

#contenugauche{
	width:273px;
	/*padding:0 20px;*/
	float:left;
	position:relative;
	z-index:1;
	background-color:#e5e5e5;
}

#contenugauche div{
	background-color:#cecece;
	padding:1px 0 20px;
}

#contenugauche h2{
	margin:15px 0 15px 10px;
}

#contenugauche p{
	color:#474747;
	margin-left:58px;
}

#contenugauche p.tel{
	font-size:30px;
	font-weight:normal;
}

#contenugauche p.fax {
    font-size: 12px;
    margin-top: 7px;
}

#contenugauche p.adresse{
	font-size:18px;
}

#courriel {
    margin: 10px 0 20px 58px;
	display:block;
	height:41px;
	width:180px;
}


#contenudroit{
	width:665px;
	float:right;
	z-index:1;
}

#contenudroit h1{
	height:72px;
	width:642px;
	text-indent:-9999px;
}

#contenudroit p{
	font-size:12px;
	color:#8a8a8a;
}

.box{
	background:url(../images/bg_boite.png) no-repeat transparent;
	width:280px;
	padding:15px;
	float:left;
	margin-bottom: 20px;
}
.box h2{
	font-size:18px;
	margin:10px 0;
}
.box p{
	margin-left:55px;
}

.droite{
	margin-left:30px;
}

.box ul{
	font-size:12px;
	list-style-image:url(../images/losange.png);
	list-style-position:inside;
	line-height: 16px;
}

.box a{
	display:block;
	height: 26px;
    width: 115px;
	margin-top: 35px;
	margin-left:55px;
}

#texteAccueil{
	margin:0 15px;
	padding-top:30px;
	border-top:1px solid #BBB;
}

#texteAccueil > div{
	margin-left:58px;
}

.clear{
	clear:both;
}

#footer{
	background:url(../images/bg_footer.gif) repeat-x top center #2a2a2a;
	width:100%;
	height:70px;
}

#footer ul{
	width:335px;
	margin:0 auto;
	padding-top:20px;
}

#footer ul li{
	float:left;
	margin-left:10px;
}

#footer ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	text-shadow:#000 1px 1px 0px;
}

#footer ul li a:hover{
	border-bottom:2px solid #fff;
}

/***********R�ALISATIONS**********/
#contenudroit h2.domaine{
	border-bottom:1px solid #e38c1a;
	margin-bottom:10px;
	margin-top:25px;
}
a.milieu{
	margin:0 37px;
}

#contenudroit a img{
	margin: 10px 0;
}
	
	
/***********SERVICES**********/
#imgserv{float:right;}
#listeServices{
	font-size:20px;
	list-style-image:url(../images/fleche.gif);
	list-style-position:inside;
	width:360px;
	margin-left: 55px;
	float:left;
}

#listeServices li{
	margin:10px 0 25px;
}

#listeServices li p{
	font-size:13px;
	color:#e38c1a;
	font-weight:bold;
	margin: 5px 0 15px;
    padding-left: 24px;
}

#imgServices{
	float:right;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
	margin-top:20px;
}

	
/***********CONTACT**********/
#contenudroit h1.carte{
	background:url(../images/titre_carte.png) no-repeat transparent;
}
#contenudroit p{
	line-height:16px;
}
#contenudroit p a{
	text-shadow:#000 1px 1px 0px;
	color:#FFF;
}
iframe{
	margin-top:20px;
}
/*****PRODUITS***********/
/*----*/
ul.listeProduits {
	width: 665px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.listeProduits li {
	width: 145px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
	z-index:1;
}
/*ul.listeProduits li:hover {z-index: 997;}*/
/*----*/
ul.listeProduits li img {
	position: relative;
	z-index:1;
}
/*ul.listeProduits li:hover img{
	z-index: 999;
}*/
/*----*/
ul.listeProduits li .info {
	position: absolute;
	left: -10px; top: -2px;
	padding: 80px 10px 20px;
	width: 145px;
	display: none;
	background: #fff;
	border:1px solid #e38c1a;
	color:#474747;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*z-index:997;*/
}
/*ul.listeProduits li:hover .info {display: block;}*/

#tooltip{
	position:absolute;
	background: #fff;
	border:2px solid #e38c1a;
	color:#474747;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 220px;
	padding:5px 5px 10px 5px;
	display:none;
	z-index:999;
	}	

#tooltip h3 {
	margin: 0; padding: 10px 0;
}
#tooltip h3 span{
	font-size:10px;
}
#contenudroit ul.listeProduits li p {padding: 0; margin: 0; font-size: 12px; color:#e38c1a; text-align:center; font-weight:bold; margin-top:5px;}
#tooltip p {padding: 0; margin: 0; font-size: 10px; color:#474747; text-align:left; font-weight:normal; line-height:12px;}


.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}