/*********************/
/* STYLES PREALABLES */
/*********************/



body{
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
}

a{
	text-decoration: none;
	color: #859e75;
}

.une-ligne {
	/*border: solid red 1px;*/
}
.une-cellule {
	/*border: solid green 1px;*/
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

.clone, .cible {
	display: none !important;
}
.cache {
	display: none !important;
}
.cache > * {
	display: none !important;
}

.imageLegendee h3 {
	border-collapse: collapse;
}
section.images div.lien a.legende {
	height: 45px;
	vertical-align: middle;
	display:table-cell;
}

.link_politique{
	color: #859e75;
}

.lien-specifique{
	margin-left: 84px;
}

.label-principal {
	width: 49%;
	vertical-align: top;
}
.label-principal.pleine-largeur {
	width: auto;
}

.margin-position{
	position: absolute;
	margin-top: 52px;
	right: 420px;
}


footer {
    	margin-top: 35px;
    }

section.caisses {
	padding-bottom: 0;
	padding-top: 0;
}
section.carrosserie {
	margin-bottom: 20px;
}
.un-texte-fleche {
	font-size: 12px;
}

.decouvre-aussi {
	display: table-cell;
    color: #232323;
    opacity: 0.5;
    vertical-align: middle;
}
div.navSections {
	text-align: center;
}

.texte_menu_emballage > .texte-camion {
	display: inline-block;
    width: 50%;
    vertical-align: top;
}
.texte_menu_emballage > .imageSolo {
	padding-bottom: 30px;
    text-align: center;
    display: inline-block;
    width: 49%;
    margin-top: 20px;
}

.une-ligne {
	    padding-top: 0;
    padding-bottom: 0;
    min-height: 46px;
    height: auto;
    background: none;
    margin-bottom: 1%;
}
.une-ligne.epaisse {
	height: auto;
}
.une-ligne.fine {
	height: 20px;
}
.une-ligne.tres-fine {
	min-height: 0px;
	height: auto;
}
.une-ligne .infos-complementaires {
	padding: 10px;
}
.une-ligne .infos-complementaires .div_input_radio, .une-ligne.infos-complementaires .div_input_radio {
	margin-bottom: 10px;
}

input[type='text'].court {
	width: 50px;
}
form[name='contact'] {
	text-align: left !important;
}
form[name='contact'] input[type='radio'] {
	position: absolute;
	left: -2000px;
}
form[name='contact'] i {
	color: #859e75;
    font-size: 18px;
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 5px;
}
form[name='contact'] h2:last-of-type {
	margin-bottom: 2%;
}
form[name='contact'] .colonne {
	padding-bottom: 1%;
}

.image-fond-fleche {
	position: relative;
	text-align: center;
	width: 1000px;
	margin: auto;
}
.image-fond-fleche img {
	width: 100%;
}
.image-fond-fleche .un-texte-fleche {
	position: absolute;
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
}
.image-fond-fleche .texte-fleche-1 {
	    top: 89.5%;
    left: 5%;
}
.image-fond-fleche .texte-fleche-2 {
	     top: 34.3%;
    left: 12.5%;
}
.image-fond-fleche .texte-fleche-3 {
	    top: 71.5%;
    left: 39.5%;
}
.image-fond-fleche .texte-fleche-4 {
	top: 27.5%;
    left: 52.5%;
}
.image-fond-fleche .texte-fleche-5 {
	top: 5.5%;
    left: 75%;
}

.un-bloc {
	display: inline-block;
	/*width: 49%;*/
	width: 100%;
	margin-bottom: 3%;
	padding-top: 2%;
}

.contenant .description sup {
	    font-size: 12px;
}

.img-soutient{
	table-layout: auto;
    border-spacing: 0 10px;
    width: 100%;
    max-width: 1240px;
    text-align: right;
}

.right-position{
	float: right;
}

.display-flex{
	display: flex;
}

.flex1{
	flex: 1;
}

.flex-direction{
	flex-direction: column;
}


.conteneur-trait-gris {
	min-width: 100px;
	display: table-cell;
	vertical-align: middle;
}
.trait-gris {
	height: 2px;
	background-color: #232323;
	opacity: 0.5;
}

.width-img{
	width: 12%;
    margin-right: -14px;
}

.contenu-central-transit {
	width: 72%;
	margin: auto;
	margin-top: 20px;
	overflow: auto;
	margin-bottom: 20px;
}
.contenu-central-transit .texte {
	padding-top: 0 !important;
}

.contenu-central-transit > * {
	width: 49.8%;
	display: inline-block;
	vertical-align: top;
}
.contenu-central-transit > .imageSolo {
	float: right;
}

.notice-champs-obligatoires {
	width: 140px;
    margin: auto;
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*---------------------------------*/
/* ACCUEIL CHIFFRES / DATES        */
/*---------------------------------*/

section#chiffres div.bloc{
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: auto;
}

/*-----------------------*/
/* BLOC HAUT             */
/*-----------------------*/

div.bloc#haut div.rond{
	float: left;
	width: 6px;
	height: 6px;
	border-radius: 7px;
	background: #818285;

	margin-top:12px;
	margin-right: -1px;
}

@-moz-document url-prefix() {
    div.bloc#haut div.rond{
    	margin-top: 9px;
    }
}

div.bloc#haut div.contenant{
	display: table;
	table-layout: fixed;
	border-spacing: 30px;
	float:right;

	width: calc(100% - 2px);
	height: 200px;

	border-right: 2px solid #818285;
	border-bottom: 2px solid #818285;
	border-top: 2px solid #818285;
	border-radius: 0 2px 2px 0;

	margin-top: -14px;
	padding-top: 20px;
}

.fleche-verticale {
	display: none;
}


@media screen and (max-width: 1320px), screen and (max-width: 1320px){
	.un-texte-fleche {
		font-size: 12px;
	}
	.image-fond-fleche .texte-fleche-1 {
	    left: 5%;
    	top: 89.5%;
	}



	.image-fond-fleche .texte-fleche-2 {
	    left: 12%;
	}
	.image-fond-fleche .texte-fleche-3 {
	    left: 39.5%;
	}
	.image-fond-fleche .texte-fleche-4 {
	    left: 52.5%;
	}
	.image-fond-fleche .texte-fleche-5 {
	    left: 75.5%;
		top: 5.5%;
	}
}

@media screen and (max-width: 1150px), screen and (max-width: 1150px){
	.image-fond-fleche .texte-fleche-1 {
		left: 5%;
    	top: 89.5%;
	}
	.image-fond-fleche .texte-fleche-2 {
		left: 12.5%;
    	top: 34.5%;
	}
	.image-fond-fleche .texte-fleche-3 {
		left: 39%;
	}
	.image-fond-fleche .texte-fleche-4 {
		left: 52.5%;
	}
	.image-fond-fleche .texte-fleche-5 {
		left: 75%;
	}
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	div.bloc#haut div.contenant{
		height: auto;
		border-spacing: 5px;
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.margin-position {
   		margin-top: 52px;
    	right: 420px;
    	position: initial !important;
    	margin-top: 12px !important;
	}

	.width-img {
    	width: 13%;
    	margin-right: 0px;
	}

	section.images ul, section.images p {
    	font-size: 12px;
	}

	.img-soutient{
		text-align: center;
	}

	.right-position {
    	float: initial;
    	text-align: center;
	}
}

@media screen and (max-width: 1023px), screen and (max-width: 1023px){
	.un-texte-fleche {
		font-size: 14px;
	}
	.image-fond-fleche .texte-fleche-1 {
        left: 43%;
    	top: 2%;
	}
	.image-fond-fleche .texte-fleche-2 {
	    left: 39.5%;
    	top: 16.5%;
	}
	.image-fond-fleche .texte-fleche-3 {
	        left: 47.5%;
    	top: 38.2%;
	}
	.image-fond-fleche .texte-fleche-4 {
        left: 43.5%;
    	top: 54.2%;
	}
	.image-fond-fleche .texte-fleche-5 {
        left: 44.5%;
    	top: 73.2%;
	}
}
@media screen and (max-width: 1000px), screen and (max-width: 1000px){
	.image-fond-fleche {
		width: auto;
	}
}

@media screen and (max-width: 851px), screen and (max-width: 851px){
	.un-texte-fleche {
		font-size: 12px;
	}
	.image-fond-fleche .texte-fleche-1 {
        left: 43%;
	}
	.image-fond-fleche .texte-fleche-2 {
	    left: 39.5%;
	}

	.width-img {
    	width: 20%;
	}

	.image-fond-fleche .texte-fleche-4 {
        left: 41%;
	}
}

@media screen and (max-width: 651px), screen and (max-width: 651px){
	.un-texte-fleche {
		font-size: 10px;
	}
	.margin-position{
		position: initial !important;
    	margin-top: 12px !important;

	}

	.width-img{
		width: 30%;
	}


	.img-soutient{
		text-align: center;
	}

	.right-position {
    	float: initial;
}
}

@media screen and (max-width: 415px), screen and (max-width: 415px){
	.image-fond-fleche img {
		width: 80% !important;
	}
	.image-fond-fleche .texte-fleche-1 {
        left: 40%;
	}

	.image-fond-fleche .texte-fleche-2 {
        left: 33.5%;
	}
	.image-fond-fleche .texte-fleche-3 {
        left: 45.5%;
	}
	.image-fond-fleche .texte-fleche-4 {
        left: 38%;
	}
	.image-fond-fleche .texte-fleche-5 {
        left: 40.5%;
	}
}

@media screen and (max-width: 376px), screen and (max-width: 376px){
	.image-fond-fleche .texte-fleche-1 {
        left: 37%;
	}
	.image-fond-fleche .texte-fleche-2 {
	    left: 32%;
    	top: 16.3%;
	}

	.image-fond-fleche .texte-fleche-3 {
        left: 45.5%;
	}
	.image-fond-fleche .texte-fleche-4 {
        left: 33%;
    	top: 53.8%;
	}
	.image-fond-fleche .texte-fleche-5 {
        left: 38.5%;
	}
}

.colonne-plancher {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
.colonne-plancher:first-of-type {
	width: 49%;
}
.colonne-plancher input {
	margin-right: 10px;
}

@media screen and (max-width: 280px), screen and (max-width: 280px){

	.width-img{
		width: 40%;
	}

	section.images ul, section.images p {
    	font-size: 12px !important;
	}

}




/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* CHIFFRES              */
/*-----------------------*/


div.bloc#haut div.contenant div.chiffre{
	display: table-cell;
	border-collapse: separate;

	height: 110px;

	background-color: #ffffff;
	background-image: url('img_public/chiffres.jpg');
	background-size: 50px 1010px;
	background-repeat: no-repeat;
}

div.bloc#haut div.contenant div.chiffre#c1{
		background-position: 50% 0;
}
div.bloc#haut div.contenant div.chiffre#c2{
		background-position: 50% -145px;
}
div.bloc#haut div.contenant div.chiffre#c3{
		background-position: 50% -290px;
}
div.bloc#haut div.contenant div.chiffre#c4{
		background-position: 50% -435px;
}
div.bloc#haut div.contenant div.chiffre#c5{
		background-position: 50% -580px;
}
div.bloc#haut div.contenant div.chiffre#c6{
		background-position: 50% -725px;
}
div.bloc#haut div.contenant div.chiffre#c7{
		background-position: 50% -870px;
}

.un-champ.court.gauche {
	margin-right: 2px;
}
.un-champ.court {
	width: 47.4%;
	display: inline-block;
}

div.bloc#haut div.contenant div.chiffre p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#232323;
	text-align: center;

	margin-top: 60px;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	div.bloc#haut div.contenant div.chiffre{
		background-size: 40px 808px;
		height:70px;
	}
	div.bloc#haut div.contenant div.chiffre#c2{
		background-position: 50% -116px;
	}
	div.bloc#haut div.contenant div.chiffre#c3{
		background-position: 50% -232px;
	}
	div.bloc#haut div.contenant div.chiffre#c4{
			background-position: 50% -348px;
	}
	div.bloc#haut div.contenant div.chiffre#c5{
			background-position: 50% -464px;
	}
	div.bloc#haut div.contenant div.chiffre#c6{
			background-position: 50% -580px;
	}
	div.bloc#haut div.contenant div.chiffre#c7{
			background-position: 50% -696px;
	}

	div.bloc#haut div.contenant div.chiffre p{
		font-size: 12px;
		margin-top: 40px;
	}
}




@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	div.bloc#haut div.contenant div.chiffre p{
		line-height: 14px;
	}
}




/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* BLOC BAS              */
/*-----------------------*/


div.bloc#bas div.contenant{
	clear: both;
	float:left;
	width: calc(100% - 2px);
	height: 200px;

	border-left: 2px solid #818285;
	border-top: 2px solid #818285;
	border-radius: 2px 0 0 0;
	background-image: url('img_public/dates.jpg');
	background-size: 80% 140px;
	background-repeat: no-repeat;
	background-position: 50% 80px;
	margin-top: -2px;
	margin-left: -2px;
	margin-bottom: -1px;
	padding-top: 20px;
}







/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* DATES HAUT              */
/*-------------------------*/

div.bloc#bas div.dates p{
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #232323;
	margin-top: 10px;

	text-align:left;
}

div.bloc#bas div.dates#haut p#d1{
	width: 21.9%;
	margin-left:10.3%;
}
div.bloc#bas div.dates#haut p#d2{
	width: 27.3%;
}
div.bloc#bas div.dates#haut p#d3{
	width: 14.9%;
}
div.bloc#bas div.dates#haut p#d4{
	width: 12%;
}








/*--------------------------------------------------------------------------*/
/*--------------------------*/
/* TEXTES HAUT              */
/*--------------------------*/


div.bloc#bas div.textes p{
	float: left;
	font-size: 12px;
	height: 40px;
	margin-top: 10px;

	text-align:left;
	padding-right: 2%;
	margin:0;
}

div.bloc#bas div.textes#haut p#t1{
	width:20%;
	margin-left:11.5%;
}
div.bloc#bas div.textes#haut p#t2{
	width:25%;
}
div.bloc#bas div.textes#haut p#t3{
	width:13%;
}
div.bloc#bas div.textes#haut p#t4{
	width:8%;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	div.bloc#bas div.textes p{
		font-size: 10px;
		line-height: 12px;
		margin-top: 5px;
	}
}








