select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none repeat scroll 0 center rgba(0, 0, 0, 0);
border: 0 none;
color: #333333;
font: 1em/16px Arial;
height: 38px;
margin: 0;
margin: 3px 0 0 0;
position: relative;
z-index: 1;
width: 220px;
height: 25px;
}

/***Page de connexion Login**/

#page_connexion{
    height: 500px;
    margin-top: 40px;
    max-width: 402px;
}
.center{
    width: 850px;
    margin: auto;
    text-align: center;
}

.page_form h2{
    font-size: 21pt;
}

.page_form h2 img{
    vertical-align: bottom;
    margin-right: 3px
}
.page_form form{
    margin-top: 30px;
}

.page_form label{
    display: block;
    float: left;
    width: 200px;
    margin-right: -70px;
    background-color: #E7E7E7;
    height: 26px;
    padding-top: 13px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#page_connexion input[type=email] ,#page_connexion input[type=password]{
    height: 29px;
    border: 1px solid #CCD0D4;
    border-left: none;
    margin-bottom: 5px;
    margin-left: 70px;
    padding: 3px 0 5px;
    font-size: 12px;
    width: 200px;
}
.download{
    text-align: center;
    width: 135px !important;
    margin-left: auto !important;
    margin-bottom: 25px !important;
}
.page_form input,.download{
    height: 29px;
    border: 1px solid #CCD0D4;
    border-left: none;
    margin-bottom: 5px;
    margin-left: 70px;
    font-size: 13px;
    width: 200px;
}

.page_form img{
    width: 34px;
}

#button_connexion{
    font-size: 11pt;
    height: 30px;
    margin: auto;
    margin-top:20px;
    height: 36px;
}


/******************** Page Profil *************************/
#update_profil{
        height: 37px;
}
#profil_form h1{
    margin-top: 30px;
    font-size: 21pt;
    margin-bottom: 30px;
}

#profil_form h2{
    font-size: 15pt;
    margin-bottom: 20px;
}

#profil_form form{
    margin-top: 0px;
    margin-bottom: 30px;
}

#profil_form input{
    margin-right: 20px;
    margin-bottom: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#profil_form label{
    display: inline;
    float: inherit;
    padding: 11px 25px 10px 30px;
}
/*********** Tailles des inputs et labels ***********/
#profil_form .nom_prenom{
 width: 290px;
 padding-left: 5px;
}
#profil_form #prenom{
    width: 297px;
}
#profil_form #adresse{
    width: 493px;
    padding-left: 5px;
}
#profil_form #zip{
    width: 56px;
}
#profil_form .select{
    margin-bottom:-16px\0/IE9;
    display: inline-flex;
    height: 34px;
    margin-left: 67px;
    padding-top: 3px;
    width: 150px;
    margin-right: 20px;
}
@-moz-document url-prefix()
{
#profil_form .select{
     height: 38px;
    margin-bottom: -16px;
}
}
#profil_form #phone{
    width: 143px;
}

#profil_form #mail{
    width: 302px;
    padding-left: 5px;
}

#profil_form #password{
    width: 240px;
}
#profil_form #city{
    width: 172px;
    padding-left: 5px;
}
#profil_form #label_city{
    padding-left: 37px;
    padding-right: 46px;
}
#profil_form #label_mail{
    padding-left: 38px;
    padding-right: 32px;
}
#profil_form #city_bank{
    width:190px;
    padding-left: 5px;
}
#profil_form .tit_nom_bank{
    width: 647px;
    padding-left: 5px;
}
#profil_form #swift{
    width: 285px;

}
#profil_form #adress_bank{
    width: 631px;
    padding-left: 5px;
}

