/*
 *	UGP 
 *
 *	Copyright (c) 2015 OTHOS
 *
 *	Dual licensed under the MIT and GPL licenses.
 *	http://en.wikipedia.org/wiki/MIT_License
 *	http://en.wikipedia.org/wiki/GNU_General_Public_License
 */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
	outline:none;
}
a, a:hover, a:focus {
	outline:none;
	text-decoration:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
body {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#303030;
	background-color:#fff;
	overflow-x:hidden;
}
a {
	color:#000000;
	font-weight:400
}
a:hover {
	text-decoration:none;
	color:#000
}
@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot.eot');
    src: url('../fonts/didot.eot') format('embedded-opentype'),
         url('../fonts/didot.woff2') format('woff2'),
         url('../fonts/didot.woff') format('woff'),
         url('../fonts/didot.ttf') format('truetype'),
         url('../fonts/didot.svg#didot') format('svg');
}
/**********  CUSTOM STYLES **********/
/***************************************/


.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb9 {
	margin-bottom: 9px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.noborder {
	border: 0;
}
.height200 {
	height: 200px;
}
.height300 {
	height: 300px;
}
.width100p {
	width: 100%;
}
.width300 {
	width: 300px;
}
.text-black {
	color: #000;
}
.inline-block {
	display: inline-block;
}
.btn_rech {
	display:inline-block;
	background:url(../images/icon_rech.png) no-repeat;
	width:17px;
	height:17px;
	position:relative;
	top:-3px;
}
.btn_rech:hover {
	background-position:0 -17px;
}
.rechercheTop {
	padding-top:22px;
}
.recherche_top {
	display:inline-block;
	width:0;
	overflow:hidden;
	padding-left:5px;
 -webkit-transition: width .3s ease-in-out;
 -o-transition: width .3s ease-in-out;
 transition: width .3s ease-in-out;
}
.recherche_top input {
	border:none;
	border-bottom:1px solid #b3b3b3;
	box-shadow:none !important;
	border-radius:0;
	padding:0;
	height:25px;
	background-color:transparent;
}
.recherche_top.active {
	width:250px;
}
.social {
	overflow:hidden;
	text-align:center;
}
.social a {
	display:inline-block !important;
	margin-right:20px;
	color:#b3b3b3 !important;
	padding:0 !important;
	font-size:16px;
	font-weight:700;
}
.social a:last-child {
	margin:0;
}
.lire_suite {
	font:700 16px "Roboto", Arial, Helvetica, sans-serif;
	color:#303030;
}
.lire_suite i {
	margin-left:10px;
}
.cartouches_links {
	overflow:hidden;
}
.cartouches_links .cartouche_link {
	float:left;
	width:33.3333%;
	height:265px;
	background:url(../images/hover.png) 99% 1px no-repeat #4b4b4b;
	position:relative;
}
.cartouches_links .cartouche_link:after {
	content:"";
	position:absolute;
	top:40px;
	left:50px;
	width:50px;
	height:56px;
}
.cartouches_links .cartouche_link.pole_dipositaire:after {
	background:url(../images/icon_depositaire.png) no-repeat;
}
.cartouches_links .cartouche_link.pole_grossisterie:after {
	background:url(../images/icon_grossiste.png) no-repeat;
}
.cartouches_links .cartouche_link.pole_production:after {
	background:url(../images/icon_production.png) no-repeat;
}
.cartouches_links .cartouche_link a {
	display:block;
	width:100%;
	height:100%;
	padding:204px 0 0 50px;
	color:#fff;
	font:700 18px "Roboto", Arial, Helvetica, sans-serif;
	position:relative;
}
.cartouches_links .cartouche_link .border {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	max-width:450px;
}
.cartouches_links .cartouche_link .border:before, .cartouches_links .cartouche_link .border:after {
	position:absolute;
	top:10px;
	right:10px;
	bottom:10px;
	left:10px;
	content:'';
	opacity:0;
	z-index:1;
	-webkit-transition:opacity 0.35s ease, -webkit-transform 0.35s ease;
	transition:opacity 0.35s ease, transform 0.35s ease;
}
.cartouches_links .cartouche_link .border:before {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	-webkit-transform:scale(0, 1);
	transform:scale(0, 1);
}
.cartouches_links .cartouche_link .border:after {
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	-webkit-transform:scale(1, 0);
	transform:scale(1, 0);
}
.cartouches_links .cartouche_link:hover .border:before, .cartouches_links .cartouche_link:hover .border:after ,.cartouches_links .cartouche_link.active .border:before, .cartouches_links .cartouche_link.active .border:after{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
 -webkit-transition:opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
 transition:opacity 0.4s ease, transform 0.45s ease .2s;
 text-decoration:none;
}
.cartouches_links .cartouche_link.pole_dipositaire:hover,.cartouches_links .cartouche_link.pole_dipositaire.active {
	background-color:#f7941d;
}
.cartouches_links .cartouche_link.pole_grossisterie:hover,.cartouches_links .cartouche_link.pole_grossisterie.active{
	background-color:#9d378d;
}
.cartouches_links .cartouche_link.pole_production:hover,.cartouches_links .cartouche_link.pole_production.active {
	background-color:#84ba49;
}
/**************
  HEADER 
  ******************/
 #header {
	position:relative;
	background-color:#fff;
	z-index:1px;
	padding-top:20px;
	height:130px;
}
#header:after {
	height:24px;
	position:absolute;
	left:0;
	bottom:-24px;
	width:100%;
	background-color:rgba(0, 0, 0, 0.1);
	content:"";
	display:block;
	z-index:1;
}
#header .menu {	
	margin-top:18px;
	position:absolute;
	z-index:2;