/*--------------------------------------------------------------------------*/
/*--------------------------*/
/* TEXTES BAS               */
/*--------------------------*/

div.bloc#bas div.textes#bas p{
	padding-top: 40px;
	height: 50px;
}

div.bloc#bas div.textes#bas p#t1{
	width: 26.4%;
	margin-left: 21%;
}
div.bloc#bas div.textes#bas p#t2{
	width: 15%;
}
div.bloc#bas div.textes#bas p#t3{
	width: 10.2%;
}
div.bloc#bas div.textes#bas p#t4{
	width: 9%;
}








/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* DATES BAS               */
/*-------------------------*/


div.bloc#bas div.dates#bas p#d1{
	width: 28.3%;
	margin-left:19.7%;
}
div.bloc#bas div.dates#bas p#d2{
	width: 17.2%;
}
div.bloc#bas div.dates#bas p#d3{
	width: 12.2%;
}
div.bloc#bas div.dates#bas p#d4{
	width: 9%;
}


div.bloc#bas div.rond{
	clear:both;
	width: 6px;
	height: 6px;
	border-radius: 7px;
	background: #818285;

	margin-left: -4px;
}












/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*---------------------------*/
/* ACCUEIL GRAPHE            */
/*---------------------------*/

section#accompagnement div.graphe{
	display: table;
	table-layout: fixed;
	border-spacing: 50px 0;

	width: calc(100% - 100px);
	max-width: 930px;
	min-width: 400px;
	margin:auto;
	margin-top:40px;
	padding-top: 120px;

	background-image: url('img_public/accompagnement.png');
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: 50% 0;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	section#accompagnement div.graphe{
		padding-top: 105px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section#accompagnement div.graphe{
		padding-top: 95px;
	}
}

@media screen and (max-device-width: 700px), screen and (max-width: 700px){
	section#accompagnement div.graphe{
		padding-top: 75px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	section#accompagnement div.graphe{
		padding-top: 65px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section#accompagnement div.graphe{
		padding-top: 55px;
	}
}


@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section#accompagnement div.graphe{
		background-size: calc(75% - 20px);
		min-width: 260px;
		width: 100%;
		margin-top: 20px;
		padding-top: 45px;
		border-spacing: 40px 0;
	}
}











/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* CARROSSERIE MONTAGE         */
/*-----------------------------*/

section#imageCarrosserie div.contenant{
	width: 1000px;
	height: 386px;
	margin: auto;

	background-image: url('img_public/montageCarrosserie.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
}


section#imageCarrosserie p{
	width: 150px;
	position: absolute;
}


@media screen and (max-width: 1165px), screen and (max-width: 1165px){
	section#imageCarrosserie div.contenant{
		width: 750px;
		height: 290px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section#imageCarrosserie div.contenant{
		width: 600px;
		height: 232px;
	}

	section#imageCarrosserie p{
		line-height: 14px;
		width: 100px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	section#imageCarrosserie div.contenant{
		width: 360px;
		height: 139px;
	}

	section#imageCarrosserie p{
		font-size: 8px;
		line-height: 10px;
		width: 80px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section#imageCarrosserie div.contenant{
		width: 250px;
		height: 97px;
	}

	section#imageCarrosserie p{
		font-size: 6px;
		line-height: 8px;
		width: 60px;
	}
}



/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* LEGENDES                  */
/*---------------------------*/

section#imageCarrosserie p#leg1{
	margin-top: 60px;
	margin-left: 150px;
}
section#imageCarrosserie p#leg2{
	margin-top: 0px;
	margin-left: 380px;
	width: 100px;
}
section#imageCarrosserie p#leg3{
	margin-top: 5px;
	margin-left: 530px;
}
section#imageCarrosserie p#leg4{
	margin-top: 50px;
	margin-left: 820px;
}
section#imageCarrosserie p#leg5{
	margin-top: 300px;
	margin-left: 190px;
	width: 100px;
	text-align: right;
}
section#imageCarrosserie p#leg6{
	margin-top: 350px;
	margin-left: 300px;
	text-align: right;
}
section#imageCarrosserie p#leg7{
	margin-top: 350px;
	margin-left: 600px;
}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){

	section#imageCarrosserie p#leg1{
		margin-top: 45px;
		margin-left: 113px;
	}
	section#imageCarrosserie p#leg2{
		margin-top: 0px;
		margin-left: 285px;
		width: 100px;
	}
	section#imageCarrosserie p#leg3{
		margin-top: 4px;
		margin-left: 398px;
	}
	section#imageCarrosserie p#leg4{
		margin-top: 38px;
		margin-left: 615px;
	}
	section#imageCarrosserie p#leg5{
		margin-top: 225px;
		margin-left: 143px;
		width: 100px;
		text-align: right;
	}
	section#imageCarrosserie p#leg6{
		margin-top: 263px;
		margin-left: 240px;
		text-align: right;
		width: 100px;
	}
	section#imageCarrosserie p#leg7{
		margin-top: 263px;
		margin-left: 450px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section#imageCarrosserie p#leg1{
		margin-top: 34px;
		margin-left: 90px;
	}
	section#imageCarrosserie p#leg2{
		margin-top: 0px;
		margin-left: 228px;
		width: 100px;
	}
	section#imageCarrosserie p#leg3{
		margin-top: 3px;
		margin-left: 318px;
	}
	section#imageCarrosserie p#leg4{
		margin-top: 30px;
		margin-left: 492px;
		width: 150px;
	}
	section#imageCarrosserie p#leg5{
		margin-top: 180px;
		margin-left: 100px;
		width: 100px;
		text-align: right;
	}
	section#imageCarrosserie p#leg6{
		margin-top: 220px;
		margin-left: 172px;
		text-align: right;
		width: 100px;
	}
	section#imageCarrosserie p#leg7{
		margin-top: 210px;
		margin-left: 360px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){

	section#imageCarrosserie p#leg1{
		margin-top: 21px;
		margin-left: 54px;
	}
	section#imageCarrosserie p#leg2{
		margin-top: 0px;
		margin-left: 137px;
		width: 70px;
	}
	section#imageCarrosserie p#leg3{
		margin-top: 2px;
		margin-left: 191px;
	}
	section#imageCarrosserie p#leg4{
		margin-top: 8px;
		margin-left: 295px;
		width: 60px;
	}
	section#imageCarrosserie p#leg5{
		margin-top: 108px;
		margin-left: 40px;
		width: 80px;
		text-align: right;
	}
	section#imageCarrosserie p#leg6{
		margin-top: 136px;
		margin-left: 80px;
		text-align: right;
		width: 80px;
	}
	section#imageCarrosserie p#leg7{
		margin-top: 132px;
		margin-left: 216px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){

	section#imageCarrosserie p#leg1{
		margin-top: 10px;
		margin-left: 38px;
	}
	section#imageCarrosserie p#leg2{
		margin-top: 0px;
		margin-left: 96px;
		width: 40px;
	}
	section#imageCarrosserie p#leg3{
		margin-top: 1px;
		margin-left: 134px;
	}
	section#imageCarrosserie p#leg4{
		margin-top: 6px;
		margin-left: 207px;
		width: 40px;
	}
	section#imageCarrosserie p#leg5{
		margin-top: 76px;
		margin-left: 22px;
		width: 60px;
		text-align: right;
	}
	section#imageCarrosserie p#leg6{
		margin-top: 95px;
		margin-left: 50px;
		text-align: right;
		width: 60px;
	}
	section#imageCarrosserie p#leg7{
		margin-top: 92px;
		margin-left: 151px;
	}
}












/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* CARROSSERIE PRODUIT         */
/*-----------------------------*/

section.produit div.contenant, section.icones div.contenant{
	width: calc(100% - 100px);
	max-width: 1240px;

	margin: auto;

	display: table;
	table-layout: fixed;
	border-spacing: 30px 0px;
}

section.icones div.contenant {
	border-spacing: 10px;
}

section.produit.gris{
	background-color: #e2e3e4;
}

section.produit .colonne{
	display: table-cell;
	text-align: justify ;
	vertical-align: top;
}

section.produit div.image{
	text-align: center;
}

section.produit img{
	width: 90%;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
}


@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	section.produit div.contenant, section.icones div.contenant{
		width: calc(100% - 40px);
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section.produit .colonne{
		display: block;
		width: 100%;
		margin: auto;
	}

	section.produit .colonne img{
		width: 80%;
		max-width: 500px;
		margin-top: 30px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section.produit div.contenant, section.icones div.contenant{
		width: 100%;
	}
}



/*--------------------------------------------------------------------------*/
/*----------------------*/
/* PETIT PRODUIT        */
/*----------------------*/

section.produit img.petit{
	width: 70%;
}

section.produit div.icones{
	padding: 20px 0;
}

section.produit .icone{
	display: table;

	border-spacing: 30px 5px;
}

section.produit .icone div{
	display: table-cell;
	vertical-align: middle;

	width: 60px;
	height: 60px;

	background-image: url('img_public/iconesCarrosserie.png');
	background-size: cover;
	background-repeat: no-repeat;
}

section.produit .icone  p{
	display: table-cell;
	text-align: justify;
	vertical-align: middle;
}


@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section.produit div.icones{
		display: none;
	}

	section.produit.gris{
		background-color: #ffffff;
	}

	section.produit .colonne img.petit{
		max-width: 220px;
	}
}





/*--------------------------------------------------------------------------*/
/*----------------------*/
/* ICONE                */
/*----------------------*/

section.icones .contenant {
	text-align: center;
}

section.icones .colonne{
 	display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: 4%;
    width: 110px;
 }
section.icones .colonne:last-of-type {
	margin-right: 0;
}

section.icones.reductible{
	display: none;
}


section.icones .colonne p{
	margin-top: 10px;
}

section.icones .colonne div{
	width: 60px;
	height: 60px;
	margin: auto;

	background-image: url('img_public/iconesCarrosserie.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.icones div.icone1{
	background-position: 50% 0;
}
.icones div.icone2{
	background-position: 50% 7.14%;
}
.icones div.icone3{
	background-position: 50% 14.29%;
}
.icones div.icone4{
	background-position: 50% 21.43%;
}
.icones div.icone5{
	background-position: 50% 28.57%;
}
.icones div.icone6{
	background-position: 50% 35.71%;
}
.icones div.icone7{
	background-position: 50% 42.86%;
}
.icones div.icone8{
	background-position: 50% 50%;
}
.icones div.icone9{
	background-position: 50% 57.14%;
}
.icones div.icone10{
	background-position: 50% 64.29%;
}
.icones div.icone11{
	background-position: 50% 71.43%;
}
.icones div.icone12{
	background-position: 50% 78.57%;
}
.icones div.icone13{
	background-position: 50% 85.71%;
}
.icones div.icone14{
	background-position: 50% 92.86%;
}
.icones div.icone15{
	background-position: 50% 100%;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section.icones.reductible{
		display: block;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	section.icones div.contenant{

	}

	section.icones .colonne{

	}

	section.icones .colonne div, section.icones .colonne p{

	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	section.icones .colonne div{
		width: 40px;
		height: 40px;
	}
}








/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* CARROSSERIE SLIDER          */
/*-----------------------------*/

section.slider{
	padding: 30px 0;
}

div.container{
    max-width: 1240px;
    margin: auto;

    padding: 20px 0;

    display: table;
    border-spacing: 0;
}

div#images{
    display: table-cell;
    vertical-align: middle;
}

div#slide{
    margin: auto;
    overflow: hidden;
    white-space: nowrap;

    width: 908px;
    height: 210px;

    background-color: #ffffff;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;

}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){
	div.container{
		width: calc(100% - 40px);
	}

	div#slide{
		width: 758px;
		height: 200px;
	}

	section.icones .colonne {
		margin-right: 2%;
		margin-bottom: 1%;
	}

	section.icones .contenant {
		text-align: left;
	}
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	div#slide{
		width: 608px;
		height: 143px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	div#slide{
		width: 508px;
		height: 177px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	div.container{
		width: calc(100% - 10px);
	}

	div#slide{
		width: 408px;
		height: 133px;
	}
}

@media screen and (max-device-width: 530px), screen and (max-width: 530px){
	section.icones .contenant {
		text-align: center;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	div#slide{
		width: 204px;
		height: 143px;
	}

	section.icones .contenant {
		text-align: left;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	div#images{
	    width: 215px;
	}

	section.icones .contenant {
		text-align: center;
	}
}


/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* PHOTOS                */
/*-----------------------*/


div#slide div{
	display: inline-block;
    width: 300px;
    height: 200px;
    margin-top: 4px;

    border-radius: 2px;

    background-image: url('img_public/sliderKapur.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

div#slide div.slider1{
	background-position: 50% 0px;
}
div#slide div.slider2{
	background-position: 50% 11.111%;
}
div#slide div.slider3{
	background-position: 50% 22.222%;
}
div#slide div.slider4{
	background-position: 50% 33.333%;
}
div#slide div.slider5{
	background-position: 50% 44.444%;
}
div#slide div.slider6{
	background-position: 50% 55.556%;
}
div#slide div.slider7{
	background-position: 50% 66.667%;
}
div#slide div.slider8{
	background-position: 50% 77.778%;
}
div#slide div.slider9{
	background-position: 50% 88.889%;
}
div#slide div.slider10{
	background-position: 50% 100%;
}


@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	div#slide div{
		width: 200px;
		height: 133px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	div#slide div{
		width: 250px;
		height: 166px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	div#slide div{
		width: 200px;
		height: 133px;
	}
}




/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* BOUTONS               */
/*-----------------------*/

div.button{
    display: table-cell;
    vertical-align: middle;

}

div.button div{
    width: 40px;
    height: 40px;

    transition-property: opacity;
    transition-duration: 0.5s;

    opacity: 0.5;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40px;

    cursor: pointer;
}

div.button div#precedent{
    background-image: url('img_public/previous.jpg');
    float: right;
}

div.button div#suivant{
    background-image: url('img_public/next.jpg');
    float: left;
}

div.button div:hover{
    opacity: 1;
}


@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	div.button div{
	    width: 30px;
	    height: 30px;
	    background-size: 30px;
	}
}










/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*---------------------------*/
/* CONTACT                   */
/*---------------------------*/

section.navContact div.contenant{
	width: calc(100% - 100px);
	max-width: 1240px;

	margin: auto;

	text-align: left;
}

