* {padding:0; margin:0}
li {list-style-type: none}
h2, h3, h4, h5 {font-size: 11px; font-weight: bold;}
a img {border: none}

body {font-size: 11px; font-family: Arial, Verdana; color: #5d6472}

#global {margin: 0 auto; position: relative; width: 940px;}

#top_ribbon {height: 22px; background: url(../images/top_ribbon_bg_deg.png) repeat-x; color: #9ed6fa;
  padding: 8px 10px 0}
  
#top_ribbon h1 {float: left; color: white;font-size:1em; font-weight: normal;}   
#top_ribbon .user_menu {float: right; color: white;}
#top_ribbon .user_menu a {color: white; text-decoration: none}
#top_ribbon .user_menu a:hover {text-decoration: underline}

#header {margin-top: 1px;}
/*
#header h1 {float:left; background: url(../images/title.png) no-repeat; width: 704px; padding-top: 288px;
  height: 0; overflow: hidden;}
*/
/*#header div.banniere {float:left; background: url(../images/title.png) no-repeat; width: 704px; padding-top: 288px; overflow: hidden;}  */
#header div.banniere {float:left; background: url(../images/title.jpg) no-repeat; width: 704px; padding-top: 279px; overflow: hidden;}  
#header a.devis {float:left;  display: inline;}
#header img {display:block;}
#header .nav {clear: both; background: url(../images/bg_menu.png) no-repeat; position:relative; top:-1px; width: 100%}
#header .search_form {float: right; margin: 10px 10px 0 0; display:inline}
#header .search_form .text {border: none; background: url(../images/search_form_text_bg.png) no-repeat; height: 23px;
  width:192px; padding: 2px 0 0 7px; font-size: 10px; vertical-align: top; line-height: 20px}
#header .search_form .text.hasPrompt {font-style: italic; }
#header .search_form button {background: url(../images/search_submit.png) no-repeat; border:none; height: 25px;
  width: 26px; text-indent: -500px; overflow:hidden; vertical-align: top; _position:relative; _top:1px}


#content {clear: both}
#content .column {float:left; width: 234px; overflow: hidden; display: inline}
#content .column img {display: block}
#content .column .top {margin-top: 12px; height: 361px; border: 1px solid #c1c3c7; border-width: 1px 0 0 1px;
  background: url(../images/column_top_bg.png) no-repeat; overflow: hidden}
#content .column .top_wrapped {padding: 10px 7px;}
#content .column .top h2 {background: no-repeat left top; padding-top: 29px; height: 0; overflow: hidden;
  margin-bottom: 12px;}
#content .column .top h3 a, 
#content .column .top h3 span,
#content .column .top a.wrapping_link h3 {font-size: 12px; margin-top: 11px; font-weight: bold;
  background: url(../images/h3_puce.png) no-repeat 0 4px; padding-left: 11px; display:block; text-decoration: none;
  margin-bottom: 3px}
#content .column .top h3:hover, #content .column .top a.wrapping_link:hover h3 {color: red}
#content .column .top h3:hover, #content .column .top a.wrapping_link p {color: black, text-decoration: underline}
#content .column .top h3.button {background: url(../images/h3_button_star.png) no-repeat; height: 18px; width: 191px;
  padding: 10px 0 0 30px; margin: 8px 0 6px;}
#content .column .top p {}
#content .column .top a.wrapping_link {display: block}
#content .column .top a { color: #343942; text-decoration: none;}
#content .column .top a:hover { color: #343942; text-decoration: underline;}
#content .column .top a.more_infos {}
#content .column .top ul {overflow: auto; padding-left: 20px; margin-bottom: 7px}
#content .column .top li {float: left; background: url(../images/li_arrow.png) no-repeat 0 4px; padding-left: 14px;
  width: 73px;}
#content .column .top li a {text-decoration: none;}
#content .column .top li a:hover {text-decoration: underline; color: black}
#content .column .top dfn {font-style: italic; font-size: 10px; color: #888e98; margin: 3px 0 11px; display: block;}
#content .column .top p.subtitle {font-style: italic; font-weight: bold; font-size: 12px; margin-bottom: 2px;}

#content .column .top.call_me {margin-top: 0; background: url(../images/me_rappeler.png) no-repeat; height: 186px;
  width: 236px; border: none;}
#content .column .top.call_me h2 {overflow: hidden; height: 0;}
#content .column .top.call_me dfn {text-align: center}
#content .column .top.call_me form {padding: 0 7px 0 110px;}
#content .column .top.call_me input.text {width: 109px; background: url(../images/rappeler_input.png) no-repeat; 
	border: none; height: 10px; padding: 5px; font-size: 10px;}
