/* Mobile Portrait View */
@media screen and (max-width:767px) {
*{box-sizing:border-box;}
.left, .right, .copyright-txt, .design-by{ float:none;}
.container { width:auto; padding:0 20px;}
.wrap_one{width:auto; text-align:center;}
.header { width:100%; padding:0; position:relative;}
.logo{ float:none; text-align:center; margin:0 auto; padding:8px 15px; position:relative; width: auto; display:table;}
/*coloumn css*/


.post-thumb{ width:100%; float:none; margin:0 0 10px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:40px 0;}
/* --------- Pages ------- */
.content-area{ width:auto; margin:0; padding:50px 20px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
h2.section-title{ font-size:22px; line-height:26px;}
/*slider css*/
#slider{ top:0; margin:0;}
.nivo-directionNav a{ top:39% !important;}
.nivo-caption, .nivo-controlNav{ display:none !important;}
/*footer css */
.copyright-wrapper{ text-align:center;}
.cols-4{ width:100% !important; display:block; margin-right:0; margin-bottom:15%;}
/*custom css*/
h2.section_title{ text-align:center;}
/*front blog post*/
.BlogPosts{ float:none; width:auto; margin:0 0 10% 0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}
.welcomecontent, .welcomethumb{ width:auto; float:none; margin:0 0 35px;}
.fourbox{ float:none; width:100%; margin:0 0 25px;}
.column-3-bx{ float:none; width:100%; margin:0 0 20px; }
#pageholder{ width:100%;}

	.header-top{
		height :40px;
	}

	.header-bottom{
		height :80px;
	}

	.logo{
		margin-top :-5px;
		margin-left :29%!important;
	}

	.MenuBurger {
		display :block !important;
		float :left;
		margin-top:-24%;
		font-size :1.5em;
		margin-left :0;
	}

	.Burgermenu {
		float :left;
		margin-left :15px;
		font-size :1.5em;
		text-align: left;
		margin-bottom :5px;
		line-height :30px;
	}

	.fieldset {
		background-color :#3c3c3b;
		text-align :left;
		padding :5px;
		position :relative;
	}

	.Fermer {
		position :relative;
		float :right;
		width :50px;
		font-size :2em;
		padding :10px;
	}

	#connection {
		background-color :#3c3c3b;
		width :100%;		
	}

	#connection:target{
		display :block;
		height :310px;
		margin-left :0;
	}

	.logo {
		float :left;
		margin-left :35%;
		margin-right: 250px
	}

	a {
		color :#fff;
	}

	.header-bottom{
		height :75px;
	}

	.title3{
		margin-bottom: 16px
	}

	.grid1{
		height :300px;
	}

	.grid2{
		height :300px;
	}

	.grid3{
		height :300px;
	}

	.grid4{
		height :300px;
	}

	.grid5{
		height :300px;
	}

	.RSresponsive{
		display :block;
		margin-left :37%;
	}
	.RSresponsive a{
		display :block;
		float :left;
		margin :5px;
	}

	.description1{
		height :300px;
		display :block;
	}

	.description2{
		height :300px;
		display :block;
	}

	.description3{
		height :300px;
		display :block;
	}

	.description4{
		height :300px;
		display :block;
	}

	.description5{
		height :300px;
		display :block;
	}

	.description1:hover{
		height :300px;	}

	.description2:hover{
		height :300px;	
	}

	.description3:hover{
		height :300px;	
	}

	.description4:hover{
		height :300px;	
	}

	.description5:hover{
		height :300px;	
	}

	.titreactu1{
		width : 100%;
	}

	.boutondevis{
		width : 100%;
		margin-left :0 !important;
	}

	.texteactu{
		width : 100%;
		margin-left :0;
	}

	.PlanSite {
		width : 100%;
		margin :0;
	}

	.FooterContact{
		width : 100%;
		margin :0;
	}

	.ActiviteFooter{
		width : 100%;
		margin :0;
	}

	.Mentions {
		width : 100%;
		float : left;
	}

	.contactindex{
		width : 100%;
	}

	.contact_index{
		width : 100%;
		margin-left :0;
	}

	.testactu{
		width : 100%;
		padding-right : 0;
		margin-top :0;
		margin-left :5%;
	}

	.testactu5{
		width : 100%;
		padding-right : 0;
		margin-top :0;
		margin-left :0;
	}


	.ReadMoreactu{
		margin-left : -20%;
	}

	.texteactu{
		height : 160px;
	}

	.littlebloc2{
		width : 100%;
		padding-right : 0;
		height :300px;

	}

	.bigbloc {
		width : 100%;
		padding-right : 0;
		height :300px;
	}

	.container {
		width : 100%;
	}

	.SliderIndex {
		display :none;
	}

	.search {
		display : none;
	}

	.social-icons{
		display :none;
	}

	.Devis2{
		display :none;
	}

	.blocright{
		display :none;
	}

	.title3{
		margin-bottom :0;
		margin-top :-20%;
	}

	.TitrePage{
		font-size :3em;
	}


	.TitreCategorie h2 {
    font-size: 3em;
	}


	.testactu2{
		width :300px;
		float :none;
		margin-bottom : -100px;
	}

	.descriptionproduit {
	width : 300px;
	height :200px;
	}	


	.descriptionproduit:hover{
		width : 300px;
		height :200px;
	}

	.descriptionproduit p{
		font-size :1em;
	}

	.container3{
		width : 100%;
		margin-left :0;
	}

	.testactu2{
		margin-bottom :-125px;
		position: relative;
		float :left;
	}

	.boutonsCentre{
		margin-bottom :30px;
		width :100%;
		padding-bottom :60px;
		margin-left :0;
	}

	.boutonsCentre2{
		margin-bottom :30px;
		width :100%;
		padding-bottom :60px;
		margin-left :0;
	}

	.GrdOuest {
		text-align :center;
		float :left;
		position :relative;
		margin-bottom :10px;
		width : 90%;
	}

	.contentproduit{
		width :80%;
		margin-left:10%;
	}

	.partout{
		width : 100%;
	}

	.titreactu2{
		height :60px;
		font-size :2em;
	}

	#content{
		margin-left :0;
	}

	#Produits{
		margin-left :-7%;
	}

	.elementor-text-editor.elementor-clearfix a {
    line-height: 40px;
}

}

