/*option*/
.back_white{background: #fff;}
.back_none{display: none;  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.p_text{font-size: 17px;
letter-spacing: 1px;
text-align: justify;}
.zindex_1{z-index: 1;}
.zindex_999{z-index: 999;}
.nomargin_l{margin-left: 0;}
.nomargin_r{margin-right: 0;}
.nopadding_l{padding-left: 0!important;}
.nopadding_r{padding-right: 0!important;}
.padding_r_5{padding-right: 5px!important;}
.padding_l_5{padding-left: 5px!important;}
.nopama{
	padding: 0!important;
	margin:0!important;
}
.overflowhidden{overflow: hidden;}
.at_transition{-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
.tail_sans_container{padding-left: 80px;
padding-right: 80px;
min-height: 255px;}
.color_grey{background-color: #F2F2F2!important;}
.color_blue{color: #0b79b1}
.margin_b{margin-bottom: 20px;}
.margin_b40{margin-bottom: 40px;}
.color_white{color: #fff!important;}
.dspnone{display: none}
/*progress bar*/
.progress-bar-label{
color: #232323;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 24px;
margin-bottom: 12px;
max-width: 555px;
text-transform: uppercase;
word-wrap: break-word;
}
.progress{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: none;
box-sizing: border-box;
color: #666;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 400;
height: 15px;
line-height: 24px;
margin-bottom: 20px;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
word-wrap: break-word;
background-color: #c9c9c9;
width: 512px;
}
.progress-bar{background-color: #13b3a7;
box-shadow: none;
box-sizing: border-box;
color: #FFF;
floatleftfont-family: "Roboto",sans-serif;
font-size: 12px;
font-weight: 400;
height: 14px;
line-height: 8px;
position: relative;
text-align: center;
transition-delay: 0s;
transition-duration: 0.6s;
transition-propertywidthtransition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
width: 471.75px;
word-wrap: break-word;
}
.progress-bar span {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: 400;
position: absolute;
top: -55px;
right: -39px;
padding-right: 5px;
padding-left: 5px;
min-width: 85px;
overflow: hidden;
background: rgb(153, 153, 153) none repeat scroll 0% 0%;
color: rgb(255, 255, 255);
border-radius: 10px;
}
.progress_bar_container{}
/**/
.video_content_container i{font-size: 32px;
margin-top: 15px;
border: 1px solid #fff;
padding: 8px;
border-radius: 9px;
color: #fff;
cursor: pointer;}
.sms_nbr{width: 545px;
margin: 0px auto;
position: relative;
margin-top: 20px;
margin-bottom: 40px;}
.email_nbr{width: 545px;
margin: 0px auto;
position: relative;
margin-top: 20px;
margin-bottom: 40px;}
.progress_bar_container{}

#divsmsalertingvideo{
float:right;
padding-right:50px;
}

/*icone line 1*/
.icone_line_1_container{text-align: center;}
.icone_line_1_container img{padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;}
/*SMS*/
.sms_container{
background: rgb(92, 202, 194) none repeat scroll 0% 0%;}
.container_icon_sms{padding: 30px 0px 0px 100px;}
.container_icon_sms_left{padding: 10px 100px 0px 0!important;}
.icon_sms_co{display: none;}
.container_icon_sms .ico_sms_img_cont{margin-bottom: 7px;
text-align: center;}
.container_icon_sms .ico_sms_img_cont img{}
.container_icon_sms .ico_sms_img_cont .at_sms_title{padding-top: 5px;
color: #FFF;
white-space: nowrap;
text-align: center;
font-size: 19px;
letter-spacing: 1px;}
/*marque_blanche*/
.marque_blanche{text-align: center;
min-height: 295px;
padding-top: 105px;font-size: 50px;font-family: "Conv_Espacio Novo Medium",sans-serif;}
/*portfolio*/
.portfolio_container{min-height: 480px;}
.portfolio_container .thumbnail{background: none!important;border: none!important;}
.portfolio_container{min-height: 480px;}
.portfolio_container nav{position: absolute;
width: 100%;
min-height: 124px;
top: 0;
padding-top: 19px;}
.portfolio_container nav .control-box .navigation_btn{background: #0B79B1 none repeat scroll 0% 0%;
border-radius: 50%;
width: 45px;
height: 45px;
color: #FFF;
padding: 0px !important;
margin: 0px !important;
border: medium none;}
.portfolio_container nav .control-box .navigation_btn i{width: 45px;
height: 45px;
padding: 0px !important;
margin: 0px !important;
text-align: center;
line-height: 41px;
font-size: 23px;}
.portfolio_container .thumbnails{padding: 0px;
margin: 0px;
padding-left: 45px;
padding-top: 12px;}
.portfolio_container .thumbnails img{}
.rightbtn_fix{position: absolute;}
.rightbtn_fix i{z-index: 999;}
.container_portfolio_fix{width: 1000px;
margin: 0px auto;}
.portfolio_big_title{text-align: center;}
/*maroc france*/
.marocfrance_container{background: #000;overflow: hidden;}

.marocfrancee_container{background: #F2F2F2;overflow: hidden;}
.maroc_img_container{}
.france_img_container{}
.mf_cont{max-height: 252px;}
.sous_cont_mf{position: relative;
overflow: hidden;
height: 235px;}
.sous_cont_mf_supervision{position: relative;
height: 580px;}
.sous_cont_mf_supervision{
padding-left:0px;
width: 100%;}
.sous_cont_mf img{width: 100%;opacity: .5;}
.information{position: absolute;
color: #FFF;
z-index: 999;
text-align: center;
width: 100%;
height: 100%;}
.pays{font-size: 36px;
letter-spacing: 1px;
margin-top: 15px;
margin-bottom: 20px;font-family: "Conv_Espacio Novo Medium",sans-serif;}
.adress1{font-size: 20px;
font-family: sans-serif;
font-weight: 300;}
.adresse2{font-size: 20px;
font-family: sans-serif;
font-weight: 300;margin-bottom: 15px;}
.contact{font-size: 20px;
font-family: sans-serif;
font-weight: 300;margin-bottom: 5px;}
.telephone{font-size: 20px;
font-weight: 300;}
/*all*/
.all h2{color: #000;
font-size: 45px;
position: relative;
padding-left: 20px;
font-family: 'Conv_Espacio Novo Medium',sans-serif;}
.all p{font-size: 15px;
letter-spacing: 1px;
text-align: justify;}
.h2_bar{background: #17B4A8 none repeat scroll 0% 0%;
height: 3px;
width: 50px;
position: absolute;
left: -39px;
bottom: 13px;}
.h2_barsms{background-color: #fff!important;}
.all{}
.plus_info{text-decoration: underline;
cursor: pointer;
text-align: right;
margin-bottom: 10px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.plus_info:hover{text-shadow:0 0 5px;}
.plus_info span{font-size: 20px;
letter-spacing: 1px;}
.plus_info i{    font-size: 15px;
}
/*h2*/
.presh2, .janvierh2{color: #0B79B1;
text-align: center;
font-size: 42px;font-family: "Conv_Espacio Novo Medium",sans-serif;
font-size: 45px;}
.presh2{margin-bottom: 20px;}
.janvierh2{margin-bottom: 60px;
font-family: "Conv_Espacio Novo Medium",sans-serif;
font-size: 45px;}
/**/
.logo_atrait{position: relative;
top: -30px;
margin-bottom: -40px;}
.lesimages_left{max-height: 255px;
position: relative;height: 255px;}
.lesimages_left img{position: relative;
left: -80px;
top: 0px;
height: 100%;}
.lesimages_right{max-height: 255px;
position: relative;height: 255px;}
.lesimages_right img{position: relative;
top: 0px;
height: 100%;
right: 100px;
z-index: 1;}

/*contactez nous*/
.title_contactez_nous{min-height: 105px;}
.title_contactez_nous h2{text-align: center;
line-height: 100px;
height: 105px;
padding: 0;
margin: 0;font-family: "Conv_Espacio Novo Medium",sans-serif;font-size: 45px;}
.back_contact{background-color: #f8f8f8;}
.contact_form_container{min-height: 560px;width: 730px;margin: 0 auto;}
.contact_text_line1{text-align: center;
font-size: 21px;
width: 440px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 20px;
font-weight: bold;}
.contact_text_line2{text-align: center;
margin-bottom: 10px;
letter-spacing: 1px;}
.contact_email_line3{color: #17b4a8;
text-align: center;
font-size: 21px;
margin-bottom: 10px;}
.contact_text_line4{text-align: center;
margin-bottom: 10px;
letter-spacing: 1px;}
/*formulaire*/
.leformulaire{}
.leformulaire form{}
.leformulaire form input{background: #DBDBDB none repeat scroll 0% 0%;
border-radius: 0px;
margin-bottom: 5px;
font-family: sans-serif;
font-size: 15px;
margin-top: 5px;color: #000;}
.leformulaire form textarea{background: #DBDBDB none repeat scroll 0% 0%;
border-radius: 0px;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-family: sans-serif;
padding-left: 12px !important;
padding-right: 12px !important;
padding-top: 5px !important;
padding-bottom: 5px!important;
color: #000;}
.leformulaire form button{margin-top: 5px;
background: #17B4A8 none repeat scroll 0% 0%;
border-radius: 0px;
color: #FFF !important;
width: 220px;
margin-bottom: 10px !important;
font-size: 16px;
height: 34px;
padding-top: 0;}
.leformulaire form button:hover{opacity: 0.7}
.message_captcha_container{
margin-bottom: 5px;}
.message_captcha_container span{
font-size: 15px;
letter-spacing: 1px;}
.contact_btn_envoyer_container{text-align: center;}
/**/
.smsemail_title{color: #0B79B1;
font-size: 19px;
letter-spacing: 1px;}
/*navbar*/
nav{
font-family: 'Lato', sans-serif;
}
#myNavbar{background: #13B3A7 none repeat scroll 0% 0%;
border: medium none;
border-radius: 0px;
margin-bottom: 0;
}
#myNavbar .navbar-header{}
#myNavbar .navbar-header button{border: none;}
#myNavbar .navbar-header button:hover{background: none;}
#myNavbar .navbar-header {}
#myNavbar #navbarCollapse{}
#myNavbar .navbar-nav li{}
#myNavbar .navbar-nav li a{text-transform: uppercase;color: rgb(255, 255, 255);font-weight: 300;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
background:none;
color: #0B79B1 !important;
}
#myNavbar .navbar-nav li a:hover{color: #0B79B1}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none}
.language{position: absolute;
right: 50px;
top: 14px;font-size: 15px;}
.lfrancais{}
.langlais{}
.language a{color: #fff;padding-right: 5px;}
.language a:hover{color: #0B79B1}
/*slideshow*/
.container_slideshow{width: 100%;
position: relative;
overflow: hidden;}
.container_slideshow img{width: 100%;}
/*menu mobile*/
.menu_mobile{display: none;}
.close_menu_mobile{}
.close_menu_mobile i{color: #fff;
font-size: 40px;
position: absolute;
top: 5px;
left: 5px;
cursor: pointer;}