body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;}

#conteneur {position: absolute;width:100%;
background: transparent url(img/bg-gauche.jpg) left top repeat-y;}
#header {height: 142px;background: #e5e5e5 url(img/bg-header.gif) left top repeat-x;}
#contMenu {height: 25px;background: #e5e5e5 url(img/bg-contMenu.gif) left top repeat-x;
border-top:2px solid #fff;border-bottom:2px solid #fff;}
#antenav {height: 25px;width:290px;background: transparent url(img/bg-antemenu.gif) left top no-repeat;
float:left;}

#entreHead {width:100%;height:33px;background: transparent url(img/entre-head.jpg) left top no-repeat;}
#gauche {position: absolute;left:0;width:181px;min-height:470px;
background: transparent url(img/sub-gauche.jpg) left top no-repeat;}
* html #gauche {height:470px;}
#centre {margin-left: 181px;padding:1% 2%;background: transparent url(img/degrad.gif) 185px bottom repeat-x;
min-height:445px;position:relative;}
* html #centre {height:450px;}

#footer {position:relative;height: 19px;background-color:#b30125;margin-top:5px;
background: transparent url(img/bg-footer.gif) left top repeat-x;}

#header a img {border:0;}
#header a {display:block;float:left;width:538px;height:142px;padding:0;position:absolute;}
#header #bandeau {float:right;width:442px;height:142px;margin-left:1px;
background: transparent url(img/bandeau-cannon-industrie.jpg) left top no-repeat;}

#footer form {float:left;font-size:9px;margin: 0px 15px;height:19px;}
#footer form p {color:#fff;margin: 0px;}
#footer form p label {float:left;margin:2px 3px 0 0px;}
#footer form p input {float:left; height: 11px;border-left:1px solid #ccc;border-top:1px solid #ccc;
font-size:9px;margin-top:1px;}
#footer form a#ok {background: url(img/ok.jpg) left top no-repeat;display:block;float:left;margin:4px 0 0 3px;
height:11px;width:19px;}
#footer form a#ok:hover {background-position: -19px 0;}
#footer form a#ok:active {background-position: -38px 0;}

#footer ul {display:block;margin:0px;list-style-type:none;font-size:11px;height:19px;padding:0;}
#footer ul li {float:left;display:block;margin:1px 6px 0 0px;border-right:1px outset #fff; line-height:13px;
height:16px;padding-top:2px;}
#footer ul li.fin {border:none;}
#footer ul li a {text-decoration:none;color:#eee;margin:0px 7px 0 0;
height:16px;padding-top:3px;}
#footer ul li a:hover {text-decoration:underline;color:#fff;}

#footer a#gmd {position:absolute;right:0;top:0;display:block;height:19px;width:50px;}

/*MENU VERTICAL*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; padding:0; margin:49px 0 0 0px; width:157px;z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; position:relative; border-top:1px solid #fff;}

#menu li.subGauche {background:transparent url(img/bg-ligauche.gif) left top no-repeat;
font-weight:bold;color:#000;}

#menu li, #menu li a {display:block;width:157px;font-size:11px;line-height:20px;text-decoration:none;
cursor:pointer;text-indent:15px;}

#menu li.subGauche ul li a {font-weight:normal;color:#fff;}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#fff; z-index:500;
background:transparent url(img/bg-ligauche.gif) left -25px no-repeat;}
#menu li.click {color:#fff;background:transparent url(img/bg-ligauche.gif) left -25px no-repeat;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute;
left:155px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.subGauche a {color:#efefe9;}
#menu li.click a:hover, #menu li.click a {color:#fff;}
#menu li.hover a:hover {color:#fff;}

#menu li.click ul li.flyGauche {background:#ea6a00 url(img/menu/frog_arrow.gif) no-repeat top right;
font-weight:normal;width:156px;color:#fff;}
#menu li.click ul li {background:#848484;}
#menu li.click ul li.hover {background:#a7a7a7;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.flyGauche {background:#c60 url(img/menu/frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
/*FIN MENUS*/

/*Contenus */
#centre h1 {color:#828282;font-size:18px;margin:5px 0 0 0px;}
#centre h2 {color:#d20222;font-size:17px;margin:5px 0 0 0px;}
#centre h3 {color:#595959;font-size:13px;margin:5px 0 0 0px;text-decoration:underline;}
#centre p {color:#595959;font-size:11px;margin:2px 0 2px 0px;}
#centre div {padding:5px;}

#centre a {text-decoration: underline;color: #de0129;}
#centre a:hover {text-decoration: none;color: #ea0a33;}

#centre ul, #centre li {font-size:11px;}  
#centre ul {list-style-type:none;font-weight:bolder;background-color:#f4f4f4;font-size:10px;padding:5px;}
#centre li {background: url(img/bullet.gif) left 4px no-repeat;color:#565656;padding-left:15px;
margin-bottom:5px;}

#centre form {}
#centre form fieldset {background: transparent url(img/degrad.gif) 185px bottom repeat-x;margin:10px 5px;}
#centre form fieldset legend {font-weight:bolder;color:#d20222;}
#centre form p {clear:both;margin-bottom:3px;}
#centre form label {display:block;float:left;width:250px;border-bottom:1px inset #efefe5;height:16px;padding-top:2px;}
#centre form input {font-size:11px;}
#centre form p.red, #centre form p.red input {font-weight:bolder;color:red;}
#centre form p.red input, #centre form p.red textarea {border-color:red;}
#centre form p a {display:block;background:#de0129;color: #fff;text-align:center;padding:5px;
width:100px;margin:5px auto;text-decoration:none;}
#centre form p a:hover {background: #ea0a33;color: #fff;font-weight:bolder;}

/*Plan du site*/
dl#pds dt {margin: 15px 0px;font-size:12px;padding-left:11px;font-weight:bolder;
background: transparent url(img/bg-h2.gif) left 5px no-repeat;}
dl#pds dd.level2 {font-size:11px;margin: 5px 20px;padding-left:11px;
background: transparent url(img/bg-h3.gif) left 5px no-repeat;}
dl#pds dd.level3 {font-size:10px;margin: 2px 32px;padding-left:13px;}