@media screen and (max-width:320px) {
	.contentproduit{
		width :80%;
	margin-left: 5.5%;	
}


}

/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
*{box-sizing:border-box;}
.container, .content-area{ width:440px; margin:0 auto;}
.nivo-caption, .nivo-controlNav{ display:none !important;}
.nivo-caption{ width:65%; }
.slide_info h2{ font-size:20px !important; line-height:30px; text-shadow:1px 0 0 #333;}
.slide_info h2 span{ font-size:30px !important;}
.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}
.post-thumb{ width:50%; float:left; margin:5px 20px 10px 0;}

}

@media screen and (min-width:768px) and (max-width: 980px){
.fourbox .thumbbx{ height:100px;}
.column-3-bx .imagebox{ height:100px;}
.header{position:relative;}
.fourbox{ margin-right:12px;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
*{box-sizing:border-box;}
.social-icons a{ box-sizing:content-box; margin-bottom:5px; }
.container { width:auto; padding:0 20px;}
.logo{ float:none; text-align:center; margin:0 auto; padding:8px 15px; position:relative; width: auto; display:table;}
/*slider css*/
.nivo-caption{ width:60%; bottom:15%;}
.slide_info h2{ font-size:24px !important; line-height:30px; }
.content-area{ width:auto; margin:0; padding:50px 20px;}
#sidebar{ width:30%;}
.site-main{ width:65%;}
.cols-4 h5{ font-size:16px;}
/*custom  css*/
#pageholder{ width:100%;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.logo{ float:left; text-align:left;}
.nivo-caption{ bottom:20%;}
}

@media screen and (max-width: 980px){
.toggleMenu{display: block;}
.sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
.sitenav ul li a{padding:5px 10px !important; display:block; color:#000; border:none;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#fff;  border:none !important; border-radius:0;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li a{padding-left:20px !important; }
.sitenav ul li ul li a, .sitenav ul li.current-menu-ancestor a.parent{ border:none; border-radius:0;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
}

@media screen and (max-width:1919px) and (min-width:1680px) { 

.menu23{
	margin-left :0;
}

.logo {
	margin-left :1%;
}

.sitenav ul li {
	font-size : 0.58em;
}

.sitenav ul li a{
	width : 177px;
}

.container {
	width : 80%;
}

#content {
	margin-left:0;
}

.testactu {
	width :22%;
}

.texteactu {
	height : 160px;
}

.ReadMoreactu{
	margin-left :-25%;
}

.title3{
	margin-bottom :19px;
}

.TitrePage{
	font-size : 4em;
}

#Produits{
	margin-left :0;
}
.container3{
	width :100%;
	margin-left :7%;
}

.TitreAntenne{
	width : 130%;
	margin-left :-25%;
}

.contentproduit{
	width : 100%;
}

.testactu2{
	width : 400px;
}

.descriptionproduit {
	width : 400px;
	height :270px;
}


.descriptionproduit:hover{
	width : 400px;
	height :270px;
}

.descriptionproduit p{
	padding-top :1%;
}

.boutonsCentre{
	margin-left :25%;
}

}

@media screen and (max-width:1679px) and (min-width:1600px) { 
	.menu23{
		margin-left :0;
	}

	.title3{
		margin-bottom :16px;
	}

	.texteactu{
		height :160px;
	}

	.testactu{
		width :22%;
	}

	.ReadMoreactu{
		margin-left :-25%;
	}

	.TitreAntenne{
	width : 130%;
	margin-left :-23%;
}

.sitenav ul li {
	font-size : 0.57em;
}

.sitenav ul li a{
	width : 175px;
}

	.TitrePage{
		font-size :4em;
	}

	.PlanSite{
		width : 35%;
	}

	.FooterContact{
		width : 40%;
		margin-left :22%;
	}

	.Mentions{
		margin-right :4%;
	}

	#Produits{
	margin-left :0;
}
.container3{
	width :100%;
	margin-left :7%;
}

.contentproduit {
    width: 100%;
    margin-left: -5%;
}

.testactu2{
	width : 400px;
}

.descriptionproduit {
	width : 400px;
	height :270px;
}


.descriptionproduit:hover{
	width : 400px;
	height :270px;
}

.descriptionproduit p{
	padding-top :1%;
}

.boutonsCentre{
	margin-left: 27% !important;
}

.boutonsCentre2{
	margin-left: 31% !important;
}

.left{
	margin-left: -1%;
}

#partout{
    margin-left: 3%;
}

