﻿<style type="text/css">
html {height: 100%; margin: 0px; padding: 0px; background-color: #414141;}
body {width: 90%; max-width:1280px; margin: 45px auto 0 auto; padding: 0px; background-color: #414141;}

		.contact-1{
	display:inline-block;
		width:22.5%;
		margin:0 0 0 10px;
		padding:0;
		border:0;
		color:white;
	/*text-align:left;*/
		font-size:small;
		font-weight:bold;
		line-height:100%;
	/*text-decoration:none;*/
		vertical-align:middle;
		}

		.contact-2 {
		color:white;
		}

		.header {
	height:150px;
	width:100%;
	margin: 0;
	padding:0;
	border:0;
	font-family:Comic Sans MS;
	background: url('/../../../images/header3-2.jpg') no-repeat right top;
	background-size: 75% 150px;
	border-radius: 0 8px 0 0;
	}

			.logo {
		height:57px;
		width:25%;
		margin:0;
		padding:0;
		border:0;
		font-size:34px;
		font-style:italic;
		color:#F5F5F5;
		text-align:center;
		background:#414141;
		text-shadow: 0 1px 0 #eee,
        	0 2px 0 #e5e5e5,
        	-1px 3px 0 #C8C8C8,
        	-1px 4px 0 #C1C1C1,
         	-2px 5px 0 #B9B9B9,
        	-2px 6px 0 #B2B2B2,
         	-2px 7px 2px rgba(0,0,0, 0.6),
 	        -2px 7px 8px rgba(0,0,0, 0.2),
      	   	-2px 7px 45px rgba(0,0,0, 0.4);
		}

			.blanc {
		height:93.1px;
		width:25.1%;
		margin:0;
		border:0;
		background:#ffffff;
		border-radius: 8px 0 0 0;
		behavior: url(/css-js/pie/PIE.htc);
		}

			.vio {
		font-size:20px;
		color:#9932CC;
		text-shadow: 2px 2px 5px rgba(153, 50, 204, 0.60);
		}

			.bleu { /* n'est pas utiliser */
		color:blue;
		font-size:12px;
		text-shadow:0 0 5px rgba(153,50,204, 0.5);
		}

@media only screen and (max-width: 480px) {
.header { height:110px !important; background-size: 75% 110px !important; }
.vio { display: none; }
.logo { margin-top:-20px; font-size: 20px; }
.blanc { margin-top:-15px; width:25.5%; height:68px; }
.menu-h { margin-top:-55px !important; }
.contact-1 { display: none !important; }
#nav-h a { margin: 0; padding: 10px 10px 10px 5px !important; font-size: 12px; }
#nav-h ul a { font-size: 12px !important; }
#gauche { display:none !important; }
#droite { width:100% !important; float:left !important; }
.cadre-a-i-di { width: 95% !important; }
.cadre-a-i-70 { width: 95% !important; }
.cadre-hor-a { display: none !important; }
.cadre-a-i-50 { width: 95% !important; font-size: 12px !important; }
.bas-g { display: none; }
.bas-d { display: none; }
#volet_clos { display: none; }
#footer { font-size:xx-small !important; }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.header { height:110px !important; background-size: 75% 110px !important; }
.vio { margin-top:-93px !important; font-size: 55% !important; }
.logo { margin-top:-20px; font-size: 20px; }
.blanc { margin-top:-15px; width:25.5%; height:68px; }
.menu-h { margin-top:-5px !important; }
.contact-1 { width:20%; font-size: x-small !important; }
#nav-h a { margin: 0; padding: 10px 15px 10px 5px !important; font-size: 12px; }
#nav-h ul a { font-size: 12px !important; }
#gauche { display:none !important; }
#droite { width:100% !important; float:left !important; }
.cadre-a-i-di { width: 70% !important; max-width: 250px !important; }
.cadre-a-i-70 { width: 95% !important; }
.cadre-hor-a { display: none !important; }
.bas-g { display: none; }
.bas-d { display: none; }
#volet_clos { display: none; }
#footer { font-size:xx-small !important; }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.header { height:120px !important; background-size: 75% 120px !important; }
.vio {  margin-top:-110px !important; font-size:80% !important; }
.logo { margin-top:-20px; font-size: 22px; }
.blanc { margin-top:-12px; width:25.5%; height:81px; }
.menu-h { margin-top:-7px !important; }
.contact-1 { width:20%; font-size: x-small !important; }
#nav-h a { margin: 0; padding: 10px 35px 10px 5px !important; font-size: 12px; }
#nav-h ul a { font-size: 12px !important; }
#volet { font-size:small !important; }
.cadre-a-i-di { width: 30% !important; }
.cadre-a-i-70 { width: 62% !important; }
.cadre-hor-a { max-width:16%; }
.cadre-a-i-50 { width: 38% !important; font-size: 12px !important; }
#footer { font-size:x-small !important; }
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
.header { height:140px !important; background-size: 75% 140px !important; }
.vio { margin-top:-120px !important; font-size:100%; }
.logo { margin-top:-20px; }
.blanc { margin-top:-4px; width:25.5%; height:87px; }
.menu-h { margin-top:-6px !important; }
#nav-h a { margin: 0; padding: 10px 50px 10px 5px !important; }
}

</style>