/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: "Avenir Next W01", Avenir, Arial, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

h1 {
	font-size: 1.333em;
	color: #df1e25; /*#414141;*/
	text-transform: uppercase;
	margin-bottom: 2em;
	}
	h1 em {
		color: #a4a4a4;
		font-style: normal;
		font-weight: 300;
	}
	
	blockquote{
		font-size: 1.333em;
		color: #df1e25; /*#414141;*/
		text-transform: uppercase;
		font-weight:bold;
		text-align:center;
	}
	
h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	margin:0;
}
h3 {
	font-size: 1.067em;
	color:#f28b00;
}

a,
a:visited {
	color:#231f20;
	}
	a:hover {
		color: #df1e25;
	}

.wrapper {
	margin: 0 auto;
	width: 95%;
	max-width: 1080px;
}

.col_3 {
	float: left;
	width: 21%;
	margin-left: 5%;
}
.col_4 {
	float: left;
	width: 24%;
	margin-left: 14%;
	text-align:justify;
	}
.col_8 {
	float: left;
	width: 62%;
	margin-left: 14%;
	}	
	.col_3:first-child,
	.col_4:first-child,
	.col_8:first-child {
		margin-left: 0;
	}

.breadcrumb {
	display:none;
	}

.link{
	background: url("../img/fleche_noir.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding:8px 40px 8px 0;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	margin-right:40px;
	}
	

.red_link{
	color:#df1e25;
	background: url("../img/fleche_rouge.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	padding:8px 40px 8px 0;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	margin-right:40px;
	}

	.link:hover{
		color:inherit;
		text-decoration:underline;
		}
	
	.red_link:hover{
		color:#df1e25;
		text-decoration:underline;}

	.content_page{
		padding-top:60px;
		}
		
		.content_page ul{
			padding:0 0 0 15px;
		}
/* ------------------ Header ---------------------- */	

header {
	position: relative;
	z-index: 1;
	padding-top:40px;
	
	}
	#logo {
		float: left;
		margin-right: 1em;
		margin-left:-100px;
		}
		.lt-ie8 #logo {
			float: none;
		}
		
	#secondNav {
		padding: 0;
		list-style: none;
		text-align: right;
		font-size: 0.800em;
		/*margin: 1em 0 1.5em;*/
		margin-top:-20px;
		height:20px;
		}
		.language-switcher-locale-url {
			display: inline;
			padding-left: .5em; margin: 0 1em;
			/*border-left: 1px solid #989da2;*/
			}
			#secondNav li {
				display: inline;
				padding: .25em .5em;
			}
		#secondNav a {
			color: #989da2;
			text-decoration: none;
			text-transform: uppercase;
			}
			#secondNav a:hover {
				color: #414141;
			}
			
			#secondNav a.active{
				text-decoration:underline;
				}
		
	#navCollapser {
		float: right;
		display: none;
	}
	#superfish-1 {
		float: right;
		padding: 0;
		margin: 0;
		padding-top: 53px;
		/*list-style: none;*/
		list-style: disc;
		}
		.lt-ie8 #superfish-1 {
			margin: 0;
		}
		#superfish-1 > li {
			float: left;
			position: relative;
			margin-right:30px;
			}
			.sf-item-1{
				list-style:none;
				}
			#superfish-1 a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
				padding: .7em 0;
				margin: 0 1.5em;
				/*
				-webkit-transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-ms-transition: all .25s ease-in-out;
					-o-transition: all .25s ease-in-out;
					transition: all .25s ease-in-out;
					*/
				}
				#superfish-1 > li > a:hover,
				#superfish-1 > li > a.active {
					/*background-color: #f28b00;*/
					color: #231F20;
					border-bottom:2px solid;
					
				}
				li.sf-item-4 > a,
				li.sf-item-5 > a,
				li.sf-item-6 > a {
					color: #9ea2a4;
					}
					#superfish-1 > li.sf-item-4 > a:hover,
					#superfish-1 > li.sf-item-5 > a:hover,
					#superfish-1 > li.sf-item-6 > a:hover,
					#superfish-1 > li.sf-item-4 > ul,
					#superfish-1 > li.sf-item-5 > ul,
					#superfish-1 > li.sf-item-6 > ul {
						background-color: #9ea2a4;
					}
				
		#superfish-1 li ul {
			position: absolute;
			top: 2.8em;
			left: 0;
			background-color: #f28b00;
			list-style: none;
			padding: 0; margin: 0;
			z-index: 1;
			display: none;
			min-width: 100%;
			}
			#superfish-1 li:hover ul {
				display: block;
			}
			#superfish-1 li ul a {
				color: #FFF;
				text-transform: none;
				padding: .5em 1.5em;
				white-space: nowrap;
				}
				#superfish-1 li ul a:hover {
					background-color: #d87c00;
				}
				#superfish-1 > li.sf-item-4 > ul a:hover,
				#superfish-1 > li.sf-item-5 > ul a:hover,
				#superfish-1 > li.sf-item-6 > ul a:hover {
					background-color: #909598;
				}
		
