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

body,td,th {
	color: #333; 
	font-family: 'Open Sans', sans-serif; 
	font-size:14px;
	font-weight:normal; 
} 
body {
	background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;  
	margin-right: 0px;
	margin-bottom: 0px; 
}
a:link {
	color: #333; 
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}

img { border:0px; }

p { margin-top:0px; -webkit-margin-before:0em;  -webkit-margin-after:0em; line-height:normal; }


.left { float:left !important; }
.right { float:right !important; }

.top_10 { margin-top:10px; }
.top_20 { margin-top:20px; }
.top_30 { margin-top:30px; }
.top_40 { margin-top:40px; }
.top_50 { margin-top:50px; }

.right_10 { margin-right:10px; }
.right_20 { margin-right:20px; }
.right_30 { margin-right:30px; }
.right_50 { margin-right:50px; }
.no_right { margin-right:0px; }

.left_10 { margin-left:10px; }
.left_40 { margin-left:40px; }
.left_70 { margin-left:70px; }
.left_15 { margin-left:15px; }
.no_left { margin-left:0px; }

.padding_10 { padding:10px; }
.padding_20 { padding:20px; }
.padding_30 { padding:30px; }
.padding_40 { padding:40px; }

.clear { clear:both; height:0px; }
.clear_4 { clear:both; height:4px; }
.clear_8 { clear:both; height:8px; }
.clear_10 { clear:both; height:10px; }
.clear_20 { clear:both; height:20px; }
.clear_30 { clear:both; height:30px; }
.clear_40 { clear:both; height:40px; }
.clear_50 { clear:both; height:50px; }
.clear_60 { clear:both; height:60px; }
.clear_70 { clear:both; height:70px; }
.clear_80 { clear:both; height:80px; }
.clear_90 { clear:both; height:90px; }
.clear_100 { clear:both; height:100px; }
.clear_110 { clear:both; height:110px; }
.clear_120 { clear:both; height:120px; }
.clear_150 { clear:both; height:150px; }
.clear_160 { clear:both; height:160px; }
.clear_170 { clear:both; height:170px; }
.clear_180 { clear:both; height:180px; }
.clear_190 { clear:both; height:190px; }
.clear_200 { clear:both; height:200px; }
.clear_210 { clear:both; height:210px; }
.clear_230 { clear:both; height:230px; }
.clear_240 { clear:both; height:240px; }
.clear_280 { clear:both; height:280px; }
.clear_305 { clear:both; height:305px; }
.clear_300 { clear:both; height:300px; }
.clear_390 { clear:both; height:390px; }
.clear_5 { clear:both; height:5px; }
.clear_15 { clear:both; height:15px; }
.clear_25 { clear:both; height:25px; }
.clear_35 { clear:both; height:35px; }
.clear_45 { clear:both; height:450px; }
.clear_55 { clear:both; height:55px; }
.clear_65 { clear:both; height:65px; }
.clear_75 { clear:both; height:75px; }
.clear_85 { clear:both; height:85px; }
.clear_95 { clear:both; height:95px; }
.clear_8 { clear:both; height:8px; }
.clear_12 { clear:both; height:12px; }

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; }