-webkit-box-shadow: 0px 2px 0px 0px rgba(23,87,139,0.45);
-moz-box-shadow: 0px 2px 0px 0px rgba(23,87,139,0.45);
box-shadow: 0px 2px 0px 0px rgba(23,87,139,0.45);
}
#header .menu ul{
	overflow:hidden;
	width:110%;
}
#header .menu li {
	display:inline-block;
	float:left;
	border-right:1px solid #dfdfdf;
	border-bottom:3px solid #dfdfdf;
	background-color:#f9f9f9;
}
#header .menu li a {
	display:block;
	padding:0 35px;
	color:#666666;
	font:700 16px/47px "Roboto", Arial, Helvetica, sans-serif;
}
#header .menu li a i {
	margin-right:10px;
	font-size:18px;
}
#header .menu li:hover, #header .menu li.active {
	border-bottom-color:#006ba8;
}
#header .menu li:hover a, #header .menu li.active a {
	color:#006ba8;
}
#header .menu li:last-child {
	border-bottom-color:#dfdfdf !important;
	border-right:none;
}
#header .menu .social {
	width:218px;
}
/**********
  SLIDEER
  ***************/
 #slider {
	position:relative;/*top:-27px;	  */
 }
#slider .item img {
	width:100%;
}
.carousel-inner {
	overflow:visible;
}
.controls_slider {
	background-color:#f9f7f5;
	height:78px;
	padding-top:25px;
	padding-right:25px;
}
.flesh_slider {
	border-radius:50%;
	border:2px solid #e7e0d7;
	width:30px;
	height:30px;
	display:inline-block;
	color:#e7e0d7;
	font-size:20px;
	line-height:24px;
	text-align:center;
}
.flesh_slider:hover {
	background-color:#1e71b4;
	border-color:#1e71b4;
	color:#fff;
}
.carousel-indicators {
	display:inline-block;
	position:static;
	margin:0;
}
.carousel-indicators li {
	background-color:#e7e0d7;
	height:12px !important;
	width:12px !important;
	border:2px solid #e7e0d7;
	margin-right:10px;
}
.carousel-indicators .active {
	background-color:#fff;
	border-color:#1e71b4;
	margin-right:10px;
}
.carousel-indicators li:last-child {
	margin-right:0 !important;
}
.carousel-caption {
	background:rgba(0, 107, 168, 0.8);
	color:#fff;
	width:50%;
	padding:40px;
	text-align:left;
	position:absolute;
	right:0;
	bottom:-78px;
	left:auto;
	text-shadow:none;
	height:292px;
}
.carousel-caption p {
	font:28px/32px "Roboto", Arial, Helvetica, sans-serif;
	text-shadow:none;
	max-width:415px;
	margin-bottom:20px;
}
.carousel-caption h1 {
	font:200px "Didot", Arial, Helvetica, sans-serif;
	position:absolute;
	left:500px;
	bottom:16px;
}
.carousel-caption a.lire_suite {
	color:#fff;
}
/********
    productionBloc
	*****************/
