@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

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

	.row1{
		height: 13em;
	}
	#addressContact{
		display: block;
	}
	#tabAdress{
		display: none;
	}
    #menuBus{
        display: none;
    }
}







/* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul,#topnav form{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	.calltoaction.opt4{font-size:1.5em;}

	#blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
	#blog-post #comment-count div:first-child{margin-top:0;}
	#blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}

	#ogf{
		display: none;
	}
	.CNHheader{
		display: block;
	}

}

@media screen and (max-width: 450px){
	#ogf{
		display: none;
	}	
}

@media screen and (max-width: 893px){
	.alignement{
        padding-left: 0; 
        padding-right: 0
    }	
}




@media screen and (min-width: 961px){
	.CNHheader{
		display: none;
	}
}

/* 480px */

@media screen and (min-width:361px) and (max-width:615px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul,#topnav form{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}
	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
	#buttonMenu{
		display: block;
	}
	#accueil
	{
		position:relative;
		margin-left:-5px;
		z-index:4;
		margin-top:0px;
		background-color:black;
		width:90%;
		padding:30px;
		color:white;
	}
	
	html
	{
		overflow-x:hidden;
	}
	
	#defilement 
	{
		display:none;
	}
	
	.one_fifth img
	{
		display:none;
	}
	
	#ogf
	{
		position: absolute;
	    top: 3em;
	    height: 100px;
	    float: right;
	    right: 10px;
	    margin-right: 2px;
	}
	
	#logo
	{
		height:100px;
		margin-left:2px;
	}
	
	#informations 
	{
		--display:block; 
		text-align:center;
		width:auto; 
		clear:right; 
		margin-left:10%; 
		margin-top:2%;
	}
	
	#google_translate_element
	{
		text-align:center;
	}

}

/* 768px */

@media screen and (min-width:616px) and (max-width:800px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul,#topnav form{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}
	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
	#buttonMenu{
		display: block;
	}
	#accueil
	{
		position:relative;
		margin-left:-5px;
		z-index:4;
		margin-top:0px;
		background-color:black;
		width:95%;
		padding:30px;
		color:white;
	}
	
	html
	{
		overflow-x:hidden;
	}
	
	#defilement 
	{
		display:none;
	}
	
	.one_fifth img
	{
		display:none;
	}
	
	#ogf
	{
		position: absolute;
	    top: 3em;
	    height: 100px;
	    float: right;
	    right: 10px;
	    margin-right: 2px;
	}
	
	#logo
	{
		/*height:100px;*/
		margin-left:2px;
	}
	
	#informations 
	{
		--display:block; 
		text-align:center;
		width:auto; 
		clear:right; 
		margin-left:10%; 
		margin-top:2%;
	}
	
	#google_translate_element
	{
		text-align:center;
	}

}

@media screen and (min-width:801px) and (max-width:959px)  {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#topnav ul,#topnav form{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}
	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
	#buttonMenu{
		display: block;
	}
	#accueil
	{
		position:relative;
		margin-left:-5px;
		z-index:4;
		margin-top:0px;
		background-color:black;
		width:95%;
		padding:30px;
		color:white;
	}
	
	html
	{
		overflow-x:hidden;
	}
	
	#defilement 
	{
		display:none;
	}
	
	.one_fifth img
	{
		display:none;
	}
	
    #ogf{
		position: absolute;
	    top: 3em;
	    height: 100px;
	    float: right;
	    right: 10px;
	    margin-right: 2px;
	}
	
	#logo
	{
		/*height:100px;*/
		margin-left:2px;
	}
	
	#informations 
	{
		--display:block; 
		text-align:center;
		width:auto; 
		clear:right; 
		margin-left:10%; 
		margin-top:2%;
	}
	
	#google_translate_element
	{
		text-align:center;
	}
	

	
}

/* 960px */