/* ------------------ pages ---------------------- */

.content{
	background-color:#f6f6f7;
	}

section.wrapper {
	padding-bottom: 5em;
	border-top:2px solid #ebebec;
	min-height:500px;
	}
	#breadcrumb {
		text-transform:uppercase;
		margin-bottom: 2em;
		}
		.flexslider + section #breadcrumb {
			margin-top: -3em;
		}
		#breadcrumb a {
			color: #a1a1a1;
		}
		#breadcrumb .active {
			color: #d99825;
		}
	
	/*section > article h1 {
		margin-bottom: 2em;
	}*/
	
	/* ------------------ Home ---------------------- */
	
	.content_left{
		float:left;
		width:40%;
		}
		.content_left img{
			max-width:100%;
			}
		
	.content_right{
		float:left;
		width:60%;
		padding-bottom:15px;
		border-bottom:1px solid;
		}
	
	.flexslider{
		border-bottom:double 2px #ebebec;
		}
	
	.home h1 {
		color: #d99825;
		padding-bottom: .25em;
		border-bottom: 1px solid #e5e5e5;
	}
	.home-numbers {
		margin-top: 1em;
		}
		.home-numbers a {
			display: block;
			margin-left: 2%;
			width: 23.5%;
			text-decoration: none;
			}
			.home-numbers h1 {
				color: #d99825;
				font-size: 4.333em;
				margin-bottom: 0;
				padding: 0;
				border: 0;
				font-weight: normal;
				}
				.home-numbers a:hover h1 {
					color: #af6500;
				}
				.home-numbers h1 img {
					margin-left: .2em;
					vertical-align: 0;
				}
		
			.home-numbers h2 {
				margin-top: -.5em;
			}
		
		#txt_banner{
			position:relative;
			text-transform:uppercase;
			top:-400px;
			left:50px;
			width:35%;
			height:200px;
			margin-bottom:-200px;
			}
			#txt_banner ul {
				padding-left:30px;
				}
	
	/* ----------------- Presatations -------------------- */
		
	.prestations {
		width: 100%;
		max-width: 725px;
		margin: 0 auto 3em;
		position: relative;
		}
		.prestations .logo {
			position: absolute;
			top: 50%; left: 50%;
			margin-left: -85px; margin-top: -16px;
		}
		.prestations a {
			float: left;
			width: 50%;
			height: 188px;
			text-decoration: none;
			}
			.lt-ie8 .prestations a {
				width: 49.9%;
			}
			#prestation-1 { background: url(../img/diagramme_01.png) no-repeat left 0; }	#prestation-1:hover { background-image: url(../img/diagramme_01hover.png) }
			#prestation-2 { background: url(../img/diagramme_02.png) no-repeat left 0; }	#prestation-2:hover { background-image: url(../img/diagramme_02hover.png) }
			#prestation-3 { background: url(../img/diagramme_03.png) no-repeat right 0; }	#prestation-3:hover { background-image: url(../img/diagramme_03hover.png) }
			#prestation-4 { background: url(../img/diagramme_04.png) no-repeat right 0; }	#prestation-4:hover { background-image: url(../img/diagramme_04hover.png) }
			
			.prestations h2 {
				color: #818689;
				text-transform: none;
				margin-top: 80px;
				}
				.prestations a:hover h2 {
					color: #303030
				}
				#prestation-1 h2 ,
				#prestation-2 h2 {
					margin-left: 200px;
				}

	.part{
		float:left;
		}
		.part a{
			text-decoration:none;
			}
		
		.sored {
			width:70%;
			}
		.essor{
			width:30%;
			}

/* ----------------- Footer -------------------- */