section.navContact a{
	display: inline-block;
    padding: 20px;
    width: 320px;
    height: 40px;
    margin-right: 4%;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px #232323;
    text-align: center;
    vertical-align: middle;
    color: #232323;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;

}
section.navContact a:last-of-type {
	padding-top: 10px;
    padding-bottom: 30px;
}
section.navContact a span{
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    width: 321px;
}

section.navContact a.selected{
	background-color: #859e75;
	color: #ffffff;
}

section.navContact a:hover{
	box-shadow: 0px 3px 6px #232323;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){

	section.navContact div.contenant{
		border-spacing: 20px 0;
    display: block;
    margin-left: 13%;
	}
	section.navContact div.contenant a{
		margin-bottom: 10px;
	}

	section.navContact a{
		padding: 10px;
		font-size: 14px;
    display: inline-block;
    width:100%;
    margin-bottom:15px;
    text-align:center;
    display: table;
	}

	.bloc-un-contreplaque select {
		border: solid gray 1px;
	}
}


/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* FORMULAIRE                */
/*---------------------------*/

.saut_ligne{
  padding:10px;
}

section.formulaire form{
	    width: 74%;
  max-width: 1280px;
	padding: 0 0;
	text-align: center;
  display: block;
  margin: auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
section.formulaire form input[type='text'] {
	height: 20px;
    vertical-align: middle;
    font-size: 14px;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
  section.formulaire form{
    width: calc(100% - 10px);
    max-width:80%;
    padding: 10px 0;
    text-align: center;
    display: block;
    margin: auto;
    font-family: Helvetica, Arial, sans-serif;
  }
}


/*--------------------------------------------------------------------------------------------------------- formulaire simple */

section.formulaire h2 {
	margin-top: 1%;
}
section.formulaire .colonne {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	text-align: left;
	overflow: auto;
}

section.formulaire .un-champ.bouton_action {
	height: auto;
	padding: 0;
	width: 31%;
	margin: auto;
	padding-bottom: 5px;
	margin-top: 28px;
}

section.formulaire input[type = text], textarea {
    border-radius: 2px;
    border: 1px solid #232323;
    padding: 5px;
}
section.formulaire .un-champ input[type = text]{
  	display: inline-block;
    border-radius: 2px;
    padding: 10px;

    color: #232323;
    font-weight: 700;
    width: 92%;
    margin-bottom: 10px;
}
section.formulaire .un-champ textarea {
	width: 92%;
    height: 105px;
    font-size: 14px;
    padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

section.formulaire .un-champ.merci {
  text-transform: uppercase;
  font-weight: 700;
}

.send {
	padding: 10px;
	width: 150px;
	color: #ffffff;
	background-color: #859e75;
	border: none;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
	cursor: pointer;
	text-transform: uppercase;

}

section.formulaire input[type = submit] {
	padding: 10px;
	width: 150px;
	color: #ffffff;
	background-color: #859e75;
	border: none;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
	cursor: pointer;
	text-transform: uppercase;

}

section.formulaire .btn-action {
	padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 150px;
    color: #ffffff;
    background-color: #859e75;
    border: none;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #232323;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
	margin-right: 2%;
}
section.formulaire .btn-action.btn_suppression_plancher {
    float: left;
}

section.formulaire .un-champ div a span{
  padding: 10px;
  background-color: #e2e3e4;
  border-radius: 2px;
  border: 1px solid #232323;
  color: #232323;
  font-weight: 700;
  font-size:12px;
}

/*--------------------------------------------------------------------------------------------------------- formulaire simple - RESPONSIVE */
@media screen and (max-device-width: 1330px), screen and (max-width: 1330px){
	section.navContact a {
		margin-right: 1%;
	}
}
@media screen and (max-device-width: 1330px), screen and (max-width: 1230px){
	section.navContact a {
		margin-bottom: 1%;
	}
}
@media screen and (max-device-width: 650px), screen and (max-width: 650px){
  section.formulaire h2 {
  	margin-bottom: 2%;
  	margin-top: 1%;
  }
  section.formulaire .colonne {
  	display: block;
  	margin: auto;
  	width: 100%;
  }
	section.formulaire .un-champ.bouton_action {
		margin-top: 5%;
	    width: 55%;
	}
}


/*--------------------------------------------------------------------------------------------------------- deux colonnes */
/*--------------------------------------------------------------------------------------------------------- choix */
section.formulaire .choix_plancher {
  width: 100%;
  text-align: left;
  border-radius: 2px;
  border: 1px solid #ffffff;
}
section.formulaire .choix_plancher .choix_plancher_input_radio {
  display:inline-block;
  width: 31%;
  padding: 10px;
}
section.formulaire .choix_plancher .choix_plancher_input_radio.long {
  width: 62%;
}
section.formulaire .choix_plancher .choix_plancher_input_radio label{
}

/*--------------------------------------------------------------------------------------------------------- choix - RESPONSIVE */
@media screen and (max-device-width: 1990px), screen and (max-width: 1990px){
  section.formulaire .choix_plancher .choix_plancher_input_radio {
    display:inline-block;
    width: 100%;
    padding: 10px;
  }

  section.formulaire .choix_plancher .choix_plancher_input_radio.long {
    width: 90%;
  }
}
@media screen and (max-device-width: 1360px), screen and (max-width: 1360px){
  section.formulaire .choix_plancher .choix_plancher_input_radio {
    display:inline-block;
    width: 90%;
    padding: 10px;
  }
  section.formulaire .choix_plancher .choix_plancher_input_radio.long {
    width: 90%;
  }
}


/*--------------------------------------------------------------------------------------------------------- planchers */
section.formulaire .une_ligne_deux_colonnes{
  width: 100%;
  padding: 0;
  text-align:left;
}
section.formulaire .une_ligne_deux_colonnes.titre{
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}


section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne{
  width: 45%;
  padding:0;
  display:inline-block;
  vertical-align:top;
}


section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne input[type = text]{
  display:inline-block;
  padding: 10px;
  width: 20%;
  background-color: #e2e3e4;
  border-radius: 2px;
  border: 1px solid #232323;
  color: #232323;
  font-weight: 700;
}
section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne select{
  display:inline-block;
  padding: 10px;
  width: 20%;
  background-color: #e2e3e4;
  border-radius: 2px;
  border: 1px solid #232323;
  color: #232323;
  font-weight: 700;
  text-align:right;
}
section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne label:first-of-type{
  display:inline-block;
  padding: 0px;
  width: 60%;
  vertical-align:top;
}


section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .input_radio{
  display:inline-block;
  width: 35%;
}
section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .input_radio label{
  display:inline-block;
  padding: 10px;
  width: auto;
  vertical-align:top;
}
section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .input_radio input{
  display:inline-block;
  height:30px;
  vertical-align:top;
}

section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne.pleine_largeur{
  width:100%;
}


.div_input_radio_double{
  display:block;
  padding: 10px;
}
section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .div_input_radio_double .div_input_radio input[type = radio]{
  height:30px !important;
}

.div_input_radio_ligne{
  display:block;
  padding: 10px;
}
.div_input_radio_ligne input[type = radio]{
  height:30px !important;
  vertical-align:top;
}

.div_input_radio_block{
  display:inline-block;
}
.div_input_radio_block div{
  width: 100%;
}

.div_input_radio{
  display:inline-block;
  vertical-align:top;
}

.div_input_radio.pleine_largeur{
  width: 100% !important;
}

/*--------------------------------------------------------------------------------------------------------- planchers - RESPONSIVE */

@media screen and (max-device-width: 1000px), screen and (max-width: 1000px){

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne {
    width: 100%;
  }

  .div_input_radio{
    display:inline-block;
    vertical-align:top;
  }

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .input_radio{
    display:inline-block;
    width: 35%;
  }

}

@media screen and (max-device-width: 750px), screen and (max-width: 750px){

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne label:first-of-type{
    display:inline-block;
    padding: 5px;
    width: 100%;
    vertical-align:top;
  }

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne{
    width: 100%;
    padding:5px;
    display:block;
    vertical-align:top;
  }
  .div_input_radio{
    display:inline-block;
    vertical-align:top;
    width: 100%;
  }

  .div_input_radio_double{
    padding: 0px;
  }
  .div_input_radio_ligne{
    padding: 5px;
  }

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .div_input_radio label{
    width: 80%;
  }

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .input_radio {
    width: 100%;
    padding:5px;
    display:block;
    vertical-align:top;
  }

  section.formulaire .une_ligne_deux_colonnes .une_ligne_une_colonne .div_input_radio_double .div_input_radio input[type = text]{
    display:block;
  }


}

/*--------------------------------------------------------------------------------------------------------- largeur */
.label_court_50{
  width: 50% !important;
}
.label_court_40{
  width: 40% !important;
}
.label_court_30{
  width: 30% !important;
}
.label_court_20{
  width: 20% !important;
}
.vertical-align-top {
	vertical-align: top !important;
}
.dimensions-contreplaque {
	height: 100px;
}
.usinage-contreplaque {
	height: 92px;
}

.une-grille {
	display: table;
	border-collapse: collapse;
	width: 70%;
}
.une-grille .une-ligne {
	display: table-row;
	margin-bottom: 10px;
}
.une-grille .une-ligne .une-cellule {
	display: table-cell;
	height: 40px;
	padding-right: 10px;
	vertical-align: top;
}
.une-grille .une-ligne .une-cellule:not(.label) {
}
.une-grille .une-ligne .une-cellule .label {
	width: 150px;
}


.separateur {
	height: 2px;
	background-color: #ffffff;
	width: 350px;
	margin-left: 100px;
	margin-top:20px;
	margin-bottom:20px;
}



.input_court_10{
  width: 45% !important;
	vertical-align: top;
}
.input_long_55{
  width: 55% !important;
}
.input_long_75{
  width: 75% !important;
}
/*--------------------------------------------------------------------------------------------------------- largeur - RESPONSIVE */
@media screen and (max-device-width: 750px), screen and (max-width: 750px){

 .label_court_40{
    width: 80% !important;
  }
  .label_court_30{
    width: 80% !important;
  }
  .label_court_20{
    width: 80% !important;
  }

  .input_court_10{
    width: 40% !important;
  }
  .input_long_55{
  }
  .input_long_75{
    width: 90% !important;
  }
}
















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* DELIMITEUR              */
/*-------------------------*/

section.delimiteur{
    width: 100%;
}

section.delimiteur .contenant{
    width: calc(100% - 100px);
    max-width: 1240px;

    margin: auto;
}

section.delimiteur div.barre{
    float: left;
    width: 49.3%;
    height: 2px;

    background: #e2e3e4;
    margin-top: 3px;
    margin-right: -1px;

}

section.delimiteur div.rond{
    float: left;
    width: 6px;
    height: 6px;

    background: #e2e3e4;
    border: 1px solid #e2e3e4;
    border-radius: 7px;
    margin-right: -1px;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.delimiteur.inf{
        display: none;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section.delimiteur .contenant{
		width: calc(100% - 40px);
	}

    section.delimiteur div.barre{
        width: 49%;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.delimiteur div.barre{
        width: 48%;
    }
}



















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* EMBALLAGE : CONSEILS        */
/*-----------------------------*/

section#charges div.contenant{
	width: 100%;
	max-width: 1350px;
	margin:auto;

	display: table;
	table-layout: fixed;
	border-spacing: 50px 30px;
}


section#charges div.colonne{
	display: table-cell;
	border-collapse: separate;
}


section#charges div.colonne p{
	text-align: center justify;
	margin-top:20px;
}

section#imagesConseils{
	width: 100%;
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section#charges div.contenant{
		border-spacing: 20px;
	}
	section#charges div.colonne{
		float: left;
	}

	section#charges div.colonne p{
		margin-top: 10px;
	}

	section#charges div.inf{
		margin-top: 40px;
	}
}














/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* EMBALLAGE : PRODUCTION      */
/*-----------------------------*/


section.images div .info-bulle {
    margin: 0;
    padding: 10px;
    background-color: rgba(0,0,0,0.7);
    /*height: calc(100% - 20px);*/
    height: 255px;
    overflow-y: scroll;
    color: #ffffff;
    position: absolute;
    left: 0;
    width: 95%;
    top: 280px;
}
section.images div .info-bulle p {
	margin-right: 20px;
}
section.images div .info-bulle ul {
	margin-left: 20px;
}
section.images div .info-bulle > * {
	color: #ffffff;
}

section.images ul, section.images p{
	font-size: 14px;
	-webkit-padding-start: 10px;
	-moz-padding-start: 10px;
}


.imageLegendee:hover .info-bulle {
	top: 45px;
	text-align: left;
}














/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* EMBALLAGE : PRESTATIONS     */
/*-----------------------------*/

section.frisePrestations{
	padding-top: 0;
}

section.frisePrestations div.imageFond{
	width: calc(100% - 100px);
    max-width: 1240px;
    margin: auto;
    /*background-image: url(img_public/emballage/prestationsEmb.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 37%;*/
    height: 250px;
}

section.frisePrestations div.contenant{
	width: 80%;
	margin: auto;
}

section.frisePrestations div.cellule{
	display: table-cell;
}

section.frisePrestations div.image{
	width: 135px;
	height: 92px;

	background-size: cover;
}


section.frisePrestations div.image1{
	background-position: 50% 0;
}

section.frisePrestations div.image2{
	background-position: 50% 25%;
}

section.frisePrestations div.image3{
	background-position: 50% 50%;
}

section.frisePrestations div.image4{
	background-position: 50% 75%;
}

section.frisePrestations div.image5{
	background-position: 50% 100%;
}









/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------------*/
/* EMBALLAGE : STOCKAGE        */
/*-----------------------------*/

section.imageSolo img{
	width: 80%;
	max-width: 800px;
}













/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-----------------------*/
/* FOOTER                */
/*-----------------------*/


footer{
	width: 100%;
	height: 200px;
	background-color: #ffffff;
	margin-top: 35px;

	clear: both;
}

footer div#contenant1{
	width: 100%;
	margin: auto;
	border-radius : 2px;
	overflow: hidden;
}

footer div#contenant2{
	width: 100%;
	margin:auto;
	border-radius : 2px;
	background-color: #e2e3e4;
}


@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	footer{
		height: 100px;
	}

	footer div#contenant1{
		display: none;
	}

	footer div#contenant2{
		height: 100px;
	}
}


/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* ONGLET                */
/*-----------------------*/



