* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; background: #d5d5d8; text-align: center; color: #6d778d; font-size: 62.5%; font-family: "Lucida Grande", Lucida Sans Unicode, Geneva, Arial, sans-serif; }
img { border:0; }

h1 { font-size: 3.6em; /* 10px × 2em = 20px */ }

.hidden {display:none;}
.external, .boxed {background:url(../medias/externalLink.gif) no-repeat 5px 2px; padding-left:20px;}

#wrapper { background: #e4e4e5 url(../medias/bg.gif) repeat-x top center; }

.centered {width:982px;margin:auto;text-align:left;}

#header #logo { margin-left: 22px; margin-top: 24px; float: left; }
#header #top_menu {text-align:right; margin-top: 6.8em; margin-right:2em; padding-bottom: .6em; float: right; }
#header #top_menu li { list-style-type: none; display: inline; color: #a7acb9; font-size: 1em; }
#header #top_menu a{color:#a7acb9;text-decoration:none;}
#header #top_menu a:hover{color:#a7acb9;text-decoration:underline;}

#content_box { position: relative; width: 942px; min-height: 389px; margin: 0 auto; background-color: #fff; padding: 5px 5px 5px 5px; }
#flash_holder { position: relative; width: 942px; height: 389px; background: #18243f; }
object { position: relative; z-index: 0; }

#home h1 { font-size: 2.4em; color: #fefeff; }

#main_menu { z-index: 100; margin: -45px auto 0 auto; width: 942px; height: 57px; background: transparent url(../medias/mainmenu_dropshadow.png) top left no-repeat; }
#main_menu ul { padding-left: 4px; padding-top: 4px; }
#main_menu ul li { list-style-type: none; display: inline; margin-right: 2px; }
#main_menu ul li a { display: inline-block; width: 154px; height: 49px; background: transparent url(../medias/mainmenu_bouton.gif) top left no-repeat; overflow: hidden; z-index: 999; position:relative;}
#main_menu ul li a img {position:absolute; z-index:1000;}
#main_menu ul li a:hover img {position:absolute; left:-154px;z-index:1000;}

#feature_row { margin-left: 2em; margin-top: 1.5em; font-family: "Lucida Grande", Lucida Sans Unicode, Arial, sans-serif; }
#feature_row .feature { position: relative; padding-left: 1.8em; padding-top: 1.7em; width: 29em; height: 6.4em; border: solid 1px #bfc0c2; margin-right: 0.5em; background: #e3e3e3 url(../medias/featured_button_bg.gif) repeat-x bottom left; float: left;}
#feature_row a { text-decoration: none; color: #1f1f29; display: block; }
#feature_row a:hover { text-decoration: none; }
#feature_row h2 { font-size: 2.2em; font-weight: normal; color: #292a34; } 
#feature_row p { font-size: 1.2em; }
#feature_row .img_produits { position: absolute; right: 1.7em; bottom: 0; }
#feature_row .img_camion { position: absolute; right: 1.7em; bottom: 0; }

#content { border: 1px solid #d0d4db; background: #152039 url(../medias/content_bg.gif) top center no-repeat; }
#content a { color: #2e3a56; text-decoration: none; }
#content a:hover { color: #2e3a56; text-decoration: underline; } 

#content h1 { font-size: 4.8em; color: #2e3a56; }
#content h2 { color: #2e3a56; font-size: 1.4em; }
#content h2 a { color: #2e3a56; text-decoration: none;}
#content h2 a:hover { color: #2e3a56; text-decoration: underline; }
#content h3 { color: #131e3a; font-size: 1.2em; }
#content p { color: #131e3a; font-size: 1.1em; }

