*, html, body, div, ul, li, img, h1, h2, h3 , h4, h5, p {
		box-sizing: border-box;
		padding:0;
		margin:0;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		pointer-events: auto;
        cursor: default;
	}
	
	html, body {
		font-family: 'Source Sans 3' , sans-serif;	
		margin:auto;
		display:block;
		font-weight: 300;
		margin:0px;
		padding:0px;
		overflow-x : hidden;
	}
	html{
		width: 100% ;
		height: 100% ;
		background: url("../img/fond-ecran.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
  		-moz-background-size: cover ;
  		-o-background-size: cover;
 		 background-size: cover;
	}
	h1#accueil{
    font-size:150px;
    line-height:155px;
    text-indent:335px;
    background: url('../img/liseret.svg') no-repeat left center;
    margin-bottom:72px;

  }
  
  h1#accueil span.light{
    
    
    font-weight: 300;
  }
	html body .concentration{
		
		display: none;
		z-index:999999;
		position: fixed;
		background-color: rgba(66,66,66,0.74);
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
	}
	html body #entete:hover + .concentration{
		
		display: block;
		z-index:999999;
	}
	html body #audio-config
	{
		width: 50px;
		height: 100px;
		position: fixed;
		z-index: 999999999999999999999;
		top: 50%;
		right: 0;
		text-align: center;
		display: block;
	}
	html body #audio-config #play{
		width: 50px;
		height: 50px;
		background-color: rgba(0,0,0,0.74);
		position:relative;
		top:0;
		right:0;
		z-index: 999999999999999999999;
		text-align: center;
		display: block;
		transition : all ease 0.5s;
		background: url("../img/audio/play_hover.png") no-repeat left center;
	}
	html body #audio-config #silence{
		width:50px;
		height: 50px;
		background-color: rgba(0,0,0,0.47);
		position:relative;
		top:0;
		right:0;
		z-index: 999999999999999999999;
		text-align: center;
		display: block;
		transition : all ease 0.5s;
		background: url("../img/audio/stop_hover.png");
		
	}
	html body #audio-config #play:hover
	{
		background: url("../img/audio/play.png") no-repeat left center;
	}
	html body #audio-config #silence.active,
	html body #audio-config #play.active
	{
		right:-50px;
		transition : all ease 0.5s;
	}
	html body #audio-config #silence.inactive,
	html body #audio-config #play.inactive
	{
		right: 0px;
		transition : all ease 0.5s;
	}
	
	html body #audio-config  #silence:hover
	{
		background: url("../img/audio/stop.png");
		transition : all ease 0.5s;
	}
	html body #Accueil{
		margin:auto;
		height:auto;
		min-height:1024px;
		margin: 0 auto;
    	width:auto;
    	max-width: 1140px;
    	min-width: 960px;
    	padding-top:250px;
		background-color: rgba(255,255,255,1);
		display:block;
	}
	html body #en-haut
	{
		width: 50px;
		height: 50px;
		background-color: rgba(0,0,0,0.74);
		color: rgba(254,218,0,1);
		position: fixed;
		line-height: 50px;
		font-size: 45px;
		font-weight: 300;
		bottom: -50px;right: 0;
		text-align: center;
		display: block;
		transition : all ease 0.5s;
	}
	

	html body #en-haut:hover
	{
		cursor: pointer;
		width: 50px;
		height: 65px;
		background-color: rgba(254,218,0,1);
    	background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
    	color:rgba(0,0,0,1);
    	cursor: pointer;
		position: fixed;
		line-height: 65px;
		font-size: 45px;
		font-weight: 700;
		bottom: 0;
		vertical-align: top;
		right: 0;
		text-align: center;
		display: block;
		transition : all ease 0.5s;
	}
	html body .display{
		width: 50px;
		height: 25px;
		background-color: rgba(0,0,0,0.74);
		color: rgba(254,218,0,1);
		position: fixed;
		line-height: 25px;
		font-size: 15px;
		font-weight: 300;
		vertical-align: top;
		right: 0;
		text-align: center;
		display: block;
		transition : all ease 0.5s;
		bottom: 0px !important;
	}
	html body .regular{
		font-weight:300;
	}
	html body .semi-bold{
		font-weight:500;
	}
	html body .bold{
		font-weight:700;
	}
	html body .bold-caracteristiques-g{
		font-weight:700;
		color:rgba(66,66,66,1);
	}
	html body #caracteristiques .bold-caracteristiques-g{
		font-weight:700;
		color:rgba(254,218,0,0.74);
	}
	html body #PH400-voie-variable .bold-caracteristiques-g{
		font-weight:700;
		color:rgba(33,33,33,0.74);
	}
	html body .black{
		font-weight:900;
	}
	html body .italic{
		font-style:italic;
		font-weight:200: ;
	}
	html body .grand-guillements{
		float: left;
	    font-family: 'BIZ UDGothic';
	    font-size: 150px;
	    height: 180px;
	    line-height: 25px;
	    margin-top: 70px;
	    color: rgba(0,0,0,0.25);
	}
	html body .section-1a p.right,
	html body .section-3a p.right{
		text-align:right;
		padding-bottom:250px;
	}
	html body .section-1a a,
	html body .section-3a a{
		cursor:pointer;
		text-decoration: none;
		padding:2px;
		color:rgba(0,0,0,0.94);
		background-color:rgba(254,218,0,1);
		transition: all 0.6s ease;
	}
	html body .section-1a a:hover,
	html body .section-3a a:hover{
		cursor:pointer;
		text-decoration: none;
		padding:2px;
		color:rgba(0,0,0,0.94);
		background-color:rgba(0,0,0,1);
		color:rgba(254,218,0,1);
	}
	html body .section-1a .black{
		color:rgba(0,0,0,0.94);
		font-weight: 900;
	}
	html body .underline-overline{
		text-decoration: underline overline rgba(254,218,0,1);
	}
	html body .underline{
		text-decoration: underline;
	}
	html body .section-1a h2.rubrique,
	html body .section-3a h2.rubrique{
		background-color:rgba(254,218,0,1);
		max-width:1040px;
		min-width: 860px;
		padding:15px;
		margin:50px 0px 0px 100px;
		text-transform:uppercase;
		font-size:17px;
	}
	html body .section-0 h1#a-la-une,
	html body .section-2 h1,
	html body .section-2-1 h1,
	html body h2.category,
	html body .section-2 h1#schemas-techniques,
	html body .section-2 h1#la-PH400-en-action,
	html body .section-2 h1#quelles-motorisations,
	html body .section-2-1 h1#motorisation-9-5Cv,
	html body .section-2-1 h1#motorisation-14Cv,
	html body h1#equipements,
	html body .section-2 h1#la-ph400,
	html body .section-1a h1#conditions-generales-de-vente,
	html body .section-3a h1#mentions-legales,
	html body .section-2 h1#PH400{
		background-color: rgba(254,217,40,1);
	    background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -moz-text-fill-color: transparent;
	    -webkit-text-fill-color: transparent;
	    text-fill-color: transparent;
	    background-clip: text;
	    background-size: 100%;
	    background-repeat: repeat;
	    display: block;
		text-transform:uppercase;
		font-weight:900;
		width:auto;
    	max-width: 960px;
    	min-width: 960px;
		font-size:65px;
		line-height:65px;
		text-align:center;
		display:block;
		margin:auto;
		border-bottom:1px solid rgba(66,66,66,0.74);
		margin-bottom: 60px;
	}
	
	html body .section-2 h2#une-mini-pelle{
	    background-color: rgba(254,217,40,1);
	    background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -moz-text-fill-color: transparent;
	    -webkit-text-fill-color: transparent;
	    text-fill-color: transparent;
	    background-clip: text;
	    background-size: 100%;
	    background-repeat: repeat;
		text-transform:uppercase;
		font-weight:900;
		width:auto;
    	max-width: 1140px;
    	min-width: 960px;
		font-size:65px;
		line-height:65px;
		border-bottom:1px solid rgba(66,66,66,0.74);
		display: block;
	    text-align: left;
	    padding-left: 125px;
	    margin-top: 35px;
	    margin-bottom: 60px;
	}
	html body .section-2 h2#quatre-configurations{
	    color: rgba(254,218,0,1);
		text-transform:uppercase;
		font-weight:900;
		width:auto;
    	max-width: 1140px;
    	min-width: 960px;
		font-size:65px;
		line-height:65px;
		border-bottom:1px solid rgba(66,66,66,0.74);
		display: block;
	    text-align: left;
	    padding-left: 125px;
	    margin-top: 35px;
	    margin-bottom: 60px;
	}
	html body .section-2 h2#PHOENIX-400{
	    text-indent: -9999999999999999999999999999999999999999999999999999999999999999px;
	    background: url("../img/ph400-en-action/titre-phoenix400.png") no-repeat center center;

	    color: rgba(254,218,0,1);
		text-transform:uppercase;
		margin: 0px;
		margin-top: 74px;
		font-weight:900;
		width:auto;
    	max-width: 1140px;
    	min-width: 960px;
		font-size:65px;
		height:65px;
		display: block;
	    text-align: center;
	    padding: 0px;
	    
	    /*background-image: linear-gradient(to top, rgba(66,66,66,1),rgba(206,206,206,1));
		background-size: 100%;
  		background-repeat: repeat;
        -webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;*/
	 }
	html body .section-2 h2#titre-en-action span.en{
		background-color:rgba(254,218,0,1);
		background-image: linear-gradient(to top, rgba(254,156,0 ,1),rgba(254,218,0,1));
		-webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
    	background-size: 100%;
  		background-repeat: repeat;
  		padding-left:10px;
  		
	}
	html body .section-2 h2#titre-en-action span.action{
		background-image: linear-gradient(to top, rgba(66,66,66,1),rgba(206,206,206,1));
		-webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
    	background-size: 100%;
  		background-repeat: repeat;
  	}
	html body .section-2 h2#titre-en-action span.fond-h2{
		background-image:url("../img/titre-en-action.png");
		width:345px;
		height:66px;
		float:left;
  	}
	html body .section-2 h2#quatre-configurations{
		 background-image: linear-gradient(45deg, rgba(102,102,102,1)0%, rgba(66,66,66,1)25%, rgba(66,66,66,1)35%, rgba(254,218,0,1)35%, rgba(254,174,0,1)75%);
        background-size: 100%;
  		background-repeat: repeat;
        -webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
    }
	html body .section-3 h2#godets-standards,
	html body .section-3 h2#godets-speciaux{
		 background-image: linear-gradient(to top, rgba(102,102,102,1)50%,rgba(0,0,0,1)75%,);
		background-size: 100%;
  		background-repeat: repeat;
        -webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
	}
	html body .section-3 h2#materiels-hydrauliques,
	html body .section-3 h2#accessoires{
		 background-image: linear-gradient(to top, rgba(102,102,102,1)50%,rgba(0,0,0,1)75%);
		background-size: 100%;
  		background-repeat: repeat;
        -webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
    	margin-left: -36px;
	}
	html body .section-3 h1 	
	{
		color: rgba(254,218,0,1);
		text-transform:uppercase;
		font-weight:900;
		min-width:815px;
		width:auto;
		font-size:65px;
		line-height:65px;
		text-align:center;
		display:block;
		height:80px;
		margin:100px 0px;
		border-bottom:1px solid rgba(66,66,66,0);
		margin-bottom:45px;
		font-weight:900;
	}
	html body #entete {
		background-color:rgba(254,218,0,1);
		color: rgba(51,45,41,0.89);
		min-width:1024px;
		max-width:100%;
		height:200px;
		z-index:99999999;
		position:fixed;
		display:block;
		left:0;
		top: 0;
		width:100%;
		box-shadow: rgba(51,45,41,0.45) 0px 25px 25px -30px;
	}
	html body #entete-centered {
		color: rgba(51,45,41,0.89);
		min-width:960px;
		max-width:1024px;
		margin: auto;
		height:200px;
		z-index:99999999;
		position:relative;
		display:block;
	}
	html body #entete #entete_g{
		float:left;
		padding-top:30px;		
		width:50%;
		min-width:480px;
		text-align:center;
		min-height:125px;
		display:block;
		background: url("../img/drapeau-fr-by-atelier74.png") no-repeat 140px 100px;
	}
	
		
	
	html body #entete #entete_g h1#MiniPelle81{
		font-size:45px;
		line-height:68.5px;
		position:absolute;
		left:107px;
		top:17px;
		background-repeat:no-repeat;
		width:380px;
		background-position:center center;
		height:68.5px;
		text-indent: 15px;
		color: rgba(0,0,0,1);
		}

	html body #entete #entete_g h1#MiniPelle81 .regular{
		font-weight:300;}
	html body #entete #entete_g h1#MiniPelle81 .bold{
		font-weight:900;
	}
	html body #entete #entete_g h1#MiniPelle81 .encadrement{
		font-weight:600;
		background-color:rgba(0,0,0,1);
		color:rgba(254,218,0,1);
		padding:5px 18px 5px 18px;
		width:55px;
	}

	html body #entete:hover #entete_g h1#MiniPelle81 .encadrement{
		font-weight:600;
		background-color:rgb(254,218,0);
		color:rgba(0,0,0,1);
		padding:5px 18px 5px 18px;
		width:55px;
	}
	html body #entete #entete_g h2.baseline{
		font-size:15px;
		line-height:18px;
		font-weight:300;
		position:absolute;
		left:140px;
		top:75px;
		letter-spacing:6.1px;
		color: rgba(0,0,0,1);
	}


	html body #entete:hover{
		color: rgba(254,218,0,1);
		background-color: rgb(0,0,0);
	}
	
	html body #entete:hover #entete_g{
		background: url("../img/drapeau-fr-by-atelier74-hover.png") no-repeat 140px 100px;
	}
	html body #entete:hover #entete_g h1#MiniPelle81{
		color: rgba(254,218,0,1);
	}

	html body #entete:hover #entete_g h2.baseline{
		color: rgba(254,218,0,1);
	}
	html body #entete #nav {
		text-align:left;
		min-width:700px;
		max-width:700px;
		width: 70%;
		float:left;
		margin-top:15px;
		margin-left:55px;
	}

	html body #entete #nav li{
		display:inline-block;
		float:left;
		color:rgba(0,0,0,1);
		text-transform:uppercase;
		font-size : 15px;
		line-height:40px;
		height:60px;
		min-height:60px;
		margin:0;
		font-weight:300;
		text-align:center;
		vertical-align:middle;
	}

	html body #entete:hover #nav li a{
		color: rgba(254,218,0) !important;
	}

	html body #entete #nav li#li-accueil{
		min-width:100px;
		max-width:100px;
		background: url("../img/bg-a-lien-accueil.png") no-repeat left center;
	}

	html body #entete #nav li#li-caracteristiques,
	html body #entete #nav li#li-equipements{
		min-width:209.5px;
		max-width:209.5px;	
		background: url("../img/bg-a-lien-caracteristiques.png") no-repeat left center;
	}

	html body #entete #nav li#li-conseils{
		min-width:100px;
		max-width:100px;
		background: url("../img/bg-a-lien-conseil.png") no-repeat left center;
	}

	html body #entete #nav li a{
		text-decoration:none;
		min-width:100px;
		max-width:100%;
		width:100%;
		height:100%;
		min-height: 60px;
		max-height: 60px;
		line-height: 60px;
		font-weight:400;
		color:rgba(0,0,0,1);
		display:block;
		transition: all 0.6s ease;
	}
	
	html body #entete #nav li a:hover{
		cursor: pointer !important;
		font-weight: 900 !important;
		font-size: 18px;
	 	transition: all 0.6s ease;
	 	border-top: 3px solid rgba(0,0,0,1);
	}

	
	html body #entete #nav li#li-caracteristiques:hover ul#caracteristiques-sous-nav,
	html body #entete #nav li#li-equipements:hover ul#equipements-sous-nav{
		display:block;
	}

	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav{
		position:absolute;
		display:none;
		top:200px;
		margin-top:0px;
		float:left;
		color:rgba(254,218,0,1);
		text-transform:uppercase;
		border:0;
		min-width:838px;
		max-width:838px;
		width: 100%;
		line-height:60px;
		height:60px;
		vertical-align:middle;
		background : url("../img/bg-ul-caracteristiques.png") no-repeat right bottom;
	}
	html body #entete #nav li#li-equipements ul#equipements-sous-nav{
		position:absolute;
		display:none;
		top:200px;
		margin-top:0px;
		float:left;
		color:rgba(254,218,0,1);
		text-transform:uppercase;
		border:0;
		min-width:628px;
		max-width:628px;
		width: 628px;
		line-height:60px;
		height:60px;
		vertical-align:middle;
		background : url("../img/bg-ul-equipements.png") no-repeat right bottom;
	}
	
	html body #entete #nav li#li-accueil.active a,
	html body #entete #nav li#li-caracteristiques.active a,
	html body #entete #nav li#li-equipements.active a,
	html body #entete #nav li#li-conseils.active a,
	html body #entete #nav li#li-cgv.active a,
	html body #entete #nav li#li-mentions-legales.active a,
	html body #entete #nav li#li-retour.active a,
	html body #entete #nav li#li-conseil.active a,
	html body #entete #nav li#li-accueil.active,
	html body #entete #nav li#li-caracteristiques.active,
	html body #entete #nav li#li-equipements.active,
	html body #entete #nav li#li-conseils.active,
	html body #entete #nav li#li-cgv.active,
	html body #entete #nav li#li-mentions-legales.active,
	html body #entete #nav li#li-retour.active,
	html body #entete #nav li#li-conseil.active{
		font-weight: 900 ;
    	font-size: 18px;
		color:rgba(254,218,0,1) !important;
		background-color:rgba(0,0,0,1) !important;
	}
	html body #li-retour,
	html body #li-cgv,
	html body #li-mentions-legales,
	html body #li-conseil{
		min-width:25% !important;
		max-width:25% !important;
		transition: all 0.2s ease;	
	}
	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav li{
		background:url("../img/bg-liseret.png") no-repeat right center !important;
		height:60px;
		line-height:60px;
		min-width:209.5px;
		width: 25%;
	}

	html body #entete #nav li#li-equipements ul#equipements-sous-nav li{
		background:url("../img/bg-liseret.png") no-repeat right center;
		height:60px;
		line-height:60px;
		min-width:209.3px;
		width: 33.33%;
	}
	

	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav li a,
	html body #entete #nav li#li-equipements ul#equipements-sous-nav li a{
		border-top:0;
		font-size:14px;
		color:rgba(254,218,0,1);
		text-transform:uppercase;
		font-weight:300;
		height:60px;
		line-height:60px;
		width:auto;
		vertical-align:middle;
		border-bottom:0;
		transition: all 0.6s ease;
	}

	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav li a:hover,
	html body #entete #nav li#li-equipements ul#equipements-sous-nav li a:hover{
		color:rgba(255,255,255,1);
		background : url("../img/bg-a-lien-motorisations.png") no-repeat center bottom;
		font-weight:300;
	}
	
	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav li#quelle-motorisation ul#motorisations-sous-nav,
	html body #entete #nav li#li-equipements ul#equipements-sous-nav li#li-godets ul#godets-sous-nav{
	 	display:none;
	 	float: left;
	 	background-color: rgba(33,33,33,0.74);

	}

	html body #entete #nav li#li-caracteristiques ul#caracteristiques-sous-nav li#quelle-motorisation:hover ul#motorisations-sous-nav,
		html body #entete #nav li#li-equipements ul#equipements-sous-nav li#li-godets:hover ul#godets-sous-nav{
		display:inline-block;
		float: left;
		width:209px;
		height:120px;
	}

	
	
	html body #entete_d {
		position:absolute;
		float: right;
		right: 0;
		min-height: 190px;
		height: 190px;
		width: 20%;
		min-width: 190px;
	}

	html body #entete_d p{
		text-indent: 12px;
	}
	html body #entete_d .vous{
		font-weight:100;
		text-transform:uppercase;
		font-size:35px;
		width: 265px;
    	letter-spacing: 1.5px;
    	border-top : 59px solid rgb(0,0,0);
    	background-color: rgb(0,0,0);
    	color: rgb(254,218,0);
    	padding-top: 2px;
    }

	html body #entete_d .des-questions{
		text-transform:uppercase;
		font-size:33px;
		font-weight:900;
		background-color: rgb(0,0,0);
    	color: rgb(254,218,0);
    	letter-spacing: 1.5px;
		line-height:35px;
		width:265px;
	}
	
	html body #entete_d .liseret{
		padding-top: 5px;
		width: 174px;
		border-top:5px solid rgba(0,0,0,0.74);
	}

	html body #entete_d ul#contacts{
		width: 100%;
		min-width: 265px;
		display: block;
		height: 60px;
		margin: auto;
		background-color: rgb(255,255,255);
	}
	
	html body ul.besoin-conseils-contacts li,
	html body #entete_d ul#contacts li{
		margin-top: 7px;
		width:32px;
		margin-left:14px;
		display: block;
		float: left;
		height:32px;
		top: 158px;
		list-style-type:none;
		transition:  margin 0.74s ease;
		text-indent: -9999999999999999999999999999999999999999999999999999px;

	}

	html body #entete_d ul#contacts li a,
	html body ul.besoin-conseils-contacts li a,
	html body #entete_d ul#contacts li.li-sticky-social a{
		position: absolute;
		cursor: pointer;
		user-select: none;
		display: block;
		min-width:32px;
		min-height:32px;
		width: 32px;
		height: 32px;
		text-indent: -9999999999999999999999999999999999999999999999999999px;
		background-color: rgba(255,255,255,0.74) !important;
		transition: all 0.74s ease;
	}
	html body #entete_d ul#contacts li a:hover,
	html body ul.besoin-conseils-contacts li a:hover,
	html body #entete_d ul#contacts li.li-sticky-social a:hover{
		transition: all 0.74s ease;
		background-color: rgba(255,255,255,1) !important;
	}
	html body #entete_d ul#contacts li.li-sticky-social{
		top: 0px;
		z-index: 99999999999999999999999;
		margin-left: 11%;
		transition : all 0.74s ease;
		text-indent: -9999999999999999999999999999999999999999999999999999px;	
	}
		
	html body ul.besoin-conseils-contacts li#facebook a.btn-facebook,	
	html body #entete_d li#facebook a.btn-facebook{
		background: url("../img/contacts/contacts.png") 0px center no-repeat;
	}
	
	html body ul.besoin-conseils-contacts li#facebook a.btn-facebook:hover,
	html body #entete_d li#facebook a.btn-facebook:hover{
		background: url("../img/contacts/contacts.png") -32px center no-repeat;
	}
	
	html body ul.besoin-conseils-contacts li#telephone a.btn-telephone,
	html body #entete_d li#telephone a.btn-telephone{
		background: url("../img/contacts/contacts.png") -64px center no-repeat;
	}
	
	html body ul.besoin-conseils-contacts li#telephone a.btn-telephone:hover,
	html body #entete_d li#telephone a.btn-telephone:hover{
		background: url("../img/contacts/contacts.png") -96px center no-repeat;
	}
	html body ul.besoin-conseils-contacts li#courriel a.btn-courriel,
	html body #entete_d li#courriel a.btn-courriel{
		background: url("../img/contacts/contacts.png") -128px center no-repeat;
	}
	
	html body ul.besoin-conseils-contacts li#courriel a.btn-courriel:hover,
	html body #entete_d li#courriel a.btn-courriel:hover{
		background: url("../img/contacts/contacts.png") -160px center no-repeat
	}
	
	html body #entete_d li#youtube a.btn-YT{
		background: url("../img/contacts/contacts.png") -192px center no-repeat;	
	}
	
	html body #entete_d li#youtube a.btn-YT:hover{
		background: url("../img/contacts/contacts.png") -224px center no-repeat;
	}


	



	
	html body .section-1,
	html body .section-2,
	html body .section-3,
	html body .section-2-1 {
	    display: block;
	    min-height: 720px;
	    padding-bottom: 0px;
	    width: 100%;
		min-width: 960px;
		max-width: 1140px;
	}
	html body #tous-les-godets{
	    display: block;
	    min-height: 250px;
	    padding-bottom: 0px;
	}
	html body .section-1{
	    display: block;
	    min-height: 705px;
	    height: auto;
	    padding-bottom: 50px;
	    width: 100%;
		min-width: 960px;
		max-width: 1140px;
	}

	html body .section-1a{
		padding-top:250px;
	}
	
	html body .section-2{
		padding-top:0px;
	}
	
	html body #caracteristiques{
		background: url(../img/minipelle81.png) no-repeat 537px 196px;
    	background-size: 70%;
    	padding-top: 127px;
    	line-height: 25px;
	}
		
	html body .section-1 #section-1_g{
		color:rgba(254,218,0,1);
		float:left;
		height:555px;
		display:block;
		z-index:25;
		width:411px;
	}
	
	html body .section-1 #section-1_g #moteur-choix-txt{
		color:rgba(254,218,0,1);
		float:left;
		height:211px;
		display:block;
		z-index:35;
		margin-top:145px;
		background: url("../img/bg-moteur-choix.png") no-repeat top right;
		width:411px;
		text-align:left;
		padding-left:25px;
		padding-top:25px;
		margin-left:-30px;
	}
	
	html body .section-1 #section-1_g #moteur-choix-txt p{
		display:none;
	}
	
	html body .section-1 #section-1_g #moteur-choix-txt p.bold{
		color:rgba(254,218,0,1);
		text-align:left;
		margin-left:25px;
		font-size:75px;
		line-height:75px;
		height:75px;
		font-weight:900;
		text-transform:uppercase;
		display:none;
	}

	html body .section-1 #section-1_g #moteur-choix-txt p.semi-bold{
		color:rgba(254,218,0,1);
		text-align:left;
		margin-left:35px;
		font-size:45px;
		line-height:45px;
		height:45px;
		font-weight:900;
		text-transform:uppercase;
		display:none;
	} 
	
	html body .section-1 #section-1_g #motorisation{
		list-style-type: none;
		float:left;
		z-index:150;
		margin-left:-30px;
		
	}

	html body .section-1 #section-1_g #motorisation li.neuf-et-demi-cv{
		height:65px;
		width:240px;
		margin-bottom:25px;
		font-size:35px;
		line-height:45px;
		padding-right:55px;
		text-align:right;
		color:rgba(77,77,77,1);
		font-weight:600;
	}

	html body .section-1 #section-1_g #motorisation li.quatorze-cv{
		height:65px;
		width:240px;
		margin-bottom:25px;
		font-size:35px;
		line-height:45px;
		padding-right:55px;
		text-align:right;
		color:rgba(51,51,51,1);
		font-weight:900;
	}

	html body .section-1 #section-1_g #motorisation li.neuf-et-demi-cv a.puce-2{
		text-decoration:none;
		color:rgba(77,77,77,1);
		height:65px;
		width:240px;
		display:block;
		padding-right:55px;
		background: url("../img/bg-puce-9-5-moteur-au-choix.png") no-repeat top right;		
		transition : all 0.6s ease;
	}

	html body .section-1 #section-1_g #motorisation li.quatorze-cv a.puce-3{
		text-decoration:none;
		color:rgba(26,26,26,1);
		height:65px;
		width:240px;
		display:block;
		padding-right:55px;
		background: url("../img/bg-puce-14-moteur-au-choix.png") no-repeat top right;		
		transition : all 0.6s ease;
	}
	
	html body .section-1 #section-1_g #motorisation li.neuf-et-demi-cv a.puce-2:hover{
		font-size:30px;
		cursor: pointer;
		text-decoration:none;
		color:rgba(255,255,255,1);
		height:65px;
		width:240px;
		display:block;
		padding-right:55px;
		background: url("../img/bg-puce-9-5-moteur-au-choix-survol.png") no-repeat top right;		
	}
	
	html body .section-1 #section-1_g #motorisation li.quatorze-cv a.puce-3:hover{
		    cursor: pointer;
		text-decoration:none;
		font-size:30px;
		color:rgba(255,255,255,1);
		height:65px;
		width:240px;
		display:block;
		padding-right:55px;
		background: url("../img/bg-puce-14-moteur-au-choix-survol.png") no-repeat top right;		
		
	}
	
	html body .section-1 #section-1_d{
		height:366px;
		margin-top:80px;
		background: url("../img/bg-sous-l-capot.png") no-repeat top left;
		width:579px;
		text-align:left;
		padding-left:85px;
		padding-top:55px;
		margin-right:-50px;
		font-weight:900;
		float: right;

	}

	html body .section-1 #section-1_d a{
		position :relative;
		top: 0;
		text-align:left;
		font-size:60px;
		line-height:65px;
		height:365px;
		text-transform:uppercase;
		text-decoration:none;
		transition: 0.6s ease;
	}

	html body .section-1 #section-1_d a span.black{
		color:rgba(254,218,0,1);
		text-align:left;
		margin-left:25px;
		font-size:75px;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		transition: all 0.6s ease;
	}

	html body .section-1 #section-1_d a span.bold{
		color:rgba(254,218,0,1);
		text-align:left;
		margin-left:25px;
		font-size:55px;
		line-height:60px;
		height:60px;
		text-transform:uppercase;
		transition: all 0.6s ease;
		
	}

	
	
	html body .section-1 #section-1_d a span.lien{
		background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
    	font-weight: 900;
    	font-size: 55px;
    	line-height: 64px;
    	height: 64px;
    	margin-top: 10px;
   		margin-right: 102px;
   		color: rgba(85,74,11,0.75);
    	width: 365px;
    	text-align: center;
    	float: right;
    	text-align: center;
    	transition: all 0.6s ease;
	}

	html body .section-1 #section-1_d a:hover span.lien{
		cursor: pointer;
		background-image: linear-gradient(to top, rgba(206,206,206,1),rgba(66,66,66,1));
		font-weight: 900;
   		font-size: 50px;
   		line-height: 59px;
   		height: 59px;
  		margin-top: 12.5px;
   		margin-right: 105px;
   		color: rgba(66,66,66,1);
   		width: 355px;
   		text-align: center;
   		float: right;
  		text-align: center;
   		transition: all 0.6s ease;
   		color: rgba(198,198,198,1);
	}
	html body .section-1 #section-1_d a:hover span.black,
	html body .section-1 #section-1_d a:hover span.bold{
		color:rgba(255,255,255,0.75);
			
	}
	html body .section-2 p{
		color:rgba(0,0,0,1);
		padding-left:75px;
		font-weight:500;
	}
	html body #caracteristiques-PH400-en-action p{
		color:rgba(0,0,0,1);
		padding-left:0px;
		font-weight:500;
	}
	
	html body .section-2 p.presentation-ph400{
		color: rgba(0,0,0,1);
	    padding: 53px;
	   	font-weight: 500;
	    width: 540px;
	    overflow-wrap: break-word;
	    text-align: justify;
	}
	
	html body .section-2 p.presentation-ph400 a:hover{
		cursor: pointer !important;
		text-decoration:none;
		background-color:rgba(254,218,0,1);
		border-bottom: 0px solid rgba(254,218,0,0);
		transition : all 0.5s ease;
		width:auto;
		height:auto;
		padding:2px;
		color: rgba(0,0,0,0.74);
	}
	
	html body .section-2 p.presentation-ph400 a{
		text-decoration:none;
		position :relative;
		top: 0;
		background-color:rgba(251,251,251,0);
		border-bottom: 3px solid rgba(254,218,0,0.74);;
		padding:2px;
		letter-spacing: 1.5px;
		transition : all 0.5s ease;
		color: rgba(0,0,0,1);
	}
	
	html body .section-2 #sous-capot{
		display:block;
		height:750px;
		margin-top:74px;
	}
	
	html body .section-2 #PH400-standard,
	html body .section-2 #PH400-voie-variable{
		display: block;
		float: left;
		width: 50%;
		height: auto;
	}
	html body .section-2 #PH400-standard .standard-intitule,
	html body .section-2 #PH400-voie-variable .voie-variable-intitule{
		display: block;
		float: left;
		width: 96%;
		height: 45px;
		font-size: 35px;
		text-align: center;
		text-transform: uppercase;
		margin: 2%;
		line-height: 45px;
		clear: both;
	}
	html body .section-2 #PH400-standard .standard-intitule{
		background-image: linear-gradient(to top, rgba(33,33,33,1), rgba(102,102,102,1));
		font-weight: 700;
		color: #fff;
	}
	html body .section-2 #PH400-voie-variable .voie-variable-intitule{
		color: #333;
		font-weight: 700;
		background-image: linear-gradient(to top, rgba(254,191,17,1), rgba(254,217,40,1));
	}
	html body .section-2 #neuf-demi-cv-standard{
		background-color: rgba(102,102,102,0.95);
	}
	
	html body .section-2 #quatorze-cv-standard{
		background-color:rgba(33,33,33,0.95);
	}
	html body .section-2 #neuf-demi-cv-voie-variable{
		background-color:rgba(254,218,0,0.95);
	}
	
	html body .section-2 #quatorze-cv-voie-variable{
		background-color:rgba(254,174,0,0.95);
	}
	
	html body .section-2 #neuf-demi-cv-standard,
	html body .section-2 #quatorze-cv-standard,
	html body .section-2 #neuf-demi-cv-voie-variable,
	html body .section-2 #quatorze-cv-voie-variable{
		width: 48%;
    	margin-left: 1.5%;
    	float: left;
    	box-shadow: rgb(50 50 93 / 35%) 0px 25px 25px -25px;
    	border: 1px solid rgba(254,218,0,0.74);
	}
	

	html body .section-2 #neuf-demi-cv-standard p.motorisation,
	html body .section-2 #quatorze-cv-standard p.motorisation,
	html body .section-2-1 .motorisation{
	color: rgba(0,0,0,1);
    padding-left: 0;
    height: 54px;
    line-height: 50px;
    font-size: 45px;
    margin-bottom: 19px;
    text-align: center;
    border-top: 1px solid rgba(254,218,0,0.74);
    background-image: linear-gradient(to top, rgba(254,191,17,1), rgba(254,217,40,1));
    border-bottom: 1px solid rgba(254,218,0,0.74);
    box-shadow: rgb(0 0 0 / 75%) 0px 25px 25px -15px;
		
	}
	
	html body .section-2 #neuf-demi-cv-voie-variable p.motorisation,
	html body .section-2 #quatorze-cv-voie-variable p.motorisation{
	color: rgba(255,255,255,1);
    padding-left: 0;
    height: 54px;
    line-height: 50px;
    font-size: 45px;
    margin-bottom: 19px;
    text-align: center;
    border-top: 1px solid rgba(33,33,33,0.74);
    background-image: linear-gradient(to top, rgba(33,33,33,1), rgba(102,102,102,1));
    border-bottom: 1px solid rgba(33,33,33,0.74);
    box-shadow: rgb(0 0 0 / 75%) 0px 25px 25px -15px;

	}


	html body .section-2 #neuf-demi-cv-standard p.motorisation,
	html body .section-2 #neuf-demi-cv-voie-variable p.motorisation{
		font-weight:500;
	}
	html body .section-2 #quatorze-cv-standard p.motorisation,
	html body .section-2 #quatorze-cv-voie-variable p.motorisation,
	html body .section-2-1 .motorisation{
		font-weight:700;
	}
	
	html body .section-2 #PH400-standard ul,
	html body.section-2-1 ul{
		list-style-type:none;
		color:rgba(254,218,0,1);
		padding:10px;
	}

	html body .section-2 #PH400-voie-variable ul{
		list-style-type:none;
		color:rgba(33,33,33,1);
		padding:10px;
	}
	
	html body .section-2 .modele,
	html body .section-2-1 .modele{
		font-size:35px;
		font-weight:900;
	}
	
	html body .section-2 #PH400-standard .usage,
	html body .section-2 #PH400-voie-variable .usage,
	html body .section-2-1 .usage{
		font-size: 15px;
    	font-weight: 600;
	}
	
	html body .section-2 #PH400-standard .modele-et-usage,
	html body .section-2 #PH400-voie-variable .modele-et-usage,
	html body .section-2-1 .modele-et-usage{
		display:block;
	}

	html body .section-2 .details-modele li,
	html body .section-2-1 .details-modele li{
		font-size:14px;
		font-weight: 500;
    	line-height: 21px;
    }
	html body .section-2 #quatorze-cv-standard .details-modele li,
	html body .section-2 #neuf-demi-cv-standard .details-modele li,
	html body .section-2-1 .details-modele li{
		color:rgba(254,218,0,0.74);
	}
	html body .section-2 #quatorze-cv-voie-variable .details-modele li,
	html body .section-2 #neuf-demi-cv-voie-variable .details-modele li{
		color:rgba(33,33,33,0.74);
	}
	html body .section-2 .details-modele .details,
	html body .section-2-1 .details-modele .details{
		text-indent: 7px;
	}
	
	html body .section-2 .prix,
	html body .section-2 .prix{
		width:100%;
		display:block;
	}
	
	html body .section-2 .a-partir-de,
	html body .section-2-1 .a-partir-de{
		margin-top:15px;
		text-transform:uppercase;
		color:rgba(255,255,255,1);
		font-size:18px;
		line-height:18px;
		height:18px;
	}
	html body .section-2 #PH400-voie-variable .a-partir-de{
		margin-top:15px;
		text-transform:uppercase;
		color:rgba(33,33,33,1);
		font-size:18px;
		line-height:18px;
		height:18px;
	}
	
	html body .section-2 .net,
	html body .section-2-1 .net{
		font-weight: 500;
    	font-size: 38px;
   		line-height: 35px;
    	height: 35px;
    	margin-left: 0px;
    	color: rgba(255,255,255,1);
	}
	html body .section-2 #PH400-voie-variable .net{
		font-weight: 500;
    	font-size: 38px;
   		line-height: 35px;
    	height: 35px;
    	margin-left: 0px;
    	color: rgba(33,33,33,1);
	}
	
	html body #caracteristiques-plus-de-details #sous-capot{
		display:block;
		height:800px;
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot{
	    display: block;
   		height: 1024px;
	    padding-top:0px;
	    box-shadow: rgb(51 45 41 / 25%) 0px 30px 30px -30px;
	}

	html body #caracteristiques-quelle-motorisation #sous-capot{
		display:block;
		height:1024px;
		margin-top:74px;
		padding-top:80px;
		width: 100%;
		min-width: 960px;
		max-width: 1140px;
	}
	html body #caracteristiques-quelle-motorisation #sous-capot .droite,
	html body #caracteristiques-quelle-motorisation #sous-capot .gauche{
		float: left;
		width: 50%;
		padding: 2.5%;
		display: block;
	}
	html body #caracteristiques-quelle-motorisation #sous-capot p,
	html body #caracteristiques-quelle-motorisation #sous-capot ul{
		padding-left:0;
		color: rgba(33,33,33,0.74);
		text-align: justify;
		padding-top: 15px;
		font-weight:500;
	}
	
	html body #caracteristiques-quelle-motorisation #sous-capot p.first{
		margin-top:0px;
	}
	
	html body #caracteristiques-quelle-motorisation #sous-capot ul li{
		margin-top:19px;
		padding-left:15px;
		border-left: 4px solid rgba(254,218,0,0.74);
		list-style-type: none;
	}
	
	html body #caracteristiques-quelle-motorisation #sous-capot ul .bold{
		font-weight:900;
		text-transform:uppercase;
	}
	
	html body #caracteristiques-quelle-motorisation #sous-capot ul .regular{
		font-weight:500;
	}
		
	html body #caracteristiques-plus-de-details #sous-capot #gauche-plus-de-details,
	html body #caracteristiques-plus-de-details #sous-capot #droite-plus-de-details{
		display:block;
		float:left;
	}
	
	html body #caracteristiques-plus-de-details #sous-capot #gauche-plus-de-details h2,
	html body #caracteristiques-plus-de-details #sous-capot #droite-plus-de-details h2{
		text-transform: uppercase;
    	font-size: 27px;
    	text-transform: uppercase;
    	border: 0px;
    	width: 100%;
    	/* margin: 0px 19px; */
    	text-align: center;
    	margin-bottom: 19px;
    	border: 0px;
	}

	html body #caracteristiques-plus-de-details #sous-capot #gauche-plus-de-details h2,
	html body #caracteristiques-plus-de-details #sous-capot #droite-plus-de-details h2{
		background-color: rgba(206,206,206,1);
	    background-image: linear-gradient(to top, rgba(102,102,102,1)50%,rgba(0,0,0,1)75%);
	    -webkit-background-clip: text;
	    -moz-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -moz-text-fill-color: transparent;
	    -webkit-text-fill-color: transparent;
	    text-fill-color: transparent;
	    background-clip: text;
	    background-size: 100%;
	    background-repeat: repeat;
	}

	html body #caracteristiques-plus-de-details #sous-capot #gauche-plus-de-details{
		width:42%;
		min-height:445px;
		height: auto;
		text-align:center;
	}
		
	
	html body #caracteristiques-plus-de-details #sous-capot #droite-plus-de-details{
		width:58%;
		min-height:445px;
		height: auto;
		text-align:center;
		border-left:1px solid rgba(51,45,41,0.74);
	}

	html body #caracteristiques-PH400-en-action #sous-capot .gauche{
	    padding-left: 0px;
    	width: 190px;
    	font-weight: 300;
        text-align: justify;
        float: left;
    	margin-top: 168px;
	}

	html body #caracteristiques-PH400-en-action #sous-capot .droite{
    	margin-top:0px;
    	display: block;
    	float: right;
    	height: 100%;
    	margin-left: -35px;
    	z-index: 99;
    	min-width: 642px;
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot .gauche p{
		padding-left:30px;
		color:rgba(0,0,0,1);
		margin-top:15px;
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot .gauche .bold,
	html body #caracteristiques-PH400-en-action #sous-capot .droite .bold{
		font-weight:900;
		color:rgba(0,0,0,1);
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot .droite .garanties{
	margin-top: -15px;
    width: 100% !important;
    /* margin-left: 100px; */
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    color: rgba(0,0,0,1);
		
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot .droite .pieces{
		margin-left:100px;
		font-size:20px;
		letter-spacing:2px;
		text-transform:uppercase;
		font-weight:300;
		color:rgba(0,0,0,1);
		margin-bottom:15px;
		
	}
	
	html body #caracteristiques-PH400-en-action #sous-capot .droite .concue{
	/*margin-top: 45px;*/
    /* margin-left: 10px; */
    font-size: 17px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: rgba(0,0,0,1);
	}

	html body #caracteristiques-PH400-en-action #sous-capot .droite .made-in-france{
	    /* margin-left: 110px; */
    	text-align: center;
    }
	
	html body #caracteristiques-PH400-en-action #sous-capot .droite .made-in-france img{
		width: 381px;
		height: 8px;
	}

	html body #caracteristiques-PH400-en-action #sous-capot .droite #ph400-action-img{
		margin-top:25px;
	}

	html body #caracteristiques-PH400-en-action #sous-capot .droite .etoile{
	/* margin-left: 100px; */
    with: 100%;
    font-weight: 600;
    font-style: italic;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
	}

	html body .section-2-1 {
		height: 1174px;
    	display: block;
	}

	html body a.contactez-moi{
		display:block;
		float:left;
		color:rgba(254,218,0,0.74);
		background-color:rgba(255,255,255,0.74);
		background:transparent !important;
		text-decoration:none;
	}

	html body .section-2-1 #sous-capot-9-5Cv,
	html body .section-2-1 #sous-capot-14Cv{
		height:724px;
		background-size: cover;
		box-shadow: rgba(50,50,93,0.25) 0px 30px 30px -30px;
		margin-top:74px;
		display:block;
	    background: url(../img/plus-de-details.png) no-repeat 19px 138px;
    	background-size: 100%;
	}
			
	html body .section-2-1 #neuf-demi-cv,
	html body .section-2-1 #quatorze-cv{
		width: 236px;
    	margin-left: 10px;
   		margin-top: 61px;
    	float: left;
    	box-shadow: rgb(50 50 93 / 35%) 0px 25px 25px -25px;
    	display: block;
    	margin-bottom: 46px;
    	border: 1px solid rgba(254,218,0,0.74);
	}

	html body .section-2-1 #ensavoirplus,
	html body .section-2-1 #ensavoirplus-1{
		width: auto;
	    height: 45px;
	    text-align: center;
	    display: block;
	    margin: 35px auto auto auto;
	}

	html body .section-2-1 #ensavoirplus a.bt-en-savoir-plus,
	html body .section-2-1 #ensavoirplus-1 a.bt-en-savoir-plus {
		width:125px;
		text-align: center;
		height:25px;
		line-height:25px;
		font-size:18px;
		text-decoration:none;
		color:rgba(0,0,0,0.74);
		background-color:rgba(254,218,0,1);
		padding:7.4px;
		background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
		font-weight:600;
		transition: all 0.2s ease;
		border: 1px solid rgba(254,218,0,0.74);

	}
	html body #bt-en-savoir-plus{
		width:450px;
		display: block;
		text-align: center;
		height:45px;
		font-size:18px;
		text-decoration:none;
		color:rgba(0,0,0,0.74);
		background-color:rgba(254,218,0,1);
		padding:10px;
		background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
		font-weight:600;
		line-height: 25px;
		transition: all 0.74s ease;
		border: 1px solid rgba(254,218,0,0.74);
		margin: auto;

	}
	html body #bt-en-savoir-plus:hover{
		cursor: pointer;
		text-transform: uppercase;
		font-size:18px;
		width: 500px;
		height:45px;
		background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
		font-weight:700;
		border: 1px solid rgba(254,218,0,0.74);
		transition: all 0.74s ease;
	}
	html body .section-2-1 #ensavoirplus a.bt-en-savoir-plus:hover,
	html body .section-2-1 #ensavoirplus-1 a.bt-en-savoir-plus:hover{
		cursor: pointer !important;
		text-transform: uppercase;
		width:125px;
		text-align: center;
		height:45px;
		line-height:45px;
		font-size:22px;
		text-decoration:none;
		color:rgba(0,0,0,0.74);
		background-color:rgba(254,218,0,0.74);
		padding:10px;
		background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
		font-weight:900;
		border: 3px solid rgba(254,218,0,0.74);
	}
	
	html body .section-2-1 #neuf-et-demi-Cv-caracteristiques,
	html body .section-2-1 #quatorze-Cv-caracteristiques{
		width: 450px;
		margin-left:0px;
		float:left;
		padding: 0px 174px;
	}

	html body .section-2-1 #neuf-et-demi-Cv-caracteristiques h2,
	html body .section-2-1 #quatorze-Cv-caracteristiques h2{
		background-image: linear-gradient(to top, rgba(254,217,40,1), rgba(254,191,17,1));
		-webkit-background-clip: text;
    	-moz-background-clip: text;
   		-webkit-text-fill-color: transparent; 
    	-moz-text-fill-color: transparent;
    	-webkit-text-fill-color: transparent; 
    	text-fill-color: transparent;
    	background-clip: text;
    	background-size: 100%;
  		background-repeat: repeat;
  		text-transform:uppercase;
		font-weight:900;
		width: 450px;
		font-size:45px;
		line-height:55px;
		text-align:center;
		display:block;
		height:50px;
		font-weight:900;
	}

	html body .section-2-1 #neuf-et-demi-Cv-caracteristiques ul,
	html body .section-2-1 #quatorze-Cv-caracteristiques ul{
		border-top:1px solid rgba(254,218,0,0.74);
		border-bottom: 1px solid rgba(254,218,0,0.74);
		padding:15.5px;
		background-color: rgba(251,251,251,0.95);
		height: 674px;
		width: 450px;
		list-style-type:none;
	}

	html body .section-2-1 #neuf-et-demi-Cv-caracteristiques ul li,
	html body .section-2-1 #quatorze-Cv-caracteristiques ul li{
		color:rgba(26,26,26,0.74);
		font-weight: 500;
	}

	html body .section-3 {
	   height: 650px;
	   background-color: rgb(255,255,255);
	}
	html body .section-0 .a-la-une-container{
	    width:auto;
    	max-width: 1140px;
    	min-width: 960px;
    	position: relative;
    	max-height: 640px;
		height: auto;
		margin: auto;
		display: block;
		margin-top: 35px;
		box-shadow: 8px 8px 20px 0px rgba(128,128,128,0.25);
		border: 3px solid rgba(254,218,0,0.74);
	}
	html body iframe{
		width: 1135px !important;
    	height: 635px !important;
	}
	html body .section-3 .godets-standards-container,
	html body .section-3 .godets-speciaux-container,
	html body .section-3 .materiels-hydrauliques-container,
	html body .section-3 .accessoires-container{
	  	min-width: 910px;
	  	max-width: 910;
	  	position: relative;
	  	max-height: 517px;
    	height: auto;
    	min-height: 370px;
	  	margin: auto;
	  	display:block;
	  	box-shadow: rgb(51 45 41 / 15%) 0 0px 38px 4px;
	}

	html body .section-2 .rotation-tourelle-container{
		width: 100%;
		position: relative;
		height:378.4px;
		margin: auto;
		display:block;
	}
	.zoomImg{
		cursor: zoom-in;
	}
	html body .section-2 #vue-schematique{
		height:447.4px;
		width:100%;
		
	}
	
	
	html body #droite-plus-de-details #vue-schematique img{
		width: 100%;
		height: auto;
	}
	html body #gauche-plus-de-details #rotation-1 img,
	html body #gauche-plus-de-details #rotation-2 img{
		width: 100%;
		height: 447.4px;
	}

	.zoom {
		display:inline-block;
	}
		
		
	.zoom img {
		display: block;
		background-color:rgba(255,255,255,0.74);

	}
	.zoom img::selection { background-color:rgba(251,251,251,0.74);cursor: zoom-in;}
	.zoom p{
		display: none;
	}
	html body .zoom-vues-schematiques{
		cursor: zoom-in;
		text-align: center;
		font-style: italic;
		font-weight: 300;
		font-size: 17px;
		padding: 0px;
		margin: auto;
		margin-bottom: 35px;
		height:35px;
		width:500px;
		line-height:35px;
		padding-right:25px;
		color:rgba(0,0,0,0.74);
		background-color:rgba(255,255,255,1) !important;
		border-radius: 15px;
	}
	html body .section-2 .PH400-en-action-container{
	    width:auto;
    	max-width: 1140px;
    	min-width: 960px;
    	position: relative;
    	max-height: 570px;
		height: auto;
		margin: auto;
		display: block;
		margin-top: 35px;
		box-shadow: 8px 8px 20px 0px rgba(128,128,128,0.25);
		border: 3px solid rgba(254,218,0,0.74);
	}
	
	html body .section-3 .godet-standard,
	html body .section-3 .godet-special,
	html body .section-3 .materiel-hydraulique,
	html body .section-3 .accessoire,
	html body .section-2 .axe-rotation-tourelle,
	html body .section-2 .PH400-en-action,
	html body .section-0 .a-la-une-video{
	  	display: none;
	  	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
	}
	
	html body .section-3 .godet-standard,
	html body .section-3 .godet-special,
	html body .section-3 .materiel-hydraulique,
	html body .section-3 .accessoire{
		max-width:910px;
    	margin: auto;
    	text-align: center;
    	display: block;
    	min-width: 824px;
	  	margin:auto;
	  	text-align:center;
	  	display:block;
	}

	html body .section-2 .axe-rotation-tourelle{
		min-width:420px;
		display:block;
		max-width: 100%;
		height: auto;
		min-height:420px;
		margin:auto;
		text-align:center;
	}
	html body .section-0 .a-la-une-video{
		max-width: 1136px;
    	max-height: 645px;
		min-width: 960px;
		height: auto;	
		text-align:center;
		margin: auto;
		display:block;
	}
	html body .section-2 .PH400-en-action{
		max-width: 1136px;
    	max-height: 564.2px;
		min-width: 956px;
		height: auto;	
		text-align:center;
		margin: auto;
		display:block;
	}

	html body .section-3 .godet-standard .partie-gauche-slide ul,
	html body .section-3 .godet-standard .partie-droite-slide ul,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide ul,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul,
	html body .section-3 .materiel-hydraulique .partie-droite-slide ul,
	html body .section-3 .accessoire .partie-gauche-slide ul,
	html body .section-3 .accessoire .partie-milieu-slide ul,
	html body .section-3 .accessoire .partie-droite-slide ul,
	html body .section-3 .godet-special .partie-gauche-slide ul,
	html body .section-3 .godet-special .partie-milieu-slide ul,
	html body .section-3 .godet-special .partie-droite-slide ul{
		list-style-type:none;
	}
	
	html body .section-3 .godet-standard .partie-gauche-slide,
	html body .section-3 .godet-standard .partie-droite-slide{
		min-width: 408px;
    	float: left;
    	display: block;
    	max-height: 517px;
    	height: auto;
    	min-height: 370px;
    	max-width: 50%;
    	width: 50%;
	}

	html body .section-3 .materiel-hydraulique .partie-gauche-slide,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide,
	html body .section-3 .accessoire .partie-gauche-slide,
	html body .section-3 .accessoire .partie-milieu-slide,
	html body .section-3 .godet-special .partie-gauche-slide,
	html body .section-3 .godet-special .partie-milieu-slide{
		min-width:341.25px;
		max-width: 35%;
		width: 35%;
		float:left;
		display:block;
		height:370px;
	}
	

	html body .section-3 .accessoire .partie-droite-slide,
	html body .section-3 .materiel-hydraulique .partie-droite-slide,
	html body .section-3 .godet-special .partie-droite-slide{
		width:15%;
		min-width: 227.5px;
		float:left;
		display:block;
		height:370px;
		background-color:rgba(178,178,178,1);
	}
	
	html body .section-3 .accessoire .partie-gauche-slide,	
	html body .section-3 .materiel-hydraulique .partie-gauche-slide,
	html body .section-3 .godet-special .partie-gauche-slide,
	html body .section-3 .godet-standard .partie-gauche-slide{
		background-color:rgba(255,255,255,1);
	}

	html body .section-3 .accessoire .partie-milieu-slide,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide,
	html body .section-3 .godet-special .partie-milieu-slide{	
		background-color:rgba(254,254,254,1);
	}

	html body .section-3 .godet-special .partie-droite-slide,
	html body .section-3 .accessoire .partie-droite-slide,
	html body .section-3 .materiel-hydraulique .partie-droite-slide{
		background-color:rgba(178,178,178,1);
	}

	html body .section-3 .accessoire .partie-gauche-slide p.compatible,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide p.compatible,
	html body .section-3 .godet-special .partie-gauche-slide p.compatible{
		font-size:25px;
		padding-left:0px;
		font-style:italic;
		font-weight:300;
		margin-bottom: 11px;
		margin-top: -59px;
	}
	html body .section-3 .godet-standard .partie-gauche-slide p.compatible{
		font-size:25px;
		padding-left:0px;
		font-style:italic;
		font-weight:300;
		margin-bottom: 11px;
		margin-top: -45px;
	}

	html body .section-3 .accessoire .partie-gauche-slide .compatibilite .Cv,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite .Cv,
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite .Cv,
	html body .section-3 .godet-standard .partie-gauche-slide .compatibilite .Cv{
	    display: inline-block;
	    margin-left: 11px;
	    font-size: 25px;
	    padding: 10px;
	    color: rgba(255,255,255,1);
	    width: 90px;
	    background-color: rgba(0,0,0,1);
	}

	
	html body .section-3 .accessoire .partie-gauche-slide .compatibilite #Cv-9-5,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite #Cv-9-5,	
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite #Cv-9-5,
	html body .section-3 .godet-standard .partie-gauche-slide .compatibilite #Cv-9-5{
		font-weight:700;
		background-color: rgba(102,102,102,1);
	}

	html body .section-3 .accessoire .partie-gauche-slide .compatibilite #Cv-14,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite #Cv-14,	
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite #Cv-14,
	html body .section-3 .godet-standard .partie-gauche-slide .compatibilite #Cv-14{
		font-weight:900;
		background-color:rgba(33,33,33,0.95)
	}

	html body .section-3 .accessoire .partie-gauche-slide img,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide img,
	html body .section-3 .godet-special .partie-gauche-slide img{
		display:block;
		width:100%;
		height:auto;
		margin:auto;
		margin-top:0px;
		margin-bottom:45px;
	}
	
	html body .section-3 .godet-standard .partie-gauche-slide img{
		width:408px;
		height:306px;
	}

	html body .section-2 .PH400-en-action img{
		width:100%;
		height:100%;
	}

	html body .section-2 .axe-rotation-tourelle img{
		width:420px;
		height:378.4px;
	}

	html body .section-3 .accessoire .partie-gauche-slide .compatibilite .Cv,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite .Cv,
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite .Cv{
		display:inline-block;
		margin-left:9px;
		font-size:24px;
		padding:8px;
		margin-top:8px;
		color:rgba(255,255,255,1);
		width:85px;
	}

	
	html body .section-3 .accessoire .partie-gauche-slide .compatibilite #Cv-9-5,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite #Cv-9-5,	
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite #Cv-9-5{
		font-weight:700;
		background-color:rgba(102,102,102,1);
	}

	html body .section-3 .accessoire .partie-gauche-slide .compatibilite #Cv-14,
	html body .section-3 .materiel-hydraulique .partie-gauche-slide .compatibilite #Cv-14,	
	html body .section-3 .godet-special .partie-gauche-slide .compatibilite #Cv-14{
		font-weight:900;
		background-color:rgba(26,26,26,1);
	}

	html body .section-3 .godet-standard .partie-droite-slide{
		background-color:rgba(254,254,254,1);
	}

	html body .section-3 .accessoire .partie-droite-slide ul,
	html body .section-3 .materiel-hydraulique .partie-droite-slide ul,
	html body .section-3 .godet-special .partie-droite-slide ul,
	html body .section-3 .godet-standard .partie-droite-slide ul{
		min-height:150px;
		height: auto;
		color: rgb(0,0,0);
		margin:auto;
		width:350px;
	}

	html body .section-3 .godet-standard .partie-droite-slide ul .descriptif-titre{
		margin:25px 0px;
		font-size:27px;
		font-weight:900;
		text-transform :uppercase;
	}
	
	html body .section-3 .godet-special .partie-milieu-slide ul .descriptif-titre{
		margin: 45px auto;
   		font-size: 27px;
    	font-weight: 900;
    	text-transform: uppercase;
    	width: 250px;
	}
	
	html body .section-3 .accessoire .partie-milieu-slide ul .descriptif-titre,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul .descriptif-titre{
		width: 250px;
   		margin: 25px auto;
    	line-height: 30px;
		font-size:27px;
		font-weight:900;
		text-transform:uppercase;
	}
	
	html body .section-3 .accessoire .partie-milieu-slide ul .descriptif-detail,	
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul .descriptif-detail,
	html body .section-3 .godet-special .partie-milieu-slide ul .descriptif-detail,
	html body .section-3 .godet-standard .partie-droite-slide ul .descriptif-detail{
		font-size:18px;
		font-weight:500;
		margin-bottom:15px;
	}

	html body .section-3 .godet-special .partie-milieu-slide ul .descriptif-prix,
	html body .section-3 .godet-standard .partie-droite-slide ul .descriptif-prix{
		font-size:18px;
		line-height:20px;
		font-weight:900;
		background-color: rgba(254,218,0,1);
    	background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
		border: 1px solid rgba(254,218,0,0.74);
		width:180px;
		padding:10px;
		margin:20px auto;
	}
	
	html body .section-3 .accessoire .partie-milieu-slide ul .descriptif-prix,	
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul .descriptif-prix{
		font-size: 18px;
    	line-height: 20px;
    	font-weight: 900;
    	background-color: rgba(254,218,0,1);
    	background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
		border: 1px solid rgba(254,218,0,0.74);
    	width: 180px;
    	padding: 10px;
    	margin: 20px auto;
	}

	html body .section-3 .accessoire .partie-milieu-slide ul .descriptif-prix .ttc,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul .descriptif-prix .ttc,	
	html body .section-3 .godet-special .partie-milieu-slide ul .descriptif-prix .ttc,
	html body .section-3 .godet-standard .partie-droite-slide ul .descriptif-prix .ttc{
		font-size:15px;
		line-height:15px;
		height:15px;
		width:180px;
		text-align:right;
	}

	html body .section-3 .accessoire .partie-milieu-slide ul .descriptif,
	html body .section-3 .materiel-hydraulique .partie-milieu-slide ul .descriptif,	
	html body .section-3 .godet-special .partie-milieu-slide ul .descriptif,
	html body .section-3 .godet-standard .partie-droite-slide ul .descriptif{
		font-size:18px;
		font-weight:500;
		line-height:25px;
	}

	html body .section-3 .accessoire .partie-droite-slide h3.titre-descriptif,
	html body .section-3 .materiel-hydraulique .partie-droite-slide h3.titre-descriptif,
	html body .section-3 .godet-special .partie-droite-slide h3.titre-descriptif{
		display:block;
		text-align:left;
		width: 170px;
   		margin: 18px;
    	margin-top: 27px;
		line-height: 25px;
   		font-weight: 900;
   		text-transform:  uppercase;

	}

	html body .section-3 .accessoire .partie-droite-slide p,
	html body .section-3 .materiel-hydraulique .partie-droite-slide p,
	html body .section-3 .godet-special .partie-droite-slide p{
		display:block;
		text-align:left;
		width: 170px;
   		margin: 18px;
    	line-height: 20px;
   		font-weight: 500;
		
	}

	html body .section-3 .prev-godet-standard,
	html body .section-3 .next-godet-standard,
	html body .section-3 .prev-accessoire,
	html body .section-3 .next-accessoire,
	html body .section-3 .prev-materiel-hydraulique,
	html body .section-3 .next-materiel-hydraulique,
	html body .section-2 .prev-PH400-en-action,
	html body .section-2 .next-PH400-en-action,
	html body .section-0 .prev-a-la-une,
	html body .section-0 .next-a-la-une{
		
		position: absolute;
		top: 50%;
		width:45px;
		margin-top: -64px;
		padding: 25px;
		font-size: 35px;
		transition: all 0.6s ease;
		background-color: rgba(254,218,0,1);
    	color:rgb(0,0,0);
		font-weight:300;
	}
	
	html body .section-3 .prev-godet-special,
	html body .section-3 .next-godet-special{
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: 35px;
		margin-top: -53px;
		padding: 25px;
		font-size: 35px;
		transition: all 0.6s ease;
		user-select: none;
		background-color:rgb(254,218,0);
		color:rgba(0,0,0,1);
		font-weight:300;
	}
	
	html body .section-2 .prev-rotation-tourelle{
		left:0;
		width: 35px;
		padding: 25px;
		transition: all 0.6s ease;
	}
	html body .section-2 .next-rotation-tourelle{
		right: 0;
		width: 35px;
		padding: 25px;
		transition: all 0.6s ease;
	}
	html body .section-2 .prev-rotation-tourelle:hover{
			left:0;
			width: 35px;
			text-indent: -5px;
			transition: all 0.6s ease;
		}
	html body .section-2 .next-rotation-tourelle:hover{
			right: 0;
			width: 35px;
			text-indent: 5px;
			transition: all 0.6s ease;
		}

	html body .section-2 .prev-rotation-tourelle,
	html body .section-2 .next-rotation-tourelle{
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  padding: 25px;
	  font-size: 25px;
	  transition: all 0.6s ease;
	  user-select: none;
	  background-color: rgba(254,218,0,1);
	  color:rgba(0,0,0,1);
	  font-weight:300;
	  text-indent: 0px;
	}
	
	html body .section-2 .prev-PH400-en-action,
	html body .section-3 .prev-godet-standard,
	html body .section-3 .prev-accessoire,
	html body .section-3 .prev-materiel-hydraulique,
	html body .section-3 .prev-godet-special,
	html body .section-2 .prev-PH400-en-action,
	html body .section-0 .prev-a-la-une{
		left:0;
		width: 65px;
		text-indent: 0px;
	}
	html body .section-2 .next-PH400-en-action,
	html body .section-3 .next-godet-standard,
	html body .section-3 .next-accessoire,
	html body .section-3 .next-materiel-hydraulique,
	html body .section-3 .next-godet-special,
	html body .section-2 .next-PH400-en-action,
	html body .section-0 .next-a-la-une{
	  	right: 0;
	  	width: 65px;
	  	text-indent: 0px;
	}
	html body .section-0 .next-a-la-une:hover,
	html body .section-0 .prev-a-la-une:hover,
	html body .section-2 .next-PH400-en-action:hover,
	html body .section-2 .prev-PH400-en-action:hover,
	html body .section-3 .prev-godet-standard:hover,
	html body .section-3 .next-godet-standard:hover,
	html body .section-3 .prev-accessoire:hover,
	html body .section-3 .next-accessoire:hover,
	html body .section-3 .prev-materiel-hydraulique:hover,
	html body .section-3 .next-materiel-hydraulique:hover,
	html body .section-3 .prev-godet-special:hover,
	html body .section-3 .next-godet-special:hover,
	html body .section-2 .prev-rotation-tourelle:hover,
	html body .section-2 .next-rotation-tourelle:hover,
	html body .section-2 .prev-PH400-en-action:hover,
	html body .section-2 .next-PH400-en-action:hover{
	 	background-color:rgba(0,0,0,1);
		color:rgba(254,218,0,1);
    	cursor: pointer;
	}

	html body .section-2 .next-PH400-en-action:hover,
	html body .section-2 .next-a-la-une:hover,
	html body .section-3 .next-godet-standard:hover,
	html body .section-3 .next-accessoire:hover,
	html body .section-3 .next-materiel-hydraulique:hover,
	html body .section-3 .next-godet-special:hover,
	html body .section-2 .next-PH400-en-action:hover{
	 	text-indent: 15px;
	 	transition: all 0.6s ease;
	 	width: 65px;
	 	cursor: pointer;
	}
	html body .section-2 .prev-PH400-en-action:hover,
	html body .section-3 .prev-godet-standard:hover,
	html body .section-0 .prev-a-la-une:hover,
	html body .section-3 .prev-accessoire:hover,
	html body .section-3 .prev-materiel-hydraulique:hover,
	html body .section-3 .prev-godet-special:hover,
	html body .section-2 .prev-PH400-en-action:hover{
	 	text-indent: -15px;
	 	transition: all 0.6s ease;
	 	width: 65px;
	 	cursor: pointer;
	}




	html body .section-3 .fade-godet-standard,
	html body .section-3 .fade-godet-special,
	html body .section-3 .fade-accessoire,
	html body .section-3 .fade-materiel-hydraulique,
	html body .section-2 .fade-rotation-tourelle,
	html body .section-2 .fade-PH400-en-action,
	html body .section-0 .fade-a-la-une{
	   -webkit-animation: 0.2s blur ease-in;
          animation: 0.2s blur ease-in;
	}

	 @-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
	
	html body .section-4{
		display:block;
		min-height:730px;
		height:auto;
		min-width:960px;
		background: url("../img/fond-contact.jpg") no-repeat 0px 50px;
		background-size:100%;
		padding-top:0;
		background-color: rgb(255,255,255);
	}

	html body .section-4 h1#conseils{
		color: rgba(66,66,66,1);
    	text-transform: uppercase;
    	font-weight: 900;
    	width: 100%;
    	height: 95px;
    	text-align: center;
    	line-height: 95px;
    	font-size: 45px;
    	margin-top: 200px;
    	background-image: linear-gradient(to bottom, rgba(254,217,40,1), rgba(254,191,17,1));
    	backckground-color: rgba(255,255,255,1);
	}
	
	html body .section-1a p,
	html body .section-2a p,
	html body .section-3a p{
		width:720px;
		padding-top:50px;
		color:rgba(66,66,66,1);
		margin:auto;
		text-align:justify;
	}
	
	html body .section-4 #pied-page{
		margin:0;
		list-style-type:none;
		padding:0;
		width:auto;
    	max-width: 1140px;
    	min-width: 960px;
   		height: 250px;
		background-color:rgba(255,255,255,1);
		display:block;
		float:left;
		text-align:center;
	}

	

	html body .section-4 #pied-page .top:first-child{
		list-style-type:none;
		width: 33.33%;
		text-align:center;
		color:rgba(0,0,0,1);
		display:block;
		position: relative;
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		background: none;			
		
	}
	
	html body .section-4 #pied-page .top{
		list-style-type:none;
		width: 33.33%;
		text-align:center;
		color:rgba(0,0,0,1);
		display:block;
		position: relative;
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
	}
	
	html body .section-4 #pied-page .top a{
		width:320px;
		text-align:center;
		color:rgba(0,0,0,1);
		display:block;
		position: relative;
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		text-decoration:none;
		transition: all 0.6s ease;
	}

	html body .section-4 #pied-page .top a:hover{
		cursor: pointer;
		width:320px;
		text-align:center;
		color:rgba(0,0,0,1);
		display:block;
		position: relative;
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		font-size:19px;
		font-weight:900;
		text-transform:uppercase;
		text-decoration:none;
		transition: all 0.6s ease;
		font-weight: 500;
	}
	
	html body .section-4 #pied-page #caracteristiques-sous-nav-2,
	html body .section-4 #pied-page #equipements-sous-nav-2{
		display:block;
		float:left;
		width:320px;
		height:auto;
		font-size:15px;
		color:rgba(255,255,255,0.15);
		background:transparent !important;
		list-style-type:none;
	}
	html body .section-4 #pied-page #caracteristiques-sous-nav-2 li,
	html body .section-4 #pied-page #equipements-sous-nav-2 li{
		display:block;
		float:left;
		width:320px;
		height:39px;
		font-size:15px;
		color:rgba(255,255,255,0.15);
		background:transparent !important;
		list-style-type:none;
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2{
		width: 319px;
	    display: block;
	    float: left;
	    height: 182px;
	    list-style-type: ;
	   	margin-top: -2px;
	}

	html body .section-4 #accueil-sous-nav-3{
		display:none;
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2 li#artisan{
		width:320px;
		display: block;
		float: left;
		height:80px;
		list-style-type:none;
		height:130px;
		background: url("../img/logo-artisan/logo-artisan.png") center center no-repeat;
		background-size: 35%;
		
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2 li#facebook a{
		transition : all 0.74s ease;
		background: url("../img/facebook.png") center center no-repeat;
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2 li#facebook a:hover{
		background: url("../img/facebook-hover.png") center center no-repeat;
		transition : all 0.74s ease;
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2 li#youtube a{
		background: url("../img/youtube.png") center center no-repeat;
	}
	
	html body .section-4 #pied-page #accueil-sous-nav-2 li#youtube a:hover{
		background: url("../img/youtube-hover.png") center center no-repeat;
	}


	
	html body .section-4 #pied-page #caracteristiques-sous-nav-2,
	html body .section-4 #pied-page #equipements-sous-nav-2{
		display:block;
		position: relative;
		float:left;
		margin-top: 0px;

	}
	html body .section-4 #pied-page #caracteristiques-sous-nav-2 li a,
	html body .section-4 #pied-page #equipements-sous-nav-2 li a{
		display:block;
		position: relative;
		float:left;
		width:320px;
		height:35px;
		line-height:35px;
		font-size:15px;
		color:rgba(0,0,0,0.35);
		background:transparent !important;
		    font-weight: 500;
	}
	html body .section-4 #pied-page #caracteristiques-sous-nav-2 li a:hover,
	html body .section-4 #pied-page #equipements-sous-nav-2 li a:hover{
		font-size:18px;
		font-weight: 700;
		color:rgba(0,0,0,0.74);
		transition:  all 0.74s ease;
	}
	html body .section-4 #pied-page-3{
		margin-top: 230px;
		padding: 0;
		width: 1140px;
		height: 75px;
		background-color:rgba(0,0,0,1);
		display: block;
		float: left;
		text-align: center;
	}
	
	html body #besoin-d-un-conseil .pied-page-droits p{
		width: 100%;
		float: left;
		margin: auto;
		line-height: 35px;
	}


	html body #besoin-d-un-conseil .pied-page-droits{
		height:75px;
		line-height: 75px;
		display:block;
		float:left;
		min-width: 960px;
		max-width: 1140px;
		width:100%;
		overflow-wrap: break-word;
		text-align:center;
		font-size: 15px;
		background-color: rgb(66,66,66);
		color: rgb(254,218,0);
	}
	
	html body .section-4 .pied-page-2{
		background-color: rgb(0,0,0);
		display: block;
		float: left;
		height: 95px;
		line-height: 95px;
		width: 100%;
    	max-width: 1140px;
    	min-width: 960px;
    }
	html body .section-4 .pied-page-2 li:first-child{
		padding:0;
		border-left: none;
		width:50%;
		line-height: 75px;
		height:75px;
		display:block;
		float:left;
		text-align:center;
		border-left : 0px;
	}
	html body .section-4 .pied-page-2 li{
		padding:0;
		width:50%;
		line-height: 75px;
		height:75px;
		display:block;
		float:left;
		text-align:center;
		border-left : 1px solid rgba(254,218,0,0.74);
		    margin-top: 1%;
		
	}
	html body .section-4 .pied-page-2 li a{
		padding:0;
		width:100%;
		height:100%;
		display:block;
		text-align:center;
		text-decoration: none;
		color: rgb(254,218,0);
		text-transform: uppercase;
	}
	html body .section-4 .pied-page-2 li a:hover{
		cursor: pointer;
		font-weight: 700;
		transition:  all 0.74s ease;
		font-size: 19px;
	}

	html body .section-4 #pied-page-3 .top:first-child{
		list-style-type:none;
		display:block;
		position: relative;
		float:left;
		width:320px;
		text-align:center;
		color:rgba(254,218,0,1);
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		background: none;			
	}
	html body .section-4 #pied-page-2 .top:first-child{
		list-style-type:none;
		display:block;
		position: relative;
		float:left;
		width:480px;
		text-align:center;
		color:rgba(254,218,0,1);
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		background: none;			
		
	}
	
	html body .section-4 #pied-page-3 .top{
		list-style-type: none;
	    width: 320px;
	    text-align: center;
	    color: rgba(0,0,0,1);
	    display: block;
	    position: relative;
	    float: left;
	    border: 1;
	    padding: 0;
	    margin: 0;
	    line-height: 75px;
	    height: 75px;
	    border: 1px solid rgb(0,0,0);
	}


	html body .section-4 #pied-page-2 .top{
		list-style-type:none;
		position: relative;
		display:block;
		width:480px;
		text-align:center;
		color:rgba(254,218,0,1);
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		
	}

	html body .section-4 #pied-page-3 .top a{
		width:320px;
		position: relative;
		width: 100%;
		display: block;
		float: left;
		text-align:center;
		color:rgba(254,218,0,1);
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		text-decoration:none;
		transition: all 0.6s ease;

	}

	html body .section-4 #pied-page-3 .top a:hover{
		width:320px;
		text-align:center;
		color:rgba(255,255,255,1);
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		font-size:19px;
		font-weight:900;
		text-transform:uppercase;
		text-decoration:none;		
	}

	html body .section-4 #pied-page-2 .top a{
		width:480px;
		text-align:center;
		color:rgba(254,218,0,1);
		float:left;
		padding:0;
		margin:0;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		text-decoration:none;
		display:block;	
		transition: all 0.6s ease;
	}
	
	html body .section-4 #pied-page-2 .top a:hover{
		width:480px;
		text-align:center;
		color:rgba(254,218,0,1);
		float:left;
		padding:0;
		margin:0;
		font-size: 19px;
		font-weight:900;
		line-height:75px;
		height:75px;
		text-transform:uppercase;
		text-decoration:none;
		display:block;	
	
	}
	
	html body .section-4 .contact-atelier74{
		width:300px;
		height:381px;
		color:rgba(255,255,255,1);
		float:right;
		margin-right:74px;
		margin-top: 140px;
	}
	
	html body .section-4 .contact-atelier74 p{
		padding:0;
		margin:0;
		width:300px;
		color:rgba(254,218,0,1);
		text-align:center;
	}
	
	html body .section-4 .contact-atelier74 .vous{
		font-weight:100;
		text-transform:uppercase;
		font-size:35px;
		width: 300px;
    	letter-spacing: 1.5px;
    	margin-top: 59px;
	}
	
	html body .section-4 .contact-atelier74 .des-questions{
		text-transform:uppercase;
		font-size:23px;
		font-weight:900;
		line-height:23px;
		padding-bottom:15px;
		width:300px;
		margin-bottom:10px;
		border-bottom:10px solid rgba(254,218,0,1);
	}

	html body .section-4 .contact-atelier74 ul{
		width: 100%;
		min-width: 300px;
		display: block;
		height: 60px;
		margin: auto;
	}
	html body .section-4 .contact-atelier74 ul li{
		margin-left:16%;
	}
			
	html body .ul-nav-sticky{
		position:absolute;
		top:60px !important;
	}
	html body .sticky{
		top: 0;
		height:60px !important;
		min-height:60px!important;
		max-height:60px!important;
		box-shadow: rgba(51,45,41,0.74) 0px 15px 15px -25px !important;
	}
	html body .sticky-centered{
		height:60px !important;
		min-height:60px!important;
		max-height:60px!important;
	}
	html body .display-inline-block{
		display:inline-block !important;
	}
	
	html body .display-none{
		display:none !important;
		background:none !important;
	}
	html body .display-block{
		display:block !important;
	}

	html body .nav-sticky{
		position:absolute !important;
		top:-15px !important;
	}

	html body .nav-sticky-2{
		position:absolute !important;
		top:-15px !important;
	}
	
	html body .sticky{
		height:60px;
		min-height:60px!important;
		max-height:60px!important;
		box-shadow: 0px 15px 15px -15px rgba(50, 50, 93, 0.55) !important;
	}
	
	html body .display-inline-block{
		display:inline-block !important;
	}

	html body .section-0 .a-la-une-video-container{
      width:auto;
      max-width: 1159px;
      min-width: 1159px;
      position: relative;
      max-height: 665.1px;
    height: auto;
    margin: auto;
    box-shadow: 8px 8px 20px 0px rgba(128,128,128,0.25);
    border: 15px solid rgb(0,0,0);
  }
  html body .section-0 .a-la-une-video-container .a-la-une-video img,
  html body .section-0 .a-la-une-video-container .a-la-une-video iframe,
  html body .section-0 .a-la-une-video-container .a-la-une-video video{
    width: 1129px;
      height: 635.1px;
      
  }
  html body .section-0 .a-la-une-video-container .a-la-une-video{
      display: none;
  }
  html body .section-0 .a-la-une-video-container .a-la-une-video{
    max-width: 1129px;
      max-height: 635.1px;
    min-width: 1129px;
    height: auto; 
    text-align:center;
    margin: auto;
    display:block;
    -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  }


  html body .section-0 .a-la-une-video-container .prev-a-la-une,
  html body .section-0 .a-la-une-video-container .next-a-la-une{
    
    position: absolute;
    top: 50%;
    width:120px;
    margin-top: -64px;
    padding: 25px;
    text-indent: -999999999999999999999px;
    font-size: 90px;
    background-color: rgba(0,0,0,1);
    color:rgb(254,218,0);
    font-weight:300;
    text-indent: 0px;
    transition: all 0.6s ease;
  }
  html body .section-0 .a-la-une-video-container .prev-a-la-une{
    left:-120px;
    text-indent: -999999999999999999999px;
    background-size: 100%;
    background: url("../img/previous.png") no-repeat center left;
    background-color:rgb(0,0,0);
    transition: all 0.6s ease;
  }
  html body .section-0 .a-la-une-video-container .next-a-la-une{
    right:-120px;
    text-indent: 999999999999999999999px;
    background-size: 100%;
    background: url("../img/next.png") no-repeat center right;
    background-color:rgb(0,0,0);
    transition: all 0.6s ease;
  }
  html body .section-0 .a-la-une-video-container .next-a-la-une:hover{
    text-indent: -999999999999999999999px;
    transition: all 0.6s ease;
    width: 150px;
    right:-150px;
    cursor: pointer;
    background: url("../img/next.gif") no-repeat center right;
    background-size: 50%;
   background-color:rgb(0,0,0);
   
  }
  html body .section-0 .a-la-une-video-container .prev-a-la-une:hover{
    text-indent: -999999999999999999999px;
    transition: all 0.6s ease;
    width: 150px;
    left:-150px;
    cursor: pointer;
    background: url("../img/previous.gif") no-repeat center left;
    background-size: 50%;
   background-color:rgb(0,0,0);
  }
  

  html body .section-0 .fade-a-la-une{
    -webkit-animation: 0.2s blur ease-in;
          animation: 0.2s blur ease-in;
  }

  @-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}