/**
 * Framework CSS
 */

body, table, tr, td, div, p, ul, li, h1, h2, h3, h4, h5, h6, form, img, hr { margin:0; padding:0;}
a img 	{border: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.conteneur	{overflow: auto; height: 1%;}

/**
 * General
 */
body{color: #333; font-size: 11px; font-family:arial; background:url(../images/bg_body.jpg) no-repeat #fff top center;width:100%;  }
#general{width: 962px;margin: 12px auto 0 auto;background:url(../images/bg_general.jpg) repeat-y #fff top center;}
#header{height:74px;  background:url(../images/bg_header.jpg) no-repeat #fff top center;width: 864px; padding:20px 38px 0 60px; position:relative;}
#contenu {background:url(../images/bg_contenu.jpg) no-repeat transparent top center;  min-height:375px; width: 884px; padding:30px 18px 20px 60px; overflow:auto; position:relative}
#contenu {background:url(../images/bg_contenu_bottom.jpg) no-repeat transparent bottom center;}
#footer {background:#444444;height:18px; padding:6px 0 2px 25px; width:937px; color:#ccc; position:relative}
#footer a {color:#cccccc; font-weight:normal;}
#footer_right {position:absolute; right:40px;}
#footer_right a.yellow {color:#e2e450}

#col_left {width:500px; float:left; background:url(../images/bg_col_gauche.jpg) no-repeat top left; padding:27px 177px 0 0; margin:20px 0 0 0; }
#col_right {width:207px; float:left; position:relative; padding-bottom:170px;}
#bg_page { position:absolute; top:-25px; right:191px;z-index:5; background:url(../images/bg_concept.png) no-repeat top left; width: 190px; height:277px;}

a{color: #41a62a;font-family:arial; font-weight:bold;text-decoration:none;}
a img {border:0;}
a:hover{ text-decoration: underline;}
h1 {font-size:27px; color:#41a62a; font-weight:normal; margin-bottom:5px;}
h2 {font-size:18px; color:#333; font-weight:normal; margin-bottom:10px}
#col_left ul {padding-left:15px; margin-bottom:10px; }
.encadre {padding:2px; border:1px solid #ccc;}

#numerovert {position:absolute; top:12px; left:355px;}
/*
* Menu
*/
#divmenu {width:600px; position:absolute;top:40px; left:348px;}
ul#menu {list-style:none;margin:0; padding:0; width:600px; }
ul#menu li {float:left; height:41px; padding-right:10px;}
ul#menu li a {text-indent:-9999px;display:block; background-position:top left; height:41px;background-repeat: no-repeat; outline:none;}
ul#menu li a:hover, ul#menu li a.selected {background-position:bottom left; }
ul#menu li#menu_accueil { width:76px; }
ul#menu li#menu_accueil a {background-image:url(../images/menu_accueil.png); width:76px;  }
.en ul#menu li#menu_accueil a {background-image:url(../images/menu_accueil_en.png); width:76px; }

ul#menu li#menu_concept{width:76px; }
ul#menu li#menu_concept a {background-image:url(../images/menu_concept.png);  width:76px; }

ul#menu li#menu_formules { width:116px;}
ul#menu li#menu_formules a {background-image:url(../images/menu_formules.png);width:116px;}
.en ul#menu li#menu_formules a {background-image:url(../images/menu_formules_en.png);}


ul#menu li#menu_services  { width:76px; }
ul#menu li#menu_services a { background-image:url(../images/menu_services.png); width:76px; }

ul#menu li#menu_references  { width:104px;}
ul#menu li#menu_references a { background-image:url(../images/menu_references.png); width:104px;}
.en ul#menu li#menu_references a { background-image:url(../images/menu_references_en.png); }

ul#menu li#menu_contact  {width:76px; }
ul#menu li#menu_contact a {background-image:url(../images/menu_contact.png); width:76px; }

#choix_langue {position:absolute; top:-7px; right:50px ; background:url(../images/bg_langues.png) no-repeat top center; width: 62px; height: 26px; padding:2px 0 00;color:#bdbdbd; text-align:center; font-weight: bold; text-transform:uppercase; font-size:12px;}

#contactbox, #liste_services { width:192px; margin-bottom:10px;} 
#liste_services {padding-left:4px; height:187px;}
#liste_services ul{list-style:none;}
#liste_services li a {display:block; width:185px; text-indent:-9999px; outline:none; }
#liste_services li a{ position:absolute; z-index:500;}
#liste_services li#services_viequotidienne a{ background:url(../images/btn_servicequotidienne.png) no-repeat top center;  height:47px; top:0;}
.en #liste_services li#services_viequotidienne a{ background:url(../images/btn_servicequotidienne_en.png) no-repeat top center; }
#liste_services li#services_voiture a { background:url(../images/btn_servicevoiture.png) no-repeat top center;  height:53px; top:40px;}
.en #liste_services li#services_voiture a { background:url(../images/btn_servicevoiture_en.png) no-repeat top center; ;}
#liste_services li#services_bienetre a { background:url(../images/btn_servicebienetre.png) no-repeat top center;  height:53px;top:86px;}
.en #liste_services li#services_bienetre a { background:url(../images/btn_servicebienetre_en.png) no-repeat top center;}
#liste_services li#services_boutique a { background:url(../images/btn_serviceboutique.png) no-repeat top center;  height:53px;top:132px;}
.en #liste_services li#services_boutique a { background:url(../images/btn_serviceboutique_en.png) no-repeat top center;}

#liste_services li#services_viequotidienne a:hover, #liste_services li#services_voiture a:hover, #liste_services li#services_bienetre a:hover, #liste_services li#services_boutique a:hover{ background-position:bottom center;}

#adhesion, #contact { width:192px; height:48px;  margin-bottom:5px;}

#callback_header {background: url(../images/bg_callback_header.png) no-repeat top center; width:159px; height:21px; padding:17px 0 0 33px}
#callback_footer {background: url(../images/bg_callback_footer.png) no-repeat top center; width:188px; height:57px; padding:8px 0 0 4px; margin-bottom:4px; }
#callback_footer a{ color:#fff;}
#callback_footer form p{ padding:0;}
#callback_footer input, #callback_footer select { border:1px solid #fff; background: transparent; color:#fff; width:100px; font-size:11px; padding:2px;margin-left:30px; }
#callback_footer select { margin-top:2px; width:106px}
#callback_footer select, #callback_footer option  { background:#48a927;}
#callback_footer p{ margin:0 0 5px 0; color:#fff; padding:0 10px; }
#callback_footer #submit_callback { width:auto; height:auto; border:none; margin:2px 0 0 5px; vertical-align:top }

#h2_commentadherer, #h2_contacteznous  { text-indent:-9999px; font-size:11px; color:#fff; margin:0;}
#h2_commentadherer a, #h2_contacteznous a  { display:block; width:192px; height:48px; outline:none;   }
#h2_commentadherer a {background: url(../images/btn_commentadherer.png) no-repeat top center; }
.en #h2_commentadherer a {background: url(../images/btn_commentadherer_en.png) no-repeat top center; }
#h2_contacteznous a {background: url(../images/btn_contacteznous.png) no-repeat top center;}
.en #h2_contacteznous a {background: url(../images/btn_contacteznous_en.png) no-repeat top center;}

#h2_commentadherer a:hover, #h2_contacteznous a:hover{ background-position: bottom center; }

#h2_callback { background: url(../images/h2_callback.jpg) no-repeat; width:131px; height:15px;text-indent:-9999px; font-size:11px; color:#fff; margin:0; }
.en #h2_callback { background: url(../images/h2_callback_en.jpg) no-repeat;}

