#accessicon #print{
       background-position: -100px 0;
       }

#accessicon #typomoins{
       background-position: -20px 0;
       }

#accessicon #typoplus{
       background-position: 0 0;
       }

#accessicon a{
       cursor:pointer;
       }

#accessicon a{
       float:right;
       width:20px;
       height:20px;
       background-image:url('http://static.reseaudescommunes.fr/default/images/other/ico_access.gif');
       background-repeat:no-repeat;
       display:block !important;
       margin-left:1px;
       }

#accroche{
       position: relative;
       top:110px;
       z-index: 4;
       }

#accueil{
       position: absolute;
       width: 10%;
       height: 50px;
       top: 100px;
       left: 0;
       text-align: center;
       line-height:7px;
       }

#actions{
       width: 100%;
       color: #339900;
       background-color: #CDFFCD;
       text-align: center;
       }

#afficher_erreur{
       position: relative;
       text-align: center;
       font-size: 15px;
       }

#aide{
       position: absolute;
       width: 5%;
       height: 20px;
       top: 80px;
       right: 0%;
       }

#album #edgar_bonjour{
       background-color: #00A300;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 40px;
       position: relative;
       width: 500px;
       height: 28px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       vertical-align: middle;
       }

#album #edgar_date{
       background-color: #FFCC33;
       position:relative;
       font-size: 40px;
       text-align: center;
       color: #009900;
       width:80%;
       height:60px;
       margin: auto;
       display:block;
       }

#album #edgar_left .image img{
       width: 100%;
       height: 50%;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_pho_center{
       background-color: #FFFFFF;
       position: relative;
       float: left;
       width: 500px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_pho_left{
       background-color: #FFFFFF;
       position: relative;
       float: left;
       width: 500px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_pho_right{
       background-color: #FFFFFF;
       position: relative;
       float: right;
       width: 500px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_right .image{
       width: 100%;
       height: 50%;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_txt_center{
       /*background-color: #00F000;
       */    font-weight: bold;
       font-size: 18px;
       color: #0033FF;
       position: relative;
       float: left;
       width: 390px;
       height:400px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_txt_left{
       /*background-color: #00F000;
       */    font-weight: bold;
       font-size: 18px;
       color: #0033FF;
       position: relative;
       float: left;
       width: 390px;
       height:400px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album #edgar_txt_right{
       /*background-color: #00F000;
       */    font-weight: bold;
       font-size: 18px;
       color: #0033FF;
       position: relative;
       float: right;
       width: 390px;
       height:400px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#album{
       height: 3000px;
       position: inherit;
       }

#ans{
       position: relative;
       text-align: left;
       color: #006B1B;
       width: 40%;
       margin-left: 8%;
       }

#appreciation .photo{
       width: 10px;
       }

#appreciation .texte{
       width: 10px;
       }

#appreciation{
       background-color: #FFFFFF;
       position: relative;
       float: left;
       width: 20px;
       height:10px;
       margin-left: 2px;
       list-style-type: none;
       }

#bandeau_appli:hover #cache_appli{
       display:block;
       width:100%;
       height:auto;
       background-color:#FFFFFF;
       margin:auto;
       }

#bandeau_appli{
       position: absolute;
       bottom:0%;
       left: 0%;
       width: 40%;
       z-index: 1;
       color: #FFFFFF;
       }

#bandeau_cine:hover #cache_cine{
       display:block;
       width:100%;
       height:auto;
       background-color:#0033FF;
       margin:auto;
       }

#bandeau_cine{
       position: absolute;
       bottom: 15%;
       left: 0%;
       width: 30%;
       z-index: 1;
       color: #009;
       }

#bandeau_form{
       position: relative;
       text-align: center;
       }

#bandeau_gardiennage:hover #cache_gardiennage{
       display:block;
       width:100%;
       height:auto;
       background-color:#CCFF66;
       margin:auto;
       }

#bandeau_gardiennage{
       position: absolute;
       bottom: 15%;
       right: 0%;
       width: 31%;
       color: #009;
       z-index: 1;
       }

#bandeau{
       background-color:#FFFFFF;
       width:1120px;
       position: absolute;
       top:185px;
       left:0px;
       height:50px;
       }

#banderolle{
       background-color:#000094;
       color:#FFFFAD;
       font-size:20px;
       width:500px;
       position: absolute;
       height:50px;
       left:0px;
       top:160px;
       }

#banner{
        position:relative;
        top:0%;
       width: 100%;
       font-family: Georgia, "Times New Roman", Times, serif;
       font-style: italic;
       background-color: #cbc9c9;
       border: solid 1px #cbc9c9;
       display: block;
       height: 9%;
       z-index: 2;
       }

#bienvenue{
       position: inherit;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       bottom: 570px;
       left: 0%;
       width: 97%;
       color: #000000;
       /* margin: auto;
       */    margin-left: 10px;
       margin: 10px;
       }

#bio{
       float: left;
       width: 20%}
#bonus{
       position:absolute;
       width: 100%;
       height:auto;
       margin:auto;
       bottom:0%;
       }

#bouton_annuler{
       border:1px solid red;
       position: absolute;
       left:0px;
       }

#bouton_confirmer{
       border:1px solid red;
       position: absolute;
       right:0px;
       }

#bubble_ans{
       float:left;
       background-color: #FFFFFF;
       padding-left:15%;
       text-align: left;
       width: 50%;
       height: auto;
       border: 1px solid #000000;
       border-radius: 60px / 30px;
       /* propriété CSS3 (fonctionne sous Opera) */    border-top-right-radius:60px 30px;
       border-top-left-radius:60px 30px;
       border-bottom-right-radius:60px 30px;
       border-bottom-left-radius:60px 30px;
       /* implémentation Firefox */    -moz-border-radius-topright:80px 40px;
       -moz-border-radius-topleft:80px 40px;
       -moz-border-radius-bottomright:80px 40px;
       -moz-border-radius-bottomleft:80px 40px;
       /* implémentation Chrome, Safari, ... */    -webkit-border-top-right-radius:80px 40px;
       -webkit-border-top-left-radius:80px 40px;
       -webkit-border-bottom-right-radius:80px 40px;
       -webkit-border-bottom-left-radius:80px 40px;
       }

#bubble_req{
       float:right;
       background-color: #FFFFFF;
       padding-right:15%;
       text-align: right;
       width: 50%;
       height: auto;
       border: 1px solid #000000;
       border-radius: 60px / 30px;
       /* propriété CSS3 (fonctionne sous Opera) */    border-top-right-radius:60px 30px;
       border-top-left-radius:60px 30px;
       border-bottom-right-radius:60px 30px;
       border-bottom-left-radius:60px 30px;
       /* implémentation Firefox */    -moz-border-radius-topright:80px 40px;
       -moz-border-radius-topleft:80px 40px;
       -moz-border-radius-bottomright:80px 40px;
       -moz-border-radius-bottomleft:80px 40px;
       /* implémentation Chrome, Safari, ... */    -webkit-border-top-right-radius:80px 40px;
       -webkit-border-top-left-radius:80px 40px;
       -webkit-border-bottom-right-radius:80px 40px;
       -webkit-border-bottom-left-radius:80px 40px;
       }

#cache_appli{
       display:none;
       }

#cache_cine{
       display:none;
       }

#cache_gardiennage{
       display:none;
       }

#cache_modalites{
       display:none;
       }

#calendar{
       position: absolute;
       left: -100px;
       top: 0px;
       width: 100px;
       }

#callothercov{
        width: 28%;
        position: absolute;
        top: 0%;
        height: 0;
        right: -1%;
       }

#cartographie_erreur{
       position: fixed;
       top: 32%;
       right: 18%;
       width: 21%;
       margin-right: 10px;
       color: red;
       }

#center_column .carowner{
       margin-bottom: 10px;
       margin-left: 4px;
       margin-right: 4px;
       width: 150px;
       }

#center_column .scope .content .news img{
       float: left;
       margin: 3px 5px 5px 0;
       }

#center_column .scope .content .news{
       margin-bottom: 10px;
       }

#center_column .scope .content .titre a{
       font-weight: bold;
       color: #757575;
       }

#center_column .scope .content .titre{
       margin: 10px;
       font-size: 12px;
       font-weight: bold;
       }

#center_column .scope .content a:hover{
       font-weight: bold;
       color: #757575;
       text-decoration: underline;
       }

#center_column .scope .content a{
       color: #339900;
       }

#center_column .scope .content a{
       font-weight: bold;
       color: #757575;
       }

#center_column .scope .content p{
       margin-left: 15px;
       }

#center_column .scope .content{
       position:absolute;
       width: 400px;
       top:180px;
       left:400px;
       font-size: 8px;
       margin: 5px 0px 10px;
       vertical-align: middle;
       text-align: justify;
       }

#center_column .scope .content2 .news{
       margin-bottom: 10px;
       }

#center_column .scope .content2 .titre a{
       font-weight: bold;
       color: #757575;
       }

#center_column .scope .content2 .titre{
       margin: 10px;
       font-size: 12px;
       font-weight: bold;
       }

#center_column .scope .content2 a:hover{
       font-weight: bold;
       color: #757575;
       text-decoration: underline;
       }

#center_column .scope .content2 a{
       font-weight: bold;
       color: #757575;
       }

#center_column .scope .content2 p{
       margin-left: 0px;
       }

#center_column .scope .content2.news img{
       float: left;
       margin: 3px 5px 5px 0;
       }

#center_column .scope .headline .link a, #center_column .scope .news .link a{
       color: #47b7c8;
       text-decoration: underline;
       }

#center_column .scope .headline .link, #center_column .scope .news .link{
       float: right;
       margin-top: 3px;
       }

#center_column .scope .headline{
       float: left;
       font-size: 10px;
       }

#center_column .scope .name{
       margin-left: 15px;
       margin-right: 15px;
       padding-top:4px;
       padding-bottom:4px;
       background-color: #dee1e1;
       font-size: 13px;
       text-indent: 5px;
       }

#center_column .scope{
       color: #339900;
       }

#center_column .scope{
       margin-bottom: 10px;
       margin-left: 4px;
       margin-right: 4px;
       width: 350px;
       }

#center_column{
       width: 50%;
       position: absolute;
       left: 21%;
       top: 100px;
       height: 500px;
       }

#certification{
      width: 60%;
      height:30%;
      margin-left: auto;
      margin-right: auto;
      background: #BBBBBB;
      padding: 2%;
      color: white;
}
#change_org{
       position: absolute;
       top: 50%;
       left: 35%;
       height: 15%;
       width: 80%;
       font-size: 25px;
       }

#chargement{
       position:absolute;
       top:200px;
       z-index:10;
       visibility:hidden;
       }

#choix_menu{
       float: left;
       height: auto;
       margin-left: 0;
       }

#choix_parking{
       position:absolute;
       bottom:12%;
       height: auto;
       width: 15%;
       margin-left: 30px;
       }

#choix_postcard{
       float: right;
       height: auto;
       width: 40%;
       margin-right: 30px;
       }

#choixlangues{
       background-color:#FFFFAD;
       width:200px;
       position: absolute;
       height:95px;
       left:10px;
       top:130px;
       }

#choixlangueshoriz{
       position: absolute;
       width: 25%;
       height: 6%;
       top: 13%;
       left: 21%;
       }

#colonne_droit{
       height: auto;
       top: 760px;
       left: 00px;
       width: 100%;
       }

#colonne_pub{
       margin: 0px auto;
       position: absolute;
       top:4%;
       text-align: center;
       right: 0%;
       width: 10%;
       height: 1350px;
       background:#4A4A4A;
       z-index: 9;
       }

#comment_form{
       background-color:#789DCE;
       position:relative;
       }

#condition_utilisation{
        width:94%;
       background-color: #DFDFDF;
       position: relative;
       }

#conduct{
       position: absolute;
       left: 100px;
       top: 100px;
       width: 900px;
       }

#connect li{
       float: left;
       }

#connect{
       text-align: center;
       margin: 10px;
       padding-right: 10px;
       list-style-type: none;
       background-color:#BEC3C3;
       }

#connx{
       text-align: center;
       width: 60px;
       background-color: #FFF;
       border: 1px solid #0AA;
       }

#consult_appreciation{
       float:left;
       background-image: -webkit-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:    -moz-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:     -ms-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:      -o-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:         radial-gradient(#CDFFCD, #FFFFFF);
       border:1px solid red;
       width:50%;
       margin-left: auto;
       margin-right: auto;
       height:auto;
       }

#contactezmoi{
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #7F8686;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       border: 1px solid red;
       /* position: relative;
       */    text-align: center;
       float: right;
       margin-right:5%;
       width:30%;
       }