.black { color:#000 !important; }
.green { color:#8bba33 !important; }
.blue { color:#212b37 !important;  }
.light_blue { color:#2980b9 !important;  }
.white { color:#fff !important; }
.dark { color:#333 !important; }
.nines { color:#999 !important; }
.gold { color:#cf9821 !important }

.small { font-size: 12px; }
.normal { font-size: 14px; }
.bigger { font-size: 18px; }
.biggest { font-size: 24px; }

.light { font-weight:300; }
.normal { font-weight:400; }
.medium { font-weight:500; }
.semibold { font-weight:600; }
.bold { font-weight:700; }
.extra_bold { font-weight:800; }
.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }
.underline { text-deoration:underline; }

.line_20  {line-height:20px; }
.line_24  {line-height:24px; }
.line_28  {line-height:28px; }
.line_32  {line-height:32px; }
.line_36  {line-height:36px; }
.line_40  {line-height:40px; }
.line_50  {line-height:50px; }

.f_10 { font-size:10px; }
.f_11 { font-size:11px; }
.f_12 { font-size:12px; }
.f_13 { font-size:13px; }
.f_14 { font-size:14px; }
.f_16 { font-size:16px; }
.f_18 { font-size:18px; }
.f_20 { font-size:20px; }
.f_22 { font-size:22px; }
.f_24 { font-size:24px; }
.f_26 { font-size:26px; }
.f_28 { font-size:28px; }
.f_30 { font-size:30px; }
.f_32 { font-size:32px; }  
.f_44 { font-size:44px; }

.container { margin:auto; width:1110px; }
.container_100 { margin:auto; width:1200px; }
@media (max-width: 1024px) {
	.container { margin:auto; width:calc(100% - 40px); margin-left:20px; }	
}

@media (max-width: 768px) {
	.container { margin:auto; width:calc(100% - 40px); margin-left:20px; }
    .container_100 { margin:auto; width:calc(100% - 40px); margin-left:20px; }
}

@media (max-width: 320px) {
    .container { margin:auto; width:calc(100% - 20px); margin-left:10px; }
}

.centered { display:table; margin:auto; }

.shadow { -webkit-box-shadow: 0px 0px 3px 3px #ddd; 
box-shadow: 0px 0px 3px 3px #ddd;  }
.shadow_bottom {
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);
}


.bloc_10 { float:left; width:10% }
.bloc_20 { float:left; width:20% }
.bloc_25 { float:left; width:25% }
.bloc_30 { float:left; width:30% }
.bloc_40 { float:left; width:40% }
.bloc_33 { float:left; width:33% }
.bloc_50 { float:left; width:50% }
.bloc_66 { float:left; width:66% }
.bloc_75 { float:left; width:75% }
.bloc_100 { float:left; width:100% }

.bg_efefef { background:#efefef; }


.just_web { display:block; }
.just_mobile { display:none !important; }
@media (max-width: 768px) {
	.just_web { display:none !important; }
	.just_mobile { display:block !important; }
}

a {
  outline: none;
}

.material-icons { vertical-align: middle; } 



#promo_bar {position:fixed; z-index: 9999; width: 100%; background: #fff; height: 56px; padding-top: 15px; padding-bottom: 15px; top: 0px;}



/* NAV BAR */
#nav_bar {position:fixed; z-index: 9999; width: 100%; background: #fff; height: 56px; padding-top: 15px; padding-bottom: 15px; top: 0px;}
#nav_bar .bars { float: left; margin-top: 14px; cursor: pointer; margin-right: 30px; }
#nav_bar .bars_mobile { float: left; margin-top: 14px; cursor: pointer; display: none; }
#nav_bar .bars_mobile img { height: 33px; }
#nav_bar .logo { float: left; margin-top: 0px; }
#nav_bar .right_nav { float: right; width: 800px; margin-top: 5px; }
#nav_bar .kids { float: right; margin-top: 0px; text-align: center; color: #333; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; }
#nav_bar .castings { float: right; margin-top: -4px; margin-left: 20px; text-align: center; color: #333; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; }
#nav_bar .account { float: right; margin-top: -7px; margin-left: 20px; text-align: center; color: #333; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; }
#nav_bar .publish { float: right; margin-top: 4px; margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding-left: 15px; padding-right: 15px; line-height: 40px; background: #c9bfa5; cursor: pointer; font-weight: bold;}
#nav_bar .publish:hover{ background: #b6a986; }
#nav_bar .inscription { float: right; margin-top: 4px; margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding-left: 15px; padding-right: 15px; line-height: 40px; background: #cf9821; cursor: pointer; font-weight: bold;}
#nav_bar .inscription:hover{ background: #be850b; }
#nav_bar .b_account { float: right; margin-top: 4px; margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding-left: 15px; padding-right: 15px; line-height: 40px; background: #cf9821; cursor: pointer; font-weight: bold; position: relative}
#nav_bar .b_account:hover{ background: #cf9821; }
#nav_bar .bubble_message { width: 28px; height: 28px; line-height: 28px; border-radius: 20px; position: absolute; right: -14px; top: -14px; color: #fff; background: #cf7320; text-align: center; font-size: 16px; }

#nav_bar .top_account { float: right; width: auto; height: 52px; background: #f6f6f6; color: #333; margin-left: 20px; margin-top: -3px; }
#nav_bar .my_picture { float: left; width: 52px; height: 52px; margin-right: 20px; cursor: pointer; }
#nav_bar .my_name { float: left; width: auto; line-height: 18px; font-size: 12px; text-transform: uppercase; padding-top: 9px; cursor: pointer;}
#nav_bar .my_name span { font-size: 14px; color: #cf9821; font-weight: 500; }
#nav_bar .logout { float: left; margin-top: 15px; cursor: pointer; margin-left: 25px; margin-right: 10px;  }

#nav_bar .my_picture_mobile { float: right; width: 42px; height: 42px; margin-right:0px; cursor: pointer; display: none; border: 2px solid #444; margin-top: 6px; margin-right: -10px; }

#submenu { position:fixed; top: 85px; z-index: 9998; width: 100%; background: #f6f6f6; height: 80px; padding-top: 15px; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333; letter-spacing: 2px; border-bottom: 1px solid #ddd; transition: all 0.1s ease;  }
#submenu .item { float: left; margin-left: 34px; margin-right: 34px; text-align: center; cursor: pointer; text-transform: uppercase; opacity: 0.85 }
#submenu .item img { margin-bottom: -5px; }
#submenu .item:hover { opacity:1 }

@media (max-width: 768px) {
    #nav_bar .bars_mobile { display: block; margin-left: -10px; }
    #nav_bar .logo { float: left; margin-top: 0px; margin-left: 10px; }
    #nav_bar .right_nav { display: none}
    #submenu { display: none}
    #nav_bar .my_picture_mobile { display: block; }
    #nav_bar .my_picture_mobile img { width: 100%; }
}

/* MOBILE NAV */
#mobile_nav { float:left; position:fixed; z-index:10001; top:75px; left:-100%; padding:0px; width:calc(100% - 0px); background:#f6f6f6; border-bottom: 3px solid #b5b5b5; }
#mobile_nav .item { display: inline-table; float: left; text-align: left; text-transform: uppercase; line-height: 55px; font-size: 24px; }
#mobile_nav .item img { float: left; margin-right: 10px; margin-left: 10px }
#mobile_nav .bubble_message { width: 28px; height: 28px; line-height: 28px; border-radius: 20px; position: absolute; left: 230px; top: 80px; color: #fff; background: #cf7320; text-align: center; font-size: 16px; }
#mobile_nav .publish { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #c9bfa5; font-weight: bold;}
#mobile_nav .inscription { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #cf9821; font-weight: bold;}
#mobile_nav .deconnexion { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #e74c3c; font-weight: bold; }

@media (max-width: 767px) {
}



/* FOOTER */
#footer { width: 100%; background: #4e4840; clear:both; float: left; color: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 15px; text-transform: uppercase; text-align: center}
#footer .bloc { float: left; padding-right: 150px; text-align: left}
#footer .bloc a { color: #f6f6f6; line-height: 36px; }
#footer .bloc a:hover { color: #fff;}

@media (max-width: 768px) {
    #footer { font-size: 13px; }
    #footer .bloc { width: 50%; padding-right: 0px; }  
    #footer .bloc a { color: #f6f6f6; line-height: 24px; }
}

@media (max-width: 320px) {
    #footer .container img { width: 100%; }
}

/* COPYRIGHT */
#copyright { clear:both; width:100%; float:left; background:#fff; color:#333;  font-size:12px; line-height:60px; font-family: 'Raleway', sans-serif; text-transform: uppercase; }
#copyright a { color:#333; }
#copyright .left_link { float: left }
#copyright .right_link { float: right }

@media (max-width: 768px) {
    #copyright { line-height:30px; font-family: 'Raleway', sans-serif; text-transform: uppercase; }
    #copyright .left_link { float: left; width: 100%; text-align: center; }
    #copyright .right_link { float: left; width: 100%; text-align: center; }

  
    
}



#popup_insc { 
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background: #fff;
    border: 1px solid #ddd;
    z-index: 9999;
}

#popup_insc .image { 
    float: left;
    width: 128px;
    height: 500px;
}

#popup_insc .contenu { 
    float: left;
    width: 342px;
    height: 470px;
    padding: 15px;
}

#popup_insc .close { 
    float: right;
    cursor: pointer;
}

#popup_insc .bonjour { 
    clear: both;    
    float: left;
    color: #BD7D16;
    font-size: 40px;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

#popup_insc .name { 
    clear: both;    
    float: left;
    color: #333333;
    font-size: 30px;
    line-height: 1.3;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

#popup_insc .texte { 
    clear: both;    
    float: left;
    color: #333333;
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

#popup_insc .button {
    float: left;
    margin-left: 0px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px;
    background: #cf9821;
    cursor: pointer;
    font-weight: bold;
}

#popup_insc .inputlist {
    float: left;
    width: 300px;
    height: 30px;
    border-radius: 0px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    font-size: 16px;
    color: #333;
}


@media (max-width: 768px) {
    #popup_insc { width: 100%; top: 80px; }
    
    #popup_insc .contenu { width: calc(100% - 158px); }
}

/* BANNER */
#slider_home {width: 100%; display: block; height: 700px; background-image:url("img/banner-1.png"); background-position:50% 50%; background-size:cover; position: relative;}
#slider_home .clear_home { clear: both; height: 140px; }
#slider_home h1 { clear: both; display: table; margin: auto; }
#slider_home .now {position: absolute; bottom: 250px; font-family: 'Raleway', sans-serif; text-align: center; font-size: 18px; color: #333; width: 100%}
#slider_home .now a { color: #bd7d16; font-weight: 600; }
#slider_home .now a:hover { text-decoration: underline}

@media (max-width: 768px) {
    #slider_home { height: 400px; }
    #slider_home .clear_home { clear: both; height: 50px;  }
    #slider_home h1 img { width:calc(100% - 40px); margin-left:20px;  }
    #slider_home .now { bottom: 100px; width:calc(100% - 20px); margin-left: 10px;}
}

#video_home {width: 100%; display: block; height: 600px; margin-top: 100px; position: relative;}
.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    cursor: pointer
}

.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



/* HOME FIRST */
#home_first { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative }
#home_first .content { width:1110px; display: table; margin: auto; margin-top: -200px;}
#home_first .content .tabs { clear: both; float: left; width: 100%;}
#home_first .content .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; }
#home_first .content .tab img { width: 60px; margin-bottom: 5px; }
#home_first .content .tab:hover { background:rgba(255,255,255,1.00);}
#home_first .content .tab_active { background:rgba(255,255,255,1.00); color: #bd7d16; font-weight: bold; margin-top: 0px; padding-top: 20px;}
#home_first .content .last_tab { margin-right: 0px; }
#home_first .content .corps { 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;}

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

@media (max-width: 768px) {
    #home_first .content { width:calc(100% - 0px); margin-left:0px; margin-top: -50px;}
    #home_first .content .tabs { display:none }
    #home_first .content .corps { width:calc(100% - 20px); padding: 10px; padding-bottom: 0px; background:rgba(255,255,255,1.00); font-family: 'Raleway', sans-serif;}
    #home_first .content .corps .sort_div { float: left; height: auto; width: calc(100% + 0px); margin-left: -10px; padding: 10px; background: #fff; box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);  }
    #home_first .content .corps .sort_div .label { font-weight: 300; float: left; margin-right: 10px; line-height: 40px; text-transform: uppercase; color: #bd7d16}
    #home_first .content .corps .sort_div .inputlist { float: right; width: 235px; height: 40px; background: #fff; border: #fff; font-size: 16px; text-transform: uppercase; color: #bd7d16;  -webkit-appearance: none; -webkit-border-radius:0px; border-radius: 0px; padding-left: 15px; background-image:url(../img/open-list.png); background-repeat: no-repeat; background-position: 200px }
    
    #home_first .content .corps .pagination { float: none; display: table; margin: auto; }
    
}

@media (max-width: 320px) {
    #home_first .content .corps .sort_div .inputlist { width: 200px; background-position: 175px }
    
}



#home_first .content .line { clear: both; float: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
#home_first .content .ico { float: left; width: 95px;}
#home_first .content .ico img { width: 60px; margin-bottom: 1px; }
#home_first .content .description { float: left; width: 690px; padding-right: 20px;}
#home_first .content .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; }
#home_first .content .description h3 { color: #bd7d16; font-size: 15px; line-height: 22px;}
#home_first .content .description h3 a { color: #bd7d16;}
#home_first .content .description p { color: #333; font-size: 14px; line-height: 18px;}
#home_first .content .description .link_casting { display: inline-table; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase;}
#home_first .content .description .link_casting:hover { background:#af9d6c; color: #fff; }

#home_first .content .heart { float: left; cursor: pointer; width: 32px; margin-top: 35px; }

@media (max-width: 768px) {
    
    #home_first .content .line { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
    #home_first .content .ico { float: left; width: 40px;}
    #home_first .content .ico img { width: 30px; margin-bottom: 1px; }
    #home_first .content .description { float: left; width: calc(100% - 50px); padding-right: 10px;}
    #home_first .content .infos { display: none; }
    #home_first .content .infos_mobile { display: block; }
    #home_first .content .description p { margin-left: -30px;}
    #home_first .content .description .link_casting { line-height: 29px; border: 0px solid #af9d6c; width: calc(100% - 10px); padding-left: 0px; padding-right: 0px; background:#af9d6c;  color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; margin-left: -30px }
    #home_first .content .heart { float: right; cursor: pointer; width: 32px; margin-top: -28px; margin-right: 5px; }
    
    #home_first .content .voir_plus { display: inline-table; margin: auto; width: calc(100% - 24px); text-align: center; line-height: 46px; border: 2px solid #bd7d16; padding: 0px; color: #bd7d16; text-transform: uppercase; font-size: 18px;}
    
}


#home_first #communaute { width:1110px; display: table; margin: auto; font-family: 'Raleway', sans-serif; font-size: 14px;  }
#home_first #communaute .star { float: left; margin-right: 40px;}
#home_first #communaute h2 { float: left; padding-top: 20px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_first #communaute h2 span { color: #bd7d16; font-size: 50px; }
#home_first #communaute .sort { float: right; margin-top: 90px; }
#home_first #communaute .sort a { display: inline-table; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #333; font-size: 14px; line-height: 20px; }
#home_first #communaute .sort a:hover { text-decoration: underline; }
#home_first #communaute .sort a.active { color: #bd7d16; text-decoration: underline; }

#communaute .artiste { float: left; width: 348px; height: 348px; margin: 10px; position: relative}
#communaute .artiste .alaune { position: absolute; top: 0px; left: 0px; }
#communaute .artiste .infos { position: absolute; bottom: 0px; height: 70px; background: rgba(0,0,0,0.80); color: #fff; width: 100%;}
#communaute .artiste .likes { float: left; margin-left: 15px; margin-top: 15px; line-height: 14px; font-size: 16px; width: 30px; height: 40px; padding-right: 20px; border-right: 1px solid #fff; text-align: center; font-weight: bold;}
#communaute .artiste .likes img { margin-bottom: 3px; cursor: pointer;}
#communaute .artiste .name_job { float: left; width: 200px; margin-left: 20px; margin-top: 15px; line-height: 20px; font-size: 14px; }
#communaute .artiste .name { font-size: 14px; font-weight: bold;}
#communaute .artiste .message { float: right; margin-right: 20px; margin-top: 20px; cursor: pointer; }

#home_first #communaute .voir_plus { display: inline-table; line-height: 46px; border: 2px solid #bd7d16; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; font-size: 18px;}
#home_first #communaute .voir_plus:hover { color: #fff; background:#bd7d16  }
#home_first #communaute .pagination { float: right; line-height: 16px; }
#home_first #communaute .pagination a { float: left; margin: 6px; font-size: 18px; }
#home_first #communaute .pagination a.active { color: #bd7d16; }

@media (max-width: 768px) {
    #home_first #communaute { width:calc(100% - 40px); display: table; margin: auto; font-family: 'Raleway', sans-serif; font-size: 14px;  }
    #home_first #communaute .star { float: left; margin-right: 20px; }
    #home_first #communaute .star img { width: 63px; }
    #home_first #communaute h2 { float: left; padding-top: 15px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 20px; letter-spacing: 2px; line-height: 24px; }
    #home_first #communaute h2 span { color: #bd7d16; font-size: 24px; }
    
    #home_first #communaute .artiste { float: left; width: 100%; height: 320px; margin: 0px; margin-bottom: 20px; position: relative}
    #home_first #communaute .sort { float: right; margin-top: 20px; width: 100%; }
    #home_first #communaute #link_top { float: left; padding: 0px; }
    #home_first #communaute #link_last { float: right; padding: 0px; border-left: 0px solid #333; }
    #home_first #communaute .artiste .name_job { margin-left: 10px; width: 180px;  }
    #home_first #communaute .artiste .message { margin-right: 10px; }

    #home_first #communaute .voir_plus { padding: 0px; width: calc(100% - 4px); text-align: center; }

}

/* ZOOM EFFECT */
.zoom_bg { cursor: pointer; background-size:100%;
background-position:50% 50%;
transition: background-size 0.2s ease-in;
-moz-transition: background-size 0.2s ease-in;
-ms-transition: background-size 0.2s ease-in;
-o-transition: background-size 0.2s ease-in;
-webkit-transition: background-size 0.2s ease-in; }
.zoom_bg:hover{ background-size:110%;  }



/* HOME SECOND */
#home_second { width: 100%; background: #fff; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; -webkit-box-shadow: 0px 0px 5px 5px #ddd; 
box-shadow: 0px 0px 5px 5px #ddd; }
#home_second .content { width:1110px; display: table; margin: auto; }
#home_second .star { float: left; margin-right: 40px;}
#home_second h2 { float: left; padding-top: 20px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_second h2 span { color: #bd7d16; font-size: 50px; }
#home_second .big_left { float: left; width: 80px; cursor: pointer; opacity: 0.90; margin-top: 50px;}
#home_second .big_left:hover { opacity: 1}
#home_second .big_right { float: right; width: 80px; cursor: pointer; opacity: 0.90; margin-top: 50px;}
#home_second .big_right:hover { opacity: 1}
#home_second .conseils { float: left; width: 780px; height: 250px; overflow: hidden; margin-left: 83px; margin-right: 83px; }
#home_second .conseils_div { float: left; width: 10000px; height: 250px; }
#home_second .conseil { float: left; width: 780px; height: 250px; }
#home_second .question { float: left; width: 280px; text-align: right; font-size: 30px; line-height: 36px; color: #bd7d16;}
#home_second .reponse { float: left; width: 470px; margin-left: 30px; text-align: left; font-size: 14px; line-height: 18px; color: #333;}
#home_second .dots { display: table; margin: auto; }
#home_second .dot { float: left; margin: 5px; cursor: pointer; }

@media (max-width: 768px) {
    
    #home_second .content { width:calc(100% - 40px); display: table; margin: auto; }
    #home_second .star { float: left; margin-right: 20px; }
    #home_second .star img { width: 63px; }
    #home_second h2 { float: left; padding-top: 0px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 30px; letter-spacing: 2px; line-height: 35px; }
    #home_second h2 span { color: #bd7d16; font-size: 40px; }
    #home_second .big_left { display: none; }
    #home_second .big_right { display: none; }
    #home_second .conseils { float: left; width: 100%; height: auto; overflow: hidden; margin-left: 0px; margin-right: 0px; }
    #home_second .conseils_div { float: left; width: 10000px; height: auto; }
    #home_second .conseil { float: left; width: 100%; height: auto;  }
    #home_second .question { float: left; width: 100%; text-align: left; font-size: 18px; line-height: 24px; color: #bd7d16; margin-bottom: 20px; }
    #home_second .reponse { float: left; width: 100%; margin-left: 0px; text-align: left; font-size: 16px; line-height: 22px; color: #333;}

    
}

/* HOME THIRD */
#home_third { width: 100%; background: #f6f6f6; clear:both; float: left; position: relative; font-family: 'Raleway', sans-serif; }
#home_third .content { width:1170px; display: table; margin: auto; }
#home_third h2 { float: left; width: 100%;  text-transform: uppercase; text-align: center; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_third h2 span { color: #bd7d16; font-size: 50px; }
#home_third .service { float: left; width: 390px; }
#home_third .service .arrow { float: left; margin-right: 30px; margin-top: 10px;}
#home_third .service .title { float: left; color: #333; font-size: 30px; line-height: 36px; }
#home_third .voir_plus { display: table; margin: auto; line-height: 46px; border: 2px solid #bd7d16; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; font-size: 18px;}
#home_third .voir_plus:hover { color: #fff; background:#bd7d16  }

@media (max-width: 768px) {
    #home_third .content { width:calc(100% - 40px); display: table; margin: auto; }
    #home_third .service { float: left; width: 100%; margin-bottom: 30px; }
    #home_third .tilted { width: 100%; }
    #home_third .voir_plus { font-size: 14px; }
    #home_third .service .arrow { margin-right: 20px;}
    #home_third .service .title { font-size:26px; }



    
    
}

/* HOME COMMENT */
#comment { clear: both; float: left; width: 100%; height: 714px; background-image:url("img/slide-comment.jpg"); background-position:50% 50%; background-size:cover; }
#comment .content { width:1110px; display: table; margin: auto; }
#comment .bloc { width:566px; padding-left: 100px; float: right; background: rgba(0,0,0,0.50); height: 714px; color: #fff; font-family: 'Raleway', sans-serif; position: relative}
#comment h2 { float: left; width: 100%;  text-transform: uppercase; font-weight: 200; color: #fff; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#comment h2 span { color: #fff; font-size: 50px; }
#comment .number { float: left; margin-right: 20px; color: #dad1ba; font-size: 100px; font-weight: bold; line-height: 100px;}
#comment .text { float: left; font-size: 18px; margin-top: 20px; }
#comment .text1 { margin-top: 45px; }
#comment .voir_plus { float: left; line-height: 46px; border: 2px solid #fff; padding-left: 20px; padding-right: 20px; color: #fff; text-transform: uppercase; font-size: 18px;}
#comment .voir_plus:hover { color: #333; background:#fff  }
#comment .vignette { position: absolute; right: 30px; bottom: -70px; }


@media (max-width: 768px) {
    
    #comment { height: auto; background:#7e7e7e; background-image:url("img/slide-comment.jpg"); }
    #comment .content { width:calc(100% - 0px); display: table; margin: auto; }
    #comment .bloc { width:calc(100% - 40px); padding: 20px; float: left; height: auto; background: rgba(0,0,0,0.7);}
    #comment h2 { font-weight: 200; color: #fff; font-size: 30px; letter-spacing: 2px; line-height: 34px; }
    #comment h2 span { color: #fff; font-size: 40px; }
    #comment .number { margin-right: 20px; width: 40px; font-size: 80px; font-weight: bold; line-height: 80px;}
    #comment .text { float: left; width:calc(100% - 60px); font-size: 18px; margin-top: 20px; }
    #comment .text1 { margin-top: 20px; }
    #comment .voir_plus { float: none; display: table; margin: auto; }
    
}



/* HOME FOUR */
#home_four { width:100%; clear: both; float: left; font-family: 'Raleway', sans-serif; font-size: 14px; background: #f6f6f6;  }
#home_four .content { width:1170px; display: table; margin: auto; }
#home_four .star { float: left; margin-right: 40px;}
#home_four h2 { float: left; padding-top: 20px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_four h2 span { color: #bd7d16; font-size: 50px; }
#home_four .temoignage { float: left; background: url("img/temoignage.png"); width: 563px; height: 257px; color: #333; font-size: 14px; line-height: 20px; font-style: italic; margin-right: 40px;}
#home_four .text { float: left; width: 505px; height: 155px; margin-left: 30px; margin-top: 27px; }
#home_four .user { float: left; width: 505px; margin-left: 30px; margin-top: 10px; color: #bd7d16; }
#home_four .profile { float: left; width: 50px; margin-right: 20px; }
#home_four .name_date { float: left; width: 150px; line-height: 20px;font-weight: 700; text-transform: uppercase; margin-top: 5px;}
#home_four .name_date span { font-weight: 400; font-style: italic; }
#home_four .pagination_t { float: right; line-height: 16px; margin-right: 15px; }
#home_four .pagination_t a { float: left; margin: 6px; font-size: 18px; }
#home_four .pagination_t a.active { color: #bd7d16; }

#home_four .content2 { width:1110px; display: table; margin: auto; }
#home_four .artiste { width:50%; float: left; margin: 0px; }
#home_four .artiste .header { width:100%; height: 160px; float: left; background: #fff; }
#home_four .artiste h2 { width: 100%; text-transform: uppercase; text-align: center; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_four .artiste h2 span { color: #bd7d16; font-size: 50px; }
#home_four .artiste .corps { width:100%; height: 337px; float: left; background:url("img/artiste-bg.png"); }
#home_four .artiste .voir_plus { display: table; margin: auto; line-height: 46px; border: 2px solid #bd7d16; background: #fff; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; font-size: 18px;}
#home_four .artiste .voir_plus:hover { color: #fff; background:#bd7d16  }

#home_four .bloc_25 { float: left; width: 25%; text-align: center; font-size: 18px; line-height: 22px; color: #333; }
#home_four .bloc_25 .illus { height: 120px; text-align: center; width: 100%; }

#home_four .content3 { width:1110px; display: table; margin: auto; text-align: center; font-size: 18px; }
#home_four .content3 h2 { float: left; width: 100%;  text-transform: uppercase; text-align: center; font-weight: 200; color: #333; font-size: 40px; letter-spacing: 2px; line-height: 44px; }
#home_four .content3 h2 span { color: #bd7d16; font-size: 50px; }


@media (max-width: 768px) {
    #home_four .content { width:calc(100% - 40px); display: table; margin: auto; }
    #home_four .star { float: left; margin-right: 20px; }
    #home_four .star img { width: 63px; }
    #home_four h2 { float: left; padding-top: 0px; text-transform: uppercase; font-weight: 200; color: #333; font-size: 30px; letter-spacing: 2px; line-height: 35px; }
    #home_four h2 span { color: #bd7d16; font-size: 33px; }
    
    #home_four .temoignage { background:none; width:calc(100% - 0px); padding: 0px; height: auto; margin-right: 0px; margin-bottom: 30px;}
    #home_four .text { width:calc(100% - 30px); background: #fff; padding: 15px; height: auto; margin-left: 0px; margin-top: 0px; }
    #home_four .user { float: left; width: 100%; margin-left: 15px; margin-top: 0px; color: #bd7d16; }
    #home_four .profile { margin-right: 10px; }
    #home_four .pagination { float: none; line-height: 16px; margin-right: 15px; display: table; margin: auto; }

    
    #home_four .content2 { width:calc(100% - 0px); display: table; margin: auto; }
    #home_four .artiste { width:100%; float: left; margin: 0px; }
    #home_four .artiste .header { height: 125px; }
    #home_four .artiste .voir_plus { padding-left: 20px; padding-right: 20px;  font-size: 12px; }
    
    #home_four .bloc_25 { float: left; width: 50%; text-align: center; font-size: 18px; line-height: 22px; color: #333; margin-bottom: 20px; }
    #home_four .bloc_25 .illus { height: 120px; text-align: center; width: 100%; }
    
    #home_four .content3 { width:calc(100% - 40px); display: table; margin: auto; }
    #home_four .content3 .logos { width: 100%; }



    

    
    
}


















/* POPUP DELETRE */
#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 CONTACT */
#popup_contact { width:600px; padding:0px; background:#fff; }
#popup_contact .header_contact { width:100%; line-height:100px; background:#f7f7f7; font-family: 'Vollkorn', serif; text-align:center; font-size:30px; color:#455660; font-weight:400; letter-spacing:2px; }
#popup_contact .body_contact { width:100%; padding:50px; }

#popup_contact .line_contact { clear:both; width:100%; height:1px; background:#ddd; }
#popup_contact .text_over_line { display:table; margin:auto; padding-left:20px; padding-right:20px; background:#fff; font-family: 'Montserrat', sans-serif; font-size:18px;  font-weight:300; color:#555; margin-top:-14px; }

#popup_contact .infos { text-align:center; line-height:22px; font-size:18px;  font-weight:300; color:#455660; }

#popup_contact input { width:500px; padding-left:10px; background:#f7f7f7; border:1px solid #ddd; font-size:14px; color:#000; line-height:39px; height:39px; font-family: 'Open Sans', sans-serif; } 
#popup_contact textarea { width:500px; padding:10px; background:#f7f7f7; border:1px solid #ddd; font-size:14px; color:#000; line-height:20px; font-family: 'Open Sans', sans-serif; } 
#popup_contact .submit_form { width:100%; background:#c5a770; font-size:16px; color:#fff; line-height:50px; font-family: 'Open Sans', sans-serif; cursor:pointer; text-align:center; text-transform:uppercase  } 

@media (max-width: 768px) {
	#popup_contact { width:calc(100% - 0px); padding:0px; background:#fff; }
	#popup_contact .body_contact { width:calc(100% - 40px); padding:20px; }
	#popup_contact input { width:calc(100% - 20px); -webkit-appearance: none; border-radius: 0; font-size:16px;  } 
	#popup_contact textarea { width:calc(100% - 22px); font-size:16px; -webkit-appearance: none; border-radius: 0; } 


	
}


.stop_scroll { height:100%; overflow:hidden; } 

#mask { width: 100%; background:rgba(0,0,0,0.80); clear:both; float: left; position: fixed; top: 0px; z-index: 10000; display: none; cursor: pointer}
#mask_menu { width: 100%; background:rgba(255,255,255,0.90); clear:both; float: left; position: fixed; top: 75px; bottom: 0px; z-index: 10000; display: none; cursor: pointer}




/* popup message */
#popup_message { width:750px; display:none; position: fixed; top: 200px; left: 50%; margin-left: -400px; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; padding: 25px; }
#popup_message .star { float: left; width: 30px; margin-left: 10px; margin-right: 20px; margin-top: -2px;}
#popup_message h2 { float: left; font-size: 24px; text-transform: uppercase; font-weight: 200; color: #bd7d16; letter-spacing: 1px; line-height: 30px; }
#popup_message .profile { width:75px; height: 75px; border: 3px solid #fff; border-radius:75px; float: left; margin-right: 20px; }
#popup_message .button { float: left; margin-left: 10px; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; cursor: pointer; }
#popup_message .button:hover { background:#af9d6c; color: #fff; }
#popup_message .inputtext { float: left; color: #333; font-size: 14px; line-height: 18px; padding: 10px; height: 100px; border: 1px solid #ddd; background: #fff; width:627px; }

#popup_message .success { line-height: 28px; float: left; margin-right: 10px; color: #27ae60; text-transform: uppercase; }
#popup_message .button2 { float: right; line-height: 28px; border: 1px solid #333; padding-left: 20px; padding-right: 20px; color: #333; text-transform: uppercase; cursor: pointer; }
#popup_message .button2:hover { background:#333; color: #fff; }

.popup_message2 { width:850px !important; margin-left: -450px !important;  }

@media (max-width: 768px) {
	#popup_message { width:calc(100% - 80px); margin-left: 20px; padding: 20px; display:none; position: fixed; top: 20px; left: 0%; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; }
    #popup_message h2 { letter-spacing: 0px; font-size: 20px; }
    #popup_message .close { float: right; opacity: 0.5; cursor: pointer; margin-right: -10px; margin-top: -10px; width: 25px; }
    #popup_message .button { float: none; margin-left: 0px; display: table; margin: auto; }
    #popup_message .success { text-align: center; margin: 0px; }
    
    #popup_message .star { display: none; }
    #popup_message .profile { display: none;}
    #popup_message .inputtext { font-size: 16px; width:calc(100% - 20px); }
    #popup_message .button { margin-left: 0px; padding: 0px; width: 100%; text-align: center;}




    
    
}

#popup_connexion { width: 500px; margin-left: -280px; padding: 30px; display:none; position: fixed; top: 200px; left: 50%; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; }
#popup_connexion .close { float: right; opacity: 0.5; cursor: pointer; margin-right: -30px; margin-top: -30px; width: 25px; }
#popup_connexion .close:hover { opacity: 1; }
#popup_connexion .message { text-align: center; font-size: 22px; color: #333;  }
#popup_connexion .sep { width: 75%; height: 1px; background: #c9bfa5; margin-left: 12% }
#popup_connexion .content { width:1152px; display: table; margin: auto; }
#popup_connexion .first { clear: both; float: left; width: 100%;  }
#popup_connexion .star { float: left; width: 30px; margin-right: 20px; }
#popup_connexion h2 { float: left; font-size: 24px; font-weight: 200; color: #bd7d16; letter-spacing: 2px; line-height: 24px; text-transform: uppercase; padding-top: 5px; }

#popup_connexion .error_login { color:#a94442; background: #f2dede; border: 1px solid #ebccd1; line-height: 34px; width: calc(100% - 20px); padding-left: 20px; margin-bottom: 20px; display: none;}

#popup_connexion .label { float: left; color: #cf9821; font-size: 12px; line-height: 12px; text-transform: uppercase; }
#popup_connexion .first .input { float: left; color: #333; font-size: 14px; line-height: 28px; height: 28px; border: 1px solid #ddd; background: #fff; padding-left: 10px; width:calc(100% - 95px); }
#popup_connexion .forgot { float: right; color: #999; font-size: 12px; line-height: 12px; margin-right: 85px; }
#popup_connexion .forgot:hover { text-decoration: underline}

#popup_connexion .button { float: left; line-height: 28px; border: 1px solid #cf9821; background: #cf9821; padding-left: 20px; padding-right: 20px; color: #fff; text-transform: uppercase; cursor: pointer; }
#popup_connexion .button:hover { background:#be850b; color: #fff; }

#popup_connexion .button3 { float: right; margin-right: 83px; line-height: 28px; border: 1px solid #666; padding-left: 20px; padding-right: 20px; color: #666; text-transform: uppercase; cursor: pointer; }
#popup_connexion .button3:hover { background:#666; color: #fff; }

#popup_connexion .button_no { float: right; line-height: 28px; border: 1px solid #af9d6c; padding-left: 20px; padding-right: 20px; color: #bd7d16; text-transform: uppercase; cursor: pointer; }
#popup_connexion .button_no:hover { background:#af9d6c; color: #fff; }

#popup_connexion .second { float: left; width:calc(50% - 51px); padding-left: 50px; border-left: 1px solid #cf9821 }
#popup_connexion .second .input { float: left; color: #333; font-size: 14px; line-height: 28px; height: 28px; border: 1px solid #ddd; background: #fff; padding-left: 10px; width:calc(100% - 40px); }
#popup_connexion .name_div { float: left; width: 260px; }
#popup_connexion .name_div .input { width:calc(100% - 40px); }
#popup_connexion .label_cgv { color: #bd7d16; font-size: 12px; line-height: 12px; }
#popup_connexion .label_cgv a { color: #bd7d16; text-decoration: underline }

@media (max-width: 768px) {
	#popup_connexion { width:calc(100% - 80px); margin-left: 20px; padding: 20px; display:none; position: fixed; top: 50px; left: 0%; z-index: 10001; background: #f6f6f6; font-family: 'Raleway', sans-serif; font-size: 14px; color: #333;border: 3px solid #fff; }
    #popup_connexion h2 { letter-spacing: 0px; font-size: 22px; }

    #popup_connexion .close { float: right; opacity: 0.5; cursor: pointer; margin-right: -10px; margin-top: -10px; width: 25px; }

    #popup_connexion .button { float: left; line-height: 28px; border: 1px solid #af9d6c; padding:0px; width: 100%; text-align: center; color: #bd7d16; text-transform: uppercase; cursor: pointer; }
    #popup_connexion .button_no { clear: both; float: left; line-height: 28px; border: 1px solid #cf9821; background: #cf9821; padding:0px; width: 100%; text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; margin-top: 10px; }
    #popup_connexion .button3 { clear: both; float: left; margin-right: 0px; line-height: 28px; border: 1px solid #666; padding:0px; width: 100%; text-align: center; color: #666; text-transform: uppercase; cursor: pointer; margin-top: 10px; }

    #popup_connexion .input {  -webkit-appearance: none; -webkit-border-radius:0px; border-radius: 0px; }



}


















.alert {
	width:500px;
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
}

@media (max-width: 768px) {
	.alert { width:calc(100% - 20px); margin-left:10px; }	
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

/* The close button */
.closebtn {
	color:#000;
	opacity:0.2;
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    opacity:1;
}







@media (max-width: 1024px) {
	#mosaique { width:700px; }
}

@media (min-width: 1640px) {
	#mosaique { width:1100px; }
}

@media (min-width: 1860px) {
	#mosaique { width:1320px; }
}

@media (min-width: 2080px) {
	#mosaique { width:1540px; }
}

@media (min-width: 2300px) {
	#mosaique { width:1760px; }
}

@media (min-width: 2520px) {
	#mosaique { width:1980px; }
}