@charset "utf-8";
/* CSS Document */
/* vert  #7fcc27; */
/* rouge  #e64628; */
/* rouge rollover #eb6b53; */
/* marron   #3b2b28; */
/* bleu #00a3f4; */
/* fond #eee9e3 */
/* fonte standard #3a2c27 */
/* div[id="div_profil_action_adn"] #colonne1_adn{ width: 270px; float:left; margin:0 0 0 20px; } */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700);
* { margin:0; padding:0; }

#menu_1mile_3 {}
#menu_1mile_4 {}
.menu_masque {}
#div_identite_dessus a {}
/*
*/


/*=============== globales ================*/
.norme_ordre{
  clear:both;
  display:block;
  overflow:hidden;
  float:left;
  position:relative;
  top:5px;
  left:5px;
  bottom:0;   
  right:97px;
  width:100%;
  height:100px;
  min-width:50px;
  min-height:50px;
  max-width:50px;
  max-height:50px;
  margin:1px 0 0 0;
  padding:1px 0 0 0;
  border:1px solid #3b2b28;
  line-height:32px;
  font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif;
  font-size:15px;
  font-weight:500;
  text-align:center;
  text-decoration:none;  
  background:#fff;
  color:#e64628;
  vertical-align:middle;
  text-transform:uppercase;
  z-index:1;
}

body { font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; font-size:13px; }