footer div#fondOnglet{
	width: 40%;
	min-width: 500px;
	border-right: 100px solid transparent;
	border-bottom: 100px solid #e2e3e4;
	height: 0;
}

div#onglet{
 	width: 100%;
 	max-width: 1240px;
 	margin: auto;
 	margin-top: -100px;
 	padding-top: 10px;
}

div#onglet p{
	padding-left: 210px;
	font-size: 11px;
	line-height: 17px;
}

div#onglet p.first{
	padding-top: 16px;
}

div#onglet img{
	width: 180px;
	margin-left: 10px;
}


footer div#barreOnglet{
	border-bottom: 20px solid #e2e3e4;
	padding-top: 0px;
}


footer #liens ul a {
	font-size: 11px !important;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	#liens {
		display: none !important;
	}
	#liens ul {
		display: block !important;
		margin: 0;
		padding: 0;
		width: 100% !important;
		text-align: center;
	}
	#liens ul li {
		width: 100% !important;
	}
	#liens ul a {
		font-size: 11px !important;
	}
	footer {
		height: auto;
	}
}



/*--------------------------------------------------------------------------*/
/*------------------------*/
/* BANDEAU                */
/*------------------------*/


footer div#bandeau{
	position: relative;
	z-index: 11;
	width: 100%;
	height: 30px;
	background: #859e75;
	border-radius: 2px;
	box-shadow: 0 1px 3px #232323;
	text-align: center;
}


@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	footer div#bandeau{
		height: auto;
		min-height: 25px;
	}
}


/*--------------------------------------------------------------------------*/
/*------------------------*/
/* LIENS                  */
/*------------------------*/

footer div#liens{
	display: table;
	table-layout: fixed;
	border-spacing: 10px;
	padding-top: 10px;

	width: 100%;
	max-width: 1240px;
	margin: auto;
	background: #e2e3e4;
}

div#liens ul{
	display: table-cell;
	border-collapse: separate;
	width: 30%;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	padding-left: 10px;
	font-size: 11px;
}

div#liens ul li {
	list-style: none;
	line-height: 20px;
	color: #232323;
}

div#liens ul li a{
	color: #232323;
}



.politique{
	max-width: 1240px;
    margin: auto;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	div#liens ul li#intranet {
		padding: 0;
	}
}


@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	footer div#liens{
		border-spacing: 0px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	div#liens ul{
		font-size: 10px;

	}
}


@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	footer div#liens{
		height: 50px;
	}

	div#liens ul{
		font-size: 8px;
	}

	div#liens ul li{
		line-height: 12px;
	}
}














/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/


/*------------------------------------*/
/* IMAGES LEGENDEES                   */
/*------------------------------------*/


div.imagesContenant{
    table-layout: auto;
    border-spacing: 0 10px;

    width: 100%;
    max-width: 1240px;
    margin: auto;
    text-align: center;
}

div.ic2{
	display: none;
}

section.images div.imageLegendee{
    border-collapse: collapse;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    .imageLegendee h3 {
    	padding: 0;
    }
    section.caisses div.imageLegendee {
    	padding: 0 !important;
    	margin-top: 5%;
    	margin-bottom: 5%;
    	width: 560px !important; /* A ADAPTER */
    	margin-right: auto !important;
    	margin-left: auto !important;
    }
    section.caisses div#i3.imagesContenant .photo{
		height: 225px;
    }

    .images.caisses imagesContenant .imageLegendee > div {
    	display: inline-block !important;
    	position: initial !important;
    	width: 40% !important;
    }

    section.caisses .bloc-info-survol div.imageLegendee {
    	width: 300px !important;
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    div.ic2{
        display: table;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.reductible div.imagesContenant{
        border-spacing : 10px 10px;
    }
}

@media screen and (max-device-width: 320px), screen and (max-width: 320px){
    section.caisses .bloc-info-survol div.imageLegendee {
    	width: 250px !important;
    }

    .formulaire {
    	font-size: 16px !important;
    }
}










/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* LEGENDE                 */
/*-------------------------*/

section.images a{
    display: block;
}

section.images .legende{
    width: 250px;
    height: 45px;
    margin: auto;

    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight:500;

    background: #859e75;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 3px #232323;
    display: table-cell;
    vertical-align: middle;
}
section.images .legende.big{
    width: 300px;
    text-transform:uppercase;
    font-size:16px;
}

.imageLegendee {
	display: inline-block;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 3px #232323;
    margin: 1%;
}
#i3 .imageLegendee .info-bulle {
	width: 100%;
    left: 0;
}
.bloc-info-survol .info-bulle {
	width: 100% !important;
}

#i4.bloc-info-survol {
	margin-bottom: 30px;
}

#i3 {
	text-align: center;
}
section.images .large .legende.big{
    width: 450px;
}
#i3 .imageLegendee.large {
	width: 450px;
}
#i3 .large .legende.big {
	width: 450px;
}
#i3 .legende.big {
}
#i3 .photo.big {
}

section.images .icone .legende{
    background-repeat: no-repeat;
    background-position: 50% 7px;
    background-size:18px;

    padding-top: 15px;
    height: 25px;
}


@media screen and (max-width: 1165px), screen and (max-width: 1165px){
    .bloc-info-survol .legende{
        /* width: 220px; MODIF */
    }
    section.images .icone .legende, section.images .legende{
    	width: 220px;
    }
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
    section.images .icone .legende, section.images .legende{
        width: 200px;
        font-size: 14px;
        height: 40px;
    }
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    section#poles div a#iconeEmballage, section#poles div a#iconeSupports, section#poles div a#iconeCarrosserie, section#poles div a#iconePrestations{
        background-image: none;
    }

    section.images ul, section.images p{
      font-size: 12px;
    }
    section.images .icone .legende, section.images .legende{
        font-size: 12px;
        height: 35px;
        /* width: 180px; MODIF */
        padding-top: 0;
    }
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){

  section.images ul, section.images p{
      font-size: 12px;
    }

}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.images .icone .legende, section.images .legende{
        /*width: 140px; MODIF */
        padding-top: 0;
    }


    section.images div.imagesContenant#i3 .legende, section.images div.imagesContenant#i4 .legende{
        font-size: 10px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
 	section.images .icone .legende, section.images .legende{
        font-size: 10px;
        padding-top: 0;
    }

    section#poles .legende{
        height: 30px;
    }

    section.marches .legende{
        height: 25px;
    }
}







/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* LIEN                    */
/*-------------------------*/

section.images div.lien:hover a.legende, section.images div.lien:hover a.photo{
    box-shadow: 0 2px 5px #232323;
}





/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* PHOTO                   */
/*-------------------------*/

section.images .photo{
    width: 250px;
    height: 170px;
    margin: auto;

    border-radius: 0 0 2px 2px;

    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 3px #232323;
}
section.images .large .photo.big{
    width: 450px;
}
section.images .photo.big{
    width: 300px;
    height: 225px;
}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){
    section.images .photo{
        height: 150px;
        width: 220px;
    }
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
    section.images .imagesContenant:not(.bloc-info-survol) .photo{
        height: 136px;
        width: 200px !important;
    }
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    section.images .photo{
        height: 122px;
        width: 180px;
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

    div.ic2{
        display: table;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.images .photo{
        height: 95px;
        width: 140px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.reductible .photo{
        display: none;
    }
}


.photo {
	height: 170px;
}



/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* #i4                     */
/*-------------------------*/

section.images div.sprite#i4 .p1{
    background-position: 50% 0;
}

section.images div.sprite#i4 .p2{
    background-position: 50% 33.33%;
}

section.images div.sprite#i4 .p3{
    background-position: 50% 66.66%;
}

section.images div.sprite#i4 .p4{
    background-position: 50% 100%;
}



/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* #i3                     */
/*-------------------------*/

section.images div.sprite#i3 .p1{
    background-position: 50% 0;
}

section.images div.sprite#i3 .p2{
    background-position: 50% 50%;
}

section.images div.sprite#i3 .p3{
    background-position: 50% 100%;
}





/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* PRODUCTION              */
/*-------------------------*/


section.caisses .photo{
	background-size: 200%;
	background-position: 0;

}

@media screen and (max-device-width: 1023px), screen and (max-width: 1023px) {


.fleche-verticale {
	display: inline-block;
}

.fleche-horizontale {
	display: none;
}

.image-fond-fleche {
	text-align: center;
}

.image-fond-fleche img {
    width: 40%;
}

}

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {


	section.images .legende.big {
		width: 100%;
	}
	section.caisses, section.caisses div.imagesContenant{
		padding: 0;
		/* display: block; */
	}

	section.caisses div.imageLegendee{
		display: block;
	    margin-right: 0;
	    margin-top: 3%;
	}

    section.caisses div.imagesContenant .photo{
    	min-height: 105px;
    	background-position: center !important;
    }
    section.caisses div.imagesContenant .info-bulle {
		height: 100px;
		overflow-y: scroll;
		margin-top: 5px;
    }
    section.caisses div.imagesContenant .imageLegendee > .photo, section.caisses div.imagesContenant .imageLegendee > .info-bulle {
        display: inline-block;
        width: 49% !important;
        position: initial;
        vertical-align: top;
        text-align: left;
        background-position: top !important;
	    background-size: 100%;
	    box-shadow: none;
    	background-color: #ffffff;
	    padding: 0;
    	padding-top: 5px;
    	padding-bottom: 5px;
	    margin: 0;
    }
    section.caisses div.imagesContenant .info-bulle {
		margin-top: 5px !important;
	}
    section.images div .info-bulle > * {
    	color: #000000 !important;
    	padding: 0;
    }
	#i3 .imageLegendee, #i4 .imageLegendee {
		/*width: 700px !important; MODIF */
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		width: 1000px !important;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	#i3 .imageLegendee, #i4 .imageLegendee {
		/*width: 500px !important; MODIF */
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		width: 1000px !important;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	#i3 .imageLegendee, #i4 .imageLegendee {
		/* width: 450px !important; MODIF */
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		width: 1000px !important;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section.caisses div.imagesContenant#i3 .legende{
    	/* width: 180px; MODIF */
    	padding: 15px 0;
    	height: auto;
    }

    section.caisses .imagesContenant .photo{
        /* width: 180px; MODIF */
        height: 122px !important;
    }

	#i3 .imageLegendee, #i4 .imageLegendee {
		/* width: 300px !important; MODIF */
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		/*width: 1000px !important; MODIF */
	}
}

@media screen and (max-device-width: 350px), screen and (max-width: 350px){
	#i3 .imageLegendee, #i4 .imageLegendee {
		/* width: 270px !important; MODIF */
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		width: 1000px !important;
	}
}

@media screen and (max-device-width: 300px), screen and (max-width: 300px){
	#i3 .imageLegendee, #i4 .imageLegendee {
		width: 200px !important;
		margin-left: auto;
		margin-right: auto;
	}
	#i3 .legende.big, #i4 .legende.big {
		width: 1000px !important;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section.caisses div.imagesContenant{
		height: auto;
	}
}


@media screen and (max-device-width: 1330px), screen and (max-width: 1330px) {

}

/*--------------------------------------------------------------------------*/
/*----------------------------*/
/* BACKGROUND                 */
/*----------------------------*/

section#poles a#iconeEmballage{
	background-image: url('img_public/emballageB.png');
}

section#poles a#iconeSupports{
	background-image: url('img_public/supportsB.png');
}

section#poles a#iconeCarrosserie{
	background-image: url('img_public/carrosserieB.png');
	background-size: 34px;
}

section#poles a#iconePrestations{
	background-image: url('img_public/prestationsB.png');
}

section#poles .p1{
    background-image: url('img_public/accueil/emballage.jpg')
}
section#poles .p2{
    background-image: url('img_public/accueil/supports.jpg')
}
section#poles .p3{
    background-image: url('img_public/accueil/carrosserie.jpg')
}
section#poles .p4{
    background-image: url('img_public/accueil/prestations.jpg')
}

section .m1 .photo{
        background-image: url('img_public/marches1.jpg');
}
section .m2 .photo{
        background-image: url('img_public/marches2.jpg');
}

section#imagesConseils .p1{
    background-image: url('img_public/emballage/bureau.jpg');
}

section#imagesConseils .p2{
    background-image: url('img_public/emballage/accompagnement.jpg');
}
section#imagesConseils .p3{
    background-image: url('img_public/emballage/optimisation.jpg');
}

section.images div#soclePaletteEmballage{
	background-image: url('img_public/emballage/socle_palette.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#emballageMatieresReglementees{
	background-image: url('img_public/emballage/emballege_matiere_reglemente.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#caisseMaritime{
	background-image: url('img_public/emballage/caisse_maritime_housse_etanche.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#protectionAntiCorrosion{
	background-image: url('img_public/emballage/protection_anticorrosion.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#caisseClaireVoie{
	background-image: url('img_public/emballage/caisse_claire.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#calageConteneurCamion{
	background-image: url('img_public/emballage/calage_conteneur.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

section.images div#caisseBois{
	background-image: url('img_public/emballage/caisse-fermoirs.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
section.images div#soclePalette{
	background-image: url('img_public/emballage/soclePalette.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
section.images div#berceau{
	background-image: url('img_public/emballage/berceau.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
section.images div#caisseClaire{
	background-image: url('img_public/emballage/caisseClaire.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
section.images div#conteneur{
	background-image: url('img_public/emballage/conteneur.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}



section#imagesOptimiser .p1{
    background-image: url('img_public/supports/caisse-amenage-nombreux-calages.jpg');
}
section#imagesOptimiser .p2{
    background-image: url('img_public/supports/caisse-demontable.jpg');
}
section#imagesOptimiser .p3{
    background-image: url('img_public/supports/caisse-navette-specifique.jpg');
}
section#imagesOptimiser .p4{
    background-image: url('img_public/supports/contenant-mobile-avec-compartiments.jpg');
}

section#imagesAmenager .p1{
    background-image: url('img_public/supports/amenagement-support-base-metallique-client.jpg');
}
section#imagesAmenager .p2{
    background-image: url('img_public/supports/poste-travail-specifique-contreplaque.jpg');
}
section#imagesAmenager .p3{
    background-image: url('img_public/supports/support-palette-mobile-transfert-piece.jpg');
}
section#imagesAmenager .p4{
    background-image: url('img_public/supports/table-travail-amenagee-sur-mesure.jpg');
}

section#imagesQualite .p1{
    background-image: url('img_public/supports/caisse-compartiments-renforcee-gerbable.jpg');
}
section#imagesQualite .p2{
    background-image: url('img_public/supports/caisse-navette-tiroir.jpg');
}
section#imagesQualite .p3{
    background-image: url('img_public/supports/caisse-renforcee-transport-verticales.jpg');
}
section#imagesQualite .p4{
    background-image: url('img_public/supports/calages-mousse-usines-sur-mesure.jpg');
}

