body {

	background: #3eeefa url(../../images/fond-intro.jpg) no-repeat fixed 50% 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #3eeefa;

	margin: 0;

	padding: 0;

}



.Content {

	background: #3eeefa url(../../images/fond-intro.jpg) no-repeat fixed 50% 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #fff;

	margin: 0;

	padding: 0;

	color: #000000;

	}



.Content a {

	background: #3eeefa url(../../images/fond-intro.jpg) no-repeat fixed 50% 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #fff;

	margin: 0;

	padding: 0;

	color: #000000;

	}



h1, h2, h3, h4, h4 {

	color: #FFFFFF;

	padding-bottom: 5px;

	margin: 4px 0;

}



h1 {

	font-size: 20px;

	font-family: Arial, Helvetica, sans-serif;

}



h2 {

	font-size: 12px;

	font-weight:normal;

}



div#page-body {

    position:absolute;

    /* top: 50%; */

	left: 50%; 

    width: 960px;

    margin-left: -480px; /* moitié de la largeur */

	margin-top: 40px; /* Marge Haut de page */

	background: #ffffff;

}



div#header {

	margin: 0px 0px 0px 0px;

	padding: 20px 0px 0px 0px;

	width: auto;

	height: 120px; 

	position: relative;

	z-index: 10;

	clear: both;  

}



/*

div#header {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	position:relative;

	left: 50%;

	width: 960px;

	height: 120px;

	z-index:10;

    margin-left: -440px;

}



div > div#header { position: fixed; }

*/

div#middle {

	width: auto;  

	margin: 40px 60px 0px 60px;

	clear: both;  

}

div#footer1 {

	 color: #00000;

     font-size: 9px;

     font-family: Verdana, Geneva, Arial, sans-serif;

     

     text-align: center;

     position: absolute;

     bottom: -290px;

     left: 0px;

     width: 100%;

     height: 18px

}





div#footer {

	width: auto;  

	padding: 10px 15px 10px 15px;

	line-height:15px;

	clear: both;  

	text-align: center;

	font-size:11px;

	color:#333333;

}



div#footer a:link, div#footer a:visited {

	color: #999999;

	text-decoration: none;

}



div#footer a:hover {

	color: #333333;

	text-decoration: underline;

}



#bloc-central {
	width: 930px;
	padding:20px 10px;
	margin:0px auto 0 auto;
	background: #42ecf9 url(../images/fond-accueil.jpg) no-repeat;
	display:table;
}

#bottom {
	width: 950px;
	padding:0px;
	margin:0 auto 0 auto;
}

div#horiz-menu {
    background: url("../images/menu-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
    border: none;
    height: 30px;
    margin: 0 auto;
    position: relative;
    width: 859px;
}



/* POP Menu fixe sur la page



#vert-menu2 {

	position:absolute;

	left: 50%;

	top: 160px;

	width:160px;

	z-index:10;

    margin-left: 280px;

}



div > div#vert-menu2 { position: fixed; }



*/



/* Positionnement du menu de droite */

#vert-menu {
	width:162px;
	z-index:10;
}



/* Positionnement du menu de droite */

#vert-menu2 {

	position:absolute;

	left: 760px;

	top: 125px;

	width:160px;

	z-index:10;

}



/* POP Menu fixe sur la page



#vert-menu2 {

	position:absolute;

	left: 50%;

	top: 160px;

	width:160px;

	z-index:10;

    margin-left: 280px;

}



div > div#vert-menu2 { position: fixed; }



*/

div#sub-menu {

	position: absolute;

	left: 262px;

	top: 75px;

}



div#titre-intro {
	margin:30px 0 20px 0;
	height:100px;
}

#intro1, #intro2, #intro3 {
	float:left;
}

#intro1 {
	width:220px;
	text-align:center;
}
#intro2 {
	width:150px;
	text-align:center;
}
#intro3 {
    padding-right: 25px;
    text-align: right;
    width: 535px;
}


div#animation-intro {
	margin: 0px auto 20px auto;
	width: 600px;
}



div#titre-accueil {

	position: relative;

	left: 40px;

	top: 52px;

	width: 439px;

}



div#telephone {

	position: relative;

	top: 100px;

	left: 600px;

	width: 320px;

	height: 85px;

	background: url(../../images/telephone-01.png) no-repeat;

}



div#telephone-intro {

	position: absolute;

	top: 60px;

	left: 740px;

	width: 180px;

	height: 90px;

	background: url(../../images/telephone-08.png) no-repeat;

}