.partout{
	margin-left :3%;
}

.GrandOuestexplo {
    margin-left: 3%;
}

.GrandSudexplo {
    margin-left: 3%;
}

.IdFexplo {
    margin-left: 3%;
}

}

@media screen and (max-width:1599px) and (min-width:1400px) { 
	.menu23{
		margin-left :0;
	}

	.title3{
		margin-bottom :16px;
	}

	.texteactu{
		height :160px;
	}

	.testactu{
		width :22%;
	}

	.ReadMoreactu{
		margin-left :-25%;
	}

	.TitreAntenne{
	width : 130%;
	margin-left :-23%;
}

.sitenav ul li {
	font-size : 0.57em;
}

.sitenav ul li a{
	width : 175px;
}

	.TitrePage{
		font-size :4em;
	}

	.PlanSite{
		width : 35%;
	}

	.FooterContact{
		width : 40%;
		margin-left :22%;
	}

	.Mentions{
		margin-right :4%;
	}

	#Produits{
	margin-left :0;
}
.container3{
	width :100%;
	margin-left :7%;
}

.contentproduit {
    width: 100%;
    margin-left: -5%;
}

.testactu2{
	width : 400px;
}

.descriptionproduit {
	width : 400px;
	height :270px;
}


.descriptionproduit:hover{
	width : 400px;
	height :270px;
}

.descriptionproduit p{
	padding-top :1%;
}

.boutonsCentre{
	margin-left: 27% !important;
}

.boutonsCentre2{
	margin-left: 34% !important;
}

.left{
	    margin-left:  -9% !important;
}

#partout{
    margin-left: 3%;
}

.partout{
	margin-left :3%;
}

.GrandOuestexplo {
    margin-left: 3%;
}

.GrandSudexplo {
    margin-left: 3%;
}

.IdFexplo {
    margin-left: 3%;
}

.logo{
	    margin-left: 1%;
}

.left_bottom{
	    margin-left: -2%;
}

}

@media screen and (max-width:1439px) and (min-width:1366px) { 
	.title3{
		margin-bottom :16px;
	}

	.left{
		margin-left :0;
	}

	.TitreAntenne{
	width : 130%;
	margin-left :-20%;
	}

.sitenav ul li {
	font-size : 0.51em;
}

.partout {
    margin-left: -1.9%;
}

.sitenav ul li a{
	width : 163px;
}

.boutonsCentre{
	margin-left :25%;
}

.boutonsCentre2{
	margin-left :28.5%;
}

	.container {
		width :95%;}

	.texteactu {
		height : 160px;
	}

	.testactu {
		width :20% !important;
	}

	.ReadMoreactu{
		margin-left : -25%;
	}

	.menu23{
		margin-left :0;
	}

	.logo {
		margin-left :1%;
	}

		.PlanSite{
		width : 35%;
	}

	.FooterContact{
		width : 40%;
		margin-left :25%;
	}

	.Mentions{
		margin-right :2%;
	}

	.TitrePage{
		font-size :3em;
	}

		#Produits{
	margin-left :0;
}
.container3{
	margin-left :9.5%;
	width : 90%;
}

.contentproduit{
	width : 100%;
}

.testactu2{
	width : 350px;
}

.descriptionproduit {
	width : 350px;
	height :235px;
}


.descriptionproduit:hover{
	width : 350px;
	height :235px;
}




.descriptionproduit p{
	padding-top :0;
	font-size :1.5em;
}




}