#profil_form #zip_bank {
    width: 88px;
}
#profil_form #iban{
    width: 284px;
}
#profil_form #siren{
    width:169px;
    padding-left: 5px;
}
#profil_form  #professionnel{
    display: none;
}
/******************** 2eme champs password ******************/
#profil_form #label_password2{
    margin-left: 57px;
    display: none;
}
#profil_form #password2{
    display: none;
}
#profil_form #no, #profil_form #yes{
    display: none;
    margin-top: 5px;
    position: absolute;
}

#profil_form #no img, #profil_form #yes img{
    width: auto;
}


/****************** Checkbox *****************/
#profil_form p{
    float: left;
    width: 200px;
    margin-top: 8px;
    font-size: 9pt;
}


.check_box_site_view{
    margin-right: 47%;
}

#profil_form input[type=checkbox],input[type="radio"]{
    width: 50px;
    float: left;
    height: 16px;
    margin-top: 6px;
}

#profil_form input[type="radio"]{
    margin-left: 0px;
    border:none\0/IE9;
    height:9px\0/IE9;
}

/************Bouton submit****************/
#profil_form input[type=submit]{
    border: none;
    border-radius: 5px;
    display: inline;
    font-size: 13pt;
    cursor: pointer;
    margin-left:inherit;
}


/**************************************************** PAGE MES SITES **************************************************************/

#site_form h2{
    margin-bottom:10px; 
}
#site_form h3{
    font-size:15pt;
}


#site_form h1 {
margin-top: 30px;
font-size: 21pt;
margin-bottom: 30px;
}
#site_form h1 img{
    vertical-align: sub;
    margin-right:3px;
}

#site_form label{
    display: inline;
    float: inherit;
    padding: 11px 30px 9px 30px;
}

#site_form #url{
    width:716px;
    padding-left: 5px;
}
#site_form #pv{
    width: 183px;
    padding-left: 6px;
}
#site_form #vu{
    padding-left: 5px;
}
#new_pv{
    padding-left: 5px;
}
#new_vu{
    width: 170px;
    padding-left: 5px;
}
#new_url{
    padding-left: 5px;
}
#site_form input[type='text']{
    
}
#site_form input[type='radio'],input[type='checkbox']{
    width: 16px;
    margin-right: 50px;
    margin-left:6px;
    height: 19px;
    margin-top: 6px;
    margin-bottom: 6px;
    vertical-align:middle;
    float:inherit;
    border:none\0/IE9;
}


@media screen\0 {
    #site_form input[type='radio'],input[type='checkbox']{ border: none; }
    #profil_form #iban{width:282px;}
} 
#site_form .theme{
    border: 1px #CCD0D4 solid;
    padding: 5px 0px 7px 0px;
    text-align:right;
    width: 259px;
    margin: 10px;
    vertical-align: text-top;
    border-radius: 3px;
    display:inline-block;
}

#site_form .list_subtheme{
    border-top: 1px #CCD0D4 solid;
    padding: 5px 0px 8px 0px;
    text-align: right;
    width: 241px;
    margin-top: 7px;
    margin-bottom: -8px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display:none;
}

#site_form .subtheme input{
    width: 15px;
    height: 16px;
    margin-top: 6px;
}
/******** FORMAT *****/
#site_form .format{
    border: 1px #CCD0D4 solid;
    text-align: right;
    width: 259px;
    margin: 10px;
    vertical-align: text-top;
    border-radius: 3px;
    display: inline-block;
}

#site_form .format span img{
    
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 5%;
      width: initial;
}


.text_format {
    text-align: center;
    margin-bottom: 0px;
}



#submit_newsite{
    margin:auto;
    cursor: pointer;
    margin-top: 30px;
}
/******Box aide format*****/

#site_form .helpbox{
    border: 1px solid #CCD0D4;
    height: 150px;
    border-radius:3px;
    display:none;

}

#site_form .helpbox img{
    float:left;
    width:inherit;
    margin: 15px;
}

#site_form .helpbox p, #site_form .helpbox h3{
    text-align:left;
    margin-top:17px;
}

/************ Button valider ************/

