@charset "UTF-8";
/* CSS Document */



#casting .input:focus {
  outline: none;
  outline: 5px auto #cf9821;
}
#casting .inputlist:focus {
  outline: none;
  outline: 5px auto #cf9821;
}


#casting .content { width:1200px; display: table; margin: auto;}

/* BANNER */
#casting #slider {width: 100%; clear: both; float: left; height: 300px; background-image:url("/img/banner-castings.png"); background-position:50% 50%; background-size:cover; position: relative;}
#casting #slider .left { width:960px; margin-top: 140px; }
#casting #slider .star {float: left; margin-right: 40px; margin-top: -20px; width: 114px; }
#casting #slider h1 {float: left; width: 790px; font-family: 'Raleway', sans-serif; letter-spacing: 1px;  font-size: 36px; font-weight: 500; color: #fff; line-height: 40px; text-align: left;}
#casting #slider .retour { text-align: left; margin-left: 130px; text-transform: uppercase; font-size: 12px; font-weight: 600; width: 100%; line-height: 14px;}
#casting #slider .retour a { color: #fff;}
#casting #slider .head_infos {float: left; width: 790px; font-family: 'Raleway', sans-serif; letter-spacing: 1px;  font-size: 18px; font-weight: 400; color: #fff; line-height: 20px; text-align: left; margin-top: 10px;}
#casting #slider .right { width:210px; margin-top: 100px; }
#casting #slider .ajouter { float: left; background: url("/img/casting-ajouter.png"); width: 74px; height: 113px; margin-left: 50px; text-align: center}
#casting #slider .ajouter img { margin-top: 20px; cursor: pointer; }
#casting #slider .signaler { float: left; width:210px; background:#fff; height: 30px; line-height: 30px; text-align: center; margin-top: 57px; }
#casting #slider .signaler img { margin-right: 10px; margin-bottom: -3px; }
#casting #slider .signaler a { color: #cf9821; text-transform: uppercase; font-size: 14px; font-weight: 500; }
#casting #slider .signaler a:hover { text-decoration: underline; }

@media (max-width: 768px) {
    #casting .content { width:calc(100% - 20px); display: table; margin: auto; }  
    #casting #slider { height: 200px; } 
    #casting #slider .left { width:100%; margin-top: 20px; }
    #casting #slider .star { display: none; }
    #casting #slider h1 {float: left; width:calc(100% - 20px); margin-left: 10px; letter-spacing: 0px;  font-size: 24px; line-height: 30px; }
    #casting #slider .retour { margin-left: 0px; text-transform: uppercase; font-size: 12px; font-weight: 600; width: 100%; line-height: 14px;}
    #casting #slider .head_infos { display: none; }

    #casting #slider .right { display: none}


    
}





/* BODY */
#casting #corps { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333; }

#casting #corps .head_infos {float: left; width: 100%; font-family: 'Raleway', sans-serif; letter-spacing: 1px;  font-size: 16px; font-weight: 400; color: #333; line-height: 20px; text-align: center; margin-bottom: 20px; display: none; }


#casting #corps .left { width:810px; }
#casting #corps .right { width:330px; padding-left: 30px; border-left: 1px solid #c9bfa5;  }

#casting #corps .left .box { background: #fff; float: left; padding: 15px; color: #333; font-size: 11px; font-weight: 300; margin-right: 20px; }
#casting #corps .left .box img { float: left; }
#casting #corps .left .box .text { float: left; margin-left: 20px; } 
#casting #corps .left .box .text strong { color: #cf9821; font-size: 18px; }

#casting #corps .left .box_heart { background: #fff; float: left; padding: 15px; color: #333; font-size: 11px; font-weight: 300; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; display: none }


#casting #corps .left .description { line-height: 20px; }

#casting #corps .bottom {float: left; width: 100%; background: #c9bfa5; height: 45px; font-weight: bold; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #fff; }
#casting #corps .retour { float: left; padding-right: 20px; margin-left: 20px; margin-right: 20px; margin-top: 12px; border-right: 1px solid #fff; }
#casting #corps .retour a { color: #fff; }
#casting #corps .views { float: left; margin-top: 12px; }
#casting #corps .views strong { font-size: 18px; }
#casting #corps .partager { float: right; margin-top: 12px; margin-right: 20px; }
#casting #corps .partager img { float: right; cursor: pointer; margin-left: 5px; }

@media (max-width: 768px) {
    #casting #corps { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;}
    #casting #corps .head_infos { display: block; }
    #casting #corps .left { width:100%; margin-bottom: 40px; }
    #casting #corps .right { width:100%; padding-left: 0px; border-left: 0px solid #c9bfa5;  }
    #casting #corps .left .box_heart { display: block; height: 42px; width: 40px; text-align: center; }
    #casting #corps .left .box { margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }
    #casting #corps .partager { clear: both; float: right; margin-top: 12px; margin-right: 20px; }
    #casting #corps .bottom {height: 80px; }
    
}

/* RIGHT */
#casting .right .star { float: left; width: 30px; margin-left: 10px; margin-right: 20px; margin-top: -2px;}
#casting .right h2 { float: left; font-size: 24px; text-transform: uppercase; font-weight: 200; color: #bd7d16; letter-spacing: 1px; line-height: 30px; }
#casting .right h3 { float: left; font-size: 12px; text-transform: uppercase; font-weight: 400; color: #cf9821; }
#casting #corps .gold { color: #cf9821; }
#casting .right .input { width:262px; padding-left:10px; background:#fff; border:1px solid #ddd; font-size:14px; color:#000; line-height:30px; height:30px; float: left;} 
#casting .right .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;}
#casting .right .b_ok:hover { background:#af9d6c; color: #fff; }