#conteneur #regles_pho_center .image img{
       width: 10%;
       margin: 15px;
       padding: 10px;
       }

#conteneur #regles_pho_center{
       background-color: #FFFFFF;
       position: relative;
       width: 500px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#conteneur #reglesbonjour{
       background-color: #FFFFFF;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 10px;
       position: relative;
       width: 100px;
       height: 28px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       vertical-align: middle;
       }

#conteneur #reglestxt_center{
       background-color: #FFFFFF;
       font-weight: bold;
       font-size: 12px;
       color: #006600;
       position: relative;
       float: left;
       width: 100%;
       list-style-type: none;
       text-align: justify;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px;
       }

#conteneur #reglestxt_left{
       background-color: #FFFFFF;
       font-weight: bold;
       font-size: 12px;
       color: #006600;
       position: relative;
       float: left;
       width: 300px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#conteneur #reglestxt_right{
       background-color: #FFFFFF;
       font-weight: bold;
       font-size: 12px;
       color: #006600;
       position: relative;
       float: right;
       width: 500px;
       list-style-type: none;
       margin: 15px;
       padding: 10px;
       }

#conteneur{
       height: auto;
       background-color: #FFFFFF;
       width: 68%;
       margin: auto;
       padding: 20px;
       font: 15px arial;
       overflow: hidden;
       position: absolute;
       top: 50px;
       z-index: 0;
       right: 0;
       }

#cook_advert{
       font-size:20px;
       color: #000000;
       }

#cook_cadre{
       background-color:#E5F7FF;
       position:absolute;
       left:15%;
       top:5%;
       border: 1px;
       width:60%;
       }

#cook_cnil{
       font-size:15px;
       color: blue;
       }

#cook_danger{
       font-size:70px;
       text-align:center;
       color: #FF0000;
       }

#cook_texte{
       font-size:15px;
       color: green;
       }

#cook_titre{
       font-size:50px;
       color: blue;
       text-align:center;
       }

#cookies_avertissement{
       background-color: #FFF;
       text-align: center;
       font-size: 13px;
       position: absolute;
       width: 8%;
       height: 70%;
       right: 0.5%;
       top: 10%;
       }

#coordonnees{
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #FFFFFF;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       width: 45%;
       text-align: center;
       float: right;
       margin-right:4%;
       }

#corps_appreciation{
       float:left;
       width:50%;
       }

#couts{
       position: absolute;
       left: 40px;
       top: 100px;
       width:30px;
       }

#cov_date_diff{
       position: relative;
       border: 1px solid;
       text-align: -moz-center;
       background-color: azure;
       }

#debug{
       background-color: #111;
       color: #FFF;
       position: absolute;
       z-index: 150000;
       top: 0%;
       right: -20%;
       width:30%;
       }

#derniercov{
       background-color: #FFC333;
       height: auto;
       border: medium solid;
       color: #008000;
       position: absolute;
       width: 10%;
       vertical-align: middle;
       text-align: center;
       left: 400px;
       top: 200px;
       z-index:9;
       }

#descrip_appreciation{
       float:right;
       width:50%;
       }

#disp_apc{
       background-color: #FFFFFF;
       position: relative;
       font-size: 15px;
       color: #90C;
       width:100%;
       }

#drapeau{
       position: absolute;
       width: 4%;
       height: 25px;
       top: 20px;
       left: 15%;
       }

#drapeaux{
       height: 270px;
       position: relative;
       }

#droite{
       margin-top:40px;
       width:0px;
       height:100%;
       padding:20px;
       margin-left:460px;
       }

#en_un_click{
       top: 160px;
       width: 100%;
       display:block;
       margin: auto;
       height: auto;
       z-index: 1;
       }

#enreg{
       background-color:#C0E6EC;
       text-align:center;
       position:absolute;
       top:0px;
       left:0px;
       width:180px;
       height:100px;
       }

#entete_appreciation{
       float:left;
       width:100%;
       }

#entete{
       width: 100%;
       border-bottom: 2px double blue;
       }

#Erreur{
       position: absolute;
       left: 25%;
       width: 70%;
       height: auto;
       font-size: 20px;
       background: #FFFFFF;
       color:#FF3333;
       vertical-align: middle;
       text-align: center;
       font-size:18px;
       z-index:10000;
       top:14%;
       }

#field2::-moz-placeholder{
       color:#AEB2B2;
       font-size:14px;
       }

#field2::-webkit-input-placeholder{
       color:#AEB2B2;
       }

#field3::-moz-placeholder{
       color:#AEB2B2;
       font-size:14px;
       background:lightgreen;
       text-transform:uppercase;
       }

#field3::-webkit-input-placeholder{
       color:#AEB2B2;
       background:lightgreen;
       text-transform:uppercase;
       }

#field4::-moz-placeholder{
       color:#AEB2B2;
       font-size:14px;
       font-style:italic;
       text-decoration:overline;
       letter-spacing:3px;
       }

#field4::-webkit-input-placeholder{
       color:#AEB2B2;
       font-style:italic;
       text-decoration:overline;
       letter-spacing:3px;
       }

#fond-avertissement{
       background-color: #CDFFCD;
       position: absolute;
       list-style-type: none;
       margin-left:50px;
       margin-right:100px;
       top: 130px;
       left:50px;
       height:1100px;
       width:900px;
       }

#fond-travail{
       background-color: #CDFFCD;
       position: absolute;
       list-style-type: none;
       margin: 0;
       top: 130px;
       left:0px;
       height:1100px;
       width:100%;
       }

#form_cherche .scope{
       vertical-align: top;
       padding-top: 15px;
       width: 380px;
       height: 697px;
       }

#form_cherche{
       width: 73%;
       border: 1px blue;
       }

#form_enfants{
        position: relative;
        height: auto;
        width: 46%;
        left: 23%;
        color: blue;
        text-align: center;
       }

#form_expl_options{
       color: #00476B;
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       padding:10px;
       margin-top: 10px;
       float:top;
       width:40%;
       height:auto;
       right:0;
       }

#form_user,#form_user_explanation{
       color: #00476B;
       top: 60px;
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       padding:10px;
       margin-top: 10px;
       }
#form_user{
       background-color: #ccc;
       padding-top: 20px;
       position: relative;
        text-align: center;
       }

#formcovoit{
       background-color:#FFFFFF;
       width:800px;
       position: relative;
       }

#Formulaire .donnee{
       background-color: #FFFFFF;
       position:relative;
       width: 600px;
       margin: 15px auto 15px auto;
       padding: 10px;
       border: 2px solid #eeab69;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       text-align: left;
       }

#Formulaire .libelle{
       background-color: #FFFFFF;
       position:relative;
       width: 600px;
       margin: 15px auto 15px auto;
       padding: 10px;
       border: 2px solid #eeab69;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       text-align: right;
       }

#formulaire_cov_cherche{
       position: relative;
       width: 100%;
       }

#formulaire_cov_form{
       position: relative;
       width: 53%;
       }

#formulaire_cov_recap{
       background-color: #FFFFFF;
       position: absolute;
       top: 39%;
       height: auto;
       left: 0%;
       width: 90%;
       padding-left: 5%;
       padding-right: 5%;
       }

#formulaire_cov_rech{
        position: relative;
        left: 0%;
        width: 94%;
       }

#formulaire_cov{
       background-color: #CDE1FF;
       position: relative;
       }

#formulaire_gar{
       background-color: #CDE1FF;
       width: 800px;
       position: absolute;
       top: 110px;
       height: auto;
       left: 0px;
       margin-right: 60px;
       margin-left: 20px;
       }

#Formulaire{
       }
#gar_bloc_annonce{
       float: left;
       display:block;
       width: 100%;
       background-color:#DEE1E1;
       margin-bottom:40px;
       }

#gar_bloc_critere{
       float: left;
       display: inline-block;
       vertical-align: middle;
       line-height: normal;
       width: 100%;
       height: 30px;
       text-align: center;
       }

#gar_bloc_periode{
       float: left;
       top: 180px;
       width: 100%;
       left: 500px;
       }

#gar_bulle_ans{
       float:left;
       padding-left:2%;
       text-align: left;
       width: 50%;
       height: auto;
       }

#gar_bulle_req{
       float:left;
       padding-left:2%;
       text-align: left;
       width: 50%;
       height: auto;
       }

#gar_cadre_annonce{
       border:solid 1px blue;
       padding:20px;
       color:midnightblue;
       font-family: verdana;
       width: 630px;
       margin-left: auto;
       margin-right: auto;
       text-align:center;
       min-height:500px;
       }

#gar_cadre_bas{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_calendrier{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 150px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_contact{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 100px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_description{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_droite{
       float:right;
       color:midnightblue;
       font-family:verdana;
       width: 200px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_gauche_haut{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_gauche_milieu{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_gauche{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_informations{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 150px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_pays{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 480px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_photo{
       float:left;
       color:midnightblue;
       font-family:verdana;
       width: 380px;
       text-align:center;
       margin-left: auto;
       margin-right: auto;
       }

#gar_cadre_rechtotal{
       border:solid 1px black;
       padding:20px;
       color:midnightblue;
       width: 700px;
       margin-left: auto;
       margin-right: auto;
       background-color: #F3F3F3;
       }

#gar_col_annee{
       float: left;
       display:block;
       width: 100%;
       }

#gar_col_calendrier{
       float: left;
       display:block;
       width: 15%;
       margin: 10px;
       }

#gar_col_courrier{
       float: left;
       display:block;
       width: 15%;
       margin: 10px;
       }

#gar_col_description{
       float: left;
       display:block;
       width: 100%;
       }

#gar_col_details{
       float: left;
       display:block;
       width: 37%;
       margin: 10px;
       }

#gar_col_echanges{
       float: left;
       display:block;
       width: 100%;
       background:#C0E6EC;
       }

#gar_col_photo{
       float: left;
       display:block;
       width: 37%;
       margin: 10px;
       text-align: center;
       vertical-align:middle;
       overflow:auto;
       }

#gar_critere{
       float: left;
       display: inline-block;
       vertical-align: middle;
       line-height: normal;
       width: 11%;
       height: 30px;
       text-align: center;
       }

#gar_critri{
       float: left;
       width: 700px;
       font-size: 10px;
       color: #00F;
       height: 10%;
       border:1px solid #660000;
       background-color:#8AC8FF;
       margin-left: 10px;
       }

#gar_exclusion{
       width:50%;
       display:inline;
       float:left;
       padding-left: 50px;
       }

#gar_form_cal{
       width: 100%;
       top: 30px;
       float: left;
       }

#gar_form{
       position:relative;
       vertical-align: top;
       height: auto;
       width:80%;
       }

#gar_formulaire{
       float: left;
       width: 700px;
       background: gainsboro;
       margin-bottom: 30px;
       margin-right: 10px;
       padding-top: 20px;
       margin-left: 10px;
       }

#gar_logo{
       text-align:center;
       }

#gar_modif_generalites{
       width:40%;
       position: relative;
       height:500px;
       }

#gar_modif{
       width:80%;
       position: absolute;
       top:100px;
       height:500px;
       left:0px;
       }

#gar_photos{
       float:left;
       width:100%;
       margin:auto;
       border:1px solid red;
       background-color:#D0D2D2;
       }

#gar_planning_recap{
       float:left;
       width:100%;
       }

#gar_planning{
       float:left;
       top:180px;
       width:100%;
       height:300px;
       left:500px;
       }

#gar_recap{
       background-image: -webkit-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:    -moz-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:     -ms-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:      -o-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:         radial-gradient(#CDFFCD, #FFFFFF);
       /*\**/background-color:#CDFFCD\9;
       /* IE 8 et 9 only */    border:1px solid red;
       width:798px;
       position: absolute;
       top:100px;
       height:auto;
       left:300px;
       }

#gar_resa_coordonnees{
       float:left;
       width: 60%;
       border: 1px solid #0A5CFF;
       margin-bottom:50px;
       }

#gar_resa_lieu{
       float:left;
       width: 60%;
       border: 1px solid #0A5CFF;
       margin-bottom:50px;
       }

#gar_resa_objet{
       float:left;
       width: 60%;
       border: 1px solid #0A5CFF;
       margin-bottom:50px;
       }

#gar_saisons{
       display:inline;
       float:left;
       border:1px solid red;
       }

#gauche{
       float:left;
       margin-top:40px;
       width:1000px;
       height:100%;
       border-right:1px dashed #CCC;
       padding:20px;
       }

#get_nbsieges{
       position: absolute;
       top: 15%;
       left: left;
       width: 80%;
       background: #FFFF33;
       color: #212121;
       z-index: 2;
       height: 130%;
       padding: 10%;
       font-size: 20px;
       }

#google_container #google_map{
       height:280px;
       margin:auto;
       }