.html_sans_map  { width:100%; height:100%; min-height:100%; color: #3a2c27; }
.body_sans_map  { display:table; width:100%; height:100%; min-height:100%; background:url(fond.jpg) center bottom fixed no-repeat; color: #3a2c27; }

.html_avec_map { width:100%; height:100%; font-size:16px; font-weight:300; color:#3a2c27; background:#777471; }
.body_avec_map { width:100%; height:100%; font-size:16px; font-weight:300; color:#3a2c27; background:#777471; }


.clearfloat { clear:both; font-size:0; height:0; }
.out_page { display:block; overflow:hidden; position:absolute; top:0px; left:0px; width:0px; height:0px; margin:0; padding:0; }

select { border:1px solid #7F9DB9; height:24px; }
input[type="text"] { /*box-shadow:2px 2px 4px rgba(0, 0, 0, 0.75);*/ border:1px solid #C4C4C4; height:22px; padding:2px 2px 2px 2px; background:url("input.jpg") repeat-x scroll 0 0 #FFFFFF; }
input[type="text"][disabled] { padding:4px; border:none; background:#fff; color:#3B2C28; font-size:13px; }
input[type="password"] { /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);*/ border:1px solid #7F9DB9; height:22px; padding:2px; }
/*#div_arriere_plan { position:relative; z-index:1; text-align:center; }*/
textarea{ resize:none; border:1px solid #C4C4C4; background:url("input.jpg") repeat-x scroll 0 0 #FFFFFF; padding:2px 2px 2px 2px; }
.div_contenu_service { display:block; width:960px; height:auto; min-height:100%; margin:0 auto; }
#modal_wait { display:none; float:left; top:0; left:0; width:100%; height:100%; background:url(fond_wait.png); z-index:5000000; position:fixed; }  
#modal_wait2{ display:block; position:fixed; top:0; left:0; float:left; width:100%; height:100%; background:url(loader.gif) center center no-repeat; }
.cursor_wait { cursor:wait;}
button.ui-datepicker-current { display: none; }

/*============================ début style interface raf ============================*/
.main { display:block; margin:0 auto; width:960px; position:relative; text-align:justify; }
#alert_ajax { display: none; z-index: 803; float: left; position: fixed; top: 0; left: 0; width: 300px; background: none; }
.border_white { border: #FFF solid 4px; }
.alert_verte { display: block; float: left; width: 100%; padding: 10px 3px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; /*behavior: url(/lib/js/PIE.htc);*/ text-align: center; font-size:14px; font-weight: 700; font-weight: 500; color: #FFFFFF; background: #7fcc27; }
.alert_rouge { display: block; float: left; width: 100%; padding: 10px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; /*behavior: url(/lib/js/PIE.htc);*/ text-align: center; font-size:14px; font-weight: 700; font-weight: 500; color: #FFFFFF; background: #FF0000; }
.alert_bleu { display: block; float: left; width: 100%; padding: 10px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; /*behavior: url(/lib/js/PIE.htc);*/ text-align: center; font-size:14px; font-weight: 700; font-weight: 500; color: #FFFFFF; background: #00a3f4; }
#box_nav { display:block; float:left; width:200px; position:fixed; top:120px; text-align:center; }
#box_nav a:link, #box_nav a:visited, #box_nav a:active { display:block; float:left; width:100%; font-size:15px; font-weight:500; line-height:30px; color:#e64628; }
#box_nav a:hover { color:#eb6b53; }
#box_nav a.box_nav_on:link, #box_nav a.box_nav_on:visited, #box_nav a.box_nav_on:active { color:#5C5C5C; }
.sep_nav { display:block; float:left; width:100%; background:url(sep_nav.gif); height:3px; }
.sep_nav_2 { clear:both; display:block; float:left; width:100%; background:url(sep_nav_2.gif); height:3px; }
.content_700 { display:block; float:right; width:700px; padding-top:100px; padding-bottom:100px; }
.clear_20 { clear:both; height:20px; }
/*------------------- ajout jg -------------------*/
.h1_main { clear:both; display:block; float:left; margin:0; padding:0; color:#3a2c27; font-size:36px; width:100%; text-align:center; font-weight:300; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; }
.hr_main { display:block; /*height:1px;*/ border:none; clear:both; border-bottom: solid #3a2c27 1px; width:140px; margin:0 auto 35px auto; }
/*============================ fin style interface raf ============================*/
   



/*=============== commun aux pages services, mags, projets  ================*/
/*------------------- googlemap_1mile -------------------*/
#div_arriere_plan { display:block; float:left; position:fixed; top:0; left:0; width:100%; height:100%; margin:-5px 0 0 0; /* le margin remonte le panview de googlemap */ padding:0; border:0px; z-index:0; }
#div_googlemap_1mile .gmnoprint { display:inline; margin-right:20%; margin-bottom:30px; /*padding:0 0 50px 0px;*/}
/*#div_googlemap_1mile .gm-style-cc { padding:0; }*/

#div_googlemap_1mile { display:block; float:left; position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0; border:0px; }
#div_streetview_1mile { display:none; float:left; position:fixed; top:50%; left:0; width:100%; height:50%; margin:0; padding:0; border:0px; }
#div_googlemap_streetview { display:none; width:100%; height:100%; margin:0; padding:0; border:0px; }
h10 {/* seule facon de passer un style dans l'infobulle */ display:block; float:left; clear:both; width:100%; text-align:center; color:#3b2c28; font-size:16px; font-weight:500; }
h11 { display:block; float:left; clear:both; width:100%; text-align:center; color:#e64628; font-size:11px; font-weight:500; } 
h12 { display:block; float:left; clear:both; width:250px; text-align:center; font-size:13px; font-weight:500; }

/*------------------- menu_gauche -------------------*/
/*...................................................*/
#menu_gauche { display:block; float:left; position:fixed; top:10%; left:4%; width:220px; height:200px; margin:0; padding:0; z-index:4 }
/*...................................................*/
#menu_identite_dessous { display:block; float:left; position:absolute; top:0; left:10px; width:143px; height:143px; border:12px solid rgba(255, 255, 255, .6); z-index:790; }
#menu_identite_entre2 { display:block; float:left; position:absolute; top:12px; left:22px; width:137px; height:137px; border:3px solid #7fcc27; background:#7fcc27; z-index:810; }
#menu_identite_dessus { display:block; float:left; position:absolute; top:15px; left:25px; width:137px; height:137px; z-index:810; }
#div_identite_dessus { display:block; overflow:hidden; float:left; width:137px; height:137px; text-align:center; background:#7fcc27; /*background:#0000ff;*/ color:#FFF; }
#div_identite_dessus hr { display:block; clear:both; height:none; border:none; border-bottom:dotted #eee9e3 1px; } 
#div_identite_dessus span { font-size:13px }
#div_identite_dessus a:link, #div_identite_dessus a:visited, #div_identite_dessus a:active { font-size:11px; color:#FFF }
#div_identite_dessus a:hover { color:#e64628; }
#identite_img { display:block; float:left; width:100%; height:75px; margin-bottom:5px; background-position:top center; background-repeat:no-repeat; }
/*...................................................*/
#menu_1mile { display:block; float:left; position:absolute; top:110px; left:20px; width:200px; height:200px; border:12px solid rgba(255, 255, 255, .6); text-align:center; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; font-size:15px; font-weight:500; z-index:800; }
#div_menu_1mile { display:block; overflow:hidden; float:left; width:200px; height:200px; text-align:center; background:#7fcc27; /*background:#0000ff;*/ color:#666; font-size:15px; }
#menu_1mile hr { display:block; height:none; border:none; border-bottom:dotted #eee9e3 3px; clear:both; }

a.lien_menu_1mile_on:link, a.lien_menu_1mile_on:visited, a.lien_menu_1mile_on:active { display:block; float:left; width:100%; padding:5px 0 7px 0; background:#e64628; color:#ffffff; font-size:15px; font-weight:bold;}
a.lien_menu_1mile_off:link, a.lien_menu_1mile_off:visited, a.lien_menu_1mile_off:active { display:block; float:left; width:100%; padding:5px 0 7px 0; background:#7fcc27; color:#3b2b28; font-size:15px; font-weight:bold;}
a.lien_menu_1mile_off:hover { background:#00a3f4; color:#fff }

/*------------------- menu_droit -------------------*/
#menu_droit_fond { display:block; float:left; position:fixed; top: 43px; right : 0%; width:4%; z-index:450; height:100%; }
#menu_droit { display:block; position:fixed; float:left; top:43px; right:4%; width:350px; height:60px; padding:75px 0 15px 0; background:url(2.png) left bottom; z-index:500; }
#menu_droit h2 { width:350px; text-align:center; }
#box_filtre { display:block; float:left; width:320px; margin:5px 15px 0 15px; /*padding:3px 15px 5px 15px;*/ text-align:center; z-index:1000; }
.on_box_filtre {
width:280px;
background:#FFF;
-moz-box-shadow:4px 4px 15px 0px #9b9b9b;
-webkit-box-shadow:4px 4px 15px 0px #9b9b9b;
-o-box-shadow:4px 4px 15px 0px #9b9b9b;
box-shadow:4px 4px 15px 0px #9b9b9b;
/*filter:progid:DXimageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=15);*//*bug sur ie8 sur balises input texte (vide tant que mouseover dans l'input) */
-webkit-border-radius:20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
/*behavior: url(/lib/js/PIE.htc);*/
}
#box_filtre a.btn_filtre:link, #box_filtre a.btn_filtre:visited, #box_filtre a.btn_filtre:active { display:block; float:left; width:100%; margin:2px 0 2px 0; padding:4px 8px; text-align:center; color:#00a3f4; font-size:14px; font-weight:500; text-transform:uppercase; }
#box_filtre a.btn_filtre:hover { }
#filtre { display:none; float:left; width:280px; margin:0 20px 0 20px; padding-bottom:10px; text-align:left; font-size:14px; }
#filtre h3 { width:280px; margin:5px 0 4px 0; }
#filtre .radio { display:block; float:left; width:90%; padding-left:16px; line-height:27px; background:url(radion_on.png) left center no-repeat; color:#827470; }
#filtre .radio_off { background:url(radion_off.png) left center no-repeat; color:#827470; }
#filtre .radio2 { display:block; float:left; width:90%; margin-left:10%; padding-left:16px; line-height:20px; background:url(radion_on.png) left center no-repeat; color:#827470; }
#filtre .radio_off2 { background:url(radion_off.png) left center no-repeat; color:#827470; }
#filtre .check { display:block; float:left; width:80%; margin-left:10%; padding-left:16px; border-bottom:dotted 1px #CCC; line-height:25px; background:url(check_on.png) left center no-repeat; color:#827470; }
#filtre .check_off { background:url(check_off.png) left center no-repeat; color:#827470 }
#filtre .check2 { display:block; float:left; width:80%; margin-left:10%; padding-left:16px; border-bottom:dotted 1px #CCC; line-height:25px; background:url(check_on.png) left center no-repeat; color:#827470; }
#filtre .check_off2 { background:url(check_off.png) left center no-repeat; color:#827470 }


/*------------------- menu_haut -------------------*/
#div_menu_haut { display:block; float:left; position:fixed; top:0; left:0; width:100%; height:40px; margin:0; border-bottom:3px solid #FFFFFF; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; background:#e64628; z-index:100; }
#menu_haut_box { display:table; width:960px; }
.div_menu_haut_sans_map {  }
.div_menu_haut_avec_map { padding:0 0 0 13%; }
.menu_haut_box_sans_map { margin:0 auto 0 auto; }
.menu_haut_box_avec_map {  }
#div_menu_haut a:link, #div_menu_haut a:visited, #div_menu_haut a:active { display:block; float:left; margin:7px 15px 0 32px; padding:4px 8px; color:#FFF; font-size:15px; font-weight:normal; }
#div_menu_haut a:hover { background:#eb6b53; }

/*#div_mon_compte, #div_mon_activite, #div_mon_mile { display:block; float:left; height:20px; margin:0 15px 0 0; padding:10px 8px 10px 8px; border-bottom:#FFF 3px solid; color:#FFF; font-weight:normal; font-size:14px; text-transform:uppercase; }*/

a#div_mon_compte:link, a#div_mon_activite:link, a#div_mon_mile:link, a#div_mon_compte:visited, a#div_mon_activite:visited, a#div_mon_mile:visited, a#div_mon_compte:active, a#div_mon_activite:active, a#div_mon_mile:active { display:block; float:left; height:20px; margin:0 15px 0 0; padding:12px 8px 8px 8px; border-bottom:#FFF 3px solid; color:#FFF; font-weight:normal; font-size:14px; text-transform:uppercase; }
a#div_mon_compte:hover, a#div_mon_activite:hover, a#div_mon_mile:hover  { background:#eb6b53; }

.div_calage_menu_gauche { display:none; float:left; width:100px; height:15px; }
#menu_compte, #menu_activite , #menu_mon_mile { display:none; position:fixed; float:left; top:43px; left:13%; margin:0; padding:14px 13px; border-right:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; background:#FFF; z-index:1000; }
#menu_compte { padding:0 13px 14px 13px; width:215px;}
#menu_compte h2, #menu_activite h2 { clear:both; display:block; float:left; margin:0; padding:0; line-height:normal; font-size:14px; font-weight:500; color:#3b2c28; background:none; text-transform:uppercase; }
#menu_compte a:link, #menu_compte a:visited, #menu_compte a:active { display:block; float:left; margin:6px 0 0 0; padding:2px 8px; background:#e64628; color:#FFF; font-size:12px; font-weight:500; }
#menu_compte a:hover { background:#eb6b53; }
#menu_activite a:link, #menu_activite a:visited, #menu_activite a:active { display:block; float:left; margin:6px 0 0 0; padding:2px 8px; background:#e64628; color:#FFF; font-size:12px; font-weight:500; }
#menu_activite a:hover { background:#eb6b53; }
#menu_compte hr, #menu_activite hr { display:block; clear:both; height:none; margin-bottom:10px; padding:15px 0 0 0; border:none; border-bottom:dotted #eee9e3 4px; }
#menu_compte a.deconnection:link, #menu_compte a.deconnection:visited, #menu_compte a.deconnection:active { float:right; margin-top:12px; background:#eee9e3; color:#666; }
#menu_compte a.deconnection:hover { background:#eb6b53; color:#FFF; }
#menu_mon_mile a:link, #menu_mon_mile a:visited, #menu_mon_mile a:active { float:left; margin:6px 0 5px 0; padding:2px 8px; background:#e64628; color:#FFF; font-size:12px; font-weight:500; }
#menu_mon_mile a:hover { background:#eb6b53; }
#slogan { display:block; position:fixed; float:left; top:0; right:4%; width:150px; height:40px; background:url(slogan.png) center center no-repeat; z-index:200; }
#slogan2 { display:block; float:right; width:160px; height:40px; background:url(slogan.png) center center no-repeat; z-index:200; }
#menu_pseudo { float:left; width:213px; margin:0 0 0 0; padding:2px 0px 2px 0px; overflow:hidden; border-bottom:1px solid #B5BED5; font-size:11px; font-weight:300; text-align:center; }

/*------------------- menu_bas -------------------*/
#menu_bas { display:block; float:left; position:fixed; bottom:0; left:0; width:100%; height:35px; margin:0; border-top:3px solid #FFFFFF; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; background:#3b2b28; z-index:200; }
#menu_bas_box{ display:table; width:960px; }
.div_menu_bas_sans_map {  }
.div_menu_bas_avec_map { padding:0 0 0 13%; }
.menu_bas_box_sans_map { margin:0 auto 0 auto; }
.menu_bas_box_avec_map { padding:0 0 0 13%; }
#menu_bas a.logo:link { display:block; float:left; margin:0 15px 0 8px }
#menu_bas a:link, #menu_bas a:visited, #menu_bas a:active { 
  display:block;
  float:left;
  margin-right:15px;
  line-height:34px;
  color:#FFF;
  font-size:12px;
  font-weight:300;
}
#menu_bas a:hover { color:#eee9e3; }
#sociaux {
  display:block;
  float:right;
}
#sociaux a:link {
  margin:0 0 0 4px;
  padding-top:5px;
  border:0;
}

/*------------------- menu_cherche -------------------*/
#box_menu_cherche { display:block; float:left; width:320px; margin:5px 15px 0 15px; /*padding:3px 15px 5px 15px;*/ text-align:center; z-index:1000; background:#ffffff; }
a.bouton_menu_cherche:link, a.bouton_menu_cherche:visited, a.bouton_menu_cherche:active  { display:block; float:right; margin:2px 0px 2px 5px; padding:4px 8px; background:#00a3f4; color:#FFF; font-size:11px; font-weight:normal; text-transform:uppercase; }
a.bouton_menu_cherche:hover { background-color:#5aa6ae; }
#input_menu_cherche { display:block; float:right; width:160px; }
#label_menu_cherche { float:left; margin:5px 0 0 10px; font-size:12px; }
#menu_cherche { float:right; width:100%; padding:5px 0 5px 0; font-size:12px; background:#ffffff; }

/*------------------- menu_localisation -------------------*/
#menu_ma_localisation { display:block; float:left; position:fixed; top:60px; right:4%; min-width:360px; margin:0; padding:4px 8px 4px 8px; text-align:center; border-bottom:#eee9e3 solid 1px; border-top:#eee9e3 solid 1px; border-left:#eee9e3 solid 1px; background:#fff; color:#000; line-height:16px; z-index:500; }

#entete_ma_localisation { float:right; }
#entete_ma_localisation .titre { display:block; float:left; margin:7px 0 0 5px; font-size:12px; }
#entete_ma_localisation .lieu { display:block; float:left; margin:7px 0 0 5px; color:#e64628; font-weight:700; }
#entete_ma_localisation a:link, #entete_ma_localisation a:visited, #entete_ma_localisation a:active { display:block; float:left; margin:2px 10px 2px 22px; padding:4px 8px; background:#00a3f4; color:#FFF; font-size:14px; font-weight:normal; text-transform:uppercase; }
#entete_ma_localisation a:hover { background-color:#5aa6ae; }

/*#info_ma_localisation input[type=text], #info_marker_nomade input[type=text] { height:auto; }*/

#info_ma_localisation { display:block; float:left; width:450px; margin:0; padding:0 0 5px 0; border:0px; background:#eee9e3; font-size:14px; }
#info_marker_nomade { display:block; float:left; width:450px; margin:0; padding:5px 0 5px 0; border:0px; background:#eee9e3; font-size:14px; }
#info_ma_localisation { margin-top:8px; display:none; }
#info_marker_nomade .div_ligne_info_localisation { display:block; float:left; width:420px; padding:3px 10px 3px 10px; text-align:center; }
#info_marker_nomade .div_boutons_geoloc { display:inline-table; padding:3px 10px 0px 10px; }
.espacement_bouton { width:12px; }
.div_ligne_info_localisation { display:block; float:left; width:430px; padding:10px; text-align:left; }
.boutons_geoloc { width:100%; padding:0; }
.div_boutons_geoloc { display:inline-table; width:100%; padding:10px 10px 5px 10px; }
.label_info_localisation { display:block; float:left; width:60px; padding:4px 5px 0 5px; text-align:right; color:#033; font-size:12px; }
.input_text_info_localisation { display:block; float:left; width:275px; height:auto; margin:1px 0 0 0; padding:3px 3px 3px 3px; color:#3A2C27; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; }
.input_text_info_localisation_lat { width:133px; }
.input_text_info_localisation_lng { width:134px; }
/*.span_info_localisation_jesuisla { display:block; float:left; width:340px; padding:4px 5px 5px 5px; text-align:left; color:#033; font-size:12px; font-weight:700; }*/
infobulle_span { display:block; float:left; width:340px; padding:4px 5px 5px 5px; text-align:left; color:#033; font-size:12px; font-weight:700; }
.hr_info_localisation { display:block; clear:both; border:none; border-bottom:dotted #fff 3px; }
.hr_info_localisation2 { display:block; clear:both; margin-top:3px; border:none; border-bottom:dotted #fff 3px; }
.select_info_localisation  { display:block; float:left; width:280px; height:auto; margin:1px 0 0 0; padding:3px 3px 3px 3px; color:#3A2C27; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; }
.texte_light { color:#999; }
a.bouton_info_localisation:link, a.bouton_info_localisation:visited, a.bouton_info_localisation:active { display:block; float:right; margin:0 0 0 0px; padding:4px 8px 4px 8px; background:#e64628; color:#FFF; font-size:12px; font-weight:700; text-transform:uppercase; }
a.bouton_info_localisation:hover { background:#eb6b53; }
a.bouton_gps:link, a.bouton_gps:visited, a.bouton_gps:active { display:inline-table; float:none; margin:0 0 0 0px; padding:4px 8px 4px 31px; background:#e64628 url(gps.png) 5px center no-repeat; color:#FFF; font-size:14px; font-weight:700; text-transform:uppercase; }
a.bouton_gps:hover { background:#eb6b53 url(gps.png) 5px center no-repeat; } 
a.bouton_streetview:link, a.bouton_streetview:visited, a.bouton_streetview:active { display:inline-table; float:none; margin:0 0 0 0px; padding:4px 8px 4px 31px; background:#e64628 url(street.png) 5px center no-repeat; color:#FFF; font-size:14px; font-weight:700; text-transform:uppercase; }
a.bouton_streetview:hover { background:#eb6b53 url(street.png) 5px center no-repeat; }

/*============================================*/

.info_obligatoire_modale { float:left; position:absolute; bottom:30px; }

/*=============== modal_connection ================*/
#connection_coperacteur_email { width:370px; }
#connection_coperacteur_mot_passe_test { width:200px; border:1px solid #C4C4C4; height:22px; padding:2px 2px 2px 2px; background:url("input.jpg") repeat-x scroll 0 0 #FFFFFF;}
.titre_connection{ display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; line-height:32px; font-size:15px; font-weight:500; color:#e64628; text-align:center; }
.h3_titre_connection{ display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; line-height:32px; font-size:15px; font-weight:500; color:#e64628; text-align:center; }
.div_ligne_connection{ margin:0 0 10px 0; font-size:13px; }
.label_connection{ display:block; float:left; width:100px; height:30px; padding:0 6px 0 0; line-height:32px; text-align:right; color:#666; }
.div_bouton_connection{ float:right; position:relative; top:0px; width:100%; height:30px; margin-top:10px; padding-top:10px; border-top:#333 solid 1px; text-align:right; }

/*=============== modal_parrainer ================*/
#parrainage_email_destination { width:325px; }
.div_titre_bloc_parrainer{  }
.h3_titre_parrainer{ display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; line-height:32px; font-size:15px; font-weight:500; color:#e64628; text-align:center; background:none; }
.div_hr_parrainer{ overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:0px; height:0px; margin:0; padding:0; }
.div_ligne_parrainer{  }
.label_parrainer{ display:block; float:left; width:140px; height:30px; padding:0 6px 0 0; line-height:32px; font-size:13px; text-align:right; color:#666; }
.div_bouton_parrainer{ float:right; position:relative; top:0px; width:100%; height:30px; margin-top:10px; padding-top:10px; border-top:#333 solid 1px; text-align:right; }
.input_text_parrainer{ -webkit-border-radius: 0 5px 0 5px; -moz-border-radius: 0 5px 0 5px; border-radius: 0 5px 0 5px; /*behavior: url(/lib/js/PIE.htc);*/ }
.div_parrainer {  }

/*=========== modal_localisation =============*/
#div_googlemap_localisation { width:590px; height:300px; margin:0 0 0 3px; border:1px dashed #5298D8; }
#id_localisation_adresse { width:490px; }
#id_localisation_longitude { width:400px; }
#id_localisation_latitude { width:400px; }
#id_localisation_nom { width:400px; }
#id_localisation_adresse_retour { width:400px; }
#div_titre_localisation { margin-top:5px; }
.div_titre_bloc_localisation { margin:0 10px 18px 10px; border-bottom:1px solid #7F9DB9; font-size:13px; color:#69A2DB; font-weight:bold; }
.div_titre_bloc_localisation { display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; color:#e64628; font-size:15px; font-weight:500; text-align:center; line-height:32px; }
.div_ligne_localisation { margin:0 10px 5px 10px; }
.label_localisation { width: 150px; vertical-align: middle; text-align:right; display: block; color: #555; float:left; padding:5px 6px 0 5px; font-size:13px;}
.div_bouton_localisation { float:right; position:relative; top:0px; width:100%; height:30px; margin-top:3px; padding-top:10px; border-top:#333 solid 1px; text-align:right; }
.div_hr_compte{ height:1px; margin:0 0 8px 0; width:100%; border-bottom:1px solid #7F9DB9; }
.div_hr_mod_loca{ width:100%; height:1px; margin:0 0 8px 0; border-bottom:2px dotted #B3CEDB; }
.div_hr_mod_loca2{ display:block; float:left; width:100%; height:1px; margin:8px 0; border-bottom:1px dotted #B3CEDB; }

/*=========== modal_selection_image =============*/
#id_message_image { font-size:13px; font-weight:bold; }
#input_text_image { width:400px; }
#progress { position:relative; width:100%; margin-top:10px; border:1px solid #ddd; padding:1px; border-radius:3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }
.h3_titre_selection_image { background: none repeat scroll 0 0 transparent; display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; color:#e64628; font-size:15px; font-weight:500; line-height:32px; text-align:center; }
.div_titre_bloc_image {  }
.div_bouton_changer_img { position:relative; float:right; top:0px; width:100%; height:30px; margin-top:10px; padding-top:10px; border-top:#333 solid 1px; text-align:right; }
.label_liste_images_titre{ display:block; float:left; width:140px; height:30px; padding:0 6px 0 0; line-height:32px; font-size:13px; text-align:right; color:#666; }
#id_liste_images_titre { width:200px; margin:5px 0 0 0; }
.div_ligne_liste_images { margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #3b2b28;}


.div_modal { 
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  /*behavior: url(/lib/js/PIE.htc);*/
 }

#masque_connection { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:802; }
#modal_connection { background:#ffffff; overflow:auto; display:none; width:555px; /*height:100px;*/ top:0; left:0; position:fixed; padding:15px; /*text-align:center;*/ z-index:803; }

#masque_parrainer { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:800; }
#modal_parrainer { background:#ffffff; overflow:auto; display:none; width:500px; /*height:100px;*/ top:0; left:0; position:fixed; padding:15px; /*text-align:center;*/ z-index:803; }

#masque_localisation { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:802; }
#modal_localisation { background:#ffffff; overflow:auto; display:none; width:600px; /*height:100px;*/ top:0; left:0; position:absolute; padding:10px 15px 3px 15px; /*text-align:center;*/ z-index:803; }

#masque_selection_image, #masque_edit_titre_image { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:802; }
#modal_selection_image, #modal_edit_titre_image { background:#ffffff; overflow:auto; display:none; width:500px; /*height:100px;*/ top:0; left:0; position:absolute; padding:15px; /*text-align:center;*/ z-index:803; }

#masque_msgbox_ok { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:802; }
#modal_msgbox_ok { background:#ffffff; overflow:auto; display:none; /*width:500px; height:100px;*/ top:0; left:0; position:fixed; padding:15px; /*text-align:center;*/ z-index:803; }
#texte_msgbox_ok{ display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; line-height:32px; font-size:15px; font-weight:500; color:#e64628; text-align:center; background:none; }
.div_msgbox_ok {  }

#masque_msgbox_oui_non { background-color:#000000; opacity:0.5; filter:alpha(opacity=5); opacity:0.5; display:none; position:fixed; float:left; top:0; left:0; width:100%; z-index:802; }
#modal_msgbox_oui_non { background:#ffffff; overflow:auto; display:none; width:500px; /*height:100px;*/ top:0; left:0; position:fixed; padding:15px; /*text-align:center;*/ z-index:803; }
#texte_msgbox_oui_non{ display:block; float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #3b2b28; line-height:32px; font-size:15px; font-weight:500; color:#e64628; text-align:center; background:none; }
.div_msgbox_oui_non {  }



/*=============================================================*/
.coins_arrondis_bouton { -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; /*behavior: url(/lib/js/PIE.htc);*/ }
.coins_arrondis_bouton2 { -webkit-border-radius: 15px 0 0 0; -moz-border-radius: 15px 0 0 0; border-radius: 15px 0 0 0; /*behavior: url(/lib/js/PIE.htc);*/ }
.coins_arrondis_chat_in { -webkit-border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; /*behavior: url(/lib/js/PIE.htc);*/ }
.coins_arrondis_chat_out { -webkit-border-radius: 10px 0px 10px 10px; -moz-border-radius: 10px 0 10px 10px; border-radius: 10px 0px 10px 10px; /*behavior: url(/lib/js/PIE.htc);*/ }

.bouton, .bouton:visited { display:inline-block; position:relative; font-weight:500; text-decoration:none; color:#FFF; cursor:pointer; }
.bouton:hover { background-color:#5aa6ae; color:#fff; }
.bouton:active { top:1px; }

.bouton, .bouton:visited { padding:5px 10px 6px 10px; color:#ffffff; font-size:13px; font-weight:500; line-height:1; }
.petit.bouton, .petit.bouton:visited { padding:4px 10px 5px 10px; color:#ffffff; font-size:11px; font-weight:700; line-height:1; }
.moyen.bouton, .moyen.bouton:visited { padding:5px 10px 5px 10px; color:#ffffff; font-size:12px; font-weight:700; line-height:1; }
.grand.bouton, .grand.bouton:visited { padding:6px 12px 7px 12px; color:#ffffff; font-size:14px; font-weight:700; line-height:1; }

.vert.bouton, .vert.bouton:visited { background-color:#7fcc27; }
.vert.bouton:hover { background-color:#749a02; }
.bleu.bouton, .bleu.bouton:visited { background-color:#00A3F4; } 
.bleu.bouton:hover { background-color:#5aa6ae;}
.bleu02.bouton, .bleu02.bouton:visited { background-color:#2daebf; }
.bleu02.bouton:hover { background-color:#007d9a; }
.rouge.bouton, .rouge.bouton:visited { background-color:#e64628; }
.rouge.bouton:hover { background-color:#eb6b53; }
.magenta.bouton, .magenta.bouton:visited { background-color:#a9014b; }
.magenta.bouton:hover { background-color:#630030; }
.orange.bouton, .orange.bouton:visited { background-color:#ff5c00; }
.orange.bouton:hover { background-color:#d45500; }
.jaune.bouton, .jaune.bouton:visited{ background-color:#ffb515; }
.jaune.bouton:hover { background-color:#fc9200; }
.gris.bouton, .gris.bouton:visited{ background-color:#B4B2B2; }
.gris.bouton:hover { background-color:#7F7F7F; }

/*=============================================================*/

.vert01 { color:#A1CB46; }
.bleu01 { color:#5298D8; }
.rouge01 { color:#C00000; }

.orange00 { color:#ff5c00; }
.rouge00 { color:#ff0000; font-size:11px; font-family:'Lucida Grande',Arial,Verdana,Helvetica,sans-serif; }
.vert00 { color:#00ff00; }
.bleu00 { color:#0000ff; }

.fond_alerte { background-color:#FFCDB2; }

/*=============================================================*/


.texte_ombre { 
  text-shadow:0 0 8px black, 0 1px 0 black !important; /* pour FF*/
  /*filter:progid:DXimageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=4);*//*bug sur ie8 sur balises input texte (vide tant que mouseover dans l'input) */
  zoom: 1; /* pour IE*/
}

.coin_arrondi_haut_droit_16 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:0 16px 0 0;
  -moz-border-radius:0 16px 0 0;
  border-radius:0 16px 0 0;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coin_arrondi_haut_droit_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:0 10px 0 0;
  -moz-border-radius:0 10px 0 0;
  border-radius:0 10px 0 0;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coin_arrondi_haut_gauche_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_bas_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_haut_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_gauche_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:10px 0 0 10px;
  -moz-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_gauche_20 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:20px 0 0 20px;
  -moz-border-radius:20px 0 0 20px;
  border-radius:20px 0 0 20px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_bas_20 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:0 0 20px 20px;
  -moz-border-radius:0 0 20px 20px;
  border-radius:0 0 20px 20px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_3 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:3px 3px 3px 3px;
  -moz-border-radius:3px 3px 3px 3px;
  border-radius:3px 3px 3px 3px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_5 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis_10 {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.coins_arrondis {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:  112px 112px 112px 112px;
  -moz-border-radius: 112px 112px 112px 112px;
  border-radius: 112px 112px 112px 112px;
  /*behavior: url(/lib/js/PIE.htc);*/
}




/*=== a normaliser ===*/
.coins_arrondis2 {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*behavior: url(/lib/js/PIE.htc);*/
}


.ombre {
  -moz-box-shadow: 4px 4px 15px 0px #5b5b5b;
  -webkit-box-shadow: 4px 4px 15px 0px #5b5b5b;
  -o-box-shadow: 4px 4px 15px 0px #5b5b5b;
  box-shadow: 4px 4px 15px 0px #5b5b5b;
  /*filter:progid:DXimageTransform.Microsoft.Shadow(color=#5b5b5b, Direction=134, Strength=15);*//*bug sur ie8 sur balises input texte (vide tant que mouseover dans l'input) */
  /*behavior: url(/lib/js/PIE.htc);*/
}

.ombre2 {
  -moz-box-shadow:2px 2px 10px #dddddd;
  -webkit-box-shadow:2px 2px 10px #dddddd;
  -o-box-shadow: 2px 2px 10px #dddddd;
  box-shadow:2px 2px 4px rgba(0, 0, 0, 0.20);
  /*filter:progid:DXimageTransform.Microsoft.Shadow(color=#dddddd, Direction=134, Strength=15);*//*bug sur ie8 sur balises input texte (vide tant que mouseover dans l'input) */
  /*behavior: url(/lib/js/PIE.htc);*/
}



.coins_20 {
  -webkit-border-radius:20px 20px 20px 20px;
  -moz-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
  /*behavior: url(/lib/js/PIE.htc);*/
}

.rond {
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
  -webkit-border-radius:  112px 112px 112px 112px;
  -moz-border-radius: 112px 112px 112px 112px;
  border-radius: 112px 112px 112px 112px;
  /*behavior: url(/lib/js/PIE.htc);*/
}


.input_dev {
  /*outline:1px solid #CC0000 !important;*/
  /*outline:1px solid #CC0000;*/
  border:1px solid #C4C4C4 !important;
  border:1px solid #C4C4C4;
}