#casting #corps .right .box { background: #fff; float: left; width: calc(100% - 30px); padding: 15px; padding-bottom: 0px; color: #333; font-weight: 400; line-height: 18px; }
#casting #corps .right .inputlist { float: left; width: 100%; height: 30px; border-radius: 0px; background: #e9e5db; border: #000; font-size: 14px; }
#casting #corps .price {float: right; color: #CF982B;}
#casting #corps .price span { font-size: 24px; }
#casting #corps .price2 {clear:both; float:right; font-size: 12px; margin-top: 5px;}

#casting .right .button { float:left; cursor: pointer;  line-height: 32px; border: 1px solid #af9d6c; width: 100%; color: #bd7d16; text-transform: uppercase; text-align: center;}
#casting .right .button:hover { background:#af9d6c; color: #fff; }
#casting .right .already { float: left; width: calc(100% + 30px); margin-left: -15px; font-size: 12px; color: #fff; text-transform: uppercase; text-align: center; background: #b99a59; line-height: 30px; }
#casting .right .already a { color: #fff; }

#casting .right .boost { background: #cf9821; float: left; width: calc(100% - 30px); padding: 15px; color: #fff; font-weight: 400; line-height: 18px; position: relative; }
#casting .boost .info { float: right; margin-right: -5px; margin-top: -5px; cursor: pointer; opacity: 0.85; }
#casting .boost .info:hover { opacity: 1; }
#casting .right .button2 { float:left; cursor: pointer;  line-height: 32px; border: 1px solid #fff; width: 100%; color: #fff; text-transform: uppercase; text-align: center;}
#casting .right .button2:hover { background:#fff; color: #cf9821; }
#casting .right .button3 { float:left; cursor: pointer;  line-height: 32px; border: 1px solid #fff; background: #fff; width: 100%; color: #cf9821; font-weight: bold; text-transform: uppercase; text-align: center;}
#casting .right .button3:hover { background:#af9d6c; color: #fff; }

#casting .right .retourne { background: #cf9821; float: left; width: calc(100% - 30px); height: 363px; padding: 15px; color: #fff; font-weight: 400; line-height: 18px; position: relative; display: none;}
#casting .retourne .info { float: right; margin-right: 3px; margin-top: 3px; cursor: pointer; opacity: 0.85; }
#casting .retourne .info:hover { opacity: 1; }

#casting .right .box_coord { background: url("/img/box_coord.png"); width: 292px; height: 183px; padding-left: 30px; padding-top: 30px; font-size: 14px; color: #333;}
#casting .right .box_coord .label { font-size: 12px; color: #cf9821; text-transform: uppercase; line-height: 22px; }

@media (max-width: 768px) {
    #casting .right .input { width:262px; font-size:16px;} 
    #casting #corps .right .inputlist { font-size: 16px; }


    
}



#div_castings .bigstar { float: left; margin-right: 40px;}
#div_castings h2 { float: left; padding-top: 20px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#div_castings h2 span { color: #bd7d16; font-size: 50px; }

#div_castings .tab { float: left; width:116px; margin-right: 8px; background:rgba(255,255,255,0.90); cursor: pointer; margin-top: 5px; height: 95px; text-align: center; font-family: 'Raleway', sans-serif; font-size: 11px; text-transform: uppercase; color: #af9d6c; padding-top: 15px; line-height: 15px; letter-spacing: 1px; }
#div_castings .tab img { width: 60px; margin-bottom: 5px; }
#div_castings .tab:hover { background:rgba(255,255,255,1.00);}
#div_castings .tab_active { background:rgba(255,255,255,1.00); color: #bd7d16; font-weight: bold; margin-top: 0px; padding-top: 20px;}
#div_castings .last_tab { margin-right: 0px; }
#div_castings .all_castings { clear: both; float: left; width:calc(100% - 62px); padding: 30px; padding-bottom: 0px; background:rgba(255,255,255,1.00); font-family: 'Raleway', sans-serif;}

#div_castings .sort_div { float: left; height: 30px; width: 300px; }
#div_castings .sort_div .label { font-weight: 300; float: left; margin-right: 10px; line-height: 30px; text-transform: uppercase; }
#div_castings .sort_div .inputlist { float: left; width: 200px; height: 30px; border-radius: 0px; background: #fff; border: #fff; font-size: 14px; text-transform: uppercase; color: #bd7d16 }
#div_castings .pagination { float: right; line-height: 16px; }
#div_castings .pagination a { float: left; margin: 6px; font-size: 18px; }
#div_castings .pagination a.active { color: #bd7d16; }

#div_castings .line { clear: both; float: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
#div_castings .ico { float: left; width: 95px;}
#div_castings .ico img { width: 60px; margin-bottom: 1px; }
#div_castings .line .description { float: left; width: 690px; padding-right: 20px;}
#div_castings .line .description h3 { color: #bd7d16; font-size: 15px; line-height: 22px;}
#div_castings .line .description h3 a { color: #bd7d16;}
#div_castings .line .description p { color: #333; font-size: 14px; line-height: 18px;}
#div_castings  .line .description .link_casting { display: inline-table; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase;}
#div_castings .line .description .link_casting:hover { background:#af9d6c; color: #fff; }
#div_castings .infos { float: left; width: 170px; height: 75px; border-left: 1px solid #af9d6c; padding-left: 30px; padding-top:22px; color: #af9d6c; font-size: 12px; line-height: 18px; }
#div_castings .heart { float: left; cursor: pointer; width: 32px; margin-top: 35px; }