#google_container{
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #CDE1FF;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       position: fixed;
       border: medium solid #FFF;
       top: 12%;
       right: 12%;
       width: 19%;
       margin-right: 10px;
       }

#google_panel{
       top:400px;
       left:0px;
       margin:auto;
       width:100%;
       }

#help{
       background-image: -webkit-radial-gradient(#FFFFFF, #00005C);
       background-image:    -moz-radial-gradient(#FFFFFF, #00005C);
       background-image:     -ms-radial-gradient(#FFFFFF, #00005C);
       background-image:      -o-radial-gradient(#FFFFFF, #00005C);
       background-image:         radial-gradient(#FFFFFF, #00005C);
       /*\**/background-color:#00005C\9;
       /* IE 8 et 9 only */    height:1500px;
       font-size:15px;
       color:#000000;
       }

#helpCentre{
       position: relative;
       height: auto;
       }

#helpDroite{
       background-color: #FFFFFF;
       height: 700px;
       float: left;
       width: 67%;
       margin-left: 20px;
       margin-right: 20px;
       font-size: 12px;
       margin-top: 10px;
       margin-bottom: 10px;
       }

#helpGauche{
       background-color: #FFFFFF;
       width: 26%;
       height: 700px;
       margin-left: 20px;
       float: left;
       margin-top: 10px;
       margin-bottom: 10px;
       }

#icon{
       padding-left: 9px;
       display: inline-block;
       width: 9%;
       background-color: #3a57af;
       -webkit-border-radius: 4px 0px 0px 4px;
       -moz-border-radius: 4px 0px 0px 4px;
       border-radius: 4px 0px 0px 4px;
       color: white;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       border: solid 0px #cbc9c9;
       height: 25%;
       }

#icone-action{
       background-color:#E9EFF7;
       position: relative;
       width:30px;
       }

#inclusion{
       background-image: -webkit-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image: -moz-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image: -ms-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image: -o-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image: radial-gradient(#CDFFCD, #FFFFFF);
       background-color: #CDFFCD;
       border: 1px solid red;
       width: auto;
       /* position: absolute;
       */    /* top: 130px;
       */    height: 900px;
       left: 230px;
       margin-right: auto;
       margin-left: auto;
       text-align: center;
       }

#info_pratiques{
       height:100px;
       width:100px;
       margin:auto;
       border-bottom:1px solid #ccc;
       border-left:1px solid #ccc;
       border-right:1px solid #ccc;
       padding:20px;
       font:12px arial;
       overflow:hidden;
       }

#info_recap{
       float:left;
       background-color: #DBDBDB;
       text-align: center;
       color: #0000FF;
       margin: 0 auto;
       width: 100%;
       height:auto;
       left:260px;
       top:130px;
       height: auto;
       font-weight: bold;
       vertical-align: middle;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 14px;
       font: bold 200% sans-serif;
       white-space: normal;
       }

#kvhcar{
       width: 13%;
       top:2%;
       margin:auto;
       position:absolute;
       text-align:center;
       border:none;
       }
#liste{
      color:black;
      width:60%;
      right:80%;
}

.communication .content .btn_submit{
       background-color: #7f8686;
       color: #FFFFFF;
       width: 80px;
       }

.communication .content{
       background-color: #339900;
       color: #585858;
       padding: 10px 10px 10px 10px;
       margin-bottom: 10px;
       }

.mayor-word .content img{
       float: left;
       margin: 0 10px 5px 0;
       }

.mayor-word .content{
       background-color: #bec3c3;
       color: #585858;
       font-size: 11px;
       padding: 10px 34px 25px 20px;
       vertical-align: middle;
       text-align: justify;
       }

.menu li a{
       color: #FFFFFF;
       font-size: 14px;
       }

.menu li{
       background-color: #339900;
       margin-left: 10px;
       margin-top: 10px;
       }

.menu li{
       margin-bottom: 5px;
       padding-left: 5px;
       padding-top: 2px;
       padding-bottom: 10px;
       height: 25px;
       }

.menu ul{
       list-style-type: none;
       margin-left: 0px;
       }

.pho{
       background-color: #CDFFCD;
       margin-left: 10px;
       margin-top: 10px;
       }

.scope, .arrow, span.chip{
       background-color: #FFFFFF;
       }

.scope{
       margin-bottom: 10px;
       width: 240px;
       }

#left-tpg .communication .content .btn_submit{
       background-color: #7f8686;
       color: #FFFFFF;
       width: 80px;
       }

#left-tpg .communication .content{
       background-color: #339900;
       color: #585858;
       padding: 10px 10px 10px 10px;
       margin-bottom: 10px;
       }

#left-tpg .mayor-word .content img{
       float: left;
       margin: 0 10px 5px 0;
       }

#left-tpg .mayor-word .content{
       background-color: #bec3c3;
       color: #585858;
       font-size: 11px;
       padding: 10px 34px 25px 20px;
       vertical-align: middle;
       text-align: justify;
       }

#left-tpg .menu li a{
       color: #FFFFFF;
       font-size: 12px;
       }

#left-tpg .menu li{
       margin-bottom: 5px;
       padding-left: 10px;
       padding-top: 4px;
       padding-bottom: 4px;
       }

#left-tpg .menu ul{
       list-style-type: none;
       margin-left: 0px;
       }

#left-tpg .scope .head .bienvenue{
       margin-bottom: 5px;
       }

#left-tpg .scope, .arrow, span.chip{
       background-color: #FFFFFF;
       }

#left-tpg .scope{
       margin-bottom: 10px;
       width: 240px;
       }

#liste_recherches{
       position: relative;
       width: 50%;
       margin-top:5%;
       left: 20%;
       }

#load_fichier{
       top:300px;
       height:500px;
       }

#logo_gauche{
       height: 115px;
       position: fixed;
       top: 0px;
       left: 20px;
       width: 20.5%;
       }

#logo-container{
       background-color: #CDFFCD;
       }

#mail_contact{
       float:left;
       height:auto;
       width:50%;
       margin-left:0%;
       padding: 5px;
       }

#mail_explications{
       float: right;
       color: #444;
       font-size: 14px;
    margin: 2%;
    padding:1%;
       width:28.5%;
       text-align: justify;
       font-size: 13px;
       height: 236px;
       border: 1px solid #FF0000;
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #BBBBBB;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       }

#mail_generalites{
       float: left;
       color: #444;
       padding: 5px;
       text-align: justify;
       height: auto;
       font-size: 13px;
       width:77%;
       margin-left:10%;
       border: 1px solid #FF0000;
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #BBBBBB;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       }

#mail_lu{
       border: 1px solid #000;
       z-index: 1;
       margin-left: auto;
       margin-right: auto;
       border-radius: 8px;
       background-color: #FFF;
       width: auto;
       height:auto;
       }

#mail_pub_colonne2{
       position:absolute;
       text-align:justify;
       width:300px;
       top:900px;
       left:350px;
       }

#mail_pub{
       margin-left: auto;
       margin-right: auto;
       background-color: #FFFFFF;
       width: 1055px;
       text-align:center;
       }

#mail{
       position:relative;
       width:510px;
       }

#map-canvas{
       height: 100%;
       margin: 0;
       padding: 0;
       }

#mappy{
       background-color:#FFFFFF;
       text-align:center;
       position:absolute;
       top:0px;
       left:180px;
       width:180px;
       height:100px;
       }

#menu .ovale{
       width: 200px;
       height: 200px;
       background: #9a4;
       -webkit-border-radius: 100px / 100px;
       -moz-border-radius:    100px / 100px;
       border-radius:         100px / 100px;
       }

#menu li a{
       display: block;
       font-size: 12px;
       height: 38px;
       line-height: 200%;
       vertical-align: middle;
       text-align: center;
       width: 239px;
       font-weight: bold;
       }

#menu li{
       display: inline;
       float: left;
       background-image: url(./../photos/admin/menu.png);
       background-repeat:no-repeat;
       }

#menu_column{
       /* position:relative;
       */}
#menu{
       list-style-type: none;
       margin: 0px;
       float: left;
       width: 22%;
       left: 0px;
       z-index: 1;
       text-align: center;
       }

#menuhoriz{
       float: right;
       width: 400px;
       }

#message_ecran{
       background-color: #888888;
       font-family: Arial, Helvetica, sans-serif;
       color: black;
       font-size: 20px;
       top: 50px;
       margin-left: auto;
       margin-right: auto;
       width: 60%;
       margin-top: 50px;
       margin-bottom:50px;
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       padding:10px;
       }

#mgm{
       height: auto;
       width: 100%;
       right: 0px;
       margin-left: 150px;
       position: absolute;
       top: 1150px;
       }

#modalites:hover #cache_modalites{
       display:block;
       width:100%;
       height:auto;
       background-color:#CCFF66;
       margin:auto;
       }

#modalites{
       position: absolute;
       border: medium solid #FFF;
       top: 120px;
       left: 20px;
       width: 14%;
       z-index: 99999;
       color: #F60;
       font-size: 14px;
       }

#modif_critere{
       position: relative;
       }

#moncompte{
      position: absolute;
      width: 28%;
      height: 21%;
      top: 17%;
      right:0%;
      z-index: 10;
      text-align: left;
      margin-left: 0;
       }

#movie{
       position: absolute;
       top: 0;
       left: 280px;
       width: 600px;
       height: 600px;
       }

#nav{
       float: left;
       width: 20%;
       }

#navigateur_non_supporte{
       position:absolute;
       background-color:#000080;
       border-style:ridge;
       color:#AFEEEE;
       font-size:20px;
       margin: 0 auto;
       top:0px;
       left:450px;
       height:100px;
       width: 400px;
       text-align:center;
       }

#navigateur_telechargement{
       position:absolute;
       background-color:#008000;
       border-style:ridge;
       color:#ADFF2F;
       font-size:20px;
       margin: 0 auto;
       top:200px;
       left:450px;
       height:150px;
       width: 400px;
       text-align:center;
       }

#news{
       position: relative;
       background-image:-moz-linear-gradient(30deg, #FFFFFF, #FF0000);
       background-image:-webkit-linear-gradient(30deg, #FFFFFF, #FF0000);
       background-image:-o-linear-gradient(60deg, #FFFFFF, #FF0000);
       background-image:linear-gradient(60deg, #FFFFFF, #FF0000);
       background-image:linear-gradient(#FFFFFF, #FF0000);
       /*\**/background-color:#FF0000\9;
       /* IE8 et 9 ONLY */    border: 1px solid #F00;
       color: #FFFF94;
       width:40%;
       font-size:15px;
       text-align:center;
       margin:auto;
       }

#pagepresentation,#pagepresentation_gar{
       position: absolute;
       top: 14%;
       height: 100%;
       width: 99.7%;
       border-top: 1px solid #ddd;
       margin-bottom: 50px;
       }

#pagepresentation_gar{
       margin: auto;
       width: 99.7%;
       margin-left: 0px;
       }

#pagepresentation_haute{
       position: relative;
       top: 80px;
       height: auto;
       width: 99.7%;
       background-color: #DFDFDF;
       border-top: 1px solid #ddd;
       }

#Paiement{
       float:right;
       top: 51%;
       width: 49%;
       text-align: center;
       }

#panel i, .panel i{
       font-size: 12px;
       }

#panel select, #panel input, .panel select, .panel input{
       font-size: 15px;
       }

#panel select, .panel select{
       width: 100%;
       }

#panel, .panel{
       font-family: "Roboto","sans-serif";
       line-height: 30px;
       padding-left: 10px;
       }

#panel{
       position: absolute;
       top: 5px;
       left: 50%;
       margin-left: -180px;
       z-index: 5;
       background-color: #fff;
       padding: 5px;
       border: 1px solid #999;
       }

#panel{
       position:absolute;
       top:300px;
       left:0px;
       }

#passagersquotidien{
       width: 400px;
       top: 0px;
       height: auto;
       left: 0px;
       position: relative;
       }

#passeport{
       right: 0;
       bottom: -3%;
       left: 0;
       height: 30px;
       margin-top: 20px;
       padding-bottom: 10px;
       padding-left: 3%;
       padding-right: 3%;
       text-align: left;
       }

#petitmot{
       background-color: #FFC333;
       height: auto;
       border: medium solid;
       color: #008000;
       position: absolute;
       width: 10%;
       vertical-align: middle;
       text-align: center;
       right: 0%;
       }

#pho{
       position: relative;
       float: left;
       width: 50px;
       height: 20px;
       margin-left: 2px;
       list-style-type: none;
       }

#photocentre{
       width: 60%;
       height: auto;
       float:right;
       }

#photodroite{
       position:absolute;
       top:40px;
       left:500px;
       }