#site_form input[type=submit],.download{
    border: none;
    border-radius: 5px;
    display: inline;
    font-size: 13pt;
    height: inherit;
    cursor: pointer;
    margin-left: inherit;
    margin-bottom:10px;
}
#site_form input[type=text]{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
#site_form input[type=number]{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

.champs_obli{
    width: 200px;
    margin-top: 8px;
    font-size: 9pt;
    margin-bottom:10px;
}
#site_form .select{
    border-left: 1px solid #CCD0D4;
    margin-left: 0px;
    border-radius:3px;
}


/********Add site**********/
#add_site .select{
    margin-left:70px;
    margin-bottom: -16px;
    height: 37px;
    border-left: none;
}
#add_site select{
    height:32px;
}
#site_form #add_site img, #site_form .link_add img{
    vertical-align: middle;
    width:inherit;
    cursor:pointer;
/*  margin-right:5px;*/
}

#site_form #add_site{
    display:none;
}

#site_form .link_add{
    cursor:pointer;
    font-size:12px;
}

/*************************** Page mes Tags **********************************/

#tag h1{
    margin-top: 30px;
    font-size: 21pt;
    margin-bottom: 30px;
}

.ticket{
    border:1px solid grey;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
    height:220px;
}
.ticket textarea{
    max-width: 65%;
    min-width: 40%;
    height: 84px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ticket span{
    margin: 5px;
}
.ticket_info{
    margin-bottom: 15px;
    font-size: 11pt;
    margin-left: 233px;
    text-align: left;
    position :relative;
    overflow:auto; 
}
.adstxt{
   float:left;
   margin-left:20px;
}
.ticket .left{
    float:left;
    width: 178px;
    height: 100%;
    border-right: 1px solid grey;
    margin:0;
}

.ticket .right{
    float:right;
    margin-top: -90px;
}
/*********************** Page Passback *****************/
#tag h1{
    margin-top: 30px;
    font-size: 21pt;
    margin-bottom: 30px;
}

.ticket_passback{
    border:1px solid grey;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
    height:220px;
}
.ticket_passback textarea{
    width: 60%;
    height: 60%;
    margin-top: 44px;
}
.ticket_passback span{
    margin: 5px;
}
.ticket_passback{
    margin-bottom: 15px;
    font-size: 11pt;
    position :relative;
    overflow:auto; 
}

.ticket_passback .left{
    float:left;
    width: 178px;
    height: 100%;
    border-right: 1px solid grey;
    margin:0;
}

.ticket_passback .right{
    float:right;
    margin-top: -90px;
}


.passback_request{
    color: white;
    background-color: #db0436;
    border: 2px solid white;
    font-family: 'Oswald', sans-serif;
    font-size: 13pt !important;
    border-radius: 5px;
    padding: 6px 13px 33px 13px;
    width: 133px;
    margin: auto;
    display: block;
    margin-top: 25px;
    margin-left: 333px !important;
    cursor: pointer;
}


.swal-button {
  padding: 7px 19px;
  border-radius: 2px;
  background-color: #db0436;
  font-size: 12px;
  border: 1px solid #db0436;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-button:focus {
  background-color: #db0436;
}





/*********************** Page Paiement *****************/

#payment h1{
    margin-top: 30px;
    font-size: 21pt;
    margin-bottom: 30px;
}
#payment img{
    vertical-align: sub;
    margin-right:5px;
}
#payment .left{
    float: inherit;
}
#payment .left img{
    width:inherit;
}
#payment .paiement{
    width:500px;
    margin:auto;
    margin-top:10px;
    height:70px;
}

#payment .left_paiement
{
    float: left;
padding-top: 6px;
border-right: 1px solid grey;
}

#payment .left_paiement img{
    width:inherit;
    margin-bottom:5px;
}

#payment .grey{
    color:grey;
}

#payment strong{
    font-size:40px;
    margin-top:10px;
}

.list_ticket{
    display: none;
}