#side_bar { float: left; width: 218px; }
ul#side_menu { margin-left: 7px; padding-top: 15px;}
ul#side_menu li { list-style-type: none; width: 187px; }
ul#side_menu li a { display: inline-block; width: 187px; height: 38px; background: transparent url(../medias/sidemenu_bouton.gif) top left no-repeat; overflow: hidden; z-index: 11; position:relative; }
ul#side_menu li a img {position:absolute; z-index:12;}
ul#side_menu li a:hover img {position:absolute; left:-187px;z-index:12;}
ul#side_menu li a.selected img {position:absolute; left:-187px;z-index:12;}
#main { float: left; width: 722px; background-color: #ffffff; }
#title { width: 722px; height: 7.6em; background: #fbfbfb url(../medias/title_bg_new.jpg) top left no-repeat; margin: 2.4em 0 3.5em 0; border-top: 1px solid #9ba1b0; border-bottom: 1px solid #9ba1b0; }
#title p { padding-left: 22px; color: #fff; }
#primary { float: left; width: 449px; padding: 0 20px 0 23px; }
#primary h2 { margin-bottom: 1em;  }
#primary h3 { color: #14203b; }
#primary p { margin-bottom: 1em; color: #6d778d; }
#primary p.important { color: #2e3a56; font-size: 1.4em; font-weight: bold; }
#secondary { float: left; width: 228px; }
.box { background-color: #e7e7e9; border: 1px solid #cecfcf; padding: 23px;	margin: 15px 0; }
.box ul { list-style: square; margin-bottom: 1em; }
.box ul li { margin-left: 2em; line-height: 1.8em; }

#produits #primary .product_desc { float: left; width: 25em;  }
#produits #primary .product_image { float: left; width: 150px;	}

#secondary h2 { padding-bottom: 1em;}
#secondary ul { margin-bottom: 10px; }
#secondary ul li { list-style: square; margin-left: 1.5em; }
#secondary p { margin-bottom: 1em; }
#secondary .besoin_aide { position: absolute; } 
#secondary .produits { margin-top: 99px; margin-bottom: 10px; }
#secondary .accreditations { margin-bottom: 15px; text-align: center; margin-right: 11px; }

/* nouvelles */
#nouvelles #primary .nouvelle { padding-bottom: 1em; }

/* conversion */
#conversion #primary h3 { padding-bottom: .5em; }

/* plan du site */
#plan_du_site #primary ul { list-style: none;  }
#plan_du_site #primary ul.niveau1 { font-size: 1.3em; margin-bottom: 7em;}
#plan_du_site #primary ul.niveau2 { list-style: square; }
#plan_du_site #primary li { margin-left: 2em; line-height: 2em; }

/* emplois */
#emplois #primary { /*width: 667px;*/ padding-bottom: 5em; min-height: 389px; }
#emplois .box { background-color: #e7e7e9; border: 1px solid #cecfcf; padding: 23px 23px 23px 23px; margin: 0 0 15px 0; }
#emplois h3 { padding-bottom: 1em; }
#emplois ul.liste_emplois li { list-style: none; padding: 0 0 1em 0; }
#emplois ul.liste_emplois li a { font-size: 1.2em; } 
#emplois #secondary ul.liste_emplois li { list-style: none; padding: 0 0 1em 0; margin-left: .1em; }
#emplois #secondary ul.liste_emplois li a { font-size: 1.2em; } 

#emplois fieldset { border: none; border-top: 1px solid#2e3a56; padding: 2em; }
#emplois legend { font-size: 1.4em; padding: 0 0.5em;}
#emplois label { display: block; padding-right: 2em; }
#emplois td.reponse { padding-bottom: 1em;}
#emplois td.question { width: 15em; text-align: right; vertical-align: top; }
#emplois td.question_msg { vertical-align: top; text-align: right; }
.error { color:#8A1D03 !important; font-weight:bold;}


/* footer */
#footer_content { background: #d5d5d8 url(../medias/footer_bg.gif) repeat-x top left; height: 5.5em;}
#copyright { float: left; color:#959597; margin-left: 2.2em; margin-top: 1em; }
ul#footer_menu { margin-right: 2em; margin-top: 1em;  float: right; }
ul#footer_menu li { list-style:none; display:inline; color:#959597;}
ul#footer_menu li a{color:#959597; text-decoration:none;}
ul#footer_menu li a:hover{color:#959597; text-decoration:underline;}

#sitemap_nav { width: 100%; background: #e4e4e5 url(../medias/sitemap_toggle_bg3.gif) repeat-x bottom left; padding-top: 3.2em; }
#sitemap_toggle { margin-left: 22px; width: 32em; background: transparent url(../medias/sitemap_toggle_bg1.gif) repeat-x bottom left; }
#sitemap_toggle a { text-decoration: none; font-family: "Lucida Grande", Lucida Sans Unicode, Arial, sans-serif; color: #585758; padding: .5em 1em 0 1em; display: block; width: 30em; background: transparent url(../medias/sitemap_toggle_bg2.gif) no-repeat bottom right; }
#sitemap { padding: 2em 3.2em 1em 3.2em; font-size: 1em; }
#sitemap .inner ul.col { width: 13em; float: left; }
#sitemap .inner .accred { width: 50em; float: right; }
#sitemap .inner .accred img { float: right; margin-left: 2em; margin-bottom: 2em; }
#sitemap ul li { list-style: none; color:#959597; line-height: 1.5em; }
#sitemap ul li ul li { list-style: square; margin-left: 1.5em;}
#sitemap ul li a { color:#959597; text-decoration: none; }
#sitemap ul li a:hover { color:#959597; text-decoration: underline; }

/* Nous joindre */
#logo_paiement {margin-top:10px;}
#logo_paiement li {list-style:none; display:inline; margin:0 5px 0 0;}



/* CLASSES */
.clear {clear:both; display:block;}