#pied_page_alpha{
       height: auto;
       bottom: 10px;
       width: 90%;
       background-color: #FFFFFF;
       position:absolute;
       margin-left:80px;
       }

#pied_page_beta{
       background-color: #525252;
       position: absolute;
       top: 50px;
       width: 26%;
       height: 310px;
       vertical-align: middle;
       z-index: 999999;
       border: 1px solid #ddd;
       }

#pied-page li .last{
       margin: 0;
       }

#pied-page li a{
       color: #505050;
       font-size: 10px;
       }

#pied-page li{
       display: inline-block;
       margin-right: 15px;
       }

#pied-page ul{
       margin: 0 auto;
       padding-top: 5px;
       vertical-align: middle;
       text-align: center;
       }

#portrait{
       right: 1%;
       position: relative;
       top:39%;
       }

#PouceCommunication{
       position: absolute;
       width: 250px;
       height: 20px;
       left:45%;
       top:85px;
       }

#pp{
       position: absolute;
       left: 400px;
       top: 10px;
       }

#preload img{
       margin-top:10px;
       margin-bottom: 10px;
       }

#preload p{
       margin:1px;
       padding:10px;
       border:1px solid #000000;
       background:#FFFFFF;
       }

#preload{
       display:none;
       border:1px solid #FFFFFF;
       width:200px;
       text-align:center;
       position:absolute;
       left:50%;
       margin-left:-100px;
       top:50%;
       margin-top:-50px;
       font:bold 10px  Verdana, Arial, Helvetica, sans-serif;
       cursor:pointer}
#presentation_separation{
       position: relative;
       display:block;
       width: 100%;
       background-color:#FFFFFF;
       }

#pro_ville_1{
       /* DEPART FORM */background:url("./../photos/admin/PointgeoA.png") -0px no-repeat;
       background-size:15px 20px;
       border-radius:8px;
       height:20px;
       }

#pro_ville_2{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoB.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_3{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoC.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_4{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoD.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_5{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoE.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_6{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoF.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_7{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoG.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_8{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoH.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#pro_ville_9{
       /* INTERMEDIAIRE FORM */background:url("./../photos/admin/PointgeoI.png") -0px no-repeat;
       background-size: 15px 20px;
       border-radius: 8px;
       height:20px;
       }

#propositioncarburant{
       position:absolute;
       background-color:#FF9900;
       text-align: center;
       margin-top: 0px;
       margin-right: 0px;
       font-size: 20px;
       color:#0000FF;
       width:300px;
       left:60px;
       top:400px;
       height:97px;
       }

#propositionpropos{
       position:absolute;
       text-align: center;
       font-size: 20px;
       color:#0000FF;
       width:300px;
       left:470px;
       top:200px;
       }

#propositions1{
       position: absolute;
       width: 240px;
       margin-top:20px;
       left:620px;
       top:0px;
       }

#propositionsponsor{
       position:absolute;
       background-color:#FF9900;
       text-align: center;
       margin-right: 0px;
       font-size: 20px;
       color:#0000FF;
       width:300px;
       left:420px;
       top:400px;
       }

#proxi_bandeau{
       width: 100%;
       position: relative;
       top: 00px;
       left: 0px;
       height: 80px;
       z-index: 1;
       }

#proxi_form{
       width: 100%;
       height: auto;
       }

#proxi_info{
       width: 50%;
       margin-left:20px;
       }

#proxi_joindresite{
       width:500px;
       height:auto;
       left:000px;
       padding-left:20px;
       padding-bottom:20px;
       padding-right:20px;
       }

#proxi_recap{
       width: 80%;
       height: auto;
       left: 0px;
       padding-left: 10px;
       padding-bottom: 20px;
       padding-right: 20px;
       }

#proxi_voir{
       width: 100%;
       height: 2000px;
       background-color: #FFFFFF;
       }

#proxi{
       position: relative;
       height: auto;
       left: 23%;
       width: 55.3%;
       top:90px;
       }

#pub_gauche{
       background-color:#FFFFFF;
       position:absolute;
       left:0px;
       top:240px;
       width:200px;
       bottom:480px;
       }

#Pub{
       padding: 3px;
       width:340px;
       margin:auto;
       text-align: center;
       }

#quitter{
       position:absolute;
       top:110px;
       left:180px;
       width:80px;
       height:50px;
       }

#recap_form{
       float:left;
       border:1px solid #0000FF;
       width:94%;
       margin-left: auto;
       margin-right: auto;
       top:110px;
       height:auto;
       left:8%;
       }

#recap_recap{
       background-image: -webkit-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:    -moz-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:     -ms-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:      -o-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:         radial-gradient(#CDFFCD, #FFFFFF);
       /*\**/background-color:#CDFFCD\9;
       /* IE 8 et 9 only */    border:1px solid red;
       width:880px;
       position: absolute;
       top:290px;
       height:auto;
       left:200px;
       margin-right:60px;
       margin-left:20px;
       }

#recap{
       background-image: -webkit-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:    -moz-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:     -ms-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:      -o-radial-gradient(right top, #CDFFCD 0%, #FFFFFF 100%);
       background-image:         radial-gradient(#CDFFCD, #FFFFFF);
       background-color: #FFF;
       border: 1px solid #F00;
       position: relative;
       }

#rech_alerter{
       /* utilisé par KVH_RECH (alerter en cas echec) */    text-align: center;
       vertical-align: middle;
       position: relative;
       }

#rep_negat{
       position: relative;
       background-color: #FFF;
       left: 28%;
       width: 45%;
       vertical-align: middle;
       }

#req{
       position: relative;
       text-align: right;
       margin-left: 49%;
       color: #03F;
       width: 40%;
       }

#resa_detail{
       position:relative;
       }

#resa_form_user{
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       width: 45%;
       text-align: center;
       float: right;
       margin-top: 2%;
       margin-right: 5%;
       }

#resa{
       float: left;
       width: 45%;
       height: auto;
       margin: 2%;
       }

#right-photo{
       position: relative;
       }

#sablier{
       position:fixed;
       z-index: 99999999;
       left: 50%;
       top: 50%;
       }

#saisie .scope{
       margin-left: 15px;
       margin-right: 15px;
       padding-top:4px;
       padding-bottom:4px;
       background-color: #dee1e1;
       font-size: 13px;
       text-indent: 5px;
       font-weight: bold;
       }

#saisie{
       float: right;
       width: 200px;
       }

#sortie{
       position: absolute;
       bottom: 0%;
       width: 17%;
       height: 30px;
       z-index: 5000;
       line-height: 7px;
       margin-left: 0px;
       }

#sous_menu{
       list-style-type: none;
       margin: 0px;
       float: left;
       width: 42%;
       left: 0px;
       z-index: 1;
       text-align: center;
       }

#titre_colonne_droit{
       height: auto;
       position: absolute;
       top: 925px;
       width: 100%;
       }

#titre_parking{
       float: left;
       height: 150px;
       width: 313px;
       margin-left: 10px;
       background-color: #000094;
       text-align: center;
       vertical-align: middle;
       left: 0px;
       margin-left: 120px;
       }

#titre_postcard{
       float: right;
       height: 180px;
       width: 313px;
       margin-left: 10px;
       background-color: #000094;
       text-align: center;
       vertical-align: middle;
       left: 0px;
       margin-left: 120px;
       }

#titregeneral_proxi{
       position: relative;
       margin-left: auto;
       margin-right: auto;
       width: 400px;
       margin-top:20px;
       }

#titregeneral{
       position: relative;
       padding-bottom: 20px;
       margin-top:28px;
       }

#titremenu{
       background-color: #339900;
       text-align: center;
       color: #FFFFFF;
       position: relative;
       width:100%;
       height:15px;
       z-index:6;
       }

#titresection{
       background-color: #CDFFCD;
       text-align: center;
       color: #2F36FF;
       position: relative;
       width:110px;
       height:15px;
       z-index:5;
       }

#titre-section{
       width: 100%;
       color: #FFFFFF;
       background-color: #339900;
       text-align: center;
       }

#trace-line{
       position: relative;
       width:100%;
       height:15px;
       display:block;
       margin-left:-2px;
       }

#trombi_appreciation{
       float: left;
       width: 100%;
       height: auto;
       left: 20px;
       margin-right: 60px;
       margin-left: 20px;
       }

#trombi_appreciations{
       position:relative;
       width:80px;
       top:800px;
       height:auto;
       left:100px;
       }

#trombi_comment{
       width: 50%;
       top: 360px;
       height: auto;
       left: 180px;
       color: #00F;
       margin-left: auto;
       margin-right: auto;
       }

#trombi_descr_vehicule{
       width:50%;
       top:850px;
       height:auto;
       left:20px;
       margin-right:60px;
       margin-left:20px;
       color:#0000FF;
       margin-left: auto;
       margin-right: auto;
       }

#trombi_info_complementaires{
       position:absolute;
       width:750px;
       top:600px;
       height:auto;
       left:200px;
       margin-right:60px;
       margin-left:20px;
       color:#0000FF;
       }

#trombi_photo_complementaires{
       width: 100%;
       width:800px;
       margin-left: auto;
       margin-right: auto;
       }

#trombi_photo{
       position:absolute;
       width:80px;
       top:100px;
       height:auto;
       left:100px;
       }

#trombi_profil{
       width: 100%;
       height: auto;
       left: 20px;
       margin-left: auto;
       margin-right: auto;
       }

#trombi{
       width: 51%;
       position: relative;
       height: 1000px;
       margin-right: 60px;
       margin-left: 20px;
       color: #00F;
       font-size: 15px;
       margin-top: 30px;
       left: 22%;
       border: 1px solid #0AA;
       background-color:#65C9E4;
       }

#typesection{
       background-color: #47D600;
       text-align: center;
       color: #FFFFFF;
       position:relative;
       width:100%;
       height:15px;
       z-index:7;
       }

#ValideCovProvis{
       float: left;
       top:150px;
       left:100px;
       width:100%;
       background-color:#FFFF8A;
       color:#0033FF;
       }

#vide{
       width: 750px;
       float: left;
       height: 50px;
       }

#video{
       /*border-style: ridge;
       */    /*position: absolute;
       */    bottom: 100px;
       left: 330px;
       width: 30%;
       color: #009;
       margin: auto;
       height: 150px;
       text-align: center;
       vertical-align: middle;
       }

#w3c .css{
       background-position: 0 -15px;
       }

#w3c .html{
       background-position: 0 0;
       }

#w3c a{
       background:url("./../photos/admin/w3c.jpg") no-repeat scroll 0 0 transparent;
       display: block;
       float: left;
       height: 15px;
       margin-right: 5px;
       width: 80px;
       }

#w3c{
       padding-top:5px;
       padding-left:20px;
       }

#w3c{
       position: relative;
       }


#window_autres{
       position: relative;
       width: 100%;
       min-height: 950px;
       text-align:left;
       padding-left: 1%;
       background-position: 0% 0%;
       background-size: 100%;
       background-color: #FFFFFF;
       }
#window_autre_rech {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    padding-left: 1%;
    background-color: #FFFFFF;
}
#window{
       margin: 0px auto;
       position: relative;
       width: 100%;
       height: 100%;
       margin: 0 auto;
       //background: url(./../photos/admin/4395444_screen.jpg) no-repeat center;
       background-position: 0% 5%;
       background-size: 100%;
       background-color: #F5F5F5;
       }

#WRITE{
       width:600px;
       border:1px solid black;
       padding:20px;
       margin-left: auto;
       margin-right: auto;
       -moz-border-radius:8px;
       border-radius:8px;
       background-color: #FFFFFF;
       }

#zone_droite{
       position:absolute;
       margin-right:0px;
       width:200px;
       margin-top:200px;
       }

*,
*:after{
       box-sizing: inherit;
       }

*:before,
*{
       margin: 0;
       padding: 0;
       }

.accounttype{
       margin-left: 8px;
       margin-top: 20px;
       }

.alerter_erreur{
       /* utilisé par KVH_CHERCHE, KVH_FORM en cas d'erreur */    width: 60%;
       border: 2px solid #EEAB69;
       text-align: left;
       color: #F00;
       background-color: #FFFF00;
       }

.annonce_temporaire{
       overflow: hidden;
       width: 286px;
       height: 400px;
       }

.arrondi{
       width: 120px;
       height: 50px;
       border: 2px solid #000;
       -webkit-border-radius: 12px / 24px;
       -moz-border-radius:    12px / 24px;
       border-radius:         12px / 24px;
       }

.arrondis{
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       }
.bareme{
       top:800px;
       }

.bouton_compteunclic{
       position: absolute;
       top: 40%;
       height:15%;
       right: 20%;
       width:31%;
       }

.bouton_court:hover{
       background: #808080;
       }