section#imagesEnvironnement .p1{
    background-image: url('img_public/supports/caisse-navette-pliable-gerbable.jpg');
}
section#imagesEnvironnement .p2{
    background-image: url('img_public/supports/caisse-rampe-facade-amovible.jpg');
}
section#imagesEnvironnement .p3{
    background-image: url('img_public/supports/contenant-mobile-compartiments.jpg');
}
section#imagesEnvironnement .p4{
    background-image: url('img_public/supports/contenants-fixes-support-metallique-gerbable.jpg');
}

section#imagesCarrosserie .p1{
    background-image: url('img_public/carrosserie/kapur.jpg');
}
section#imagesCarrosserie .p2{
    background-image: url('img_public/carrosserie/kitVisserie.jpg');
}
section#imagesCarrosserie .p3{
    background-image: url('img_public/carrosserie/lattes.jpg');
}
section#imagesCarrosserie .p4{
    background-image: url('img_public/carrosserie/contreplaque.jpg');
}










/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* MENU HEADER             */
/*-------------------------*/


header.floatable{
    z-index:10000;
    position: fixed;
    top:0;

    width: 100%;
    height: 75px;

    background: #ffffff;
    box-shadow: 2px 0px 1px 1px #e2e3e4;
}


div#menuOrdinateur{
	position: relative;
	z-index: 10002;

	background: #ffffff;

	width: 100%;
	height: 75px;
	max-width:1240px;

	margin: 0 auto;
}

#menuOrdinateur img.logoRabuel{
	float: left;
	width: 130px;
	margin-left: 10px;
	margin-right: 10px;
}

#menuOrdinateur div#iMenu{
	display: none;
	float: right;

	width: 50px;
	height: 50px;
	margin-top:10px;
	margin-right: 10px;

	background-image: url('img_public/menuV.png');
	background-size: 50px 50px;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	#menuOrdinateur div#iMenu{
			display: block;
		}
	#menuOrdinateur nav#menu_h{
		display: none;
		position: relative;
		z-index: 9000;
	}
}





/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* MENU DL               */
/*-----------------------*/

#menuOrdinateur dl{
	float:left;
	width:13%;
	height: 75px;

	margin: 0;
}


#menuOrdinateur dl.menu_certification{
width: 12%;
}

#menuOrdinateur dl#menu_recherche{
	width: 4%;
	cursor: pointer;
}

#menuOrdinateur > dl dl {
	border-top: 1px solid #859e75;
}

#menuOrdinateur dl.menu_emballage{
	background-image:url('img_public/emballageG.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
}

#menuOrdinateur dl.menu_specifique{
	background-image:url('img_public/supportsG.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;

	width :19%;
}

#menuOrdinateur dl.menu_carrosserie{
	background-image:url('img_public/carrosserieG.png');
	background-size:34px;
	background-repeat: no-repeat;
	background-position: 50% 10px;

	width:12%;

}

#menuOrdinateur dl.menu_prestations{
	background-image:url('img_public/prestationsG.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
}


@media screen and (max-width: 1165px), screen and (max-width: 1165px){
	#menuOrdinateur dl{
		width: 12%;
	}
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	#menuOrdinateur dl#menu_recherche{
		display: none;
		box-shadow: 0 1px 3px #232323;
	}

	#menuOrdinateur dl, #menuOrdinateur dl.menu_emballage, #menuOrdinateur dl.menu_specifique, #menuOrdinateur dl.menu_carrosserie, #menuOrdinateur dl.menu_prestations, #menuOrdinateur dl.menu_certification, #menuOrdinateur dl#menu_recherche{

		width:100%;
		height: auto;
		background-position: 12px 10px;
		margin:auto;
		background-color: #ffffff;
	}

	#menuOrdinateur dl.menu_carrosserie{
		background-position: 5px 10px;
	}

	#menuOrdinateur dl.menu_emballage{
		margin-top:10px;
	}
}







/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* MENU DT               */
/*-----------------------*/


#menuOrdinateur dt{
	height:40px;

	margin-top: 10px;
	padding-top:20px;

	text-align:center;

	border-left: 1px solid #859e75;
}


#menuOrdinateur dt a{
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#818285;
}


#menuOrdinateur dl#menu_recherche dt a img{
	width: 25px;
}

#menuOrdinateur dl#menu_recherche dt.texte{
	display: none;
}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){
	#menuOrdinateur dt a{
		font-size: 12px;
	}
}

@media screen and (max-width: 960px), screen and (max-width: 960px){
	#menuOrdinateur dl#menu_recherche dt.icone{
		display: none;
	}

	#menuOrdinateur dl#menu_recherche dt.texte{
		display: block;
	}
}

/*--------------------------------------------------------------------------*/
/*------------------*/
/* SELECTED         */
/*------------------*/

/*..........*/
/* PREMIER  */
/*..........*/


#menuOrdinateur dt.premier-selected{
	border:none;

	background:#859e75;
	background-image:url('img_public/emballageB.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;

	margin-top: 0px;
	margin-right:-1px;
	padding-top: 30px;
	padding-bottom:0;
	height: 45px;
}

#menuOrdinateur dt.premier-selected a{
	color:#ffffff;
}

/*..........*/
/*  DEFAUT  */
/*..........*/

#menuOrdinateur dt.defaut-selected{
	border:none;

	background:#859e75;

	margin-top: 0px;
	margin-right:-1px;
	padding-top: 30px;
	padding-bottom:0;
	height: 45px;
}

#menuOrdinateur dt.defaut-selected a{
	color:#ffffff;
}

#menuOrdinateur dl.menu_specifique dt.defaut-selected{
	background-image:url('img_public/supportsB.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;

}


#menuOrdinateur dl.menu_carrosserie dt.defaut-selected{
	background-image:url('img_public/carrosserieB.png');
	background-size:34px;
	background-repeat: no-repeat;
	background-position: 50% 10px;

}

#menuOrdinateur dl.menu_prestations dt.defaut-selected{
	background-image:url('img_public/prestationsB.png');
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
}


/*...........*/
/*  DERNIER  */
/*...........*/

#menuOrdinateur dt.dernier-selected{
	border:none;

	background:#859e75;

	margin-top: 0px;
	margin-right:-1px;
	padding-top: 30px;
	padding-bottom:0;
	height: 45px;
}

#menuOrdinateur dt.dernier-selected a{
	color:#ffffff;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	#menuOrdinateur dt{
		height: auto;

		margin-top: 0px;
		padding-left: 50px;
		padding-top:10px;
		padding-bottom:10px;

		text-align:left;

		border-left: none;
		border-bottom: 1px solid #859e75;
	}

	#menuOrdinateur dl > dt.defaut, #menuOrdinateur dl > dt.premier, #menuOrdinateur dl > dt.dernier, #menu_recherche .texte {
		font-weight: bold;
	}
	#menuOrdinateur dl > dd {
		color: #dddbdb;
	}

	#menuOrdinateur dl#menu_recherche dt{
		border:none;
	}

	#menuOrdinateur dt.premier-selected, #menuOrdinateur dt.defaut-selected, #menuOrdinateur dt.dernier-selected,   #menuOrdinateur dl.menu_specifique dt.defaut-selected, #menuOrdinateur dl.menu_prestations dt.defaut-selected{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px 50px;
		margin-top: -1px;
		margin-left: 0px;
		background-position: 12px 10px;
	}

	#menuOrdinateur dl.menu_carrosserie dt.defaut-selected{
		width: 100%;
		height: auto;
		padding: 10px 0px 10px 50px;
		margin-top: -1px;
		margin-left: 0px;
		background-position: 5px 10px;
	}
}








/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* MENU DD               */
/*-----------------------*/

#menuOrdinateur dd{
	position: absolute;
	display: none;

	width: 300px;
	top:75px;

	background:#ffffff;
	-webkit-margin-start:0;
	-moz-margin-start:0;

	border: 1px solid #e2e3e4;
}


@media screen and (max-device-width: 960px), screen and (max-width: 960px){

	#menuOrdinateur dd, #menuOrdinateur dl.menu_contact dd{
		float: left;
		width: 100%;
		height: auto;

		position: relative;
		top:0px;
	}
}






/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* SEARCH BAR              */
/*-------------------------*/

div.searchContenant{
	width: 100%;
	max-width: 1240px;
	margin: auto;
}

div#searchBar{
	z-index: 10001;
	float: right;
	width: 460px;
	max-width: 1240px;
	margin-top: -60px;
	margin-right: 5px;
	background-color: #ffffff;
	height: 50px;
	top: 80px;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
}

div#searchBar input.champ{
	width : 300px;
	height: 22px;
	margin: 10px;
}

div#searchBar input.bouton{
	height: 30px;
	margin: 10px;
	width: 100px;

	color: #ffffff;
	background-color: #818285;
	border: none;
	border-radius: 2px;

	box-shadow: 1px 1px 3px #232323;

	cursor: pointer;
}

div#searchBar input.bouton:hover{
	box-shadow: 1px 1px 5px #232323;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){

	div#searchBar{
		display: none;
	}
}



/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* MENU UL               */
/*-----------------------*/

#menuOrdinateur ul{
	margin:0;

	list-style:none;
	-webkit-padding-start:0;
	-moz-padding-start:0;

}



/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* MENU LI               */
/*-----------------------*/

#menuOrdinateur li{
	border: 1px solid #ffffff;
	padding:5px;
}

#menuOrdinateur li a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#818285;
}

#menuOrdinateur li:hover{
	background: #859e75;
}

#menuOrdinateur li:hover a{
	color: #ffffff;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
	#menuOrdinateur li{
		border-bottom: 1px solid #dddbdb;
		padding: 10px 0px;
		padding-left: 50px;
	}

	#menuOrdinateur li:hover{
		border: 1px solid #859e75;
	}
}











/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*--------------------------*/
/* MENUS INTERNES           */
/*--------------------------*/

div.menu{
	clear: both;

	width: calc(100% - 100px);
	max-width: 1240px;
    margin: auto;

    padding: 20px 0;
}

div.menu img{
	width: 70px;
}

div.menu div{
	clear: both;
    width: 200px;
    height: 20px;

    border-bottom:4px solid #859e75;
}

div.menu a:not(.no_style){
	font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;

    padding-left: 10px;
    padding-right: 10px;
    margin-top:11px;

    background-color: #859e75;
    border: 1px solid #859e75;
    border-radius: 10px;
}
div.menu a.no_style{
    float:none;
}


@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	div.menu div{
		width: 100px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	div.menu div{
		width: 10px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	div.menu{
		width: calc(100% - 40px);
	}

	div.menu a{
		font-size: 12px;
		line-height: 16px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	div.menu p{
		border: none;
		padding: 0;
	}

	div.menu div{
		display: none;
	}

	div.menu a{
		font-size : 12px;
		line-height: 16px;
	}
}


/*--------------------------------------------------------------------------*/
/*--------------------------*/
/* MENU GAUCHE              */
/*--------------------------*/

.gauche img{
    float:left;
}


.gauche p{
    text-align:justify;

    margin-top:10px;
    margin-left:33px;
    margin-right: 33px;
    margin-bottom: -1px;

    padding-left:50px;
    padding-right: 50px;

    border-left: 4px solid #859e75;
}

.gauche div{
    float: left;

    margin-left:33px;
    padding-left:150px;
    margin-right: -1px;

    border-left:4px solid #859e75;
}

.gauche a{
	float: left;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	.gauche div{
		padding-left: 50px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	.gauche p{
		padding-right: 10px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	div.gauche a{
		margin-left: 33px;
		clear: both;
	}
}

/*--------------------------------------------------------------------------*/
/*--------------------------*/
/* MENU DROITE              */
/*--------------------------*/

.droite img{
    float:right;
}

.droite p{
    text-align:right;

    margin-right: 33px;
    margin-left: 33px;
    margin-bottom: -1px;

    padding-left: 50px;
    padding-right: 50px;
    margin-top: 10px;

    border-right: 4px solid #859e75;
}

.droite div{
    float: right;

    margin-right:33px;
    padding-right:150px;
    margin-left: -1px;

    border-right:4px solid #859e75;
}

.droite a{
	float: right;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	 .droite div{
	 	padding-right: 50px;
	 }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	.droite p{
		padding-left: 10px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	div.droite a{
		margin-right: 33px;
	}
}

/*--------------------------------------------------------------------------*/
/*--------------------------*/
/* PARTENAIRES              */
/*--------------------------*/

.gauche div.logo{
    float:left;
    width: 75px;
    height: 75px;
    background-color: #ffffff;
    background-image: url('img_public/logos.png');
    background-size: 478px 70px;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-bottom: 4px;
    margin-left: -3px;
    border-left: none;
}

.gauche div.logo#SEI{
	background-position: -161px 50%;
}

.gauche div.logo#BV{
	background-position: -324px 50%;
}

.gauche div.logo#PEFC{
	background-position: -311px 3px;
    background-size: 595px 91px;
    height: 95px;
}

.gauche div.logo#AFAQ{
	background-position: 5px 50%;
}

.gauche div.logo#NIMP{
	background-position: -414px 90%;
    background-size: 488px 50px;
}

.div-ligne-boites-visserie > *, .div-ligne-epaisseur-profile > * {
	vertical-align: middle !important;
}
.ligne-boites-visserie, .ligne-epaisseur-profile {
	display: inline-block;
	margin-left: 10px;
}


@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section#partenaires div.gauche div.logo{
		display: block;
		border: none;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	section.navContact a span {
		line-height: 17px;
	}

	section.navContact a:last-of-type {
		padding-top: 23px;
    	padding-bottom: 23px;
	}
	.bloc-un-face_avant .une-ligne > span {
		display: block;
	}
}














/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*--------------------------*/
/* NAVIGATION               */
/*--------------------------*/



section.navigation{
    width: 100%;
    padding: 30px 0;
}

