/************************************************** reset css ****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear{clear: both;}

html,
body{background: #F7F7F7;/*font-family: 'Lato', sans-serif;-webkit-font-smoothing: antialiased;*/font-family: 'Roboto', sans-serif;-webkit-text-size-adjust: none;text-rendering:  optimizeLegibility;position:relative}

@font-face{
    font-family: OpenSans-Regular;
    font-style: normal;
    src:url("fonts/OpenSans-Regular.ttf");
}
@font-face{
    font-family: OpenSans-Bold;
    font-style: normal;
    src:url("fonts/OpenSans-Bold.ttf");
}
@font-face{
    font-family: OpenSans-Light;
    font-style: normal;
    src:url("fonts/OpenSans-Light.ttf");
}
@font-face{
    font-family: Lato-Regular;
    font-style: normal;
    src:url("fonts/Lato-Regular.ttf");
}
@font-face{
    font-family: Lato-Light;
    font-style: normal;
    src:url("fonts/Lato-Light.ttf");
}
@font-face{
    font-family: Lato-Bold;
    font-style: normal;
    src:url("fonts/Lato-Bold.ttf");
}

/************************************************************ projects styles ****************************************/
.container{position: relative;margin: auto;}.wrapper{width:100%; overflow:hidden; position:relative;}
.padding{padding: 10px 0;}
header{width: 100%;min-height: 50px;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);position: relative;border-top: 5px solid #FF6600;/*z-index: 999;*/}

#main_container{width: 100%;position: relative;}
.navbar-brand{padding:10px;}