#productionBloc {
	background-color:#e7e0d7;
	position:relative;
}
#productionBloc .img-production {
	float:right;
	width:100%;
}
#productionBloc .text_production {
	padding:40px 0 0 50px;
	color:#303030;
	max-width:570px;
	position:relative;
}
#productionBloc .text_production:before {
border-color:transparent;	
border-right: 15px solid #e7e0d7;
border-style: solid;
border-width: 15px 15px 15px 0;
content: "";
display: block;
left: -15px;
position: absolute;
top: 46px;
width: 3px;
}
#productionBloc .text_production h1 {
	font:900 28px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
#productionBloc .text_production h1 span {
	display:block;
	font-weight:300;
}
#productionBloc .text_production p {
	font:16px/24px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
.liens_production {
	position:absolute;
	width:855px;
	left:-285px;
	bottom:0;
}
#productionBloc .tab-content .tab-pane{
	background-color:transparent;
	padding:0;
	border:none;
}
/********
    FOOTER
	*****************/
#footer {
	margin-top:1px;
}
#footer .footer_top {
	background-color:#efeae4;
	padding:20px 0;
	color:#808080;
}
#footer .footer_top a {
	color:#808080;
}
#footer .footer_top a:hover {
	color:#666666;
}
#footer .social {
	text-align:right;
	padding-top:15px;
}
#footer .social a {
	font-size:18px;
}
#footer .adressFooter, #footer .emailFooter {
	padding-left:50px;
	font:14px "Roboto", Arial, Helvetica, sans-serif;
}
#footer .adressFooter {
	background:url(../images/icon_adresse.png) left center no-repeat;
	line-height:16px;
}
#footer .emailFooter {
	line-height:60px;
	background:url(../images/icon_email.png) 40px center no-repeat;
	border-left:1px solid #fff;
	padding-left:90px;
	margin-left:-8px;
}
#footer .footerRecherche {
	padding-top: 13px;
	text-align: right;
	border-right:1px solid #fff;
	height:60px;
}
#footer .footer_bottom {
	margin-top: 1px;
	background-color:#f9f7f5;
	padding:30px 0;
}
#footer .menu_footer li {
	float:left;
	margin:33px 18px 0 0;
}
#footer .menu_footer li a {
	font:13px "Roboto", Arial, Helvetica, sans-serif;
	color:#999999;
}
#footer .menu_footer li a:hover {
	color:#808080;
}
#footer .copright {
	font:13px "Roboto", Arial, Helvetica, sans-serif;
	color:#999999;
	float:right;
	margin-top:33px;
}
/********
    TITRE
	*****************/
#titre{
	background-color:#1e71b4;
	height:150px;
	position:relative;
	padding-top:100px;
}
#titre h1{
	font:300 30px "Roboto", Arial, Helvetica, sans-serif;
	color:#fff;
	position:relative;
	text-transform:uppercase;
}
#titre h1:after{
border-color: #1e71b4 transparent transparent;
border-style: solid;
border-width: 15px 15px 0;
bottom: -28px;
content: "";
display: block;
left: 270px;
position: absolute;
width: 3px;
z-index:2;
}
/********
    PAGE INTERNE
	*****************/