section.navigation div.contenant{
    width: calc(100% - 100px);
    max-width: 1240px;
    margin:auto;

    display: table;
    table-layout: fixed;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.navigation div.contenant{
        border-spacing: 10px 20px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.navigation div.contenant{
        width: calc(100% - 40px);
        border-spacing: 5px 10px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.navigation div.contenant{
        width: 100%;
        border-spacing: 3px 10px;
    }
}










/*--------------------------------------------------------------------------*/

/*--------------------------*/
/* BOUTONS                  */
/*--------------------------*/

section.navigation div.bouton{
    display: table-cell;
    border-collapse: separate;
}

section.navigation div.bouton div a{
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;

    opacity: 1;

    background: #859e75;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 80px;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.navigation div.bouton div a{
        width: 50px;
        height: 50px;
    }
}

section.navigation div.selected div a{
    opacity: 0.5;
}

section.navigation:not(#navSupplyChain) div.bouton div a.nav1{
    background-position: 50% 0;
}

section.navigation:not(#navSupplyChain) div.bouton div a.nav2{
    background-position: 50% 33.333%;
}

section.navigation:not(#navSupplyChain) div.bouton div a.nav3{
    background-position: 50% 66.666%;
}

section.navigation:not(#navSupplyChain) div.bouton div a.nav4{
    background-position: 50% 100%;
}

section.navigation div.bouton h3 a{
    display: block;
    color: #232323;
}


section#navEmballage div.bouton div a{
    background-image: url('img_public/navEmballage.jpg');
}

section#navSupplyChain div.bouton div a{
    background-image: url('img_public/sprite-supply-chain.png');
}

section.navigation#navSupplyChain div.bouton div a.nav1{
    background-position: 50% -120px;
    background-size: 80%;
}

section.navigation#navSupplyChain div.bouton div a.nav2{
    background-position: 52% 105.333%;
    background-size: 74%;
}

section.navigation#navSupplyChain div.bouton div a.nav3{
    background-position: 50% 8px;
    background-size: 80%;
}

section.navigation#navSupplyChain div.bouton div a.nav4{
    background-position: 50% 32%;
    background-size: 80%;
}













/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* PARAGRAPHE : POLICES    */
/*-------------------------*/

p, ul{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    margin: 0;
}

section.infoLegales a{
	text-decoration: underline;
}


@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    p, ul, a{
        font-size: 12px;
        line-height: 14px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    p, ul, a{
        font-size: 10px;
        line-height: 12px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    p, ul, a{
        font-size: 10px;
    }
}









/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* PARAGRAPHE            */
/*-----------------------*/

section.paragraphe div.texte{
    width: calc(100% - 100px);
    max-width: 1240px;
    padding: 30px 0;

    margin: auto;
}

section.paragraphe div.image{
    padding: 0;
}

section.paragraphe.gris{
    background: #e2e3e4;
}

section.paragraphe.image{
    height: 140px;
}

section.paragraphe.vert{
    background: #859e75;
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.paragraphe div.texte{
        width: calc(100% - 40px);
    }

    section.paragraphe div.texte, section.paragraphe div.image div.colonneGauche, section.paragraphe div.image div.colonneDroite, section.paragraphe h2{
        padding: 20px 0;
    }

    section.paragraphe div.image{
        padding: 0;
    }

    section.paragraphe.image{
        height: 110px;
    }
}










/*--------------------------------------------------------------------------*/
/*-------------------*/
/* TEXTE             */
/*-------------------*/

section.paragraphe div.texte p{
    margin: auto;
    text-align: justify;

}

section.paragraphe div.texte p.mentions{
    padding: 10px 0;
    text-align: left;
    font-size: 10px;
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.paragraphe div.texte p.mentions{
        font-size: 8px;
    }
}












/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* COLONNE GAUCHE            */
/*---------------------------*/

section.paragraphe div.image div.colonneGauche{
    float:left;
    width: calc(60% - 20px);
    padding: 30px 0;
}

section.paragraphe div.image div.colonneGauche ul{
    margin-top: 5px;
    margin-bottom: 5px;

    text-align:justify;

}

section.paragraphe div.image div.colonneGauche.petit{
    width: calc(80% - 10px);
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    section.paragraphe.reductible div.image div.colonneGauche{
        float:left;
        width: calc(80% - 10px);
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.paragraphe div.image div.colonneGauche, section.paragraphe.reductible div.image div.colonneGauche{
        float: left;
        width: 100%;
        padding: 20px 0;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){


    section.paragraphe div.colonneGauche div.bas{
        height: 70px;
    }
}








/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* COLONNE DROITE            */
/*---------------------------*/

section.paragraphe div.image div.colonneDroite{
    float: left;
    width: calc(40%);
    padding: 30px 0;
}

section.paragraphe div.image div.colonneDroite.petit{
    width: calc(20% - 10px);
    padding: 30px 0;
}

section.paragraphe div.made-in-france{
    width: 90px;
    height: 90px;
    margin: auto;
    margin-top: auto;
    background-image: url('img_public/logos.png');
    background-size: 601px 90px;
    background-position: -100px;
    margin-left: 65px;
    float: right;
}

section.paragraphe div.image div.colonneDroite div.logos#l2{
    display: none;
    margin-top: 20px;
}


section.paragraphe div.image div.colonneDroite.petit div.logos{
    float: left;
    width: 101px;
    height: 100px;
    /*background-size: 683px 88px;*/
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-left: 25%;
}


section.paragraphe div.image div.colonneDroite.petit div.logos#emballage{
    background-position: -246px 0;
    margin-top: -15px;
    height: 111px;
    width: 105px;
}

section.paragraphe div.image div.colonneDroite.petit div.logos#supports{
    background-position: -122px 0;
    height: 112px;
    width: 107px;
}

section.paragraphe div.image div.colonneDroite div.logos {
    /*width: 382px;
    height: 90px;
    background-image: url(img_public/logos.png);
    background-size: 601px 90px;
    margin: 30px auto auto 65px;*/

        width: 461px;
    /* border: solid gray 1px; */
    height: 127px;
    background-image: url(img_public/logos.png);
    background-size: 721px 112px;
    margin: 13px auto 0 38px;
    background-repeat: no-repeat;
}

/*section.paragraphe div.image div.colonneDroite div.logos{
    /*background-image: url(img_public/logos.png);
    background-size: 478px 70px;
    background-position: -116px 0;*/
}*/

@media screen and (max-device-width: 1160px), screen and (max-width: 1160px){
	section.paragraphe div.image div.colonneDroite div.logos{
		margin-left: 20px;
	}
}

@media screen and (max-device-width: 1070px), screen and (max-width: 1070px){
	section.paragraphe div.image div.colonneDroite div.logos{
	    width: 320px;
	    height: 70px;
	    margin: auto;
	    margin-top: 30px;
	    background-image: url('img_public/logos.png');
	    background-size: 478px 70px;
	    margin-left: 60px;
	}
	section.paragraphe div.image div.colonneDroite.petit div.logos#emballage {
	    background-position: -153px 0;
	    margin-top: -15px;
	    height: 69px;
	    width: 92px;
	}
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    section.paragraphe.reductible div.image div.colonneDroite{
        float: right;
        width: calc(20% - 5px);
    }

    section.paragraphe.reductible div.image div.colonneDroite div.logos{
        width: 115px;
        height: 50px;
        background-image: url('img_public/logos.png');
        background-size: 342px 50px;
        margin-top: 10px;
        margin-left: 20px;
    }

    section.paragraphe.reductible div.image div.colonneDroite div.logos#l2{
        display: block;
        background-position: -118px 0;
    }
}


@media screen and (max-device-width: 1070px), screen and (max-width: 1070px){

    section.paragraphe div.image div.colonneDroite.petit div.logos#supports{
	    background-position: -81px 0;
	    width: 71px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.paragraphe.reductible div.image div.colonneDroite div.logos#l2{
        display: none;
    }

    section.paragraphe div.image div.colonneDroite, section.paragraphe.reductible div.image div.colonneDroite{
        width: 100%;
        padding-top: 0;
    }

    section.paragraphe div.image div.colonneDroite div.logos, section.paragraphe.reductible div.image div.colonneDroite div.logos{
        width: 304px;
        height: 70px;
        background-image: url('img_public/logos.png');
        background-size: 478px 70px;
        margin: auto;
    }

    section.paragraphe div.image div.colonneDroite.petit div.logos{
        height: 70px;
        width: 71px;
        margin-top: 15px;
        background-size: 478px 70px;
    }

    section.paragraphe div.image div.colonneDroite.petit div.logos#emballage{
        background-position : -163px 0;
        margin-top: 0;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.paragraphe div.image div.colonneDroite.petit div.logos{
        height: 50px;
        width: 51px;
        background-size: 342px 50px;
    }

    section.paragraphe div.image div.petit.colonneDroite div#emballage.logos {
	    background-position: -111px 0;
	    width: 64px;
	}

    section.paragraphe div.image div.petit.colonneDroite div#supports.logos{
        background-position: -58px 0;
    }

    section.paragraphe div.image div.colonneDroite div.logos, section.paragraphe.reductible div.image div.colonneDroite div.logos{
        width: 153px;
        height: 35px;
        background-size: 239px 35px;
    }

    section.paragraphe div.image div.colonneDroite.petit div.logos#supports {
    	width: 54px;
    }
}















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*----------------------*/
/* PLAN DU SITE         */
/*----------------------*/


div#plan_site_calque{
	width: 100%;
}

ul.elements_menu{
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: auto;

	padding: 30px 0;
}

ul.elements_menu li{
	list-style: none;
	padding: 10px 0;
}

ul.elements_menu li a{
	text-transform: uppercase;
	font-weight: 700;
}

ul.elements_menu li ul li{
	padding: 0;
}

ul.elements_menu li ul li a{
	font-weight: 400;
	text-transform: none;
}

















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*----------------------------*/
/* PRESTATIONS ROSACE         */
/*----------------------------*/

section#imagePrestations div.contenant{
	width: 850px;
	height: 519px;
	margin: auto;

	background-image: url('img_public/graphePrestations.jpg');
	background-repeat: no-repeat;
	background-size: 641px 519px;
	background-position: 50% 10px;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	section#imagePrestations div.contenant{
		width: 595px;
		height: 363px;
		background-size: 449px 363px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section#imagePrestations div.contenant{
		width: 416px;
		height: 293px;
		background-size: 360px 293px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	section#imagePrestations div.contenant{
		width: 291px;
		height: 205px;
		background-size: 252px 205px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section#imagePrestations div.contenant{
		width: 250px;
		height: 176px;
		background-size: 216px 176px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section#imagePrestations div.contenant{
		width: 175px;
		height: 123px;
		background-size: 151px 123px;
	}
}














/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* LEGENDES              */
/*-----------------------*/

a.legButton{
	display: block;
	position: absolute;
	width: 150px;
	text-transform: uppercase;
	color: #232323;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

a#l1{
	margin-top: 310px;
	margin-left: 25px;
}
a#l2{
	margin-top: 182px;
	margin-left: 33px;
}
a#l3{
	margin-top: 72px;
	margin-left: 147px;
}
a#l4{
	margin-top: 0px;
	margin-left: 350px;
}
a#l5{
	margin-top: 72px;
	margin-left: 615px;
}
a#l6{
	margin-top: 182px;
	margin-left: 710px;
}
a#l7{
	margin-top: 310px;
	margin-left: 745px;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){

	a#l1{
		margin-top: 220px;
		margin-left: -4px;
	}
	a#l2{
		margin-top: 133px;
		margin-left: -7px;
	}
	a#l3{
		margin-top: 62px;
		margin-left: 75px;
	}
	a#l4{
		margin-top: 0px;
		margin-left: 230px;
	}
	a#l5{
		margin-top: 62px;
		margin-left: 430px;
	}
	a#l6{
		margin-top: 133px;
		margin-left: 495px;
	}
	a#l7{
		margin-top: 220px;
		margin-left: 520px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	a.legButton{
		font-size: 12px;
		width: 100px;
	}

	a#l1{
		margin-top: 180px;
		margin-left: -40px;
	}
	a#l2{
		margin-top: 108px;
		margin-left: -42px;
	}
	a#l3{
		margin-top: 51px;
		margin-left: 23px;
	}
	a#l4{
		margin-top: 0px;
		margin-left: 148px;
	}
	a#l5{
		margin-top: 51px;
		margin-left: 317px;
	}
	a#l6{
		margin-top: 108px;
		margin-left: 370px;
	}
	a#l7{
		margin-top: 180px;
		margin-left: 390px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){

	a.legButton{
		font-size: 11px;
	}

	a#l1{
		margin-top: 124px;
		margin-left: -45px;
	}
	a#l2{
		margin-top: 75px;
		margin-left: -52px;
	}
	a#l3{
		margin-top: 20px;
		margin-left: 3px;
	}
	a#l4{
		margin-top: 0px;
		margin-left: 87px;
	}
	a#l5{
		margin-top: 20px;
		margin-left: 222px;
	}
	a#l6{
		margin-top: 75px;
		margin-left: 260px;
	}
	a#l7{
		margin-top: 124px;
		margin-left: 273px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	a.legButton{
		font-size: 8px;
		width: 70px;
	}

	a#l1{
		margin-top: 112px;
		margin-left: -30px;
	}
	a#l2{
		margin-top: 69px;
		margin-left: -37px;
	}
	a#l3{
		margin-top: 21px;
		margin-left: 12px;
	}
	a#l4{
		margin-top: 0px;
		margin-left: 84px;
	}
	a#l5{
		margin-top: 21px;
		margin-left: 192px;
	}
	a#l6{
		margin-top: 64px;
		margin-left: 228px;
	}
	a#l7{
		margin-top: 112px;
		margin-left: 237px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){

	a.legButton{
		font-size: 7px;
		line-height: 10px;
		width: 60px;
	}

	a#l1{
		margin-top: 80px;
		margin-left: -31px;
	}
	a#l2{
		margin-top: 47px;
		margin-left: -37px;
	}
	a#l3{
		margin-top: 16px;
		margin-left: 1px;
	}
	a#l4{
		margin-top: 0px;
		margin-left: 53px;
	}
	a#l5{
		margin-top: 16px;
		margin-left: 134px;
	}
	a#l6{
		margin-top: 47px;
		margin-left: 158px;
	}
	a#l7{
		margin-top: 80px;
		margin-left: 166px;
	}
}














/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* BOUTONS               */
/*-----------------------*/

a.navButton{
	display: block;
	position: absolute;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	opacity: 0.2;
}