.bouton_court{
       font-family: "Gill Sans", sans-serif;
       font-size: 1em;
       width: 238px;
       height: 24px;
       line-height: 22px;
       padding: 0px;
       text-align: center;
       color: #ffffff;
       background: linear-gradient( #BBBBBB, #525252);
       border-radius: 17px;
       /* text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
       */    text-shadow: 0px 1px 0px #E0E0E0;
       box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
       }

.bouton_grand{
       color:black;
       width:40%;
       height:1%;
       font-size:120px;
       background: #FFFFFF;
       border-radius:10px;
       text-align:center;
       font-size:18px;
       vertical-align:middle;
       }

.bouton_manage{
       position: absolute;
       top: 44%;
       right: 14%;
       }

.bouton_publish{
       position: absolute;
       top: 34%;
       right: 14%;
       }

.bouton_search{
       position: absolute;
       top: 11%;
       right: 14%;
       }

.bouton{
       width: 45%;
       color: black;
       height: 30px;
       font-size: 10px;
       background: white;
       border-radius:10px;
       text-align:center;
       vertical-align:middle;
       }

.box_adm{
       top: 12%;
       }

.box_pub1,.box_pub2,.box_pub3,.box_pub5,.box_adm{
       position: relative;
       text-align: center;
       width: 110px;
       left: 5%;   
       }

.box_pub1{
       top: 5%;
       }

.box_pub2{
       top: 7%;
       }

.box_pub3{
       top: 9%;
       }

.box_pub5{
       top: 11%;
       }
.btitle{
       margin: 8px 0 0 32px;
       padding:0;
       font-weight:bold;
       font-size:110%;
       color:white;
       }

.btnClose{
       float:right;
       cursor:pointer;
       }

.btnPopup:hover{
       background-color:#66FF99;
       }

.btnPopup{
       background-color:#FF9900;
       padding:1em 2em;
       font-size:14pt;
       color: #000;
       }

.btsub:hover{
       background-position: 0 -128px;
       }

.button:active{
       color: #000;
       background: #444;
       background: linear-gradient( #555, #2C2C2C);
       box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
       }

.button,.envoyer{
       font-family: "Gill Sans", sans-serif;
       font-size: 1em;
       width: 150px;
       height: 24px;
       line-height: 22px;
       padding: 0px;
       text-align: center;
       color: #ffffff;
       background: linear-gradient( #BBBBBB, #525252);
       border-radius: 17px;
       /* text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
       */    text-shadow: 0px 1px 0px #E0E0E0;
       box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
       }

.button{
        background: linear-gradient( #BBBBBB, #525252);
        }
.envoyer{
        background: linear-gradient( #52FF7D, #00CC33);
        }
.cache{
       display:none;
       visibility:hidden;
       }

.cadre{
       background-color: #FFFFFF;
       width: 600px;
       margin: 0 auto 15px auto;
       padding: 10px;
       border: 2px solid #eeab69;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       text-align: left;
       background-image: -moz-linear-gradient(top, #FFFFFF, #f4f4f4);
       background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f4f4f4))}
.cadre2{
       background-color: #FFFFFF;
       width: 600px;
       margin: 0 auto 15px auto;
       padding: 10px;
       border: 2px solid #eeab69;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       text-align: left;
       background-image: -moz-linear-gradient(top, #FFFFFF, #f4f4f4);
       background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f4f4f4));
       }

.cell_cnx{
      padding: 2%;
      padding-left: 10%;
      }

.chien{
       position:absolute;
       top:47%;
       left:8%;
       }

.class_sipreferez{
       text-align:right;
       width:60%;
       font-size:14px;
       color:black;
       }

.liste_choix{display:flex;align-items:center;}
.logo{width:60px;height:auto;margin-right:15px;}
.titre_gene{background-color: #C9C9C9; width:99%; margin-right:auto;}
.choix{display:flex;flex:1;text-align:center;}



.clear{
       clear:both;
       }

.coins{
       border:1px solid #B0C4DE;
       background-color: #E4EFFF;
       -webkit-border-radius:10px;
       }

.comment_request{
       width: 300px;
       background-color: #CDFFCD;
       }

.commentetrepaye{
       top: 400px;
       }

.conflits{
       top:1000px;
       }

.conseils{
       top: 600px;
       }

.avert_cook{
    position: absolute;
    background-color: yellow;
    text-align: center;
    height: 27%;
    width: 88%;
    display: block;
    z-index: 99999999;
    font-size: 13px;
    color: #000000;
    /* margin-right: 10%; */
    top: 20%;
    border: darkgrey;
    left:0%;
  }
/*.avert_cook{
       position:fixed;
       background-color:yellow;
       text-align:center;
       height:14%;
       width:87%;
       display:block;
       z-index: 99999999;
       font-size:13px;
       color:#000000;
       margin-right:10%;
       }       */

.cook_agrement_1{text-align:center;width:90%;}
.cook_agrement_1,.cook_agrement_2{display:inline-block;}
.cook_agrement_3{color:#0033FF;}
.cook_agrement_2{width:2%;text-align:right;vertical-align:top;}
.cook_agrement_3{text-decoration: underline;}

.corp{
       float: left;
       width: 75%;
       margin: 1em 0;
       }

.country{
       left: 270px;
       position: relative;
       font-size:15px;
       color:#2A5ECC;
       }
.donnees_form, .week,.Langue, .donnees_user{
       width:auto;
       }
.Langue{
       font-size:16px;
        }

.donnees_form, .donnees_user, .Langue{
       height:40px;
       }
.coupelesmot{
       word-wrap:  break-word;
       }

.croix{
       float: right;
       }

.date_cherche{
       width: 128px;
       }

.date{
       width:135px;
       }

.date-time select{
       width: auto;
       }

.demo h1{
       margin-top: 0;
       }

.demo{
       margin: 0 auto;
       padding-top: 64px;
       max-width: 640px;
       width: 94%;
       }

.ds_box_accueil{
       background-color: #FFF;
       border: 1px solid #000;
       position: absolute;
       z-index: 20;
       margin-left:50%;
       }

.ds_box{
       background-color: #FFF;
       border: 1px solid #000;
       position: absolute;
       z-index: 32767;
       }

.ds_cell:hover{
       background-color: #F3F3F3;
       }
 /* This hover code won't work for IE */
.ds_cell{
       background-color: #FFFFCC;
       color: #000;
       font-size: 10px;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       padding: 5px;
       cursor: pointer;
       font-weight: bold;
       }

.ds_depl{
       color: #000000;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 20px;
       font-weight: bold;
       text-align: center;
       }

.ds_head{
       background-color: #333;
       color: #FFF;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
       font-weight: bold;
       text-align: center;
       letter-spacing: 2px;
       }

.ds_subhead{
       background-color: #CCC;
       color: #000;
       font-size: 11px;
       font-weight: bold;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       width: 32px;
       }

.ds_tbl{
       background-color: #FFFF99;
       background-image: url(/images/fsaisiet.png);
       }

.element_menuhoriz{
       color: rgb(147,148,150);
       font-family: "Georgia", serif, Comic Sans MS, Trebuchet MS;
       text-align: center;
       font-size: medium;
       border: none;
       margin-bottom: 20px;
       font-weight: bold;
       }

.eval{
       position:absolute;
       left:200px;
       top:0px;
       font-size:18px;
       }

.exemplecursive{
       font-family: cursive;
       }

.exempleemoji{
       font-family: emoji;
       }

.exemplefangsong{
       font-family: fangsong;
       }

.exemplefantasy{
       font-family: fantasy;
       }

.exemplemath{
       font-family: math;
       }

.exemplemonospace{
       font-family: "Lucida Console", Courier, monospace;
       }

.exemplesansserif{
       font-family: Verdana, Arial, Helvetica, sans-serif;
       }

.exempleserif{
       font-family: Times, "Times New Roman", Georgia, serif;
       }

.exp_user{
       float:right;
       width:59%;
       height:auto;
       background-color: #F0FFFF;
       ;
       line-height: 25px;
       text-align:justify;
       word-wrap:break-word;
       margin:8px;
       }

.expli_cook{
       position: absolute;
       background-color: #E3E3E3;
       top: 17%;
       width: 68%;
       z-index: 10000;
       font-size: 13px;
       color: #000000;
       }

.extra-wide{
       width: 90% !important;
       }

.f_user{
       float:left;
       width:34%;
       height:auto;
       background-color: #F3F3F3;
       }

.fondconnexion{
       width: 300px;
       background-color: #FFFFFF;
       border: none;
       }

.fondmail{
       width: 600px;
       background-color: #FFFFFF;
       border: none;
       }

.fondscore{
       width: 90px;
       background-color: #CDFFCD;
       }


.format_decision{
position:relative;
       margin-top: 9px;
       margin-bottom: 9px;
       text-align: center;
       }

.formulaire-moncompte .registration-email, .formulaire-moncompte .registration-password{
       width: 267px;
       padding-right: 30px;
       background: #fff no-repeat 280px 50%;
       }

.formulaire-moncompte .registration-password{
       background-image: url(./../photos/admin/clef.png);
       }

.formulaire-moncompte [class*="register-"][class*="-wrapper"] input, .formulaire-moncompte [class*="register-"][class*="-wrapper"] label{
       margin-bottom: 0;
       }

.formulaire-moncompte input, .formulaire-moncompte select option{
       color: #333;
       }

.formulaire-moncompte input, .formulaire-moncompte select, .formulaire-moncompte label{
       font-size: 13px;
       }

.gender{
       margin-left: 30px;
       margin-bottom: 30px;
       }

.gratuit{
       position:absolute;
       top:21%;
       font-size:30px;
       color:white;
       width:85%;
       background-color: #545454;
       opacity:0.6;
       text-align:center;
       height:10%;
       left:12%;
       }

.hanger_cherche, .hanger_propose{
       position: absolute;
       width: auto;
       text-align: left;
       font-size: 15px;
       line-height:1.5em;
       color: #FFFFFF;
       text-align:left;
       background-color: #AAAAAA;
       z-index:9;
       }
.hanger_cherche{
       left: 0%;
       margin-top:3.5%;
}
.hanger_propose{
       left: 0%;
       margin-top:5%;
}

.hanger_cherche_accueil_1, .hanger_cherche_accueil_2{
       position: absolute;
       width: auto;
       text-align: left;
       font-size: 15px;
       color: #FFFFFF;
       text-align:left;
       margin-top:2%;
       background-color: #AAAAAA;
       z-index:9;
       }

.hanger_cherche_accueil_1{
       left:4%;
       }

.hanger_cherche_accueil_2{
       left:57%;
       }

.haut{
       text-align: center;
       margin-top: 20px;
       margin-right: 20px;
       font-size: 20px;
       width:150px;
       border:1px solid #0066CC;
       }

.heighterreur{
       width: 300px;
       height: 80px;
       color:#FF0000;
       }

.heightmaxi{
       width: 89%;
       height: auto;
       z-index: 25;
       }

.heightmicro{
        width: 100%;
        height: 184px;
        z-index: 25;
       }

.heightmini{
       width: 99%;
       height: auto;
       z-index: 25;
       }

.heightpwd{
       width: 400px;
       height: 140px;
       }

.home{
    width: 20px;
    height: 20px;
}
.home.jpg:hover{
       color: #222;
       background: #555;
       background: linear-gradient( #777, #333);
       }

.hour select{
       width: auto;
       }

.iframe_formulaire{
       text-align:center;
       background:#FFFFFF;
       }

.iframe_photo, .iframe_formulaire{
       display:block;
       }

.iframe_photo{
       text-align:center;
       background:#FFFFFF;
       }

.imagelanguebr{
       background-image:url(./../photos/admin/drapeaux/Royaume_Uni.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelanguede{
       background-image:url(./../photos/admin/drapeaux/Allemagne.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelanguefr{
       background-image:url(./../photos/admin/drapeaux/France.png);
       background-repeat:no-repeat;
       background-size:50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelangueit{
       background-image:url(./../photos/admin/drapeaux/Italie.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelangueph{
       background-image:url(./../photos/admin/drapeaux/Philippines.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelanguept{
       background-image:url(./../photos/admin/drapeaux/Portugal.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelanguesp{
       background-image:url(./../photos/admin/drapeaux/Espagne.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imagelanguezh{
       background-image:url(./../photos/admin/drapeaux/Chine.png);
       background-repeat:no-repeat;
       background-size: 50px 18px;
       background-position:center center;
       height:30px;
       width: 100px;
       }

.imgback{
       margin:8px;
       margin-top:0;
       padding:8px;
       z-index:2;
       border:1px solid black;
       }

.info{
       color:#0000FF;
       font-size:20px;
       text-align:center;
       }

.inner{
       margin:8px;
       padding:8px;
       background:white;
       z-index:2;
       background:white;
       }

.ititle{
       font-weight:bold;
       font-size:110%;
       }

.link-more a{
       text-decoration: underline;
       color: #0033CC;
       }

.login_connected{
       position: absolute;
       width: 34%;
       height: 7%;
       top: 85%;
       right: -21%;
       text-align: left;
       margin-left: 0;
       }
.logo_facebook_horiz{
       width: 90px;
       height: 30px;
       position: absolute;
       top:80px;
       left:130px;
       margin-left:10px;
       }

.logo_funradio_horiz{
       width: 90px;
       height: 30px;
       position: absolute;
       top:80px;
       left:30px;
       }

.logo_google_horiz{
       width: 90px;
       height: 30px;
       position: absolute;
       top:80px;
       left:230px;
       margin-left:20px;
       }

.logo_lespubs{
       width: 100px;
       height: 80px;
       float: right;
       position: absolute;
       top:0px;
       left:241px;
       }

.logo_partenaire{
       width: 150px;
       height: 250px;
       position: absolute;
       top:430px;
       left:830px;
       margin-left:20px;
       }

.margin-half-right{
       margin-right: 8px !important;
       }

.message304{
       position: absolute;
       width: 100%;
       left: 0%;
       text-align: center;
       font-size: 18px;
       color: #FFFFFF;
       background-color: #00AD00;
       border: 1px solid;
       top: 20%;
       }

.nom_site1,.nom_site2{
       left:0%;
       width:100%;
       text-align:center;
       }

.nom_site1{
       top: 0%;
       font-size: 27px;
       text-shadow: 1px 1px 1px #006B05;
       color: white;
       font-family: Arial;
       }

.nom_site2{
       top: 7%;
       font-size: 13px;
       color: #008A00;
       }

.no-margin-left{
       margin-left: 0 !important;
       }

.Noquest{
       width:100%;
       background-color:#ADADAD;
       border:1px solid #575757;
       color:#6600FF;
       text-align:center;
       }

.options{
       text-align:right;
       vertical-align:text-top;
       font-weight:normal;
       font-family:arial;
       font-weight: bold;
       color:black;
       font-size:15px;
       }
.otp-input {
    width: 12ch;
    padding: 10px 0;
    font-size: 28px;
    letter-spacing: 0.65em;
    text-align: center;
    font-family: monospace;

    border: 1px solid #999;
    border-radius: 8px;

    background:
        repeating-linear-gradient(
            to right,
            transparent 0,
            transparent 1.6ch,
            #ccc 1.6ch,
            #ccc 1.7ch
        );
    }
.overlay{
       background-color:rgba(255, 153, 51, 0);
       position:fixed;
       left:0px;
       top:0px;
       width:100%;
       height:100%;
       display:none;
       }

.p{
       text-align: center;
       }

.xxxxpage{
       background-color: #CDFFCD;
       width: 100%;
       }

.paragraphe1{
       margin-left:3%;
       }

.paragraphe2{
       margin-left:4%;
       }

.paragraphe3{
       margin-left:5%;
       }

.paypal{
       height: 45px;
       }

.petition{
       position: absolute;
       top: 87%;
       left: 4%;
       height: 53%;
       z-index: 2;
       width: 92%;
       font-size: 20px;
       color: #003399;
       border: aquamarine;
       border: solid 1px;
       }

.petitmot_kvh{
       font-size: 13px;
       }

.petitmot_proxi{
       font-size: 20px;
       }

.photopageaccueil{
        position: absolute;
        font-size: 17px;
        width: 91%;
        left: 2%;
        padding-top: 2%;
        top: 47%;
       }

.portrait{
       text-align:center;
       width:8%;
       height:8%;
       border:1px solid;
        }

.popup{
       margin:20% auto;
       width:70%;
       background-color:rgb(51, 153, 0);
       border-radius:5px;
       /*box-shadow:15px 20px 0 rgba(0,0,0, 0.5);
       */}
.priv_window{
       /*margin: 20px auto;
       padding:15px;
       */    -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       background-color: #ebebeb;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border: solid 1px #cbc9c9;
       }

.pub{
       top:10%;
       margin:10%;
       font-size: x-small;
       text-align: center;
       }

.pull-left{
       float: left;
       }

.Questrep{
       width:100%;
       background-color:#D6D6D6;
       border:1px solid #575757;
       font-size:18px;
       }


.red{
       color: #c93634;
       }

.reglespaiement, .commentetrepaye, .conseils, .bareme, .conflits, .retaccueil{
       height: 60px;
       border-bottom: 1px solid #FFFFFF;
       color:#00B82E;
       }

.reglespaiement{
       top: 200px;
       }

.resa_info{
       color:#FFFFFF;
       font-size:20px;
       text-align:center;
       }

.retaccueil{
       top:1200px;
       }

.retour{
       border:none;
       background:url(./../photos/admin/retour.gif);
       background-repeat: no-repeat;
       background-color:#008000;
       color:#FFFFFF;
       width: 200px;
       /* largeur à spécifier */height: 30px;
       /* longueur à spécifier */cursor: pointer;
       }

.roundedImage{
       overflow:hidden;
       -webkit-border-radius:200px;
       -moz-border-radius:200px;
       border-radius:200px;
       width:300px;
       height:300px;
       }

.sans_outline{
       outline: none;
       }

.seats{
       width:40px;
       text-align:center;
       }

.size26{
       font-size: 26px !important;
       }
.class_menu{
       position: absolute;
       top: 0%;
       right: 27%;
       height:80%;
       }

.sous_couche_menu1{
       height: 10%;
       }

.sous_couche_menu2{
       height: 15%;
       }

.span4{
       margin-left: 30px;
       }

.special{
       background-color: transparent;
       color: white;
       }

.titre_eval{
       font-size:15px;
       color:#993333;
       text-align:right;
       font-size: 10px;
       }

.titre_gene{
       -webkit-border-radius: 8px/7px;
       -moz-border-radius: 8px/7px;
       border-radius: 8px/7px;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
       border:solid 1px #cbc9c9;
       background-color: #cbc9c9;
       box-sizing: content-box;
       width:100%;
       margin-left:1%;
       margin-right:auto;
       line-height:2.2em;
       text-align: -webkit-center;
       }

.titre_login{
       background-color:#FFCC66;
       font-size:15px;
       color:#333399;
       text-align:left;
       font-size: 15px;
       }

.trajet{
       left:20px;
       }

.trombi_centre{
       /* KVH_PREAFF_PORTRAIT;
       */    height: 80px;
       position: relative;
       top: 0px;
       }

.ui-autocomplete-input, .uneditable-input, input[type=password], input[type=text], textarea{
       display: inline-block;
       font-size: 13px;
       line-height: 18px;
       border: 1px solid #ccc;
       }

.validation-button{
       display: inline-block;
       margin-bottom: 0;
       padding: 4px 10px 14px;
       line-height: 18px;
       font-family: Arial,Helvetica,sans-serif;
       color: #fff;
       font-size: 13px;
       text-align: center;
       vertical-align: middle;
       cursor: pointer;
       background: #3F48CC;
       border: 1px solid #0FAAF0;
       border-bottom: 2px solid #0d96d3;
       font-weight: normal;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       border-radius:100px;
       box-shadow: none;
       }

.week{
       margin-left:20px;
           height: 10.3125em;
       }

.wide-button{
       padding: 6px 14px;
       font-size: 18px;
       line-height: normal;
       }

.write{
       background-color: #FFFFFF;
       width: 600px;
       margin: 15px auto 15px auto;
       padding: 10px;
       border: 2px solid #eeab69;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       text-align: left;
       background-image: -moz-linear-gradient(top, #FFFFFF, #f4f4f4);
       background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f4f4f4));
       }

.xbouton_court{
       font-family: "Gill Sans", sans-serif;
       font-size: 1em;
       font-weight: bolder;
       width: 238px;
       height: 24px;
       line-height: 22px;
       padding: 0px;
       text-align: center;
       color: #004080;
       border-radius: 17px;
       -webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, -9px -14px 26px 2px rgba(24,8,28,0);
       box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, -9px -14px 26px 2px rgba(24,8,28,0);
       }

.xxxxbouton_court{
       color:white;
       background:black;
       width:auto;
       line-height:20px;
       font-size:12px;
       text-align:center;
       font-size:15px;
       vertical-align:middle;
       border-radius:10px;
       }

.yyyybouton_court{
       font-family: "Gill Sans", sans-serif;
       font-size: 1em;
       font-weight: bolder;
       width: 238px;
       height: 24px;
       line-height: 22px;
       padding: 0px;
       text-align: center;
       color: #575757;
       background: linear-gradient( #D6D6D6, #FFFFFF);
       border-radius: 17px;
       /* text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
       */    text-shadow: 0px 1px 0px #E0E0E0;
       box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
       }

.zone_iframe{
        position: absolute;
        top: 60px;
        right: 5%;
       }

.zone_iframe2{
       position:absolute;
       top:33%;
       right: 5%;
       width: 38%;
       }

.zzzzbouton_court{
       font-family: "Gill Sans", sans-serif;
       font-size: 1em;
       font-weight: bolder;
       width: 238px;
       height: 24px;
       line-height: 22px;
       padding: 0px;
       text-align: center;
       color: #004080;
       border-radius: 17px;
       -webkit-box-shadow: inset -1px 3px 8px 5px #8A8A8A, 2px 5px 16px 0px #424242, -9px -14px 26px 2px rgba(24,8,28,0);
       box-shadow: inset -1px 3px 8px 5px #8A8A8A, 2px 5px 16px 0px #424242, -9px -14px 26px 2px rgba(24,8,28,0);
       }

::-moz-placeholder{
       color:#AEB2B2;
       font-style: italic;
       font-size:14px;
       }
/* individual: webkit */
::-webkit-input-placeholder{
       color:#AEB2B2;
       font-style: italic;
       font-size:14px;
       }

:-moz-placeholder{
       color:#AEB2B2;
       font-style: italic;
       font-size:14px;
       }
/* firefox 19+ */
:-ms-input-placeholder{
       color:#AEB2B2;
       font-style: italic;
       font-size:14px;
       }
/* ie */
:-webkit-input-placeholder{
       color:#AEB2B2;
       font-size:14px;
       }

[class^="icon-"], [class*=" icon-"]{
       display: inline;
       width: auto;
       height: auto;
       line-height: normal;
       vertical-align: baseline;
       background-image: none;
       background-position: 0% 0%;
       background-repeat: repeat;
       margin-top: 0;
       }

[class^="icon-"], [class*=" icon-"]{
       font-family: FontAwesome;
       font-weight: normal;
       font-style: normal;
       text-decoration: inherit;
       -webkit-font-smoothing: antialiased;
       }



ul{
       text-align: center;
       margin: 10px;
       padding-right: 10px;
       list-style-type: none;
       }

ul li{
       float: left;
       }

ul li a img{
       margin: 2px 1px;
       border: 1px solid #dcb;
       }

a.button:hover{
       top: 3px;
       background-color:#2e458b;
       -webkit-box-shadow: none;
       -moz-box-shadow: none;
       box-shadow: none;
       }

a.button{
       font-size: 14px;
       font-weight: 600;
       color: white;
       padding: 6px 25px 0px 20px;
       margin: 10px 8px 20px 0px;
       display: inline-block;
       float: right;
       text-decoration: none;
       width: 50px;
       height: 27px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       background-color: #3a57af;
       -webkit-box-shadow: 0 3px rgba(58,87,175,.75);
       -moz-box-shadow: 0 3px rgba(58,87,175,.75);
       box-shadow: 0 3px rgba(58,87,175,.75);
       transition: all 0.1s linear 0s;
       top: 0px;
       position: relative;
       z-index:999;
       }

a.icone:hover{
       background-color: #339900;
       }

a.icone{
       background-color: #339900;
       }

a:active{
       color: #0033FF;
       }

a:hover{
       font-weight: bold;
       color: #0033FF;
       text-decoration: underline;
       }

a:link{
       color: #0033FF;
       text-decoration: underline;
       }

a:visited{
       color: #0033FF;
       }

b{
       color: red;
       }

body{
       box-sizing: content-box;
       width: 95%;
       margin-left: 1%;
       margin-right: 20%;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       font-size: 14px;
       line-height: 20px;
       color: #333;
       vertical-align: middle;
       height: 200%;
       /*border-right: 1px solid;
       border-left: 1px solid;  */
       background: white;
       }

caption{
       color:#000000;
       padding: 10px;
       width:9%;
       }

div{
       display:block;
       }

fieldset.newcovoiturage{
       border-style:ridge;
       border:1px solid black;
       margin-left: auto;
       margin-right: auto;
       border-radius: 8px;
       background-color: #FFFFFF;
       width: 600px;
       }

fieldset.sphone{
       border:1px solid black;
       margin-left: auto;
       margin-right: auto;
       border-radius: 8px;
       -moz-border-radius: 10px;
       background-color: #CDFFCD;
       border: none;
       width: 1055px;
       }

fieldset.titre{
       margin-left: auto;
       margin-right: auto;
       border-radius: 8px;
       text-align:center;
       background-color: #000000;
       color:#FFFFFF;
       width:100%;
       font-size:25px;
       }

fieldset.titre1{
       margin-left: auto;
       margin-right: auto;
       border-radius: 8px;
       text-align:center;
       background-color: #000000;
       color:#FFFFFF;
       width:50%;
       font-size:25px;
       }

fieldset{
       border:1px solid black;
       z-index:1;
       margin-left: auto;
       margin-right: auto;
       border-radius:8px;
       background-color: #FFFFFF;
       border: none;
       height:-moz-calc;
       }

figure{
       min-width: 150px;
       }

form{
       /*margin: 0 30px;*/
       }

h1,h2,h3,h4{
       font-family:Arial, Helvetica, sans-serif;
       }

h1{
       font-size: 140%;
       color: #000066;
       }

h2{
       font-size: 130%;
       color:  #000066;
       }

h2{
       margin: 2em;
       }

h3{
       font-size: 120%;
       font-weight: lighter;
       font-style: italic;
       color:  #000066;
       }

h3{
       margin: 3em;
       }

h4{
       color: red;
       background-color: #7B849C;
       }

hr{
       color: #a9a9a9;
       opacity: 0.3;
       }

hr{
       display: block;
       clear: both;
       height: 0;
       margin: 0px 0 0px;
       padding: 0;
       border: 0;
       font-family: arial;
       text-align: center;
       font-size: 60px;
       line-height: 1;
       }

html{
       height: 100%;
       display: block;
       font-size: 100%;
       -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
       /*  background: #8080801c;
       */}
img.logo_arrondi_gene{
        position: absolute;
        overflow: hidden;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        top: 5%;
        right: 6%;
        height: 80px;
        z-index: 9;
       }

img.logo_arrondi_rech{
       overflow:hidden;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       border-radius:100px;
       top: 0px;
       left: 0px;
       height: 50px;
       width:50px;
       }

img.menu_logo{
       position: relative;
       overflow:hidden;
       -webkit-border-radius:100px;
       -moz-border-radius:100px;
       border-radius:100px;
       top: 0px;
       right: 0px;
       height: 30px;
       width:30px;
       background-color:white;
       }

img.trombi_gauche{
       height: 80px;
       position: absolute;
       top: 0px;
       right: 0px;
       border: 1px solid #000;
       background-color: #FFF;
       padding: 4px;
       }

img{
       border: none;
       vertical-align:middle;
       }

input, select, textarea{
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       }

input, select, textarea{
       font-family: Arial,Helvetica,sans-serif;
       }

input, select, textarea{
       margin: 0;
       vertical-align: middle;
       }

input, textarea, select{
       -webkit-transition: border linear .2s,box-shadow linear .2s;
       -moz-transition: border linear .2s,box-shadow linear .2s;
       -ms-transition: border linear .2s,box-shadow linear .2s;
       -o-transition: border linear .2s,box-shadow linear .2s;
       transition: border linear .2s,box-shadow linear .2s;
       -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
       box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
       }

input.adresse_trajet{
       Text-align:left;
       width:240px;
       height: 35px;
       }

input.villes_saisi{
       text-align:left;
       width:200px;
       height: 20px;
       margin-left:20px;
       font-family: Arial, Helvetica, sans-serif;
       padding-left:40px;
       }

input.villes1{
       text-align:left;
       width:200px;
       height: 20px;
       margin-left:20px;
       font-family: Arial, Helvetica, sans-serif;
       padding-left:40px;
       }

input.write_email{
       Text-align:left;
       width:342px;
       height: 35px;
       }

input.write_nom{
       Text-align:left;
       width:342px;
       height: 35px;
       }

input[type=text]{
       border: 1px solid #cbcbcb;
       }

input[type=checkbox]{
       height:13px;
       -ms-transform: scale(2);
       /* IE */  -moz-transform: scale(2);
       /* FF */  -webkit-transform: scale(2);
       /* Safari and Chrome */  -o-transform: scale(2);
       /* Opera */}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email],input[type=identite],input[type=nbplaces], input[type=month], input[type=number], input[type=password], input[type=search],input[type=datesearch],input[type=heuresearch],input[type=sieges], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week],input[type=formulaire],  select, select[type=Langue], select[type=civil], textarea{
       display: inline-block;
       padding: 4px 9px;
       line-height: 12px;
       height:21px;
       color: #555;
       vertical-align: middle;
       -webkit-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       -moz-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       background-color: #EFEFEF;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       border: solid 1px #474747;
       }
[type=search]{
       -webkit-appearance: textfield;
       -webkit-box-sizing: content-box;
       }
input[type=datesearch],input[type=heuresearch]{width:76px;}
input[type=sieges]{width:60px;}

input[type=iframe]{
       -webkit-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       ;
       -moz-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
       background-color: #EFEFEF;
       -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       box-shadow: 1px 2px 5px rgba(0,0,0,.09);
       border: solid 1px #cbc9c9;
       width:120px;
       border-radius:10px;
       background-color: #EFEFEF;
       font-size:12px;
       height:25px;
       }

input[type=image]{
       width:40px;
       height:40px;
       }

input[type=nbplaces]{
       width: 50px;
       }

input[type=numero]{
       width:10px;
       height:40px;
       }

input[type=password],input[type=email],select[type=Langue],input[type=identite], input[type=formulaire]{
       width: 197px;
       }

input[type=password]{
       margin-bottom: 4px;
       }

input[type=radio]:checked + label:after{
       opacity: 1;
       }

input[type=radio]{
       visibility: visible;
       }

label, input, button, select, textarea{
       font-size: 14px;
       font-weight: normal;
       line-height: 18px;
       }

label.inline{
       display:inline}
label.radio:after{
       opacity: 0;
       content: '';
       position: absolute;
       width: 0.5em;
       height: 0.25em;
       background: transparent;
       top: 7.5px;
       left: 4.5px;
       border: 3px solid #FFFFFF;
       border-top: none;
       border-right: none;
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       transform: rotate(-45deg);
       }

label.radio:before{
       background: #3a57af;
       content:'';
       position: absolute;
       top:2px;
       left: 0;
       width: 20px;
       height: 20px;
       border-radius: 100%;
       }

label.radio{
       cursor: pointer;
       text-indent: 35px;
       overflow: visible;
       display: inline-block;
       position: relative;
       margin-bottom: 15px;
       }

label{
       margin-top:20px;
       display:block;
       }

legend{
       text-align: center;
       font-size:25px;
       font-weight:bold;
       color: #001B85;
       }

li{
       padding-left: 5px;
       padding-bottom: 5px;
       border-bottom: 1px solid blue;
       }
ol, ul{
       margin-left: 15px;
       }

option[value=""][disabled]{
       display: none;
       font-style:italic;
       color: #AEB2B2;
       }

option{
       color: #009999;
       font-style:italic;
       }

p,h1{
       margin: 1em;
       }
#recap_suppr_confirme,#recap_suppr_annul{
       position:fixed;
       text-align:center;
       width:70%;
       z-index:2;
        }
#recap_suppr_confirme{
       background-color:#999999;
        }
#recap_suppr_annul{
       background-color:#FF4D4D;
        }
section{
       display: block;
       }

select:required:invalid{
       color: gray;
       font-style:italic;
       }

select:required:selected{
       color: gray;
       font-style:italic;
       }

span.chip{
       height: 8px;
       width: 8px;
       background-color: #FFFFFF;
       }

table tr:last-child td:last-child{
       border-bottom-right-radius: 0px;
       border-top-right-radius: 0px;
       border-bottom-left-radius: 0px;
       border-top-left-radius: 0px;
       }

table.etape{
       width:60%;
       }

table{
       border-collapse: collapse;
       border: 1px;
       border-spacing: 1px;
       width: 100%;
       }

TD.ACal{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #2A5ECC;
       background: #FFFFCC;
       }

TD.BBl{
       font-size: 9px;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       border: 1px;
       padding: 1px;
       }

TD.Boutonleft{
       text-align: left;
       }

TD.colonne{
       font-size: 11px;
       font-family: Arial, Helvetica, sans-serif;
       color: #090909;
       width: 50%;
       }

TD.colonne20{
       font-size: 11px;
       font-family: Arial, Helvetica, sans-serif;
       color: #090909;
       width: 20%;
       }

TD.colonnecentre{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #1826EC;
       width: 20%;
       }

TD.Contact{
       font-size: 12px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #F2BC17;
       }

TD.DispoCalSemBS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #FFFFFF;
       }

TD.DispoCalSemHS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #FFFFCC;
       }

TD.DispoCalWekBS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #FFFFFF;
       }

TD.DispoCalWekHS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #FFFFCC;
       }

TD.donnee{
       font-size: 11px;
       font-family: Arial, Helvetica, sans-serif;
       color: #1826EC;
       width: 50%;
       }

TD.erreur{
       font-size: 15px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0000;
       background: #FFFFFF;
       }

TD.ExclusCalSem{
       font-size: 14px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #8DF2F2;
       }

TD.ExclusCalWek{
       font-size: 14px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #8DF2F2;
       }

TD.Information{
       font-size: 12px;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       background: #EDF2F1;
       font-weight:800;
       }

TD.JCal{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #2A5ECC;
       background: #FFFFCC;
       }

TD.Logo{
       font-size: 12px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #DDE6E5;
       }

TD.newcovoiturage_left{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       background: #FFFFFF;
       }

TD.newcovoiturage{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       }

TD.Nonlouable{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #FF0033;
       }

TD.Resatemporaire_b{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #0066FF;
       border: 1px solid #000000;
       }

TD.ReserCalSemBS_b{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #0066FF;
       border: 1px solid #000000;
       }

TD.ReserCalSemBS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #90ADA9;
       }

TD.ReserCalSemHS_b{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #0066FF;
       border: 1px solid #000000;
       }

TD.ReserCalSemHS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #F2BC17;
       }

TD.ReserCalWekBS_b{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #0066FF;
       border: 1px solid #000000;
       }

TD.ReserCalWekBS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #98B3B0;
       }

TD.ReserCalWekHS_b{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #0066FF;
       border: 1px solid #000000;
       }

TD.ReserCalWekHS{
       font-size: 8px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       background: #F2BC17;
       }

TD.Resultats{
       font-size: 18px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: white;
       background: #FFFFCC;
       }

TD.ResultCenter{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultCenterBottom{
       font-size: 9px;
       vertical-align: bottom;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultCenterMiddle{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       font-weight:800;
       }

TD.ResultCenterMiddleGris{
       font-size: 11px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #DDE6E5;
       font-weight:800;
       }

TD.ResultCenterMiddlePro{
       font-size: 12px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       font-weight:800;
       }

TD.ResultCenterMiddleRec{
       font-size: 12px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #CDFFCD;
       font-weight:800;
       }

TD.ResultCenterMiddleRed{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: red;
       background: #CDFFCD;
       }

TD.ResultCenterMiddleVertClair{
       font-size: 9px;
       vertical-align:middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #DDE6E5;
       }

TD.ResultCenterTop{
       font-size: 11px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000033;
       background: #FFFFCC;
       font-weight:800;
       }

TD.ResultLeft{
       font-size: 18px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: noir;
       }

TD.ResultLeftBottom{
       font-size: 9px;
       vertical-align: bottom;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultLeftMiddle{
       font-size: 9px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #CDFFCD;
       }

TD.ResultLeftTop{
       font-size: 9px;
       vertical-align: top;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultRight{
       font-size: 9px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultRightBottom{
       font-size: 9px;
       vertical-align: bottom;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultRightMiddel{
       font-size: 9px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultRightMiddle{
       font-size: 9px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.ResultRightTop{
       font-size: 9px;
       vertical-align: top;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFCC;
       }

TD.Saisiesphone{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
        background: #FFFFFF;
       width:300px;
       }

TD.Tat{
       font-size: 14px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.Tbt{
       font-size: 8px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Tbtx{
       font-size: 8px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       }

TD.Tc10arialnoirnobck{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: arial;
       color: #000000;
       }

TD.Tc10arialvertcreme{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: arial;
       color: #339900;
       background: #FFFFCC;
       }

TD.Tct{
       font-size: 14px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       background: #DDE6E5;
       }

TD.Td10arialnoirnobck{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: arial;
       color: #000000;
       }

TD.Td10arialvertcreme{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: arial;
       color: #339900;
       background: #FFFFCC;
       }

TD.Tdt{
       font-size: 25px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       }

TD.TdtC{
       font-size: 18px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       }

TD.TdtD{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF0A0E;
       }

TD.Tet{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       }

TD.Tft a:hover{
       font-size: 12px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #330033;
       }

TD.Tg10arialnoirnobck{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: arial;
       color: #000000;
       }

TD.Tg10arialvertcreme{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: arial;
       color: #339900;
       background: #FFFFCC;
       }

TD.Tg9{
       font-size: 9.5px;
       vertical-align: middle;
       text-align: left;
       font-family: arial;
       color: #330033;
       font-weight: lighter;
       }

TD.Titre{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       width: 100%;
       }

TD.Trt{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       }

TD.Tst{
       font-size: 9px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #DDE6E5;
       }

TD.Tvt{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Tvt15{
       font-size: 15px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Tvtcenter{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Tvtleft{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Tvtright{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TD.Twt{
       font-size: 15px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #FF0A0E;
       }

TD.Txt{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #2F7ECC;
       }

TD.Txt14{
       font-size: 14px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #2F7ECC;
       }

TD.Txt14trsp{
       font-size: 14px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       }

TD.Txtc{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.TxtcenterBleuNoBG{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
       }

TD.TxtCenterMiddle{
       font-size: 12px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #0F1BBD;
       background: #DEDEDE;
       font-weight:800;
       }

TD.Txtd{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.Txtl{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.TxtleftBleuNoBG{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: blue;
       }

TD.TxtLeftMiddle{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.Txtright {
       font-size: 10px;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.TxtrightBleuNoBG{
       font-size: 10px;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color:blue;
       background: none;
       }

TD.TxtRightMiddle{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TD.Tyt{
       font-size: 12px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #DDE6E5;
       }

TD.Tzt A:hover{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #C0C8D6;
       text-decoration: none;
       }

textarea, /* CSS2.1 attribute-equals selector */ #resetButtonID, .resetButtonClass-Name{
       background-color:#FFFFFF;
       }

textarea.mail{
       width: 65%;
       height:25%;
       }
textarea.ville{
       display: inline-block;
       width:15%;
        padding: 4px 9px;
        line-height: 20px;
        height: 21px;
        color: #555;
        vertical-align: middle;
        -webkit-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
        -moz-border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
        border-radius: 5px 5px 4px 4px/5px 5px 4px 4px;
        background-color: #EFEFEF;
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        box-shadow: 1px 2px 5px rgba(0,0,0,.09);
        border: solid 1px #474747;
}

textarea.preferences{
       margin-left:10px;
       padding:10px;
       height:70px;
       width:400px;
       }

textarea:active, #resetButtonID:active, .resetButtonClass-Name:active{
       background-color:#F7F7F7;
       }

textarea:focus, #resetButtonID:focus, .resetButtonClass-Name:focus{
       background-color:#F7F7F7;
       }

textarea:hover, #resetButtonID:hover, .resetButtonClass-Name:hover{
       background-color:#EDEDED;
       }

textarea{
       color:#000094;
       font-family: Arial, Helvetica, sans-serif;
       font-size:15px;
       }

textarea{
       margin-left:0;
       min-height:62px;
       }

TH.BB2{
       font-size: 15px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #6A5ACD;
       }

TH.BB3{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #FF9900;
       }

TH.BBl{
       font-size: 15px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       }

TH.BBlcenter{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       }

TH.BBlleft{
       font-size: 9px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       }

TH.BBlright{
       font-size: 9px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #FFFFFF;
       }

TH.colonne{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #1826EC;
       }

TH.colonnewarning{
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #ED2917;
       }

TH.fdblanc{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       background: #FFFFFF;
       }

TH.hautesaison{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #1826EC;
       width: 80%;
       }

TH.Information{
       font-size: 12px;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #EDF2F1;
       }

TH.italic{
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #ED2917;
       background: #CDFFCD;
       font-weight: bold;
       font-style: italic;
       }

TH.newcovoiturage_left{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       background: #FFFFFF;
       }

TH.newcovoiturage{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       }

TH.pays{
       font-size: 25px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #1826EC;
       width: 80%;
       }

TH.Tat{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #339900;
       }

TH.Tbt{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #FF5900;
       }

TH.titrehaut{
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #ED2917;
       background: #CDFFCD;
       }

TH.Trt{
       font-size: 20px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #003366;
       }

TH.Tst{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000066;
       background: #FFFFCC;
       }

TH.Tut{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #CC0000;
       }

TH.Tvt{
       font-size: 12px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TH.Tvt15{
       font-size: 15px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       background: #DDE6E5;
       }

TH.Tvtcenter{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       }

TH.Tvtleft{
       font-size: 10px;
       vertical-align: middle;
       text-align: left;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       }

TH.Tvtright{
       font-size: 10px;
       vertical-align: middle;
       text-align: right;
       font-family: Arial, Helvetica, sans-serif;
       color: #006600;
       }

TH.Twt{
       font-size: 7px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       }

TH.Txt{
       font-size: 10px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       background: #DEE1E1;
       }

TH.Txt14{
       font-size: 14px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #2F7ECC;
       }

TH.TxtN14{
       font-size: 14px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #FFFFFF;
       background: #6D6D6F;
       }

TH.Tyt{
       font-size: 9px;
       vertical-align: middle;
       text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       color: #000000;
       }
user agent stylesheet input, textarea, keygen, select, meter, progress{
       -webkit-writing-mode: horizontal-tb;
       }

user agent stylesheet input, keygen, select{
       color: initial;
       letter-spacing: normal;
       word-spacing: normal;
       text-transform: none;
       text-indent: 0px;
       text-shadow: none;
       display: inline-block;
       text-align: start;
       font: 13.3333px Arial;
       min-height: 20px;
       }

user agent stylesheet input[type=password]{
       -webkit-text-security: disc;
       }

user agent stylesheet input{
       -webkit-appearance: textfield;
       background-color: #EFEFEF;
       -webkit-rtl-ordering: logical;
       -webkit-user-select: text;
       cursor: auto;
       padding: 1px;
       border: 2px inset;
       }
/* Fait clignoter la bordure de la cellule 10 fois */
@keyframes clignotebordure {
    0%   { border-color: red; }
    50%  { border-color: yellow; }
    100% { border-color: red; }
}
.clignotebordure {
    animation: clignotebordure 0.4s 10;
}
/* Fin clignotebordure*/
/* Secoue la cellule 6 fois*/
@keyframes secouecellule {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-6px); }
    40%  { transform: translateX(6px); }
    60%  { transform: translateX(-6px); }
    80%  { transform: translateX(6px); }
    100% { transform: translateX(0); }
}

.secouecellule {
    animation: secouecellule 0.4s 6;
}
/* fin secouecellule */
/* Fait clignoter le fond de la cellule */
@keyframes clignotefond {
    0%   { background:#ffffff; }
    50%  { background:#ff8080; }
    100% { background:#ffffff; }
}

.clignotefond {
    animation: clignotefond 0.3s 10;
}
/* Fin clignotefond */
.show-password {
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	cursor: pointer;
	margin-left: -48px;
}
.page
    {
	display: table;
	width: 100%;
	height: 100%;
    }
nav {
     font-family: 'Century Gothic', 'Source code pro', Verdana, serif;
     width: 100%;
     background-color: #cdd0d0;
    }

nav > ul{
 margin: 0px;
 padding: 0px;
}

nav > ul::after{
 content: "";
 display: table;
 clear: both;
}

nav li{
 list-style-type: none;
}

nav > ul > li{
 float: left;
 position: relative;
}
/* */
nav a{
 display: inline-block;
 text-decoration: none;
}

nav > ul > li > a{
 /*padding: 5px 50px; */
 padding: 5px 30px;
 color: #FFF;
}
.sousmenu{
 display: none;
}
/* Label , input */



nav li:hover .sousmenu{
 display: inline-block;
 position: absolute;
 top: 100%;
 left: 0px;
 padding: 0px;
 z-index: 1000;
}

.bloc_ville {
    position: relative;
    display: inline-block;
    width: 69%;
}

.liste_villes_form {
    position: absolute;
    top: 46px;
    left: 0;
    min-width: 220px;
    text-align: left;
    font-size: 20px;
    line-height:1.5em;
    color: #FFFFFF;
    background-color: #AAAAAA;
    z-index:9;
}
.liste_villes_cherche {
    position: absolute;
    top: 41%;
    left: 0;
    width: 450px;
    background: #AAAAAA;;
    color: white;
    z-index: 9999;
    font-size: 20px;
    text-align: left;
}
.liste_villes_acc {
    position: absolute;
    top: 106%;
    left: 0;
    width: 450px;
    background: #AAAAAA;;
    color: white;
    z-index: 9999;
    font-size: 20px;
    text-align: left;
}
.recherche_accueil{
        display: flex;
        align-items: center;
        gap: 4px;
        flex-wrap: nowrap;
       }
.champ_ville {
        position: relative;
        display: inline-block;
        }
.champ_ville input {
    width: 215px;
    }



/*-------------------------------------------------------*/
/* Le pied de page                                       */
/*-------------------------------------------------------*/

.footer {
    clear: both;
    width: 100%;
    margin-top: 653px;
    background: #000;
    color: white;
    padding: 12px 0;
    text-align: center;
    position: relative;
}

.site_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

.lien_footer {
    font-size: 13px;
    line-height: 1.4;
}

.lien_footer a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.lien_footer a:hover {
    text-decoration: underline;
}

.bloc_password { /* KVH_CONTACTER */
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
/* MAILS */

/* Conteneur principal */
.kvhmail_wrapper{
    width:100%;
    background:#f4f6f8;
    padding:30px 0;
}

.kvhmail_container{
    width:650px;
    max-width:650px;
    margin:auto;
    background:#ffffff;
    border:1px solid #dddddd;
    border-radius:8px;
}

/* En-tête */
.kvhmail_header{
    background:#1d3557;
    color:white;
    padding:20px;
    font-size:24px;
    font-weight:bold;
}

/* Contenu */
.kvhmail_content{
    padding:25px;
    font-size:15px;
}

.kvhmail_content h1{
    color:#1d3557;
    font-size:20px;
    margin:0 0 15px;
}

.kvhmail_content h2{
    color:#457B9D;
    font-size:18px;
    margin:20px 0 10px;
}

.kvhmail_content p{
    margin:0 0 15px;
}

/* Tableau de données */
.kvhmail_data{
    width:100%;
    border:1px solid #d9d9d9;
}

.kvhmail_data th{
    background:#457b9d;
    color:white;
    padding:10px;
    text-align:left;
}

.kvhmail_data td{
    padding:10px;
    border-top:1px solid #e6e6e6;
}

.kvhmail_data tr:nth-child(even){
    background:#f8fafc;
}

/* Bouton */
.kvhmail_button{
    display:inline-block;
    background:#2a9d8f;
    color:white;
    text-decoration:none;
    padding:12px 24px;
    border-radius:5px;
    font-weight:bold;
}

/* Pied de page */
.kvhmail_footer{
    padding:20px;
    font-size:12px;
    color:#888888;
    text-align:center;
    border-top:1px solid #eeeeee;
}

















/* Bandeau gris général */
.banner {
    position: relative;
    top:0%;
    width: 100%;
    height: 130px;
    background: #ccc;
    box-sizing: border-box;
}

/* Logo Kivahoo à gauche */
.banner .logo {
    position: absolute;
    top: 18px;
    left: 20px;
    width: 45px;
    height: auto;
}

/* Photo à droite */
.banner .photo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 55px;
    height: 55px;
    object-fit: contain;
}

/* Titre central */
.banner .titre {
    position: absolute;
    top: -3%;
    left: 50%;
    transform: translateX(-50%);

    margin: 0;
    white-space: nowrap;

    font-size: 24px;
    font-style: italic;
    font-weight: normal;

    color: white;
    text-shadow: 1px 1px 1px green;
}

/* Ligne du menu */
.banner .menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;

    display: flex;
    align-items: center;
}
.bloc_menu{
    position:absolute;
    top:67%;
    display:flex;
    width:90%;
    right:10%;
    font-family: sans-serif;
    font-size: 16px;
}

/* Sélecteur de langue */
.banner .langue {
    margin-left: 3px;
    width: 75px;
    height: 33px;
    font-size: 11px;
}

/* Liens du menu */
.banner .liens_menu {
    flex: 1;

    display: flex;
    justify-content: space-evenly;
    align-items: center;

    margin-left: 80px;
    margin-right: 250px;
}

.banner .liens_menu a {
    font-size: 12px;
    font-style: italic;
    white-space: nowrap;
}