footer {
	background-color: #3d3d3d;
	color: #adadad;
	font-size:12px;
	}
	footer a{
		color: #adadad;
		text-decoration:none;
		}
		footer a:hover{
		text-decoration: underline;
		color: #adadad;
		}
	footer h1 {
		color: #5a5a5a;
		margin: 2em 0;
	}
	footer article.wrapper{
		padding-top:40px;
		}
	footer article .clearfix {
		/*margin-top: 4em;*/
		margin-bottom: 2em;
		}
		footer article img {
			max-width: 100%;
			height: auto;
		}
	
	.footer_content{
		float:left;
		width:33%;
		padding-top:12px;
		}
		
		.footer_content img{
			position:relative;
			bottom:0px;
			}
		
	.copyright {
		
		padding: 1em 0;
		background-color: #3d3d3d;
		text-align: center;
		color: #FFF;
	}

/* LIGHTBOX */
.produits{
	width:32%;
	float:left;
	margin-right:1%;
	margin-bottom:15px;
	}
	.produits img{
		max-width:100%;
	}

/* FIN LIGHTBOX */


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {
	#logo{
		margin-left:0;
		}
		
	.home-numbers h1 {
		font-size: 2.3em;
		}
		.home-numbers h1 img {
			height: 1em;
		}
	.home-numbers h2 {
		font-size: 1em;
	}
	
}
@media only screen and (max-width: 820px) {
	#logo{
		margin-left:0;
		}
	
	#superfish-1 a {
		padding: 0.5em 1em;
	}
	#superfish-1 li ul {
   	 	top: 2.5em;
	}
	.col_8:first-child {
		width: auto;
	}
	
	#txt_banner{
			width:50%;
			top:-280px;
			}
	.part{
		float:none;
		margin-bottom:35px;
		}
	#superfish-1 > li{
		margin-right:0;
		}
	#superfish-1 a {
		padding:0.5em 0.7em 0.5em 0;
		}
}
@media only screen and (max-width: 720px) {
	/*for iphone */
	#logo{
		margin-left:0;
		}
	.content_left, .content_right, footer .content_left, footer .content_right, .footer_content{
		width:100%;
		text-align:left !important;
		}
	
		footer .content_left img{
			display:none;
			}
	.link, .red_link{
		margin-right:0;
		}
	
	#txt_banner{
			position: relative;
			text-transform:uppercase;
			top:0;
			left:0;
			width:100%;
			height:auto;
			margin-bottom:0;
			padding-top:20px;
			}
			
		
	/*end for iphone */
	h1 {
		margin-bottom: .5em;
	}
	.flexslider {
    	margin: 0 0 25px;
	}
	section .col_3,
	section .col_4,
	section .col_8 {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	section.wrapper {
		margin-bottom: 1em;
		}
		section article {
			margin-bottom: 2em;
		}
		
	/* Header */
	
	header {
		position: relative;
		padding: 1.25em 0;
		}
		#secondNav {
			display: none;
			margin: 0 0 .5em;
			}
			.language-switcher-locale-url {
				margin-right: 0;
			}
		#logo img {
			width: 150px;
		}
		#navCollapser {
			display: block;
		}
		#superfish-1 {
			position: absolute;
			display: none;
			top: 4em; left: 0;
			margin: 0;
			width: 100%;
			background-color: #FFF;
			z-index: 1;
			-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.5);
					box-shadow: 0 3px 3px 0 rgba(0,0,0,.5);
			}
			#superfish-1 li {
				float: none;
			}
			#superfish-1 li ul {
				position: static;
			}
	
		
	/* home */
	
	.home-numbers {
		margin-top: 0;
		}
		.home-numbers .col_3 {
			float: left;
			width: 50%;
			}
			.home-numbers h1 {
				font-size: 2em;
				}
				.home-numbers h1 img {
					height: 1em;
				}
			.home-numbers h2 {
				font-size: .9em;
			}
	
	/* Prestations */
	
	.prestations {
		margin-bottom: 1em;
		}
		.prestations .logo {
			width: 120px;
			margin-left: -60px;
			margin-top: -10px;
			position: absolute;
		}
		.prestations a {
			background-size: 125px auto !important;
			height: 140px;
			}
			#prestation-1 {
				background-position: left bottom;
			}
			#prestation-4 {
				background-position: right bottom;
			}
			.prestations h2 {
				margin-top: 0;
				font-size: 1em;
				}
				#prestation-2 h2,
				#prestation-3 h2 {
					margin-top: 125px;
				}
				#prestation-1 h2, #prestation-2 h2 {
					margin-left: 0;
					text-align: right;
				}
	
	
	/* Footer */
	
	.footer-tab {
		width: 25px;
	}
	footer h1 {
		font-size: 1em;
		margin: 1em 0 0;
	}
	footer article .clearfix {
    	margin: 1em 0;
		}
		footer article img {
			max-height: 2em;
		}
	
	.copyright {
		font-size: .8em;
		padding: 0.3em 0 .6em;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}