/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}

	 
/*TEMPLATE*/
/*html{text-align:center;background-color:#000}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#464443}
body {behavior: url(csshover.htc);} 
*/
html{background-color:#000000;text-align:center}
body{text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;margin:0 auto;color:#FFFFFF}
body {position:relative;width:1011px;height:540px;behavior: url(csshover.htc);} 

h1{margin:0px 0px 0px 0px;font-weight:normal;}
h2{margin:0px 0px 0px 0px; font-size:1.1em;text-align:left;padding:5px 30px}
h3{margin:0px 0px 0px 0px;font-size:1.2em;}

p{margin:0px 0px 15px 0px;text-align:justify}

a{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline}

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}


/***********************STRUCTURE****************************************************************padding:13px 54px 76px 52px******/
div#overall{margin-top:50px}
div#header{width:1011px;height:55px}


div#section{background:no-repeat;width:988px;height:444px;margin-left:22px;}

div#content{background:url('../images/transparent.png');width:785px;height:385px;color:#FFFFFF;margin-top:20px;margin-left:176px}

div#footer{width:1011px;height:30px;}


/***********************header**********************************************************************/

div#header h1{font-size:250%;padding-left:198px;padding-top:15px;}
div#header img#logo{display:block;position:absolute;left:55px;top:0px}

div#header ul {position:absolute;left:-10px;top:100px;background:url('../images/fond_menu.png') no-repeat  right 40px;width:186px;height:300px;padding-top:75px}
div#header ul li{background:url('../images/menu.png') no-repeat;width:186px;height:44px;padding-left:45px;font-size:1.25em;font-weight:bold;}
div#header ul li a{display:block;padding-top:8px}




/***********************content**********************************************************************/
div#content h1{font-size:185%;padding:15px 30px;}
div#content p{padding:0px 30px 0px 30px;}
div#content a{color:#FFFFFF;}
div#content div#coleft{float:left;width:300px}
div#content div#coleft p{padding-top:15px}
/*produits*/
div#content div#produits{width:480px;height:375px;padding-top:13px;padding-left:5px}
div#content div#produits ul li{float:left;width:110px;height:110px;margin:5px}
div#content div#produits ul li div{display:none;width:250px;background-color:#76939D;z-index:3;position:relative;top:-110px;left:110px}
div#content div#produits ul li:hover div{display:block}
div#content div#produits ul li div h1{height:32px;background:url('../images/list_h1_bg.jpg') repeat;padding:5px 0px 0px 0px;font-size:1.1em;text-align:center}
div#content div#produits ul li div ul{margin-left:10px;padding:5px}
div#content div#produits ul li div ul li{float:none;width:auto;height:auto;list-style:disc;margin:0px 5px 0px 5px;}
/*formulaire*/
div#content div#formulaire{float:right;width:290px;height:375px;padding-top:13px;}
div#content div#formulaire form p{text-align:right;}
div#content div#formulaire form p input{width:163px;background-color:transparent;color:#FFFFFF}
/*réalisation*/
div#col_right{float:right;width:295px;height:385px;}
div#col_right h1{padding-left:0px}
div#col_right p{padding-left:0px;padding-right:10px}
img#affiche {display:block;width:470px;height:360px;margin:10px;padding-top:13px}
div#vignette{width:295px;height:280px;}
div#vignette img{float:left;width:89px;height:68px;margin:10px 4px;}
p#next {float:right;}
/*plan*/
ul#plan{margin:}
/***********************footer**********************************************************************/
div#footer p{float:right;padding-top:15px}
div#footer a{color:#FFFFFF}


/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;clear:both}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */