@media only screen and (max-width: 1200px){
	
/* header */
	header{
		height:59px;
		position:fixed;
		top:0;
		left:0;
		z-index:100000;
		background-color:#fff;
	}
	.hamburger{
		 display:inline-block!important;
		 float:right;
		 margin-right:10px;
	 }
	
	.hamburger:before{
	 content: "Cordon DS2i";
	font-size: 	1.5em;
	color: #004996;
	 margin-right: 400px;
	}
	 
	 .hamburger:hover{
		 opacity:1;
	 }
	 
	 #menu-menu-header,#menu-menu-header2,#menu-menu-header3{
		 height:100%;
		 position:fixed;
		 width:320px;
		 top:59px;
		 right:-320px;
		 transition:all 500ms;
		 background-color:#fff;
		 overflow-y:scroll;
		 z-index:10000;
	 }
	 
	 .mvmt{
		 right:0px!important;
	 }
	 
	 #nav{
		 padding-top:0!important;
		 width:100%;
	 }
	 
	#menu-menu-header > li:last-child,#menu-menu-header2 > li:last-child,#menu-menu-header3 > li:last-child{
		margin-left:0px;
		text-align:center;
	}
	
	#menu-menu-header > li:last-child a,#menu-menu-header2 > li:last-child a, #menu-menu-header3 > li:last-child a{
		font-family:segoe;
		font-size:22px;
		color:#000;
		margin:0;
		padding:10px 0;
		width:100%;
		border-left:none;
	}
	
	#menu-menu-header > li:last-child:hover > a, #menu-menu-header2 > li:last-child:hover > a, #menu-menu-header3 > li:last-child:hover > a{
	border-bottom:none;
	}

	#menu-menu-header > li:last-child ul li a, #menu-menu-header2 > li:last-child ul li a, #menu-menu-header3 > li:last-child ul li a{
		color:#fff;
	}
	 
	 #langue{
		 left:30px;
		 top:14px;
	 }
	 
	 #nav ul li{
		 display:block;
	 }
	 
	 #nav ul li a{
		 padding:10px 0;
		 margin:0;
	 }
	 
	 #nav ul li:hover ul{
		 display:block;
	 }
	 
	 #nav ul li ul{
		 position:static;
		 left:0%;
		 transform:translate(0,0);
		 padding:0;
		 overflow-y:auto;
	 }
	 
	 #nav ul li ul li:hover a{
		 color:#004996;
		 background-color:#fff;
	 }
	 
	 #nav ul li ul li a{
		 color:#fff;
		 display:block;
		 background-color:#004996;
	 }
	 
	
	#main{
		padding-top:59px; 
/*		padding-top:26px; */
	}
	
	.encart{
		display:none;
	}
	
/* accueil */
	
	
	.slid-acc{
	/*	height:657px; */
	}
	
	.slid-acc img{
	/*	height:657px; */
	}

	.slid-acc iframe{
		height:658px;
	}
	
	.vdo{
		height:657px;
	}
	
	.vdo iframe{
		height:657px;
	}
	
	#texte1{
		left:12%; 
	}

	#texte2{
		left:12%; 
	}

	#texte3{
		left:12%; 
	}
		
	#propos-acc{
		height:1180px;
		text-align:center;
	}
		
	.vdo-acc{
		width:200%;
		position:fixed;
		top:50%;
		transform:translateY(-50%);
		left:-50%;
		z-index:-1;
	}
		
	#propos-acc p{
		margin-top:100px;
		text-align:left;
		float:none;
		max-width:800px;
	}
		
	#propos-acc a{
		float:none;
		margin:40px auto 0;
	}
		
	#propos-acc div{
		max-width:800px;
	}
		
	.propos-img{
		float:none;
	}	
	
	#solutions-acc{
		height:auto;
		padding-bottom:29px;
	}
	
	/* Modif P.P */
	#owl-acc span{
	font-size:32px;
	}
	
	#owl-produit{
	width:calc(100% - 80px);
	}
	
	#actu-acc > div{
		width:100%;
		padding:60px 0 74px;
	}
	
	#actu-1{
		float:none;
	}
	
	#actu-2{
		float:none;
	}
	
	#actu-3{
		float:none;
	}
	
	#actu-4{
		float:none;
	}
	
	.partenaires{
		clear:both;
	}
	
	#actu-acc{
		text-align:center;
	}
	
	#actu-1{
		height:297px;
		width:353px;
		margin:30px;
		display:inline-block;
	}
	
	#actu-1 img{
		height:297px;
		width:353px;
	}
	
	#actu-1 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-1:hover #content-1{
		padding:80px 60px 60px 60px;
	}
	
	#content-1 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#content-1{
		height:297px;
		width:353px;
		top:192px;
	}
	
	#content-1 p{
		display:none!important;
	}
	
	#content-1 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	#actu-2{
		height:297px;
		width:353px;
		margin:0;
		margin:30px;
		display:inline-block;
	}
	
	#actu-2 img{
		height:297px;
		width:353px;
	}
	
	#actu-2 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-2:hover #content-2{
		padding:80px 60px 60px 60px;
	}
	
	#content-2{
		height:297px;
		width:353px;
		top:192px;
	}
	
	#content-2 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	
	#content-2 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#actu-3{
		margin:30px;
		display:inline-block;
	}
	
	#actu-4{
		margin:30px;
		display:inline-block;
	}
	
	#partage{
		text-align:left;
		margin:40px 0 0px 130px;
	}
	
	#bas-acc > div{
		height:950px;
		width:100%;
		padding:100px 0;
	}
	
	#bas-acc a:nth-child(2){
		float:none;
		margin:0px auto 100px;
	}
	
	#bas-acc a:nth-child(3){
		float:none;
		margin:0px auto 100px;
	}
	
	#bas-acc a:last-child{
		float:none;
		margin:0px auto;
	}
	
	.norme{
		margin:0 20px 0 0;
	}
	
	.ancre{
		margin:0 20px 0 0;
	}

	.mapfooter{
		padding:0;
		height:auto;
	}
	
	.mapfooter img{
		width:900px;
		height:600px;
		float:none;
	}

	.mapfooter div{
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.map{
		width:900px;
		margin:0 auto;
		float:none;
	}
	
	#cms .gallery{
	width:750px;
	margin:50px auto;
	}
	
	#cms #gallery-2 figure{
	width:50%;
	margin:15px 0;
	}
	
	#cms .gallery .gallery-item{
		margin:20px 22px;
	}
	
	#main > img{
/*		height:600px;  */
	}
	
	.aligncenter{
		width:60%!important;
	}
	
	.aligncenter td{
		display:block;
		width:100%!important;
		padding:0 0 40px 0;
	}
	
	.article{
		width:100%;
	}
	
	#swipebox-overlay{
		padding-top:59px;
	}
	

}

@media only screen and (max-width: 985px){
	/* header */

	header{
		height:59px;
		position:fixed;
		z-index:100000;
		background-color:#fff;
	}
	.hamburger{
		 display:inline-block!important;
		 float:right;
		 margin-right:10px;
	 }
	
	
	.hamburger:before{
	 margin-right: 300px;
	}
	
	 
	 .hamburger:hover{
		 opacity:1;
	 }
	 
	 #menu-menu-header,#menu-menu-header2,#menu-menu-header3{
		 height:100%;
		 position:fixed;
		 width:320px;
		 top:59px;
		 right:-320px;
		 transition:all 500ms;
		 background-color:#fff;
		 overflow-y:scroll;
		 z-index:10000;
	 }
	 
	 .mvmt{
		 right:0px!important;
	 }
	 
	 #nav{
		 padding:0;
	 }
	 
	 #nav ul li{
		 display:block;
	 }
	 
	 #nav ul li a{
		 padding:10px 0;
		 margin:0;
	 }
	 
	 #nav ul li:hover ul{
		 display:block;
	 }
	 
	 #nav ul li ul{
		 position:static;
		 left:0%;
		 transform:translate(0,0);
		 padding:0;
		 overflow-y:auto;
	 }
	 
	 #nav ul li ul li:hover a{
		 color:#004996;
		 background-color:#fff;
	 }
	 
	 #nav ul li ul li a{
		 color:#fff;
		 display:block;
		 background-color:#004996;
	 }
/* accueil */
	.slid-acc{
/*		height:557px; */
	}
	
	.slid-acc img{
/*		height:557px; */
	}

	.slid-acc iframe{
		height:558px;
	}
	
	.vdo{
		height:557px;
	}
	
	.vdo iframe{
		height:557px;
	}
	/* Modif P.P */
	#owl-acc span{
	font-size:28px;
	}
	
	#owl-acc .owl-nav{
		width: calc(100% - 100px);
		left:50px;
	}
	
	#texte1{
		left:8%; 
	}

	#texte2{
		left:8%; 
	}

	#texte3{
		left:8%; 
	}
		
	#propos-acc{
		height:auto;
		text-align:center;
	}
	.vdo-acc{
		width:250%;
		position:fixed;
		top:50%;
		transform:translateY(-50%);
		left:-75%;
		z-index:-1;
	}
		
	#propos-acc p{
		margin-top:100px;
		text-align:left;
		float:none;
		max-width:600px;
	}
		
	#propos-acc a{
		float:none;
		margin:40px auto 40px;
	}
		
	#propos-acc div{
		max-width:600px;
	}
		
	.propos-img{
		float:none;
	}	
	
	
	#solutions-acc{
		height:auto;
		padding-bottom:29px;
	}
	
	#actu-acc{
		height:auto;
		width:100%;
	}
	
	#actu-acc > div{
		padding:60px 0 74px;
	}
	
	#actu-4{
		float:none;
	}
	
	.partenaires{
		clear:both;
	}
	
	#actu-acc{
		text-align:center;
	}
	
	#actu-1{
		height:297px;
		width:353px;
		margin:30px;
		display:inline-block;
	}
	
	#actu-1 img{
		height:297px;
		width:353px;
	}
	
	#actu-1 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-1:hover #content-1{
		padding:80px 60px 60px 60px;
	}
	
	#content-1 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#content-1{
		height:297px;
		width:353px;
		top:192px;
	}
	
	#content-1 p{
		display:none!important;
	}
	
	#content-1 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	#actu-2{
		height:297px;
		width:353px;
		margin:0;
		margin:30px;
		display:inline-block;
	}
	
	#actu-2 img{
		height:297px;
		width:353px;
	}
	
	#actu-2 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-2:hover #content-2{
		padding:80px 60px 60px 60px;
	}
	
	#content-2{
		height:297px;
		width:353px;
		top:192px;
	}
	
	#content-2 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	
	#content-2 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#actu-3{
		margin:30px;
		display:inline-block;
	}
	
	#actu-4{
		margin:30px;
		display:inline-block;
	}
	
	#partage{
		text-align:left;
		margin:40px 0 0px 130px;
	}
	
	.partenaires{
		height:300px;
	}
	
	#slide-partenaires{
		width:700px;
	}
	
	#slide-partenaires .rond{
		width:120px;
		height:120px;
	}
	
	#slide-partenaires img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	#slide-clients{
		width:700px;
	}
	
	#slide-clients .rond{
		width:120px;
		height:120px;
	}
	
	#slide-clients img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	#slide-clients1{
		width:700px;
	}
	
	#slide-clients1 .rond{
		width:120px;
		height:120px;
	}
	
	#slide-clients1 img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	.lien-acc{
		width:400px;
		height:164px;
	}
	
	.picto-page{
		margin:20px auto 10px;
	}
	
	#bas-acc{
		width:100%;
	}
	
	#bas-acc > div{
		width:100%;
		padding:100px 0;
		height:750px;
	}
	
	#bas-acc a:nth-child(2){
		float:none;
		margin:0px auto 100px;
	}
	
	#bas-acc a:last-child{
		float:none;
		margin:0px auto;
	}
	
	.ancre{
		margin:0 20px 0 0;
	}
	
	.mapfooter img{
		width:600px;
		height:400px;
	}
	
	.map{
		width:600px;
		margin:0 auto;
		float:none;
	}	
	/* Modif P.P */
	#cms{
	margin:20px auto 20px;
	padding:0 20px;
	font-family:rlw-r;
	font-size:18px;
	color:#000;
   }
	
	#cms td{
		display:block;
		width:100%!important;
		padding:0 0 40px 0;
	}
	
	#cms .gallery{
	width:528px;
	margin:50px auto;
	}
	
	#cms #gallery-2 figure{
	margin:20px auto!important;
	width:100%;
	}
	
	#cms .gallery .gallery-item{
		display:block;
		margin:20px 0;
	}
		
	#main > img{
/*		height:500px; */
	}
	
	.frm_forms{
		width:500px;
		margin:60px 0 0;
	}
	
	/* catégorie */
	
	.article img{
		height:300px;
	}
	
	/* single */
	.single img{
		height:200px;
	}
}
 
@media only screen and (max-width: 767px){
	
	/* header */
	
	header{
		height:59px;
		position:fixed;
		z-index:100000;
		background-color:#fff;
	}
	.hamburger{
		 display:inline-block!important;
		 float:right;
		 margin-right:10px;
	 }
	
	.hamburger:before{
	 margin-right: 250px;
	}
	
	 
	 .hamburger:hover{
		 opacity:1;
	 }
	 
	 #menu-menu-header,#menu-menu-header2,#menu-menu-header3{
		 height:100%;
		 position:fixed;
		 width:320px;
		 top:59px;
		 right:-320px;
		 transition:all 500ms;
		 background-color:#fff;
		 overflow-y:scroll;
		 z-index:10000;
	 }
	 
	 .mvmt{
		 right:0px!important;
	 }
	 
	 #nav ul li{
		 display:block;
	 }
	 
	 #nav ul li a{
		 padding:10px 0;
		 margin:0;
	 }
	 
	 #nav ul li:hover ul{
		 display:block;
	 }
	 
	 #nav ul li ul{
		 position:static;
		 left:0%;
		 transform:translate(0,0);
		 padding:0;
		 overflow-y:auto;
	 }
	 
	 #nav ul li ul li:hover a{
		 color:#004996;
		 background-color:#fff;
	 }
	 
	 #nav ul li ul li a{
		 color:#fff;
		 display:block;
		 background-color:#004996;
	 }
	/* accueil */
	.slid-acc{
/*		height:400px; */
	}
	
	.slid-acc img{
/*		height:400px; */
	}

	.slid-acc iframe{
		height:400px;
	}
	
	.vdo{
		height:250px;
	}
	
	.vdo iframe{
		height:250px;
	}
	
		#main{
		padding-top:59px; 
/*		padding-top: 13px; */
	}
	
	#owl-acc .owl-nav{
		width: calc(100% - 40px);
		left:20px;
	}

	#owl-acc .owl-prev{
		width:18px;
		height:30px;
	}

	#owl-acc .owl-next{
		width:18px;
		height:30px;
	}
	
