@charset "UTF-8";
/* CSS Document */
#account {width: 100%; clear: both; float: left; background:#f6f6f6;}
#account .content { width:1200px; display: table; margin: auto;}

@media (max-width: 768px) {
   #account .content { width:calc(100% - 20px); display: table; margin: auto; }  
}

/* BANNER */
#account #slider {width: 100%; clear: both; float: left; height: 270px; background:#c9bfa5;}
#account #slider h1 { float: left; margin-left: 230px; margin-top: 135px; font-family: 'Raleway', sans-serif; text-align: left; text-transform: uppercase; letter-spacing: 4px;  font-size: 60px; font-weight: 200; color: #fff; line-height: 55px; width: 500px;}
#account #slider .vignette { float: right; margin-top: 100px; font-family: 'Raleway', sans-serif; text-align: center; text-transform: uppercase; font-size:10px; font-weight: 600; color: #fff; line-height: 14px; background: url("/img/account-vignette.png"); width: 74px; height: 53px;}

@media (max-width: 768px) {
    #account #slider h1 { margin-left: 0px; margin-top: 40px; width: calc(100% - 75px); text-align: left; font-size: 40px; line-height: 40px; letter-spacing: 2px; }  
    #account #slider .vignette { margin-top: 0px; }
    #account #slider {height: 160px; }

}

/* BODY */
#account #corps { width: 100%; background: #f6f6f6; clear:both; float: left; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;}
#account #corps .profile { margin-top: -155px;  width:210px; height: 210px; border: 3px solid #fff; border-radius:210px;}
 
#account .star { float: left; width: 30px; margin-left: 10px; margin-right: 20px; margin-top: -2px;}
#account h2 { float: left; font-size: 24px; text-transform: uppercase; font-weight: 200; color: #bd7d16; letter-spacing: 1px; line-height: 30px; }

@media (max-width: 768px) {
    #account #corps .profile { display: none; }
    #account .star { margin-left: 0px; margin-right: 10px; margin-top: -2px;}
    #account h2 { float: left; font-size: 24px; text-transform: uppercase; font-weight: 200; color: #bd7d16; letter-spacing: 1px; line-height: 30px; }

}

#account #corps .left {float: left; width: 570px; }
#account #corps .left .box { float: left; width: 440px; background: #fff; padding: 25px; }
#account .button { float: left; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; cursor: pointer; }
#account .button:hover { background:#af9d6c; color: #fff; }
#account .new_messages { font-size: 24px; text-transform: uppercase; font-weight: 600; color: #bd7d16; letter-spacing: 1px; line-height: 30px; }
#account .line_sep { width: 100%; height: 1px; background: #c9bfa5; }
#account .line_achat { width: 100%; height: 20px; line-height: 20px; border-bottom: 1px solid #c9bfa5; padding-bottom: 5px; margin-bottom: 10px; }
#account .line_achat .title_achat { float: left; width: 270px; }
#account .line_achat .date_achat { float: left; width: 110px; text-align: center;}
#account .line_achat .price_achat { float: left; width: 60px; text-align: right;}

@media (max-width: 768px) {
    #account #corps .left {float: left; width: 100%; margin-bottom: 20px; }
    #account #corps .left .box { float: left; width: calc(100% - 30px); background: #fff; padding: 15px; }
    #account .new_messages { font-size: 18px; }
    #account .button { border: 2px solid #bd7d16; padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); text-align: center}
    
    #account .line_achat .title_achat { float: left; width: calc(100% - 60px); }
    #account .line_achat .date_achat { float: left; width: 110px; text-align: center; display: none}
    #account .line_achat .price_achat { float: left; width: 60px; text-align: right;}
}

#account #box_abos { height: 310px; overflow: hidden; position: relative; } 
#account .show_abos { position: absolute; bottom: 0px; left: 0px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background: #f6f6f6; width: 490px;  } 
#account .show_abos:hover { color: #bd7d16;  } 
#account .left .stop { font-size: 12px; float: right; color: #333; text-decoration: none; cursor: pointer}

@media (max-width: 768px) {
    #account #box_abos { height: auto; overflow: hidden; position: relative; } 
    #account .show_abos { display: none} 

}

#account #corps .left2 {float: left; width: 500px; margin-left: 50px; }
#account .left2 .box { float: left; width: 450px; background: #fff; padding: 25px; }
#account .left2 .vignette2 { float: left; margin-top: -25px; margin-left: -25px; font-family: 'Raleway', sans-serif; text-align: center; font-size:14px; font-weight: 600; color: #fff; line-height: 14px; background: url("/img/account-vignette2.png"); width: 74px; height: 117px;}
#account .left2 .infos { float: left; width: 380px; margin-left: 20px; }
#account .left2 .info { float: left; width: 115px; margin-right: 10px; }
#account .left2 .info span { font-size: 24px; font-weight: 600; color: #bd7d16; letter-spacing: 1px; line-height: 24px; }

#account .left2 .supprimer { font-size: 12px; float: right; color: #333; text-decoration: none; cursor: pointer}
#account .left2 .photo { position: relative; float: left; width: 175px; height: 175px; margin-right: 20px; }
#account .left2 .photo .square { position: absolute; width: 175px; height: 175px; top: -5px; border: 5px solid #cf9821; z-index: 100 }
#account .left2 .photo .bandeau { position: absolute; left: -25px; top: -20px; z-index: 101 }
#account .left2 .offer { float: right; width: 250px; text-align: center; line-height: 20px;}