div#led-intro {

	position: absolute;

	z-index:10;

	top: 145px;

	left: 620px;

	width: 312px;

}

div#promo-intro {
	position: absolute;
	z-index:10;
	top: 317px;
	left: 516px;
	width: 137px;

}

div#promo-intro2 {
	position: absolute;
	z-index:10;
	top: 317px;
	left: 214px;
	width: 137px;

}


div#telephone-accueil {

	position: absolute;

	top: 70px;

	left: 600px;

	width: 320px;

	height: 85px;

	background: url(../../images/telephone-01.png) no-repeat;

}



#logo {

	position:absolute;

	left:755px;

	top:440px;

	width:170px;

	height:50px;

	z-index:1;

}



div#email {
    color: #FFFFFF;
    margin: 4px 0;
    padding-bottom: 5px;
	font-size:20px;
}



a.email:link, a:visited {

	color: #fff;

	text-decoration: underline;

	font-weight: normal;

}



a.email:hover {

	color: #33ffff;

	font-weight: normal;

}





div#produits #col1 {
	width:536px;
	float:left;
	text-align:right;
}

div#produits #col2 {
	width:394px;
	float:left;
}

div#produits #col1 p {
	padding:0px 30px;
	margin:5px 0px 6px 0px;
}

div#produits #col1 h3 {
    background: url("../images/h3-bg.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 14px;
    height: 45px;
    line-height: 39px;
	margin:0px;
    padding: 0 20px;
	font-weight:normal;
}

div#produits #col1 h3.white {
    background: url("../images/h3-bg-white.png") no-repeat scroll 0 0 transparent;
}

#shadow-top {
	width:970px;
	height:10px;
	display:block;
	background:url(../images/shadow-top.png) 0 0 no-repeat;
	margin:35px auto 0 auto;
}

#shadow-middle {
	width:970px;
	height:1px;
	display:table;
	background:url(../images/shadow-middle.png) 0 0 repeat-y;
	margin:0 auto;
}

#shadow-bottom {
	width:970px;
	height:10px;
	display:block;
	background:url(../images/shadow-bottom.png) 0 0 no-repeat;
	margin:0 auto;
}

div#mainpage {

	position: absolute;

	top: 160px;

	left: 40px;

	width: 880px;

	height:420px;

	background-color:#FFFFFF;

}



a:link, a:visited {

	color: #FFFFFF;

	text-decoration: none;

	font-weight: normal;

}

div#produits #col1 h3 a:link, div#produits #col1 h3 a:visited {
	color:#000000;
}



a:hover {

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: normal;

}



input, textarea{

	color:#ca540f;

	background-color:#f7efeb;

	margin-top:5px;

	margin-bottom:5px;

	border:0.05em solid #d5b099;

}

.contenu{

	color: #2C2825;

	margin-top: 10px;

	margin-left: 30px;

	margin-right: 30px;

	margin-bottom: 5px;

	list-style-position: inside;

}

a.contenu:link, a.contenu:visited {

	color: #c9ab9a;

	text-decoration: none;

	font-weight: normal;

}

a.contenu:hover {

	color: #c9ab9a;

	text-decoration: underline;

}

.footer{

	background-color:#322D2A;

	text-align:center;

	margin-left: 30px;

	margin-right: 30px;

	color: #EFEBE8;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

}

.navig-footer {

	color:#7b695e;

	font-size: 10px;

	margin-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

}

