/* --------------- MEDIA QUERIES --------------- */

/* Computer Queries Only */
@media only screen and (max-width: 1100px) {


}

/* All Devices Queries */
@media only screen and (max-width: 999px) {
	
	header {
		width:100%;
		/*margin: 20px 10px 0 10px;*/
		/*height:180px;*/
	}
	
	#zone-logos {
		width: auto;
	}
	
	#logo {
		margin-left: 50px;
	}
	
	#logo2 {
		margin-right: 50px;
	}
	
	#logo2 img {
		width: 400px;
	}
	
	nav {
		width:auto;
		height:auto;
		/*margin: 10px 0 0 0;*/
		/*float:none;*/
	}
	
	#menu-mobile {
		display: none;
	}
	
	#zone-contenu {
		width:auto;
		height:auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	#contenu {
		width:auto;
		margin:10px;
	}
	
	#contenu-col-01 {
		width:52%;
		margin: 10px 0 30px 30px;
		float: left;
	}
	
	#contenu-col-01 p {
		/*margin-left:10px;*/
		margin-right:10px;
	}
	
	#contenu-col-02 {
		width:300px;
		margin:10px 0 0 35px;
		float:left;
	}
	
	footer {
		width:auto;
		padding: 10px 30px 10px 30px;
		margin: 0 10px 20px 10px;
		background-size:100%;
	}

}

/* Tablet Only Queries */
@media only screen and (max-width: 786px)  {
	
	header {
		height: auto;
	}
	
	#logo {
		float: none;
		margin: 0px 10px 0px 30px;
		padding-top: 20px;
	}
	
	#logo img {
		width: 180px;
	}
	
	#logo2 {
		float: none;
		margin: 20px 0 20px 0;
		width: 100%;
		text-align: center;
	}
	
	#logo2 img {
		width: 300px;
	}
	
	nav {
		/*
		box-shadow: none;
		background: none;
		*/
		/*box-shadow: 0px 5px 10px #000000;*/
		position: relative;
	}
	
	#icon-menu {
		display: block;
		position: absolute;
		top: 44px;
		right: 33px;
		width: 35px;
		height: 26px;
		background: url(../images/icon-menu-w.png) no-repeat;
		background-size: 35px 26px;
			-moz-background-size: 35px 26px;
			-webkit-background-size: 35px 26px;
			-ms-background-size: 35px 26px;
	}
	
	#icon-menu:hover {
		background: url(../images/icon-menu-hover.png) no-repeat;
		background-size: 35px 26px;
			-moz-background-size: 35px 26px;
			-webkit-background-size: 35px 26px;
			-ms-background-size: 35px 26px;
	
	}
	
	#menu {
		display: none;
	}
	
	ul#menu-mobile {
		margin:0;
		padding: 1px 0;
		float:none;
		background: #010b25;
		position: relative;
	}
	
	ul#menu-mobile li {
		display: block;
		float:none;
		width:100%;
		list-style:none;
		margin: 0;
		padding:0;
		text-align:center;
		border-right:0px;
		border-bottom:1px solid #ffffff;
	}
	
	ul#menu-mobile a {
    	margin: 10px 40px 10px 40px;
    }
    
    ul#menu-mobile li a:hover {
		border-bottom: none;
	}
	
	ul#menu-mobile li.bt-last {
		border-bottom: 0px;
	}
	
	ul#menu-mobile a {
		padding:10px;
	}
	
	#zone-contenu {
		margin-top: 10px;
	}
	
	
	#contenu {
		width:auto;
		margin:10px;
	}
	
	#contenu-col-01 {
		width:auto;
		margin:10px;
		float:none;
	}
	
	#contenu-col-02 {
		width:auto;
		margin:0 auto;
		float:none;
	}
	
	.img-adapt {
		width:100%;
	}
	
	#ph-direction-map {margin-top:0px}
	
	.groupe-ph-droite {
		width:300px;
		height: 200px;
		background: url(../images/ombre-ph.png) no-repeat center;
		margin:0 auto;
		padding: 0;
	}
	
	#fancybox-wrap, #fancybox-loading {
		margin-left:0;
	}

}


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

	header {
		height: auto;
	}
	
	nav {
		margin: 10px 0 0 0;
		z-index: 100;
		position: relative;
	}
	
}


/* Phone Only Queries */
@media only screen and (max-width: 480px) {
	
	#flags {
		float:none;
		width:auto;
		margin:0;
		padding:5px 0 0 5px;
		border-bottom:1px solid #FFF;
	}
	
	#logout {
		display:none;
	}
	
	#zone-contenu {
		/*padding-top:60px;*/
	}
	
	#contenu {
		width:auto;
		margin:10px;
	}
	
	#contenu-col-01 {
		width:auto;
		margin:10px;
		float:none;
	}
	
	#contenu-col-02 {
		width:auto;
		margin:0 auto;
		float:none;
	}
	
	#ph-direction-map {margin-top:0px}
	
	.groupe-ph-droite {
		width:300px;
		height: 200px;
		background: url(../images/ombre-ph.png) no-repeat center;
		margin:0 auto;
		padding: 0;
	}
	
	#fancybox-wrap, #fancybox-loading {
		margin-left:0;
	}
	
	.img-adapt {
		width:100%;
	}
	
	footer {
		text-align:center;
	}
	
	#footer-url {
		float:none;
		margin:20px 0;
	}
	
	#formLogin {
		width:auto;
	}
	
	#contenu .formee p.small {
		margin-left: 0px;
	}
	
	#contenu .formee p {
	  margin-left: 0px;
	}
	
	.formee-lbl, .formee label {
		margin-left: 0px;
	}
	
	.formee-list.margin-list {
		margin-left: 0px;
	}
	
	ul.liste-standard {
	    margin: 15px 10px 15px 30px;
	}
	
	h2, .formee h2 {
		margin-left: 0;
	}
	
	.formee-list li, .formee-list li {
	    margin: 0em 1em 1em 0em;
	}
	
	.formee-list-w-margin {
		margin:0;
	}
	
	.formee #bt {
	    margin-left: 0px;
	}
	
	#logo-footer {
		width: 300px;
	}

}