﻿<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;}

		.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: 0 0 5px rgba(0,0,205, 0.5);
		}

			.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:auto; background-image: none; }
	.logo { height:auto; width:28%; margin-top:-40px; font-size: 20px; }
.vio { margin-left:30% !important; margin-top:-13px !important; font-size: 60% !important; text-align:right !important; }
.blanc { display: none; }
.menu-h { margin-top:-20px !important; margin-bottom:5px !important; }
.contact-1 { width:31% !important; font-size: x-small !important; }
#nav-h a { margin: 0; padding: 10px 5px 10px 5px !important; font-size: 12px; }
#nav-h ul a { padding: 5px 0 5px 5px !important; font-size: 10px !important; }
#gauche { display: none; }
#droite { width:100% !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:auto; background-image: none; }
	.vio { margin-top:-20px !important; font-size: 80% !important; }
.logo { height:auto; margin-top:-40px; font-size: 24px; }
.blanc { display: none; }
.menu-h { margin-top:-20px !important; margin-bottom:5px !important; }
.contact-1 { width:20%; font-size: x-small !important; }
#nav-h a { margin: 0; padding: 10px 5px 10px 5px !important; font-size: 12px; }
#nav-h ul a { padding: 5px 0 5px 5px !important; font-size: 10px !important; }
#gauche { display: none; }
#droite { width:100% !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) {
.vio { font-size:100%; }
.menu-h { margin-top:38px !important; }
#nav-h a { margin:0; padding: 10px 50px 10px 5px !important; font-size:small; }
#nav-h ul a { padding: 5px 0 5px 8px !important; font-size: 10px !important; }
#volet { font-size:small !important; }
.col-30-2 { width: 30% !important; }
.col-70-4-b { width: 62% !important; }
.col-50-1 { width: 38% !important; font-size: 12px !important; }
.col-6-7 { max-width:16%; }
#footer { font-size:x-small !important; }
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
.menu-h { margin-top:32px !important; }
}

</style>