/**********************************/
.container_social{position:absolute;top:10px;right:40px;z-index:100;}
.container_social a {margin: 0px 0.2em 0px 0px;font-size: 25px;text-align: center;background:#009EDF;border-radius: 100%;width: 30px;height: 30px;display: inline-block;padding:3px}
.container_social a {color: #FFF;}

/*************MENU************/
.header-menu {float: right;padding: 45px 0px 25px 0;}
.navbar-nav > li > a {color: #333;padding: 16px;margin-right: 0;font-size: 15px;font-weight: normal;}
.navbar-nav > li > a.dropdown-form-toggle {color: #333;padding: 14px 16px;margin-top: 14px;margin-right: 4px;font-size: 15px;font-weight: normal;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {color: #fff;background-color: #FF6600;border-bottom:2px solid #b15314}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {color: #fff;background-color: #FF6600;border-radius: 0;border-bottom:2px solid #b15314}
.navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus {color: #cccccc;background-color: transparent;}

.navbar-toggle {border-color: #333;margin-top: 20px;}
.navbar-toggle .icon-bar {background-color: #4c4c4c;}
.navbar-toggle .icon-custom {font-size: 18px;}
.navbar-toggle:hover, .navbar-toggle:focus {background-color: #FF6600;border-color: #FF6600;}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {background-color: #FFF;}
.navbar-toggle:hover .icon-custom, .navbar-toggle:focus .icon-custom {color: #FFF;}
.navbar-toggle-aside-menu {padding: 8px 10px 2px 10px;}

.navbar-collapse, .navbar-form {border-color: #e7e7e7;}
.navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret {border-top-color: #FFF;border-bottom-color: #FFF;}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color: #FFF;background-color: #FF6600;border-bottom:2px solid #b15314}
.navbar-nav > .open > a .caret, .navbar-nav > .open > a:hover .caret, .navbar-nav > .open > a:focus .caret {border-top-color: #FFF;border-bottom-color: #FFF;}
.navbar-nav > .dropdown > a .caret {border-top-color: #4c4c4c;border-bottom-color: #4c4c4c;}
.dropdown-menu {/*min-width: 180px;*/background: #FFF;border: 0;/*border-top: 2px solid #b15314;*/border-bottom: 3px solid #FF6600;border-radius: 0;}
.dropdown-menu:after, .arrow_box:before {bottom: 100%;left: 16%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.dropdown-menu:after {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-left: 0;}
.dropdown-menu:before {border-color: rgba(231,76,60,0);border-bottom-color: #fff;border-width: 10px;margin-left: 0;}
.dropdown-menu-user:after {border-color: rgba(231,76,60,0);border-bottom-color: #FF6600;border-width: 10px;margin-left: 24px;}
.dropdown-menu-user:before {border-color: rgba(231,76,60,0);border-bottom-color: #FF6600;border-width: 10px;margin-left: -10px;}
/*.dropdown-menu > li {border-bottom: 1px solid #e0eded;}*/
.dropdown-menu > li:last-child {border: 0;}.dropdown-menu > li > a {color: #333;padding: 8px 15px;}.dropdown-menu > li > a:hover {background: #FF6600;color: #FFF;}

.nav > ul {margin: 0;padding: 0;list-style: none;}
.nav > ul > li {border-bottom: 1px solid #333;}
.nav > ul > li > a {display: block;padding: 10px 15px;font-size: 14px;color: #fff;}
.nav > ul > li > a:hover {text-decoration: none;color: #FF6600;background: #292929;}
.nav > ul > li > a > i {margin-right: 5px;}
.nav > li > a {position: relative;display: block;padding: 10px 12px !important;}

/************************* SLIDES *********************/
.slider_container{width: 100%;height: 45%;overflow:hidden;}
.slider_container img{width: 100%;height: 100%;}
.slider{width: 100%;height: 100%;position: relative;}
.slider > li{float: left;overflow: hidden;}
.br-shadow {bottom: -40px;height: 60px;left:center;position: absolute;width: 1150px;}

/******************************************/
.margin_top{margin-top:30px;}.margin_left{margin-left:30px}.padding_10{padding:10px;}.padding_20{padding:20px;}.floatleft{float:left}.padding_top{padding-top:1px}
.bg_white {background: #FFF;}.bg_gris{background:#f7f7f7 !important}.bg_bleu {background: #00aeef;}.bg_vert {background: #87B52E;}.bg_verte {background: #8cc63e;}.bg_orange {background: #f26722;} .bg_bleu2 {background: #255a9e;} .bg_violet{background-color:#ed207b}
h2.titre {font-size: 27px;color: #fff;margin-bottom: 15px;margin-top:10px;font-family: Lato-Light;background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.4);padding: 10px 20px;position: absolute;top: 90px;/* left: 0px; */}
.padding_container{padding:8px 10px;}

.blocs3{display: block;padding: 10px 0px;}.blocs3 > li{border: 1px solid #DFDFDF;}
.li_float_left{float:left;margin-bottom:20px;background:#fff;transform: scale(1);transition-duration: 0.3s;z-index: 1;box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.23);}
.blocs3 li img.img-responsive{border-bottom:3px solid #fff;}.blocs3 li:hover img.img-responsive{border-bottom:3px solid #009EDF;}
.blocs3 h2{font-size: 20px;line-height: 18px;padding-bottom: 7px;color: #FF6600;font-weight: normal;text-align:center;margin-top:10px;/*font-family: "Lato",sans-serif;*/}
.blocs3 p{padding:5px 5px 10px 5px;line-height:21px;}
.blocs3 .read{float:right;color:#FF6600;margin-bottom:5px;margin-right:5px} .blocs3 .read i{margin-right:5px}
.blocs3 h3 {border-bottom: 1px solid #CCC !important;color: #000;font: 18px/21px Arial,Helvetica,sans-serif;margin: 0px;padding:5px;}
.blocs3 ul {margin-top: 5px;}.blocs3 ul li{float: left;margin-right: 5px;margin-bottom: 8px;display: inline-block;}
.blocs3 ul li.left_margin {margin-left: 3px;}.blocs3 ul li a{display: block;margin: 0px;}.blocs3 ul li img{border: 3px solid #009EDF;}
.blocs3 ul li img:hover{border-color:#87B52E}

.shad {height: 20px;background: url("../images/shad.png") no-repeat scroll center bottom transparent;width: 100%;padding: 0px;margin: 0px auto;}

.title {font-family: "Lato",sans-serif;font-size: 35px;color:#009EDF;padding: 10px 0px;font-weight: bold;position: relative;margin-top: 15px;}
.title::after {border-bottom: 1px solid #DDD;content: "";position: absolute;display: block;left: 0px;right: 0px;top: 38px;}
.title span {background:#F7F7F7;display: inline-block;padding: 0px 20px;position: relative;vertical-align: top;z-index: 2;}

.padding_20 p{line-height:21px;color:#252525;margin-bottom:10px;text-align:justify}

/*.li_float_left:hover{border: 1px solid #FF6600;box-shadow: 0 0 5px rgba(243, 156, 18, 0.9);transform: scale(1.1);transition-duration: 0.3s;z-index: 10;}*/

/*************************************SCROLL PARTENAIRES**************************************************/
#partnaires_zone{margin-bottom:15px;}
div.scroll-partenaires{width:980px;margin: 10px 10px 20px 10px;}
div.scroll-partenaires > ul > li{float:left;width:100px;height:100px;}
div.scroll-partenaires > ul > li:last-child{margin-right:0;}
.marquee0 ul li { display: inline;margin-right:10px;}
.marquee0 ul li img{width:100px; height:100px;}


/********************************* FOOTER *****************************/
footer{background: url("../images/sand.png") repeat left top #353434;color:#fff;padding:15px;border-top:5px solid #ccc;font-size:13px;position:absolute;_bottom:0;width:100%;}
footer .main-footer strong a{color:#FF6600;text-transform:UPPERCASE;}footer .main-footer a{color:#fff}

/**************************************************************************** css **************************************/
.logistique{
	width:100%;
	position:relative;
}
.logistique > li{
	width:250px;
	height:250px;
	float:left;
	margin-right:25px;
	margin-bottom:15px;
	border:1px solid #d5d5d5;
}
.logistique > li > a{
	width:250px;
	height:250px;
	display:block;
	position:relative;
}
.logistique > li > a img{
	width:250px;
	height:250px;
	display:block;
}
.title_log{
	width:100%;
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	text-align:center;
	top:50%;
	display:none;
}
.title_log h5{
	font-size:18px;
	color:#fff;
	font-family: OpenSans-Regular;
	padding:10px 8px;
}
.title_log i{
	font-size:50px;
	color:#fff;
}
.logistique > li > a:hover .title_log{
	display:block;
	transition-duration:0.3s;
}




.center_text h3
{
  font-size: 20px;
  /* line-height: 50px; */
  text-shadow: -1px -1px #fb6, 1px 1px #d60, -3px 0 4px #000;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
  color: #FFffff; 
  padding:3px;
  font-weight:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  /* display:inline; */
  position:absolute;
}


.inner-div {
  position: absolute;
     /* margin: auto; */
	 margin: 3px ;
     top: 0;
     right: 0;
     bottom: 0px;
     /* left: 180px; */
	 left: 160px;
     width: 350px;
	/*  border: 0px solid #666; */
}

.description{
	width:100%;
	position:relative;
	margin-bottom:25px;
}

.description h5{
	display:block;
	color:#EB7424;
	font-size:16px;
	font-family: OpenSans-Regular;
	padding:10px 0;
}

.description h2{
	display:block;
	color:#EB7424;
	font-size:28px;
	font-family: OpenSans-Regular;
	padding:10px 0;
	margin-bottom:15px;
}	

.titre1{
	font-family: serif;
	background: #0066CC none;
	color: white;
	border: 3px dotted #9999FF;
	padding: 0.3em;
	text-align: center;
	letter-spacing: 0.3em;
}

.titre3 {
  margin-bottom: 0;
  padding: 0;                  
  color: #009de0;  
  font: bold 14px sans-serif;
}

.steull {
  list-style-image: url("../images/fleche.jpg");
  margin: 10px;
}

.nos_contacts{
	width:100%;
	position:relative;
}
.nos_contacts > li{
	display:block;
	padding:8px 0;	
}
.nos_contacts > li > span{
	padding-left:5px;
	/* font-size:14px; */
	font-size:13px;
}
.nos_contacts > li > i{
	font-size:23px;
	padding-left:5px;
	color:#009EDF;
}	
.content_contact{
	width:500px;
	position:relative;
	float:left;
}
.row_contact_dir{
	width:500px;
	height:180px;
	background-color:#fff;
	border:1px solid #d5d5d5;
	margin-bottom:20px;
}	
.row_contact{
	width:480px;
	/* height:180px; */
	height:160px;
	background-color:#fff;
	border:1px solid #d5d5d5;
	margin-bottom:20px;
}
.row_contact.last{
	margin-bottom:0px;
}	
.row_contact_dir.auto{
	margin:auto auto 20px auto;
}
.row_contact.left{
	float:left;
}
.row_contact.right{
	float:right;
}
.img_container{
	width:200px;
	height:180px;
	float:left;
	background-color:#EB7424;
}
.info_contact{
	width:270px;
	height:180px;
	float:left;
	_background-color:#457896;
	float:left;
	margin-left:5px;
}
.form_contact{
	width:450px;
	float:left;
	background-color:#fff;
	border-left:3px solid #FF6600;
}
.form_contact h4{
	padding:12px 18px;
	font-size:22px;
	color:#FF6600;
	font-family: OpenSans-Regular;
}	
.width_230{
	width:230px;
}
/* 
#nos-contacts{width:100%;float:left;position:relative;/*margin-right:60px;*//*margin-bottom:10px;padding:20px;/*box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)*//* } */  
/*#nos-contacts .ligne{margin-bottom:10px;padding:5px 0;color: #686868;}  
#nos-contacts input[type="text"], #nos-contacts .blocs2 > ul > li textarea,#nos-contacts .blocs2 > ul > li select{padding:10px;border:1px solid #BFBDBD;}
#nos-contacts input[type="text"]:focus, #nos-contacts .blocs2 > ul > li textarea:focus{border-color:#949191} 
#nos-contacts .ligne label{padding-top:3px;width:150px;display:block;font-family:arial;padding-left:12px;float:left;/*font-weight:bold;*//*padding-bottom:5px;}	 
/*#nos-contacts .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;}	 

.cadre_formulaire_contact{padding:15px;/*border:1px solid #ccc;margin-top:20px;*/}
/*.input_360{width:360px}.height_100{height:150px;}.input_520{width:450px}	 
.form_buttons{padding:5px 0px;text-align:right;margin-top:10px;}
.lscc{background: url(../images/bg_bout.jpg) left top repeat-x;border-width:1px;font:14px arial,sans-serif;font-weight:bold;color:#444;cursor:pointer;text-align:center;padding:0 15px;height:40px;margin:0 8px;outline:none;border-color:#ccc;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.lscc:hover{background-color:#f6f6f6;color:#E30516}	 */

/* *************************************
Transfert Privé
 * ************************************/
.transfertprive a{
	background: #f27505 none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	padding: 10px;
	position: absolute;
	text-decoration: none;
}

.form_transfert_priv{
	border:none;
	padding:10px 15px;
	background-color:#FF6600;
	color:#fff;
	font-size:16px;
	font-family: OpenSans-Regular;
	border-radius:5px;
	_font-weight:bold;
	cursor:pointer;
	position:relative;
	/* right:10px; */
	margin-left:35%;
	margin-right:35%;
	width:370px;
}
.form_transfert_priv i{
	font-size:16px;
	padding-right:8px;
}

#conteneur_transfertprives{margin:0 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3);background-color:#fff;position:relative;/* padding:30px; box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)*/}  
#conteneur_transfertprives .ligne{margin-bottom:10px;padding:5px 0;color: #686868;}  
#conteneur_transfertprives input[type="text"], #conteneur_transfertprives textarea, #conteneur_transfertprives select {padding:10px;border:1px solid #BFBDBD;}
#conteneur_transfertprives input[type="text"]:focus, #conteneur_transfertprives textarea:focus, #conteneur_transfertprives select:focus{border-color:#949191} 
#conteneur_transfertprives .ligne label{padding-top:3px;width:250px;display:block;font-family:arial;padding-left:12px;float:left;font-weight:normal;}	 
#conteneur_transfertprives .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;}
.cadre_formulaire{padding:15px;border:0px solid #ccc;/*margin-top:20px;*/}

h3.transfert {text-transform: uppercase;font-size: 15px;margin-top: 25px;position: relative;left: 35%;}
h3.transfert a {text-decoration: none;color: #FFF;padding: 10px;background: #F27505;border-radius: 5px;position: relative;}
h3.transfert a:hover {background: #d46604;}


/*************************************************************** form cars button **************************************/
.form_cars{
	border:none;
	padding:10px 15px;
	background-color:#FF6600;
	color:#fff;
	font-size:16px;
	font-family: OpenSans-Regular;
	border-radius:5px;
	_font-weight:bold;
	cursor:pointer;
	position:relative;
	/* right:10px; */
	margin-left:35%;
	margin-right:35%;
	width:370px;
}
.form_cars i{
	font-size:16px;
	padding-right:8px;
}

.form_location{width:100%;float:left;position:relative;/*margin-right:60px;*/margin-bottom:10px;margin-top:25px;padding:20px;/*box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)*/}  
.form_location .ligne{margin-bottom:10px;padding:5px 0;color: #686868;}  
.form_location input[type="text"], #nos-contacts .blocs2 > ul > li textarea,#nos-contacts .blocs2 > ul > li select{padding:10px;border:1px solid #BFBDBD;}
.form_location input[type="text"]:focus, #nos-contacts .blocs2 > ul > li textarea:focus{border-color:#949191} 
.form_location .ligne label{font-family: OpenSans-Regular;font-size:14px;color:#333;padding-top:3px;width:150px;display:block;padding-left:12px;float:left;/*font-weight:bold;*/padding-bottom:5px;}	 
.form_location .ligne select{padding:6px;border:1px solid #BFBDBD;}
.form_location .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;}	 

.form_location{padding:15px;/*border:1px solid #ccc;margin-top:20px;*/}
.input_360{width:360px}.height_100{height:150px;}.input_520{width:450px}	 
.form_buttons{padding:5px 0px;text-align:left;margin-top:10px;}
.lscc{background: url(../images/bg_bout.jpg) left top repeat-x;border-width:1px;font:14px arial,sans-serif;font-weight:bold;color:#444;cursor:pointer;text-align:center;padding:0 15px;height:40px;margin:0 8px;outline:none;border-color:#ccc;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.lscc:hover{background-color:#f6f6f6;color:#E30516}
#conteneur_location{box-shadow: 0 0 10px rgba(0,0,0,0.3);background-color:#fff;position:relative;}
.close_c{background:url('../images/closelabel.gif') no-repeat top center;width:93px;height:20px;position:absolute;right:10px;top:10px;cursor:pointer;}
.form_location a{color:#ff0000;font-size:14px;font-weight:bold;text-decoration:none;}
.margin_left{margin-left:150px;}

/*  */
#dintent{height:auto;padding:0px 40px 10px 40px;width:980px;margin:auto;background:#F7F7F7;}

#colonnes4 li{width:150px;margin-right:85px;list-style-type:none;float:left;}
#colonnes4 li.last{margin-right:0}
#colonnes4 li img{width:150px;height:150px;margin-bottom:2px;/*display:none;*/} 
#colonnes4 div{margin-bottom:10px;line-height:21px;color:#252525;text-align:center;}

/* Pop_up */
 a.bulle {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:14px;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: absolute;
      top: -10px;
      left: 1px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:580px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #516ea9;
   }
/* fin pop-up */

b, strong{font-weight: bold;}
.location{
	_width:300px;;
	height:50px;
	position:fixed;
	right:0;
	top:5%;
	/* top:50%; */
	z-index:100;
	/*-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);*/
}
.location > a{
	display:block;
	color:#fff;	
	font-size:12px;
	_width:180px;
	background:#222;
	text-align:center;
	padding:11px 8px;
	margin-top:8px;
	text-decoration:none;
	border-top-left-radius: 5px; 
	border-bottom-left-radius :5px;
	text-transform:uppercase;
	font-weight:500;
	/*-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);*/
}
.location > a i{
	font-size:14px;
}	
.location > a.orange{
	background-color:#EB7424;
}
.location > a.blue{
	background-color:#009EDF;
}
.location > a.fushia{
	background-color:#ED207B;
}
.location > a.blue i,.location > a.orange i,.location > a.fushia > i{
	font-size:18px;
}
#overlay{
	position:fixed;
	background-color:rgba(0,0,0,0.4);
	width:100%;
	bottom:0;
	top:0;
	z-index:20;
	display:none;
}
.container_cond{
	width:800px;
	height:500px;
	background-color:#fff;
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.75);
	position:absolute;
	top:5%;
	left:18%;
	padding: 35px 15px 30px 15px;
	overflow-y:scroll;
}
.close_overlay{
	width:50px;
	height:50px;
	position:absolute;
	right:50px;
	background:url('../images/fermer.png') no-repeat center center;
	z-index:100;
	cursor:pointer;
}
.container_cond h1{
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
	padding:8px 0;
	
}
.container_cond h3{
	color:#141414;
	font-size:14px;
	padding:8px 0;
}
.container_cond h5{
	color:#141414;
	font-size:14px;
	padding:10px 0;
	font-weight:bold;
}
.container_cond p{
	color:#141414;
	font-size:14px;
	line-height:20px;
	margin-top:15px;
}
.container_cond ul{
	margin-left:25px;
}
.container_cond ul li{
	margin-bottom:7px;
	font-size:13px;
	font-weight:bold;
	color:#141414;
}
.liste_emploi > li{
	margin-bottom:35px;
}
.liste_emploi > li div{
line-height:21px
}
img.img{
	width:130px;
	top:0px;
}
img.Leftposition{
	float:left;
	margin-right:20px;
}
img.Rightposition{
	float:right;
	margin-left:20px;
}



/* ############# CONTACTS ########"" */
div.text-content{padding:15px 0}div.text-content p{line-height:135%;font-size:115%;padding:4px 0} 


#nos-contacts .blocs2 > ul > li{width:43%;float:left;position:relative;/* margin-right:60px; *//* margin-bottom:10px;padding:20px; */box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)} 
/*#nos-contacts .blocs2 > ul > li.last{float:right;position:absolute;right:-350px;margin-left:10px;padding-top:30px;margin-top:30px;width:305px;height:530px;box-shadow:0 0 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 0 rgba(0,0,0,.2); background:#f9f7f7 url(../images/statics/bg-contact.jpg) right bottom no-repeat;}*/
#nos-contacts .blocs2 > ul > li img{float:left;margin-left:18px;padding-top:10px}
#nos-contacts .blocs2 > ul > li h3{color: #000;font-size:20px;font-weight:normal;padding-bottom:6px;line-height:20px;margin-bottom:15px}
#nos-contacts .blocs2 > ul > li span{color:#ff0000;}
#nos-contacts .blocs2 > ul > li .ligne{margin-bottom:10px;padding:5px 0;color: #686868;}  
#nos-contacts .blocs2 > ul > li input[type="text"], #nos-contacts .blocs2 > ul > li textarea,#nos-contacts .blocs2 > ul > li select{padding:10px;/* border:1px solid #BFBDBD; */}
#nos-contacts .blocs2 > ul > li input[type="text"]:focus, #nos-contacts .blocs2 > ul > li textarea:focus{border-color:#949191} 
#nos-contacts .blocs2 > ul > li .ligne label{padding-top:3px;width:150px;display:block;font-family:arial;padding-left:12px;float:left;/* font-weight:bold; */}	 
#nos-contacts .blocs2 > ul > li .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;}


#nos-contacts .blocs2 > ul > li .ligne span.gris{color:#333;}
.cadre_formulaire_contact{padding:15px;/* border:1px solid #fcfcfa; *//*margin-top:20px;*//* border-left:3px solid #FF6600; */}
.input_360{width:360px}.height_100{height:150px;}.input_520{width:450px}
.form_buttons{padding:5px 0px;text-align:right;margin-top:10px;}
.lscc{background: url(../images/bg_bout.jpg) left top repeat-x;border-width:1px;font:14px arial,sans-serif;font-weight:bold;color:#444;cursor:pointer;text-align:center;padding:0 15px;height:40px;margin:0 8px;outline:none;border-color:#ccc;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.lscc:hover{background-color:#f6f6f6;color:#E30516}	
#nos-contacts h2{
	display:block;
	color:#EB7424;
	font-size:28px;
	font-family: OpenSans-Regular;
	padding:1px 0;
	margin-bottom:15px;
}
/* #############END CONTACTS ####### */
#conteneur_shopper{
	padding:15px 20px;
	background-color:#F1F1F1;
	width:650px;
	box-shadow: 0 0px 5px 1px #434343;
	margin:auto;
	border-radius:10px;
}
#conteneur_shopper .form_control{
	margin-bottom:25px !important;
}	
/*#conteneur_shopper,.logo_centre{
	float:left;
}*/	
#conteneur_shopper .ligne{
	margin-top:15px;
	padding:10px 0;
}
#conteneur_shopper .ligne input,#conteneur_shopper .ligne label{
	display:block;
}
#conteneur_shopper .ligne label.requiredfield{
	padding:8px 0px 8px 10px;
	background: url(../images/bg_required.png) no-repeat 0 9px;
}
#conteneur_shopper .ligne input{
	padding:12px 8px;
	border:1px solid #D5D5D5;
}
#conteneur_shopper .ligne select{
	padding:8px 8px;
	border:1px solid #D5D5D5;
}
.input_600{width:600px;}
.height_250{height:250px}
.title_f{
	font-size:20px !important;
	color:#fff !important;
	padding:10px 15px !important;
	border-bottom:2px solid #141414; 
	text-shadow: 3px 3px 8px rgba(150, 150, 150, 1);
}
#conteneur_shopper .title_f i{
	font-size:22px;
	padding-right:10px;
}
.logo_centre{
	width:300px;
	min-height:250px;
	_background:#345000;
	margin-left:5px;
	margin-top:75px;
	text-align:center;
}	
.titre_f {
	font-size: 27px;
	color: #fff;
	margin-top:10px;
	font-family: Lato-Light;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.4);
	padding: 10px 20px;
	position: absolute;
	top: 90px;
	left: 240px; 
}
.box_shadow{
	box-shadow: 0 0px 15px 1px #434343;
	background-color:#ffffff;
}
#connect_form{
	width:400px;
	min-height:250px;
	border-radius:10px;
	background-color:#F1F1F1;
	margin: 50px auto auto auto;
	box-shadow: 0 0px 15px 1px #434343;
}
#connect_form h3{
	font-family: OpenSans-Bold;
	font-size:22px;
	text-transform:uppercase;
	text-align:center;
	padding:15px 0 0 0;
	color:#000000;
}	
.form_connect{
	padding:20px 25px;
}	
.form_control{
	margin-bottom:15px;
}
.form_control label{
	font-size:16px;
	font-family: OpenSans-Light;
	font-weight:bold;
	color:#343434;
	padding:6px 0;
	display:block;
}
.form_control .input_form{
	width:100%;
}
.form_control .input_form input, select{
	width:100%;
	padding:8px 10px;
	border:2px solid #ED207B;
	border-radius:5px;
	box-sizing: border-box;
}
.form_control .input_form input.border{
	border:1px solid #ED207B;
	padding:10px 10px;
}
.form_control textarea{
	border:2px solid #ED207B;
	padding:10px 10px;
	border-radius:5px;
}	
.form_connect .btn{
	width:100%;
	text-align:center;
}
.form_connect .btn_submit{
	background-color:#ED207B;
	font-size:16px;
	font-family: OpenSans-Bold;
	color:#ffffff;
	margin-top:15px;
}
a.mdo{
	font-size:13px;
	font-family: OpenSans-Light;
	text-align:center;
	display:block;
	margin-top:15px;
	transition-duration:0.5s;
}
a.mdo:hover{
	color:#ED207B;
	transition-duration:0.5s;
}
.bg{
	background:url('../images/statics/shopper.jpg') no-repeat top center;
	background-size:cover;
}
.hover{
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	width:100%;
	top:0;bottom:0;
	left:0;right:0;
	z-index:10px;
}
#div_achat{
	width:100%;
	padding:20px;
	background-color:#fff;
}
.btn-submit{
	background-color:#ED207B;
	font-size:16px;
	font-family: OpenSans-Bold;
	color:#ffffff;
	margin-top:15px;
	padding: 10px 25px;
}
.add_add {
    background-color: #434343;
    border: medium none;
    color: #fff;
    font-family: OpenSans-Bold;
    font-size: 15px;
    margin-top: 27px;
    padding: 8px 7px;
    cursor: pointer;
}
.left{
	float:left;
}	
.profil_c{
	width:250px;
	height:150px;
	float:left;
	margin-left:70px;
}
.profil_c h4{
	 font-family: OpenSans-Regular;
	 font-size:16px;
	 color:#fff;
	 background-color:#2A8DC7;
	 text-align:center;
	 padding:8px 0;
	 text-transform:uppercase;
	 border-top-left-radius:10px;
	 border-top-right-radius:10px;
	 font-weight:bold;	 
}
.profil_c > ul{
	position:relative;
	background-color:#EFEFEF;
}
.profil_c > ul > li{
	display:block;
	border-bottom:1px solid #DEDEDE;
}
.profil_c > ul > li > a{
	padding:10px 0;
	display:block;
	text-align:center;
	color:#141414;
	font-family: OpenSans-Light;
	font-size:14px;
}
.part{
	position:relative;
}
.part img{
	margin-right:10px;
	float:left;
}	
.part a{
	font-family: OpenSans-Light;
	font-size:16px;
	margin-top:20px;
	float:left;
	width:300px;
	color:#ED207B;
}
.part a span{
	font-weight:bold;
	color:#000000;
}
.lien{
	margin-top:8px;
}
.lien a{
	display:block;
	font-size:13px;
	color:#154983;
}
.lien a i{
	font-size:15px;
	padding-right:5px;
}