.copyright {

	color:#7b695e;

	margin-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

a.navig-footer:link, a.navig-footer:visited, a.copyright:link, a.copyright:visited {

	color: #c9ab9a;

	text-decoration: none;

	font-weight: normal;

}



a.navig-footer:hover, a.copyright:hover {

	color: #c9ab9a;

	text-decoration: underline;

	font-weight: normal;

	margin-top: 8px;

	margin-bottom: 5px;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

}

.news-fond{

	/* background-image:url(../images/news-fond.jpg); */

	background-repeat:no-repeat; 

	width:274px;

	height:291px;

	vertical-align:top;

	padding-top:10px;

	padding-left:30px;

}

.titre-infos {

	color:#322D2A;

	font-size:16px;

	margin-bottom: 10px;

	margin-top: 20px;

	margin-left: 30px;

	font-weight: bold;

}

.sous-titre-infos {

	color:#ff0000;

	font-size:12px;

	font-family:"Times New Roman", Times, serif;

	margin-top: 10px;

	margin-bottom: 10px;

}

.text-infos {

color:#5d5d5d;

font-size:11px;

}

.text-page {

	color:#FFFFFF;

	font-size:12px;

	margin-top: 0px;

	margin-bottom: 5px;



}



.text-services, a.text-services:link, a.text-services:visited {

	color:#070506;

	font-size:14px;

	margin-top: 20px;

	margin-left: 15px;

	line-height: 20px;

	font-weight: normal;

}



a.text-services:hover {

	text-decoration: underline;

}



.more {

	text-align: center;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



a.more:link, a.more:visited {

	color: #CB5410;

	text-decoration: none;

	font-weight: normal;

	font-size:12px;

}



a.more:hover {

	color: #CB5410;

	text-decoration: underline;

}



.mainbody {

	vertical-align:top;

}



.titre-contenu {

	font-size:18px;

	color:#ca540f;

	margin-top: 20px;

	margin-bottom: 5px;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-weight: bold;

	margin-left: 30px;

}



/* horiz menu */

#horiz-menu {

/*	background: url(../images/menu-bg.png) 0 0 repeat-x;

	border-left: 1px solid #B89789;

	border-right: 1px solid #B89789;*/

}



#horiz-menu a {
	color: #000000;
}

#horiz-menu li.active a {
	color: #33ffff;
}

#horiz-menu ul li li:hover,
#horiz-menu ul li li.sfHover,
#horiz-menu ul ul {
	background: #fdfbef;
}

#horiz-menu ul ul {
    margin-left: -3px;
    margin-top: 4px;
}
	
#horiz-menu ul ul ul {
    margin:0;
}

#horiz-menu ul li:hover a,

#horiz-menu ul li.sfHover a,

#horiz-menu ul li:hover li:hover a,

#horiz-menu ul li.sfHover li.sfHover a,

#horiz-menu ul li:hover li:hover li:hover a,

#horiz-menu ul li.sfHover li.sfHover li.sfHover a,

#horiz-menu ul li:hover li:hover li:hover li:hover a,

#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,

#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,

#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {

	color: #33ffff;

}



#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #333333;
}

#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover {
	background: url(../images/dropdown-div.png) 0 100% no-repeat;

}

#horiz-menu a.daddy {

	background: url(../../images/dropdown-child.png) 100% 50% no-repeat;

}



/* @group Sub Menu */

/* side menu */



ul.sidenav {

	margin: 0;

	padding: 0;

}



ul.sidenav li {

	list-style: none;

	margin: 0;

	padding: 0;

}



ul.sidenav li.active a {

	background-position: 0 -48px;

}



ul.sidenav li.active li a {

	font-weight: normal;

	font-size:  11px;

}



ul.sidenav span {

	display: block;

}



ul.sidenav a {

	display: block;

	line-height: 24px;

	text-indent: 24px;

	height: 24px;

	font-size: 11px;

	font-weight: normal;

}



ul.sidenav a:hover {

	background-position: 0 -24px;

}



ul.sidenav ul {

	margin-left: 35px;

	padding: 0;

}



ul.sidenav ul ul {

	padding: 0;

	margin: 0;

}



ul.sidenav li li {

	padding: 0;

	margin: 0;

}



ul.sidenav ul a {

	background-image: none;

	text-indent: 0;

	font-size: 11px;

}



ul.sidenav ul ul a {

	text-indent: 15px;

}



ul.sidenav ul ul ul a {

	text-indent: 30px;

}



/* @end */



/* @group Mainmenu */



a.mainlevel {
    color: #333333;
    display: block;
    font-size: 10px;
    font-weight: normal;
    height: 27px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
	font-family:Arial,Helvetica,sans-serif;
}

td.last a.mainlevel {
    height: 35px;
}

a#active_menu.mainlevel {
	/*background-position: 0 -48px;*/
}

a.mainlevel:hover {
	/*background-position: 0 -24px;*/
	color:#33ffff;
	text-decoration:none;
}



a.sublevel {

	font-size: 11px;

	color:#FFFFFF;

	line-height: 20px;

	padding-left: 0px;

	border-bottom: 1px solid #cccccc;

	text-indent: 15px;

	display: block;

	float: left;

	width: 100%;

	font-weight: normal;

}



span h2

{

position:relative;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight:bold;

display:inline;

color:#ffffff;

margin:0px;

padding:0px;

}

.h2

{

position:relative;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight:normal;

display:inline;

color:#000000;

margin:0px;

padding:0px;

}



/* @end */