/* Modif P.P 	
	#owl-acc span{
		font-size:22px;
		padding:5px 17px;
	}
	*/
	#owl-acc span{
	font-family:rlw-r;
	font-size:22px;
	padding:5px 17px;
	}	
	
	#texte1{
		left:5%; 
	}

	#texte2{
		left:5%; 
	}

	#texte3{
		left:5%; 
	}
		
	#propos-acc{
		height:auto;
		text-align:center;
	}
	
	.vdo-acc{
		width:400%;
		position:fixed;
		top:50%;
		transform:translateY(-50%);
		left:-150%;
		z-index:-1;
	}
		
	#propos-acc p{
		margin-top:100px;
		text-align:left;
		float:none;
		width:100%;
		max-width:767px;
		padding:0 30px;
	}
		
	#propos-acc a{
		float:none;
		margin:40px auto 40px;
	}
		
	#propos-acc div{
		max-width:600px;
	}
		
	.propos-img{
		float:none;
		width:300px;
		height:auto;
	}	
	
	.title1{
		font-size:40px;
		padding:95px 30px 0 30px;
	}
	
	#solutions-acc{
		height:auto;
		padding-bottom:80px;
	}
	
	#solutions-acc #owl-produit{
		width:100%;
	}
	
	.st{
		height:300px;
		width:300px;
	}
	
	.st img{
		height:300px!important;
		width:300px!important;
	}
	
	#owl-produit .owl-nav{
	top:110%;
	width: calc(100% - 40px);
	left:20px;
	}
	
	#actu-acc{
		height:auto;
		width:100%;
	}
	
	#actu-1{
		display:block;
		float:none;
		width:100%;
	}
	
	#actu-2{
		display:block;
		float:none;
		width:100%;
	}
	
	#actu-3{
		display:block;
		float:none;
		width:100%;
	}
	
	#actu-4{
		display:block;
		float:none;
		width:100%;
	}
	
	.partenaires{
		clear:both;
	}
	
	#actu-acc{
		text-align:center;
	}
	
	#actu-1{
		height:252px;
		width:300px;
		margin:20px auto;
	}
	
	#actu-1 img{
		height:252px;
		width:300px;
	}
	
	#actu-1 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-1:hover #content-1{
		padding:80px 60px 60px 60px;
	}
	
	#content-1 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#content-1{
		height:252px;
		width:300px;
		top:184px;
	}
	
	#content-1 p{
		display:none!important;
	}
	
	#content-1 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	#actu-2{
		height:252px;
		width:300px;
		margin:20px auto;
	}
	
	#actu-2 img{
		height:252px;
		width:300px;
	}
	
	#actu-2 > p{
		top:37.5px;
		left:25px;
	}
	
	#actu-2:hover #content-2{
		padding:80px 60px 60px 60px;
	}
	
	#content-2{
		height:252px;
		width:300px;
		top:184px;
	}
	
	#content-2 h3{
		height:99px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	
	#content-2 a{
		height:40px;
		width:200px;
		line-height:37px;
	}
	
	#actu-3{
		height:252px;
		width:300px;
		margin:20px auto;
	}
	
	#content-3{
		height:252px;
		width:300px;
		top:184px;
	}
	
	#actu-3 img{
		height:252px;
		width:300px;
	}
	
	#actu-4{
		height:252px;
		width:300px;
		margin:30px auto;
	}
	
	#content-4{
		height:252px;
		width:300px;
		top:184px;
	}
	
	#actu-4 img{
		height:252px;
		width:300px;
	}
	
	.content h3{
		font-size:20px;
		margin-bottom:0px!important
	}
	
	#partage{
		text-align:center;
		margin:40px auto;
	}
	
	#partage a:last-child{
		display:block;
		float:none;
		margin:40px auto;
	}
	
	.partenaires{
		height:300px;
	}
	
	#slide-partenaires{
		width:300px;
	}
	
	.owl-item{
		width:150px;
	}
	
	#slide-partenaires .rond{
		width:120px;
		height:120px;
	}
	
	#slide-partenaires img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	#slide-clients{
		width:300px;
	}
	
	#slide-clients .rond{
		width:120px;
		height:120px;
	}
	
	#slide-clients img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	#slide-clients1{
		width:300px;
	}
	
	#slide-clients1 .rond{
		width:120px;
		height:120px;
	}
	
	#slide-clients1 img{
		margin:25px 0 0 25px;
		width:70px;
		height:70px;
	}
	
	.lien-acc{
		width:400px;
		height:164px;
	}
	
	.picto-page{
		margin:20px auto 10px;
	}
	
	#bas-acc{
		width:100%;
	}
	
	#bas-acc > div{
		width:100%;
		padding:100px 0 50px;
		height:auto;
		text-align:center;
	}
	
	.norme{
		float:none;
		margin:10px 20px 0;
	}
	#bas-acc a:nth-child(2){
		float:none;
		margin:0px auto 100px;
	}
	
	#bas-acc a:last-child{
		float:none;
		margin:0px auto;
	}
	
	.title2{
		font-size:40px;
	}
	
	.lien-acc{
		width:300px;
		height:123px;
	}
	
	.lien-acc p{
		font-size:30px;
	}
	
	.picto-page{
		width:50px;
		height:46px;
	}
	
	.ancre{
		float:none;
		display:block;
		margin:0 auto 50px;
	}
	
	.mapfooter img{
		width:100%;
		height:auto;
		margin:30px 0;
	}
	
	.map{
		width:100%;
		margin:0 auto;
		float:none;
	}	
	
	#cms{
		padding:0;
	}
	
	#cms > div{
	padding:0 40px;
	}
	
	#cms .gallery{
	width:100%;
	margin:50px auto;
	text-align:center;
	}
	
	#cms .gallery .gallery-item{
		display:block;
	}
	
	#cms .gallery .gallery-item img{
		margin:20px 0;
	}
		
	#main > img{
/*		height:400px; */
	}
	
	.frm_forms{
		width:100%;
		margin:60px 0 0;
	}
	
	.frm_fields_container{
		width:300px;
	}
	
	.article img{
		height:150px;
	}
	
	.article a{
	position:static;
	margin:30px auto 0;
	}
	
	#swipebox-title{
		font-size:13px;
	}
	
	/* single */
	.single img{
		height:150px;
	}
}
/* Modif P.P */
@media only screen and (max-width: 512px){
.hamburger:before{
	 margin-right: 100px;
	}
		
	
.title2 {
    font-size: 32px;
    padding-top: 30px;
}
	
.title6 {
    font-size: 32px;
    padding-top: 30px;
}
	
#owl-acc span{
	font-family:rlw-r;
	font-size:16px;
	}	
	
.encart{
	height: 50px !important;
	z-index:10;
}

.encart img{
	margin:2px;
	width:40px;
	height:40px;
}
	
.slid-acc{
/*		height:250px; */
	}
	
	.slid-acc img{
/*		height:250px; */
	}

	#texte1{
		left:2%;
		bottom:65%;
	}

	#texte2{
		left:2%; 
		bottom:55%;
	}

	#texte3{
		left:2%; 
	}	
	
#cms > div{
	padding:0 15px;
	}
#cms td img{
	padding-top: 10px;
	height: 200px; 
	width: 300px; 
}
}