.expand_tag{
    background-color: #db0436;
    margin: auto;
    margin-bottom: 1em;
    width: 400px;
    padding: 15px;
    padding-right: 30px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.expand_tag img{
    float: right;
    margin-top: -8px;
}

.Asynch_tag{
    background-color: #db0436;
    margin: auto;
    margin-bottom: 1em;
    width: 200px;
    padding: 15px;
    padding-right: 30px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.Asynch_tag img{
    float: right;
    margin-top: -8px;
}

.Asynch_tag_button{
    background-color: #db0436;
    margin: auto;
    margin-bottom: 1em;
    width: 300px;
    padding: 15px;
    padding-right: 30px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.Asynch_tag_button img{
    float: right;
    margin-top: -8px;
}


/**************************** PAGE TAG *****************************/

#advice_block {
    margin: 15px 0;
}
li.need_advices {
    text-align: left;
    display: inline;
}

li.need_advices a {
    font-size: 16px;
}

li.need_advices a > span.keywords {
    color: #db0436;
}

li.need_advices p {
    line-height: 16px;
    font-size: 14px;
    display: none;
    padding: 15px;
}

li.need_advices span.align_span {
    margin-left: 20px;
}

/**************************** PAGE MAIN ****************************/
#main h1{
    margin-top: 30px;
    font-size: 21pt;
    margin-bottom: 30px;
}
#main h1 img{
    margin-right:5px;
}
#main .select{
    border:1px solid #CCD0D4 ;
    border-radius:3px;
    margin-left:inherit;
}
input[name="custom_date_from"],input[name="custom_date_to"] {
    margin-left: 0px;
    border-left: 1px solid #CCD0D4;
}
#button_date{
    width:100px;
    cursor: pointer;
    background: #db0436;
    color: white;
    margin-left: 10px;
    border-radius: 5px;
    border: none;
    font-family: 'Oswald', sans-serif;
    font-size: 12pt;
}
#custom_date{
    display: none;
}
/**********************Hack footer en bas de page*****************/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 140px;}  /* must be same height as the footer */

footer {position: relative;
	
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}

/***********************MEDIA QUERY**********************************/
/******* TABLETTES *********/
@media all and (max-device-width: 1000px){
    .center{
        width: 100%;
    }
}
@media (max-device-width:768px) and (orientation: landscape) {
  .menu_red {
    margin-top: 133px;
  }
}
/************SMARTPHONES*************/
@media all and (max-device-width: 480px){
  /******* Page Connexion*****/
    .center{
        width: 100%;
    }
   .page_form label{
      width:50%;
   }
   #page_connexion{

    max-width:100%;
   }
   #page_connexion input[type=email] ,#page_connexion input[type=password]{
      width:49%;
   }
}


/************TOOLTIP*************/

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:-12px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.justify {
    text-align : justify;
}

/************ parcours ************/
.tips_box{
    width: 20%;
    text-align: center;
    margin-left: 20px;
    padding: 12px;
    float: left;
    line-height: 1.5em;
    font-size: 1.5em;
}
.tips_box_final{display: none;}

#step1{
    display: none;
}
/**PAIEMENT**/
.payement_choice{
    display: none;
}
#banktransfer_h2{
    font-size: 13pt;margin-bottom: 0px;padding: 20px;border: #c3c3c3 1px solid;width: 300px;margin: auto;border-radius:3px; 
}
#banktransfer_h2 input,#paypal_h2 input{
margin: inherit;
float:inherit;
margin-bottom: 0;
}
#paypal_h2{
    padding: 20px;border: #c3c3c3 1px solid; width: 300px;margin: auto;border-radius:3px;padding-bottom: 0;padding-top: 0;
}
#paypal_h2 input{margin-bottom: 24px;
    margin-right: 20px;}

/* Sweet Alert */
.swal-button--cancel{
    background-color: #dddddd;
    border: 2px solid #ddd;
}