@media screen and (min-width:960px) and (max-width:1279px) {
	#header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	#topnav form{display:none;}

	#leftpanel3{
		display: none;
	}

	#buttonMenu{
		display: block;
	}
	#accueil 
{
	float:left;
	position:relative;
	z-index:4;
	margin-top:-110px;
	margin-left:1%;
	background-color:black;
	width:45%;
	padding:30px;
	color:white;
	border-radius: 20px;
}
	
	html
	{
		overflow-x:hidden;
	}
	
	#defilement 
	{
		display:none;
	}
	
	#liensHaut li 
	{
		list-style-type: square ;
	} 

	#liensHaut a 
	{
	  display:block;
	  text-decoration: none;
	}

	#liensHaut, #liensHaut ul 
	{
	  padding:0;
	  margin:0;
	  list-style:none;
	  width: 180px; 
	}

	#liensHaut ul 
	{
	  position: absolute;
	  left:-999em;
	}

	#liensHaut li:hover ul 
	{
	  top: -30px;
	  left: 180px;
	}

	#liensHaut li a.drop
	{
		padding-left:15px; 
		background-image:url("images/dropdown_side.gif"); 
		background-position:5px center; 
		background-repeat:no-repeat;
	}
	#logo{
		/*margin-left:40%;*/
		/*position: absolute;*/
		width: 250px;
		height: 160px;
	}
	.button {
		position: absolute;
		right: 2em;
		top: 10em;
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	    padding: 10px 22px;
	    border: 1px solid #b3b3b3;
	    border-radius: 8px;
	    background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
	    background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
	    background: linear-gradient(to bottom, #ffffff, #b3b3b3);
	    text-shadow: #ffffff 1px 1px 1px;
	    font: normal normal bold 20px arial;
	    color: #111111;
	    text-decoration: none;
	}
	.button:hover,
	.button:focus {
	    border: 1px solid #ffffff;
	    background: #ffffff;
	    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
	    background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
	    background: linear-gradient(to bottom, #ffffff, #d7d7d7);
	    color: #111111;
	    text-decoration: none;
	}
	.button:active {
	    background: #b3b3b3;
	    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3));
	    background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3);
	    background: linear-gradient(to bottom, #b3b3b3, #b3b3b3);
	}
	.button:before{
	    content:  "\0000a0";
	    display: inline-block;
	    height: 24px;
	    width: 24px;
	    line-height: 24px;
	    margin: 0 4px -6px -4px;
	    position: relative;
	    top: 0px;
	    left: -5px;
	    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABCUlEQVRIid2VIZLDMAxF388YFuyUlaQ7m/sfaXFpQbkW2HLlJo1NAromflE8+opkKVrmbzOBDEwgxpYZSH1OCDCgiNTVUZLGeMIV3bmezo2n3XnLtsdTG1ZgC4+BFc6N8BTEiBlqPOrFRs7vCCdk93c12Cqe72KMk5ktSFiQVvG6VbwsYkgqzvb58KXlej0dKZCAm9cAqD1R81+u5uoqD3LCdFq9KA5dN7J3PW7r8L/oAw6dRQnsUW1BLIewZs+veTo6nIBLE22HPb8xqC4fufQzz+fGIJVxm1vdR4hz3POxfU5Cv02e8TSUeRS+VSg3YNmj7R0n0Fd1/tIHW8VWrAV9/vw++Px/8h/0/b/ALYut5wAAAABJRU5ErkJggg==") no-repeat left center transparent;
	    background-size: 100% 100%;
	}
}

@media screen and (min-width:1280px) and (max-width:1469px){
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	#topnav form{display:none;}
.button{
	display: none;
}
	#buttonMenu{
		display: none;
	}
	#accueil 
{
	float:left;
	position:relative;
	z-index:4;
	margin-top:-150px;
	margin-left:1%;
	background-color:black;
	width:45%;
	padding:30px;
	color:white;
	border-radius: 20px;
}
	
	#defilement 
	{
		/*float:left;*/
		top: 1em;
		position:absolute;
		z-index:4;
		margin-top:0%;
		right: 10em;
		overflow: hidden;

	}	
	#logo{
		/*margin-left:27%;*/
		/*position: absolute;*/
		width: 250px;
		height: 160px;
	}
}


@media screen and (min-width:1470px) and (max-width:1639px){
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	#topnav form{display:none;}
	.button{
		display: none;
	}
	#buttonMenu{
		display: none;
	}
	#accueil 
	{
	float:left;
	position:relative;
	z-index:4;
	margin-top:-150px;
	margin-left:1%;
	background-color:black;
	width:45%;
	padding:30px;
	color:white;
	border-radius: 20px;
}
	
	#defilement 
{
	/*float:left;*/
	top: 1em;
	position:absolute;
	z-index:4;
	margin-top:0%;
	right: 10em;
	overflow: hidden;

}
	#logo{
		/*margin-left:27%;*/
		/*position: absolute;*/
		width: 250px;
		height: 160px;
	}
}	
	

@media screen and (min-width:1640px) and (max-width:1800px){
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	#topnav form{display:none;}
	.button{
		display: none;
	}
	#buttonMenu{
		display: none;
	}
	#accueil{
		float:left;
		position:relative;
		z-index:4;
		margin-top:-150px;
		margin-left:1%;
		background-color:black;
		width:45%;
		padding:30px;
		color:white;
		border-radius: 20px;
	}
	
	#defilement 
{
	/*float:left;*/
	top: 1em;
	position:absolute;
	z-index:4;
	margin-top:0%;
	right: 10em;
	overflow: hidden;

}
	#logo{
		/*margin-left:27%;*/
		/*position: absolute;*/
		width: 250px;
		height: 160px;
	}
}
	
/* Hide The Jquery Generated Navigation Form from 801px upwards */

@media screen and (min-width:1801px) and (max-width:10000px){
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	#topnav form{display:none;}
	#logo{
		/*margin-left:27%;*/
		/*position: absolute;*/
		width: 250px;
		height: 160px;
	}
	.button{
		display: none;
	}
	#buttonMenu{
		display: none;
	}
	
}

/* Resize Extended Box */

@media screen and (min-width:1501px){
	body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}
	.button{
		display: none;
	}
	#buttonMenu{
		display: none;
	}

}