#page_interne{
 background-color:#f9f7f5;	
}
#page_interne .container{
 position:relative;
  padding-top:40px;	
  padding-bottom:40px;	
}
#page_interne .container:after{
 content:"";
 width:1px;
 height:100%;
 background-color:#e7e0d7;
 left: 299px;
 position:absolute;
 display:block;
 top:0;
}
#page_interne .container .row{
 position:relative;
 z-index:1;	
}
#page_interne h2{
	font:700 28px "Roboto", Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	position:relative;
	padding-bottom:40px;
	margin-bottom:40px;
	width:45%;
}
#page_interne h2:after{
 position:absolute;
 left:0;
 width:56px;
 height:10px;
 background-color:#b3b2b1;
 bottom:0;
 content:"";
 display:block;
}
#page_interne p{
	color:#4b4b4b;
	font:16px/22px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:30px;
}
#page_interne p:last-child{
 margin-bottom:0;	
}
/********
    CHIFFRES
	*****************/
.chiffres .icon{
 height:40px;	
 margin-bottom:25px;
}
.chiffres h3{
 	font:400 24px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:25px;
}
.chiffres h4{
 	font:900 32px "Roboto", Arial, Helvetica, sans-serif;
}
.chiffres h4 span{
 	font-weight:300;
	font-size:24px;
	display:block;
}
.chiffres .icon_bars{
  background:url(../images/icon_chiffres.png) center center no-repeat;	
}
.chiffres .icon_clients{
  background:url(../images/icon_client.png) center center  no-repeat;	
}
.chiffres .icon_graph{
  background:url(../images/icon_marcher.png) center center  no-repeat;	
}
.chiffres .icon_global{
  background:url(../images/icon_global.png) center center  no-repeat;	
}
.chiffres .icon_encadrement{
  background:url(../images/icon_encadrement.png) center center  no-repeat;	
}
.chiffres .icon_employes{
  background:url(../images/icon_employes.png) center center  no-repeat;	
}
.chiffre_affaires{
 color:#fff;
 min-height:205px;	
 background:url(../images/chiffres1.jpg) no-repeat;
 background-size:cover;
 text-align:center;
 padding-top:25px;
    margin-top:1px;
}
.chiffres .chiffre_affaires h4 span{
	display:inline;
}
.chiffre_gris{
  background-color:#e7e0d7;	
  text-align:center;
  color:#4d4d4d;
}
.chiffre_gris .col-md-6{
	border-right:1px solid #fff;
	padding-top:25px;
	padding-bottom:25px;
}
.chiffre_gris .row .col-md-6:last-child{
 border:none;	
}
.chiffre_rh{
 color:#fff;
 text-align:center;	
 height:284px;
  background:url(../images/chiffres2.jpg) no-repeat;
   background-size:cover;
   padding-top:45px;
   margin-top:1px;
}
.chiffre_gris.inernational{
	   padding:30px 0;
   margin-top:1px;
}
.chiffre_gris.inernational h3{
	font-weight:700;
	padding-bottom:25px;
	position:relative;
}
.chiffre_gris.inernational h3:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:56px;
  height:4px;
  background-color:#4d4d4d;
  margin-left:-28px;	
}
.chiffre_gris p{
 	font:300 24px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:25px;
}
.chiffre_gris.inernational h4{
	padding-left:20px;
	background:url(../images/icon_chek_chiffres.png) left center no-repeat;
	font-size:20px;
	display:inline-block;
}

/********
    POSTULER
	*****************/