a.navButton:hover{
	opacity: 0;
}

a#b1{
	margin-top: 296px;
	margin-left: 126px;
	background-color: #0299d4;
}
a#b2{
	margin-top: 165px;
	margin-left: 161px;
	background-color: #17c4d1;
}
a#b3{
	margin-top: 71px;
	margin-left: 257px;
	background-color: #cfe029;
}
a#b4{
	margin-top: 35px;
	margin-left: 387px;
	background-color: #ffdc57;
}
a#b5{
	margin-top: 71px;
	margin-left: 517px;
	background-color: #ffb204;
}
a#b6{
	margin-top: 165px;
	margin-left: 612px;
	background-color: #ff669a;
}
a#b7{
	margin-top: 296px;
	margin-left: 649px;
	background-color: #d793c8;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	a.navButton{
		width: 52px;
		height: 52px;
	}

	a#b1{
		margin-top: 210px;
		margin-left: 88px;
	}
	a#b2{
		margin-top: 119px;
		margin-left: 113px;
	}
	a#b3{
		margin-top: 52px;
		margin-left: 180px;
	}
	a#b4{
		margin-top: 28px;
		margin-left: 271px;
	}
	a#b5{
		margin-top: 52px;
		margin-left: 362px;
	}
	a#b6{
		margin-top: 119px;
		margin-left: 429px;
	}
	a#b7{
		margin-top: 210px;
		margin-left: 454px;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	a.navButton{
		width: 42px;
		height: 42px;
	}

	a#b1{
		margin-top: 171px;
		margin-left: 40px;
	}
	a#b2{
		margin-top: 98px;
		margin-left: 60px;
	}
	a#b3{
		margin-top: 44px;
		margin-left: 113px;
	}
	a#b4{
		margin-top: 24px;
		margin-left: 187px;
	}
	a#b5{
		margin-top: 44px;
		margin-left: 260px;
	}
	a#b6{
		margin-top: 98px;
		margin-left: 313px;
	}
	a#b7{
		margin-top: 171px;
		margin-left: 333px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){

	a.navButton{
		width: 30px;
		height: 30px;
	}

	a#b1{
		margin-top: 123px;
		margin-left: 28px;
	}
	a#b2{
		margin-top: 71px;
		margin-left: 42px;
	}
	a#b3{
		margin-top: 33px;
		margin-left: 79px;
	}
	a#b4{
		margin-top: 19px;
		margin-left: 131px;
	}
	a#b5{
		margin-top: 33px;
		margin-left: 182px;
	}
	a#b6{
		margin-top: 71px;
		margin-left: 220px;
	}
	a#b7{
		margin-top: 123px;
		margin-left: 233px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	a.navButton{
		width: 26px;
		height: 26px;
	}

	a#b1{
		margin-top: 106px;
		margin-left: 24px;
	}
	a#b2{
		margin-top: 63px;
		margin-left: 36px;
	}
	a#b3{
		margin-top: 30px;
		margin-left: 67px;
	}
	a#b4{
		margin-top: 18px;
		margin-left: 112px;
	}
	a#b5{
		margin-top: 30px;
		margin-left: 155px;
	}
	a#b6{
		margin-top: 63px;
		margin-left: 188px;
	}
	a#b7{
		margin-top: 106px;
		margin-left: 200px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){

	a.navButton{
		width: 19px;
		height: 19px;
	}

	a#b1{
		margin-top: 77px;
		margin-left: 17px;
	}
	a#b2{
		margin-top: 46px;
		margin-left: 24px;
	}
	a#b3{
		margin-top: 23px;
		margin-left: 47px;
	}
	a#b4{
		margin-top: 15px;
		margin-left: 78px;
	}
	a#b5{
		margin-top: 23px;
		margin-left: 108px;
	}
	a#b6{
		margin-top: 46px;
		margin-left: 131px;
	}
	a#b7{
		margin-top: 77px;
		margin-left: 139px;
	}
}

















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------------*/
/* PRESTATIONS SCROLLABLE        */
/*-------------------------------*/

section.conteneur{
	width: 100%;

	overflow: hidden;
    white-space: nowrap;
}

section.scrollable{
	width: 100%;
	display: inline-block;
	padding-top: 0px;
  vertical-align:top;
}





/*--------------------------------------------------------------------------*/
/*-------------------*/
/* TITRES            */
/*-------------------*/

section.scrollable div.titreSection{
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: auto;
}

section#s1 div.titreSection{
	border-top: 10px solid #0299d4;
}
section#s2 div.titreSection{
	border-top: 10px solid #17c4d1;
}
section#s3 div.titreSection{
	border-top: 10px solid #cfe029;
}
section#s4 div.titreSection{
	border-top: 10px solid #ffdc57;
}
section#s5 div.titreSection{
	border-top: 10px solid #ffb204;
}
section#s6 div.titreSection{
	border-top: 10px solid #ff669a;
}
section#s7 div.titreSection{
	border-top: 10px solid #d793c8;
}

section.scrollable div.conteneur{
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: auto;
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	section.scrollable div.titreSection{
		width: calc(100% - 40px);
	}

	section.scrollable div.conteneur{
		width: calc(100% - 40px);
	}
}









/*--------------------------------------------------------------------------*/
/*-------------------*/
/* ICONES            */
/*-------------------*/

section.scrollable div.icone{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	border-width: 5px;
	border-style: solid;

	background-repeat: no-repeat;
	background-size: 50px;
	background-position: 50%;
}

section.scrollable#s1 div.icone{
	background-image: url('img_public/etudes.jpg');
	border-color: #0299d4;
}
section.scrollable#s2 div.icone{
	background-image: url('img_public/prototypage.jpg');
	border-color: #17c4d1;
}
section.scrollable#s3 div.icone{
	background-image: url('img_public/decoupe.jpg');
	border-color: #cfe029;
}
section.scrollable#s4 div.icone{
	background-image: url('img_public/personnalisation.jpg');
	border-color: #ffdc57;
}
section.scrollable#s5 div.icone{
	background-image: url('img_public/preparation.jpg');
	border-color: #ffb204;
}
section.scrollable#s6 div.icone{
	background-image: url('img_public/prestations.jpg');
	border-color: #ff669a;
}
section.scrollable#s7 div.icone{
	background-image: url('img_public/stockage.jpg');
	border-color: #d793c8;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section.scrollable div.icone{
		width: 50px;
		height: 50px;
		border-width: 4px;
		background-size: 40px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	section.scrollable div.icone{
		width: 40px;
		height: 40px;
		border-width: 2px;
		background-size: 30px;
	}
}












/*--------------------------------------------------------------------------*/
/*-------------------*/
/* CONTENU           */
/*-------------------*/

section.scrollable div.texte{
	clear: both;
	float: left;
	text-align: justify;
	width: calc(60% - 20px);
	white-space: normal;
}

section.scrollable div.image{
	float: right;
	width: 40%;
	white-space: normal;
}

section.scrollable img{
	width: 90%;
	margin-top: -60px;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){
	section.scrollable img{
		margin-top: 0;
	}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){

	section.scrollable div.texte{
		width: 100%;
	}

	section.scrollable div.image{
		clear: both;
		width: 70%;
		min-width: 250px;
		padding: 20px 0;
		float: none;
		margin: auto;
		text-align: center;
	}
}









/*--------------------------------------------------------------------------*/
/*-------------------*/
/* BOUTONS           */
/*-------------------*/

div.navSections{
	padding: 30px 0;
	clear: both;
	display: table;
	width: 100%;
	max-width: 1240px;

	margin: auto;
}

div.navBouton{
	display: table-cell;
}

div.navBouton a{
	display: block;
	width: 170px;
	padding-top: 50px;
    transition-property: opacity;
    transition-duration: 0.5s;
    background-color: #ffffff;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 44px;
    cursor: pointer;
    margin: auto;

    text-align: center;
    color: #232323;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;

    white-space: normal;
}

div.navBouton a:hover{
    opacity: 1;
}

div.navBouton a.previous{
	background-image: url(img_public/previous.jpg);
}

div.navBouton a.next{
	background-image: url(img_public/next.jpg);
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){

	div.navBouton a{
		font-size: 12px;
	}
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px){

	div.navBouton a{
		font-size: 10px;
		width: 100px;
		background-size: 35px;
		padding-top: 40px;
	}
}














/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*---------------------------*/
/* RECHERCHE                 */
/*---------------------------*/

div#zone_texte_recherche{
	width: 100%;
	padding: 30px 0;
}


div#zone_texte_recherche form{
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: auto;
}

div#zone_texte_recherche input.recherche{
	width: 300px;
	height: 22px;
	margin: 30px 20px 80px 20px;
}

div#zone_texte_recherche a#bouton_ok_recherche{
	display: inline-block;
	color: #ffffff;
	background-color: #818285;
	border: none;
	border-radius: 2px;
	box-shadow: 1px 1px 3px #232323;
	cursor: pointer;
	padding: 5px 20px;

}

div#zone_texte_recherche ul{
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
}


div#zone_texte_recherche li{
	list-style: none;
	color: #232323;
	border: 1px solid #818285;
	padding: 20px;
	margin: 20px;
	border-radius: 2px;
}

div#zone_texte_recherche li a{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #818285;
}












/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* SECTIONS                */
/*-------------------------*/

section{
	width: 100%;
	padding: 20px 0;
	clear: both;
}

section#accompagnement, section#charges, section.icones, section.formulaire{
	background: #e2e3e4;
	overflow: auto;
}

section.titre, section.paragraphe, section.delimiteur, section#charges, section#partenaires, section.icones, section.imageSolo{
	padding: 0;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section{
		padding: 10px 0 10px 0;
	}
}

/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* ACCUEIL                 */
/*-------------------------*/

section#chiffres{
	padding-bottom: 50px;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section#chiffres{
		display: none;
	}
}

/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* EMBALLAGE               */
/*-------------------------*/

section.imageSolo{
	text-align: right;
}

/*--------------------------------------------------------------------------*/
/*-------------------------*/
/* SUPPORTS                */
/*-------------------------*/

section#plan.supports{
	display: none;
	height: auto;
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	section#plan.supports{
		display: block;
	}
}








/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*--------------------------*/
/* SUPPORTS PLAN 3D         */
/*--------------------------*/

#plan3D {
	width: 60%;
	/* height: calc(0.4 * 100vw);*/
	display: inline-block;
	vertical-align: top;
}

.les-textes {
	display: inline-block;
	vertical-align: top;
	width: 39%;
	margin-top: 30px;
}
.les-textes .paragraphe:first-of-type {
	padding-bottom: 5%;
    margin-bottom: 5%;
    border-bottom: solid #e2e3e4 1px;
}
#plan3D div.contenant{
    margin: auto;
    height: auto;
    position: relative;
}
#plan3D div.contenant img {
	width: 100%;
}
#plan3D div.contenant .zoning {
	display: inline-block;
	position: absolute;
	height: 50px;
	width: 50px;
}
#plan3D div.contenant .zoning > a {
	display: none;
}
#plan3D div.contenant .zoning > a.visible {
    display: inline-block;
    background-color: rgba(133, 158, 117, 0.9);
    color: #ffffff;
    border: solid gray 1px;
    width: 200px;
    line-height: 17px;
    padding: 10px;
    margin-top: -20px;
    margin-left: -80px;
}
#plan3D div.contenant .zoning.zoning-1 {
    top: 11%;
    right: 20%;
}
#plan3D div.contenant .zoning.zoning-2 {
    top: 31%;
    right: 66%;
}
#plan3D div.contenant .zoning.zoning-3 {
    top: 49%;
    right: 46%;
}
#plan3D div.contenant .zoning.zoning-4 {
    top: 79%;
    right: 15%;
}

.wrapper-plan3D {
	/* width: calc(100% - 100px); */
	width: 90%;
	margin: auto;
    max-width: 1350px;
}


@media screen and (max-device-width: 700px), screen and (max-width: 700px){
	.les-textes, #plan3D {
		width: 100%;
	}
	a.lien_basedoc.lien-specifique {
    font-size: 12px!important;
	}

}
@media screen and (max-device-width: 414px), screen and (max-width: 414px){
	#plan3D div.contenant .zoning {
		display: none;
	}
	.plan3d-avec-points {
		display: none !important;
	}

	.plan3d-sans-points {
		display: inline-block !important;
	}

	div.menu a:not(.no_style) {
		font-size: 12px!important;
	}
}









/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/


/*--------------------*/
/* TITRE H1           */
/*--------------------*/


section.titre{
	height: 160px;

	margin-top:75px;

	background: #859e75;
	box-shadow: 0 1px 3px #232323;
}

section.titre.petit{
	height: 170px;
}

section.titre.interne{
	height: 110px;
}