@media (max-width: 768px) {
    #account #corps .left2 {float: left; width: 100%; margin-left: 0px; }
    #account #corps .left2 .box { float: left; width: calc(100% - 30px); background: #fff; padding: 15px; }
    #account .left2 .vignette2 { margin-top: -15px; margin-left: -15px; font-family: 'Raleway', sans-serif; text-align: center; font-size:14px; font-weight: 600; color: #fff; line-height: 14px; background: url("/img/account-vignette2.png"); width: 74px; height: 117px;}
    #account .left2 .infos { float: left; width: calc(100% - 80px); margin-left: 20px; }
    #account .left2 .info { float: left; width: 100%; margin-right: 0px; margin-bottom: 10px; }

    #account .left2 .offer { width: calc(100% - 195px);}
}

#account .numeros { float: left; line-height: 22px; }
#account .numeros strong { color: #cf9821; }
#account .formulaire { float: left; line-height: 22px; margin-left: 20px; width: 210px; }
#account .formulaire .input { width:144px; padding-left:10px; background:#fff; border:1px solid #ddd; font-size:14px; color:#000; line-height:30px; height:30px; float: left;} 
#account .formulaire .b_ok { float:left; cursor: pointer; margin-left: 10px; line-height: 32px; border: 1px solid #af9d6c; padding-left: 10px; padding-right: 10px; color: #bd7d16; text-transform: uppercase;}
#account .formulaire .b_ok:hover { background:#af9d6c; color: #fff; }

#account .still_une { color: #cf9821; text-align: center; font-size: 20px; text-transform: uppercase; height: 111px; }
#account .still_une strong { font-size: 28px; font-weight: 700; } 

#account .costs { color: #cf9821; font-size: 12px; text-align: center; }


@media (max-width: 768px) {
    #account .formulaire { float: left; line-height: 22px; margin-left: 0px; width: 100%; }
    #account .formulaire .input { width: calc(100% - 65px);} 

 
}


#account .box_castings { float: left; width: 1070px; background: #fff; padding: 25px; }
#account .line_casting { width: 100%; height: 28px; line-height: 28px; border-bottom: 1px solid #c9bfa5; padding-bottom: 5px; margin-bottom: 10px; }
#account .box_castings .title_casting { float: left; width: 720px; }
#account .box_castings .title_casting img { height: 28px; float: left; margin-right: 10px; }
#account .box_castings .date_casting { float: left; width: 115px; text-align: center;}
#account .box_castings .consulte_casting { float: left; width: 145px; text-align: center;}
#account .box_castings .contact_casting { float: left; width: 90px; text-align: center;}
#account .box_castings .contact_casting img { margin-bottom: -4px; }

#account .pagination { float: right; line-height: 16px; }
#account .pagination a { float: left; margin: 6px; font-size: 18px; color: #333; }
#account .pagination a.active { color: #bd7d16; }

#account .box_castings .text { float: left; width: 400px; margin-right: 20px; line-height: 22px; }
#account .box_castings .form_temoignage { float: left; width: 650px; }
#account .inputtext { float: left; color: #333; font-size: 14px; line-height: 18px; padding: 10px; height: 60px; border: 1px solid #ddd; background: #e9e5db; width:630px; }
#account .form_temoignage .button { float: right; }

@media (max-width: 768px) {
    #account .box_castings { float: left; width: calc(100% - 30px); background: #fff; padding: 15px; }
    #account .box_castings .text { width: 100%; margin-right: 0px;  }
    #account .box_castings .form_temoignage { float: left; width: 100%; margin-top: 20px; }
    #account .inputtext { font-size: 16px; width: calc(100% - 20px); }
    
    #account .line_casting { width: 100%; height: 48px; line-height: 24px; border-bottom: 1px solid #c9bfa5; padding-bottom: 5px; margin-bottom: 10px; }
    #account .box_castings .title_casting { float: left; width: 100%; }
    #account .box_castings .date_casting { float: left; width: 115px; text-align: center; display: none; }
    #account .box_castings .consulte_casting { float: left; width: 145px; text-align: center; display: none;}
    #account .box_castings .contact_casting { float: left; width: 90px; text-align: center; display: none; }







   
}



#popup_delete { width:600px; display:none; position: fixed; top: 200px; left: 50%; margin-left: -275px; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; padding: 25px; text-align: center;}
#popup_delete .warning { line-height: 28px; float: right; margin-right: 20px; color: #333; text-transform: uppercase; margin-right: 10px; }
#popup_delete .button2 { float: left; line-height: 28px; border: 1px solid #e74c3c; padding-left: 20px; padding-right: 20px; color: #e74c3c; text-transform: uppercase; cursor: pointer; }
#popup_delete .button2:hover { background:#e74c3c; color: #fff; }
#popup_delete .button { float: right; line-height: 28px; border: 1px solid #333; padding-left: 20px; padding-right: 20px; color: #333; text-transform: uppercase; cursor: pointer; }
#popup_delete .button:hover { background:#333; color: #fff; }

#popup_stop { width:600px; display:none; position: fixed; top: 200px; left: 50%; margin-left: -275px; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; padding: 25px; text-align: center;}
#popup_stop .warning { line-height: 28px; float: right; margin-right: 20px; color: #333; text-transform: uppercase; margin-right: 10px; }
#popup_stop .button2 { float: left; line-height: 28px; border: 1px solid #e74c3c; padding-left: 20px; padding-right: 20px; color: #e74c3c; text-transform: uppercase; cursor: pointer; }
#popup_stop .button2:hover { background:#e74c3c; color: #fff; }
#popup_stop .button { float: right; line-height: 28px; border: 1px solid #333; padding-left: 20px; padding-right: 20px; color: #333; text-transform: uppercase; cursor: pointer; }
#popup_stop .button:hover { background:#333; color: #fff; }