#content .column .top.call_me button {width: 109px; background: url(../images/rappeler_submit.png) no-repeat; border: none; 
	height: 20px; text-indent: -500px; overflow: hidden; }
#content .column .top.call_me select {padding: 1px 0 1px 0; width: 70px; font-size: 10px;}


#content .column .bottom {height: 333px; background: url(../images/border_top_bottom.png) top left no-repeat #e3e3dd;
  border: 1px solid #c1c3c7; border-width: 0 0 1px 1px; position: relative;}
#content .column .bottom .head {padding-left: 37px; margin-bottom: 8px; background: no-repeat 2px 3px;}
#content .column .bottom .head h2 {font-size: 17px; font-weight: bold; color: white; zoom: 1;}
#content .column .bottom img {display: inline}
#content .column .bottom .head p {font-weight: bold;}
#content .column .bottom h3 {font-size: 15px; margin-top: 6px}
#content .column .bottom p.subtitle {font-size: 12px; margin-bottom: 3px}
#content .column .bottom p.summary {font-style: italic}
#content .column .bottom a.read_more {background: url(../images/read_more.png) no-repeat; height: 0; padding-top: 20px;
  width: 96px; overflow: hidden; display: block; margin-top: 11px; position: absolute; bottom: 7px; left: 7px;}
#content .column .bottom_wrapped {padding: 13px 7px 0}
#content .column.last .bottom {border-width: 1px; overflow: hidden;}
.content_shadow {clear: both; height: 22px; background: url(../images/content_shadow.png) no-repeat}

/* custom */
#content .column .top.actualites h2 {background-image: url(../images/actualites.png)}
#content .column .top.actualites a.wrapping_link:hover h3 {color: #e55e00; background-image: url(../images/h3_puce_orange.png)}
#content .column .top.actualites a.more_infos {color: #e55e00; margin-top: 5px; display: block;}
#content .column .top.notre_offre h2 {background-image: url(../images/notre_offre.png)}
#content .column .top.nos_services h2 {background-image: url(../images/nos_services.png)}
#content .column .top.nos_services a.wrapping_link:hover h3 {color: #9d3288; background-image: url(../images/h3_puce_purple.png)}
#content .column .top.nos_services h3.button {margin: 0}
#content .column .bottom.dossier_du_mois .head p,
#content .column .bottom.dossier_du_mois h3,
#content .column .bottom.dossier_du_mois p.subtitle {color: #e55e00; }
/**/
#content .column .bottom.dossier_du_mois h3.information {text-align:center; }
/*  #content .column .bottom.dossier_du_mois .head {background-image: url(../images/icone_dossier_du_mois.png)} */
#content .column .bottom.dossier_du_mois .head {background-image: url(../images/icone_information.png)}
/**/
/**/
#content .column .bottom.decouvrez .head p,
#content .column .bottom.decouvrez h3,
#content .column .bottom.decouvrez p.subtitle {color: #295cb1; }
#content .column .bottom.decouvrez .head {background-image: url(../images/decouvrez_icon.png)}
#content .column .bottom.ils_en_parlent .head p,
#content .column .bottom.ils_en_parlent h3,
#content .column .bottom.ils_en_parlent p.subtitle {color: #8b2977; }
#content .column .bottom.ils_en_parlent .head {background-image: url(../images/parlent_icon.png)}
/**/
#content .column.last .special_offer {margin-top:7px}
/**/


#footer {height: 266px; clear: both; background: url(../images/footer_bg_deg.png) repeat-x;
  border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;
  border-radius-topright: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px;}
#footer .column {float: left; width: 113px; margin-top: 30px; padding: 0 7px}
#footer .column h3 {color: #3c6bb2; margin-bottom: 7px}
#footer .column li {margin-bottom: 7px}
#footer .column a {color: #dcddbe; text-decoration: none;}
#footer .column a:hover {text-decoration: underline; color: white;}
#footer .column.main_links {width: 100px; background: url(../images/logo_footer.png) no-repeat top center;
  padding: 77px 0 0 11px; margin: -5px 0 0 3px;}
#footer .column.main_links a {color: white;}
#footer .column.contact {background: url(../images/left_border_links.png) no-repeat left top;
  padding-left: 20px}
#footer .bottom_ribbon {clear: both; color: #9ed46f; font-size: 10px; padding-top: 30px}
#footer .bottom_ribbon .notices1 {float: left; width: 765px; text-align: center;}
#footer .bottom_ribbon .notices2 {float: left}