section.titre div.titre{
	width: calc(100% - 100px);
	max-width: 1240px;
	height: 150px;

	margin: auto;
}
@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.titre{
        height: 200px;
    }

    section.titre.interne{
        height: 150px;
    }
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.titre{
        height: 116px ;
    }

    section.titre.petit{
        height: 130px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.titre div.titre{
        width:calc(100% - 40px);
    }

    section.titre{
        height: 93px;
    }

    section.titre.petit{
        height: 90px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.titre, section.titre.interne{
        height: 100px;
    }

    section.titre.petit{
        height: 70px;
    }
}








/*--------------------------------------------------------------------------*/
/*------------------*/
/* ICONE            */
/*------------------*/
section.titre div.boule div.rondHaut{
	float:left;
    position:relative;
    z-index:100;
    width: 6px;
    height: 6px;

    margin-left:34px;
    margin-top:40px;

    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius:7px;
}

section.titre div.icone img{
	float:left;
    position:relative;
    z-index:100;
    width: 70px;
    margin-top:20px;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.titre div.boule div.rondHaut{
        margin-top: 30px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.titre div.boule div.rondHaut{
        margin-top: 20px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.titre div.icone img{
        width: 50px;
        margin-top: 25px;
    }
}









/*--------------------------------------------------------------------------*/
/*------------------*/
/* H1               */
/*------------------*/

h1{
	font-family: Helvetica, Arial, sans-serif;
    font-size:28px;
    color:#ffffff;
    text-transform: uppercase;
}


section.titre h1{
	position:relative;
	float:left;
	width: 80%;
	margin-bottom: -2px;
	padding-left:50px;
	border-left: 2px solid #ffffff;
}


section.titre div.boule h1{
	margin-top:40px;
    margin-left:-5px;
    padding-top:0px;
    padding-bottom:20px;
}

section.titre div.icone h1{
	margin-top:40px;
    margin-left:-36px;
    padding-top:0px;
    padding-bottom: 20px;
}


section.titre.grand div.icone h1{
	width: 90%;
	font-size: 28px;
}

@media screen and (max-width: 1165px), screen and (max-width: 1165px){
    section.titre.grand div.icone h1{
        padding-bottom: 0;
        width: 80%;
    }
}


@media screen and (max-width: 1070px), screen and (max-width: 1070px){
    section.titre h1{
        font-size: 28px;
    }
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    section.titre h1, section.titre.grand div.icone h1{
        font-size: 26px;
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.titre div.icone h1, section.titre.grand div.icone h1{
        padding-bottom: 0px;
    }
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.titre div.boule h1{
        font-size: 20px;
        margin-top: 31px;
    }

    section.titre div.icone h1, section.titre.grand div.icone h1{
        font-size: 20px;
        width: 70%;
        padding-top: 10px;
    }

    section.titre h1 {
    	width: 75%;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.titre div.boule h1{
        font-size: 16px;
        margin-top: 21px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.titre div.titre h1, section.titre.grand div.icone h1{
        border: none;
        font-size: 14px;
    }

    section.titre div.boule h1{
        width: 100%;
        padding: 0;
    }

    section.titre div.icone h1{
        margin-top: 35px;
        padding-top: 7px;
    }

    section.titre.grand div.icone h1{
        margin-top: 35px;
        width: 175px;
        padding-top: 7px;
    }

}

@media screen and (max-device-width: 300px), screen and (max-width: 300px){
    section.titre div.icone h1{
        font-size: 12px;
        width: 150px;
    }
}









/*--------------------------------------------------------------------------*/
/*-----------------------*/
/* DECORATION            */
/*-----------------------*/

section.titre div.barre{
	clear: both;
	float:left;

    width: 600px;
    height: 4px;

    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #859e75;
    border-radius: 0 0 2px 0;

    margin-right: -3px;
}


section.titre div.boule div.barre{
    margin-left: 37px;
}
section.titre div.icone div.barre{
    margin-left:34px;
}

section.titre.grand div.icone div.barre{
	margin-top: -3px;
}

section.titre.grand div.icone div.rond{
	margin-top: -2px;
}



section.titre div.rond{
	position:relative;
    float:left;

    width: 6px;
    height: 6px;

    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius:7px;
    margin-top: 1px;
}


@media screen and (max-width: 1165px), screen and (max-width: 1165px){
    section.titre.grand div.icone div.barre{
        margin-top: -10px;
    }

    section.titre.grand div.icone div.rond{
        margin-top: 7px;
    }
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
    section.titre div.rond{
        margin-top: 12px;
    }

    section.titre div.barre{
        margin-top: -5px;
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    section.titre div.barre{
        width: 300px;
    }
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.titre div.barre{
        width: 250px;
    }

    section.titre div.barre, section.titre.grand div.icone div.barre{
        margin-top: -7px;
    }

    section.titre div.rond, section.titre.grand div.icone div.rond{
        margin-top: 10px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.titre div.barre, section.titre.grand div.icone div.barre{
        width: 200px;
    }
}

@media screen and (max-device-width: 416px), screen and (max-width: 416px){
    section.titre div.titre div, section.titre.grand div.icone div{
        display: none;
    }
    section.titre h1 {
    	border: none;
    }
}













/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* TITRE H2                */
/*-------------------------*/


h2{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #232323;

    width: calc(100% - 100px);
    max-width: 1240px;
    margin: auto;

    clear: both;
}

@media screen and (max-device-width: 960px), screen and (max-width: 960px){
    h2{
        font-size: 22px;
    }
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    h2, section#charges div.colonne h2{
        font-size: 18px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    h2{
        width: calc(100% - 40px);
        font-size: 12px;
    }

    section#charges div.colonne h2{
        font-size: 12px;
    }
}

/*--------------------------------------------------------------------------*/
/*--------------------------------*/
/* H2 ACCUEIL / FOOTER            */
/*--------------------------------*/

section#poles h2, section.marches h2, section#imagesOptimiser h2, section#imagesCarrosserie h2{
    padding-bottom: 20px;
}

section#accompagnement h2.last{
    margin-top: 40px;
}

section#chiffres div.bloc#haut h2{
    position: relative;
    z-index: 10;
    float:left;
    text-transform: none;
    margin: 0;
    background-color: #ffffff;
    margin-left: -2px;
    padding-right: 10px;
    width: auto;
}

section#chiffres div.bloc#bas h2{
    text-align: right;
    text-transform: none;
    margin: 0;
    width: auto;
}

div#bandeau h2{
    width: 100%;

    color: #ffffff;

    font-size: 20px;
    line-height: 33px;
    letter-spacing: 1px;
    font-weight: 400;
}

@media screen and (max-device-width: 970px), screen and (max-width: 970px){
    div#bandeau h2{
        font-size: 16px;
    }
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
    div#bandeau h2{
        font-size: 13px;
    }
}

@media screen and (max-device-width: 670px), screen and (max-width: 670px){
    div#bandeau h2{
        font-size: 9px;
        line-height: 13px;
        padding-top: 3px;
    	padding-bottom: 3px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    div#bandeau h2{
        display: block;
    }

    footer div#contenant2 {
    	height: auto;
    }

    footer div#contenant1 {
    	display: block;
    }

    div#onglet img {
    	width: 130px;
    }

    div#onglet p {
    	padding-top: 0 !important;
   		padding-left: 150px;
   		font-size: 9px !important;
   		line-height: 15px;
    }
    div#onglet p:first-of-type {
    	padding-top: 10px !important;
    }

    #onglet {
		font-size: 9px !important;
	}

    section#poles h2{
    	// padding-bottom: 0px;
    }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section#accompagnement h2.last{
        margin-top: 20px;
    }
}

/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* H2 EMBALLAGE              */
/*---------------------------*/

section#plan h2{
    text-transform: none;
}

section#charges div.colonne h2{
    text-align: left;
    margin: 0;
    width: auto;
    font-size: 20px;
    color: #859e75;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section#charges div.colonne h2{
        font-size: 18px;
    }
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section#charges div.colonne h2{
        font-size: 12px;
    }
}

/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* H2 CARROSSERIE            */
/*---------------------------*/

section.carrosserie h2{
    color: #ffffff;
    font-weight: normal;
    background: #859e75;
    border-radius: 2px;
    padding: 20px;
}

section.produit h2{
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------------------*/
/*---------------------------*/
/* H2 PRESTATIONS            */
/*---------------------------*/

section.scrollable h2{
    text-align: left;
    float: left;
    padding: 40px 0;
    width: auto;
    clear: none;
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px){
	section.scrollable h2{
		padding: 30px 0;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.scrollable h2{
        padding: 28px 0;
    }
}


/*--------------------------------------------------------------------------*/
/*------------------------------*/
/* H2 INFORMATIONS LEGALES      */
/*------------------------------*/

section.infoLegales h2{
	padding-top: 30px;
	padding-bottom: 0;
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    section.infoLegales h2{
        padding-top: 20px;
    }
}
















/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/*-------------------------*/
/* TITRE H3                */
/*-------------------------*/



h3{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}


section.images h3{
    margin: 0;
}


@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	h3{
		font-size: 12px;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.reductible div.legende h3{
            font-size: 14px;
            padding-top: 15px;
        }

    section.navigation h3{
        font-size: 10px;
    }
}

/*--------------------------------------------------------------------------*/
/*-----------------------------*/
/* H3 ACCUEIL                  */
/*-----------------------------*/

section#accompagnement div.graphe h3{
	display: table-cell;
	border-collapse: separate;

	color: #232323;
	text-align: center;
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
	section#accompagnement div.graphe h3{
		font-size: 8px;
	}
}


/*--------------------------------------------------------------------------*/
/*----------------------------------------*/
/* H3 EMBALLAGE / CERTIFICATIONS          */
/*----------------------------------------*/

.menu h3{
	color: #232323;
	margin-bottom: 0;
	padding-top: 10px;
	text-transform: uppercase;
    font-size: 18px;
    -webkit-margin-after: 0;
    -moz-margin-after: 0;

}
.gauche h3{
    margin-left: 87px;
    text-align: left;
}

.droite h3{
    margin-right: 87px;
    text-align: right;
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	.menu h3{
		font-size: 14px;
	}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px){
	.menu h3{
		font-size: 11px;
	}
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px){
    section.navigation h3{
        font-size: 8px;
    }
}




/*--------------------------------------------------------------------------*/
/*------------------------------*/
/* H3 INFORMATIONS LEGALES      */
/*------------------------------*/

section.infoLegales h3{
	color: #859e75;
	text-align: left;
	text-transform: uppercase;
}

@media screen and (max-width: 1070px), screen and (max-width: 1070px){
	section.infoLegales h3{
		font-size: 12px;
	}

}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
    section.infoLegales h3{
        font-size: 10px;
    }
}


.ui-datepicker {
    background-color:#fff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    box-shadow:0 0 2px rgba(0,0,0,0.5);


    font-size: 12px
}

.ui-datepicker-header {
    background-color:#007ec7;
    color:#fff;
}

.ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-next {
    cursor:pointer;
    background-image:url(/commun/modeles/commun/structure/img/sprite-pictos.png);
    background-size:100% auto;
    height:22px;
    width:22px;
}

.ui-datepicker-header a.ui-datepicker-prev.ui-state-hover {
    left:2px;
    top:2px;
}
.ui-datepicker-header a.ui-datepicker-next.ui-state-hover {
    right:2px;
    top:2px;
}

.ui-datepicker-header a.ui-datepicker-prev {
    background-position:center -197px;
}

.ui-datepicker-header a.ui-datepicker-next {
    background-position:center -494px;
}

.ui-datepicker-calendar td a {
    background-color:#dddddd;
    color:#888888;
}

.ui-datepicker-calendar td a.ui-state-active {
    background-color:#007ec7;
    color:#fff;
}

.ui-dialog {
  top:5vh !important;
  position:fixed !important;
}

.ui-dialog-content {
  max-height:calc(90vh - 50px) !important;
  overflow-y:scroll;
}


.ligne-details-usinage {
	display: inline-block !important;
	width: 100%;
}
.ligne-details-usinage input {
	width: 200px !important;
}



.textarea-bloc-form {
	width: 95%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn_suppression_bloc {
	float: right;
}
.btn_ajout_bloc {
	float: left;
}

@media screen and (max-device-width: 849px), screen and (max-width: 849px){
	section.formulaire form[name="contact"] {
		margin-left: 10px;
		margin-right: 0;
	}
	.un-champ.court {
		width: 45%;
	}
	.un-champ.court:not(.gauche) {
		margin-left: 10px;
	}
	section.formulaire form[name="contact"] h2 {
			margin-right: 0;
	}
	section.formulaire form[name="contact"] .saut_ligne {
		padding: 0;
	}
	.un-bloc {
		width: 100%;
	}
    .une-grille, .une-grille .une-ligne, .une-grille .une-ligne .une-cellule {
    	display: inline-block;
    }
    .une-grille .une-ligne .une-cellule {
    	width: 100%;
    	height: auto;
    }
    .une-grille .une-ligne .une-cellule:not(.label) {
    	padding-bottom: 5px;
    }
    .une-grille .une-ligne .une-cellule.label {
    	width: 100%;
    	padding-bottom: 3px;
    }
    section.formulaire textarea {
    	width: 100%;
    	margin-bottom: 10px;
    }

    section.formulaire .btn-action {
    	float: none;
		margin: auto;
		display: block;
    }

    .separateur {
    	margin-left: 0;
	    margin-top: 5px;
    	margin-bottom: 15px;
    }

    section.formulaire form {
    	max-width: 90%;
    }
	.colonne-plancher {
		width: 100% !important;
	}
}


@media screen and (max-device-width: 414px), screen and (max-width: 414px){
	.titre-long {
		margin-top: 10px !important;
	}
	.une-ligne {
		min-height: 0;
	}



    section.titre.responsive-barre{
    	height: 95px !important;
    }

    footer {
    	margin-top: 60px;
    }


	section.carrosserie h2{
		 padding: 18px 0px;

	}

	section.titre{
		height: 75px !important;
	}
	div#supports-responsive {
		background-position: -61px 0;
		height: 50px;
		width: 56px;
	    background-size: 363px 50px;
	    background-image: url(img_public/logos.png);
	    display: block;
	    margin: auto;
	    margin-top: 10px;
        margin-bottom: 10px;
	}
	.bloc-logo-lateral-carroserie {
		display: none;
	}
	.texte-carrosserie {
		width: auto !important;
	}

	.responsive-title-h1{
		font-size: 20px !important;
	}

	section.titre {
		text-align: center;
		height: 75px;
		line-height:75px;
	}
	section.titre div.icone h1 {
		width: 70% !important;
	}
	section.titre img {
	}
	section.titre, .titre > h1, .titre img {
		display: inline-block;
		vertical-align: top;
		float: none !important;
	}
	div.titre > h1, .titre img {
		margin: 0 !important;
		padding: 0 !important;
		vertical-align:middle;
		line-height:1.2;
	}
	.contenu-central-transit {
		width: 95%;
	}
	.contenu-central-transit .texte-camion, .contenu-central-transit .imageSolo {
			display: block;
			width: 100%;
	}
	.contenu-central-transit > .imageSolo {
		float: none;
		text-align: center;
	}
	section.formulaire form[name="contact"] {
	    width: 90%;
	    margin: auto;
    }
	section.formulaire form[name="contact"] h2 {
		margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	}

	form[name="formulaire_recherche_central"] {
		width: 100% !important;
		display: inline-block !important;
	}
	form[name="formulaire_recherche_central"] input[type="text"] {
		border: solid gray 1px;
		width: 70% !important;
		margin: 0 !important;
		margin-left: 5% !important;
		margin-bottom: 20px !important;
	}
	div#zone_texte_recherche form {
		margin: 0;
	}
	.une-ligne {
		display: block;
	}
}

@media screen and (max-device-width: 650px), screen and (max-width: 650px){
	.conteneur-trait-gris {
		display: none;
	}

    section.navigation#navSupplyChain div.bouton div a.nav1 {
	    background-position: 50% -85px !important;
	}
}