.annonce{
 background-color:#fff;
 padding:30px;	
 color:#595959;
 margin-bottom:10px;
}
.annonce h3{
		font:900 14px "Roboto", Arial, Helvetica, sans-serif;
		margin-bottom:5px;
		text-transform:uppercase;
}
.annonce h4{
	font:14px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:18px;
}
.annonce h5{
	font:18px "Roboto", Arial, Helvetica, sans-serif;
	color:#1e71b4;
}
.annonce .postuler{
	float:right;
	display:inline-block;
	padding:2px 0 0 25px;
	background:url(../images/icon_postuler.png) left top no-repeat;
	 color:#595959;
}
.annonce .postuler:hover{
	color:#333333;
}
/********
    CONTACT
	*****************/
.contact{
 background-color:#fff;
 padding:30px;	
}
.contact h3{
  color:#1e71b4;
  font:700 16px "Roboto", Arial, Helvetica, sans-serif;	
  text-transform:uppercase;
  margin-bottom:5px;
}
.contact h3 span{
	font-size:12px;
	color:#808080;
	text-transform:none;
}
.contact h4{
 color:#808080;
 font:16px "Roboto", Arial, Helvetica, sans-serif;	margin-bottom:30px;
}
.contact input,.contact textarea{
 border-color:#e7e0d7;
 border-radius:0;
 color:#808080;	
 font:14px "Roboto", Arial, Helvetica, sans-serif;
 margin-bottom:5px;
 box-shadow:none;
}
.contact textarea{
	height:90px;
}
.contact .btn{
	background-color:#737373;
	color:#fff;
	border-radius:0;
	height:40px;
	  font:700 14px "Roboto", Arial, Helvetica, sans-serif;	
}
.tabulation_contact{
 margin-top:20px;	
}
.tab-content .tab-pane{
 background-color:#fff;
 padding:30px 40px;	
}
.tab-content .tab-pane{
	 border-top:3px solid #f9f7f5;
}
.tab-content #pole_depisitaire.active{
	border-color:#f7941d;
}
.tab-content #pole_grossisterie.active{
	border-color:#9d378d;
}
.tab-content #pole_production.active{
	border-color:#84ba49;
}
.tab-content h3{
 font:700 18px "Roboto", Arial, Helvetica, sans-serif;		
 margin-bottom:25px;
 text-transform:uppercase;
}
.tab-content #pole_depisitaire h3{
 color:#f7941d;
}
.tab-content #pole_grossisterie h3{
 color:#9d378d;
}
.tab-content #pole_production h3{
 color:#84ba49;
}
.bloc_pole{
  background-color:#f9f7f5;
  margin-bottom:1px;
  padding:10px;	
}
.bloc_pole .img_bloc{
  text-align:center;
  border: 1px solid #e7e0d7;
  background-color:#fff;
  padding-top:20px;	
  height:70px;
} 
.bloc_pole .img_bloc img{
	height:35px;
}
.bloc_pole .titre_bloc{
	color:#595959;
	font:900 14px/70px "Roboto", Arial, Helvetica, sans-serif;	
	position:relative;
	display:block;
	text-decoration:none;
}
.bloc_pole .titre_bloc:after{
	content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #595959;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0;
}
.bloc_pole .text_bloc{
 overflow:hidden;
display:none;
  position:relative;
  padding-top:15px;
}
.bloc_pole .text_bloc p{
	font:14px/24px "Roboto", Arial, Helvetica, sans-serif;
	margin-bottom:10px !important;	
}
.bloc_pole .text_bloc p b{
  font-weight:700;	
}
.bloc_pole.active{
  background-color:#e7e0d7;
}
.bloc_pole.active .titre_bloc:after{
  content: "\f077";
}

.help-block-error{
	    color: #a94442;
		font-size:10px;
}

/********
    MOBILE
	*****************/
	
@media only screen and (max-width: 800px) {
	
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 600px) {
	
}
@media only screen and (max-width: 540px) {
	
}
@media only screen and (max-width: 480px) {
	
}
@media only screen and (max-width: 414px) {
	
}
 @media only screen and (max-width: 360px){
	 
}
@media only screen and (max-width: 320px) {
	
}