@media screen and (max-width:1365px) and (min-width:1280px) { 
	.menu23{
		margin-left :0;
	}

	.TitreAntenne{
	width : 130%;
	margin-left :-20%;
	}

	.logo {
		margin-left :0.5%;
	}

	.sitenav ul li{
		font-size :0.45em;
		width : 100%;
	}

	.sitenav ul li a{
		width : 152px;
	}

	.title3{
		margin-bottom :15px;
	}

	.container {
		width : 95%;
	}

	.texteactu {
		height : 160px;
	}

	.testactu {
		width :22%;
	}

	.ReadMoreactu{
		margin-left : -25%;
	}

	.PlanSite{
		width : 39%;
	}

	.FooterContact{
		width : 33%;
		margin-left :25%;
	}

	.TitrePage{
		font-size :3em;
	}


		#Produits{
	margin-left :0;
}
.container3{
	width :100%;
	margin-left :7%;
}

.contentproduit{
	width : 100%;
	margin-left :-6%;
}

.testactu2{
	width : 350px;
}

.descriptionproduit {
	width : 350px;
	height :235px;
}


.descriptionproduit:hover{
	width : 350px;
	height :235px;
}

.partout {
    margin-left: 4%;
}

.descriptionproduit p{
	padding-top :0;
	font-size :1.5em;
}

.boutonsCentre{
	margin-left :24%;
}

.blocright{
		margin-left :0;
	}


}

@media screen and (max-width:1279px) and (min-width:1024px) { 
	.menu23{
		margin-left :0;
	}

	a.Devis {
    color: #ba1817 !important;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
}

	.TitreAntenne{
	width : 130%;
	margin-left :-20%;
	}

	.blocright {
	    margin-left: -11%;
	}

	.sitenav ul li{
		font-size :0.3em;
		width : 100%;
	}

	.sitenav ul li a{
		width : 122px;
	}

	.title3{
		margin-bottom: 16px;
	}

	#content{
		margin-left: 0;
	}

	.testactu{
		width : 22%;
	}

	.texteactu {
		height : 160px;
	}

	.testactu {
		width :21.7%;
	}

	.ReadMoreactu{
		margin-left : -25%;
	}

	.container {
		width :100%;
	}

	.PlanSite{
		width : 48%;
	}

	.FooterContact{
		width : 41%;
		margin :0;
		margin-left :6%;
		margin-top : 10px;
	}

	.Mentions{
		width : 40%;
	}

	.TitrePage{
		font-size :3em;
	}

		#Produits{
	margin-left :0;
}
.container3{
	width :100%;
	margin-left :7%;
}

.contentproduit{
	width : 100%;
}

.testactu2{
	width : 350px;
}

.descriptionproduit {
	width : 350px;
	height :235px;
}


.descriptionproduit:hover{
	width : 350px;
	height :235px;
}



.descriptionproduit p{
	padding-top :0;
	font-size :1.5em;
}

.left {
    margin-left: -3% !important;
}

.boutonsCentre {
    margin-left: 18%;
    margin-bottom: 30px;
}


}

@media screen and (max-width:1023px) and (min-width:800px) {
	.MenuBurger {
		display :block !important;
		float :left;
		margin-top:-18%;
	}

	.Burgermenu {
		float :left;
		margin-left :15px;
		font-size :2em;
		text-align: left;
		margin-bottom :5px;
		line-height :30px;
	}

	.fieldset {
		background-color :#3c3c3b;
		text-align :left;
		padding :5px;
		position :relative;
	}

	.Fermer {
		position :relative;
		float :right;
		width :50px;
		font-size :2em;
		padding :10px;
	}

	#connection {
		background-color :#3c3c3b;
		width :100%;		
	}

	#connection:target{
		display :block;
		height :290px;
		margin-left :0;
	}

	.logo {
		float :left;
		margin-left :35%;
		margin-right: 250px
	}

	a {
		color :#fff;
	}

	.header-bottom{
		height :75px;
	}

	.title3{
		margin-bottom: 16px
	}

	.grid1{
		height :300px;
	}

	.grid2{
		height :300px;
	}

	.grid3{
		height :300px;
	}

	.description1{
		height :300px;
	}

	.description2{
		height :300px;
	}

	.description3{
		height :300px;
	}

	.testactu{
		width :45%;
	}

	.titreactu1{
		width : 95%;
	}

	.texteactu{
		width : 90%;
		margin-left :5%;
	}

	.FooterContact{
		width : 20%;
	}

	.Mentions {
		width : 30%;
	}

	.left {
		margin-left :0;
	}

	.Devis2{display :none;}

	.boutonsCentre{
	margin-left :19%;
}
 }

@media screen and (max-width:414px) {
	#partout {
	    margin-left: 6%;
	}

}