@charset "utf-8";
body { background:url(../img/bg.jpg) no-repeat fixed; background-size:cover;background-color:rgba(96,126,90,0.8);}

/*Noir*/
*, a { color:rgb(0,0,0); }
strong { color:rgba(0,0,0,0.8); }
 /*rouge*/
b,h2,a:hover,.bold { color:rgb(170,39,27);}
#address,section { border-right:1px solid rgb(170,39,27); }
a img:hover {opacity:0.6;}
/*vert*/
html { border-top:2px solid rgb(96,126,90);}
h3 { text-shadow: rgba(96,126,90,0.8) 1px 1px 1px;}
#address,section { background: linear-gradient(to right, rgba(96,126,90,0.2),rgba(255,255,255,0.5)); } 
nav li { border-top:1px solid rgba(96,126,90,0.2);}
.bottom img { box-shadow: rgba(96,126,90,0.8) 2px 2px 1px;}
/*blanc*/
nav a { color:rgba(255,255,255,0.5);}
.active,.active:hover { color:rgba(255,255,255,1);}
input,textarea,select { background-color:rgba(255,255,255,0.5); }
h1,h2 { text-shadow: rgba(255,255,255,0.8) 2px 2px 1px;}
b,strong,.mail a,.tel, .mail { text-shadow: rgba(255,255,255,0.8) 1px 1px 1px;}
#ligne { background-color:rgba(255,255,255,0.6);}
h3 { color:rgba(255,255,255,1); clear:both;}


*{margin:0;padding:0;font:100% Arial,Helvetica,sans-serif;}
html{height:100%;}
body{height:100%;width:100%;overflow-y:scroll;}
#content{display:table;width:80%;height:100%;}
header,#bloc{display:table-row;}
header{height:200px;}
#logo,nav,#address,section {display:table-cell;}
#logo, nav {width:20%;min-width:180px;}
#address, section {width:65%;padding:2% 2% 2% 2%;min-width:520px;}
nav {vertical-align:middle;}
#logo,#address {vertical-align:middle;}
#logo,nav {text-align:center;}
#logo img{width:100%;max-width:158px;}
#address {vertical-align:middle;}
section{vertical-align:top;text-align:justify;}
footer {float:right;margin-top:-50px;margin-right:4px;}
a{text-decoration:none;outline:none;}
nav li{list-style-type:none;padding:20px 0 20px 2%;font-size:1.2em;}
h1,h2,h3,legend,nav a{font-weight:bold;}
h1{font-size:2.5em;font-style:italic;}
h2{font-size:2.0em;padding:1.5% 0 1%;}
h3{font-size:1.6em;padding:1.5% 0 1%;}
input,textarea,select{margin-bottom:5px;padding:2px;}
fieldset{padding:10px 5px;margin:15px 0;}
textarea {width:98%; height:200px;resize:vertical;}
.adr,input[type=tel],input[type=email]{width:363px;}
.nom{width:175px;}
.no{width:65px;}
.lieu{width:285px;}
nav img {width:100%;max-width:180px;}
hr {display:none;}
.nop {display:none;}
.aro {margin:0 -4px 0 -3px;}
.aro img{width:20px;height:18px;margin-bottom:-3px;}
#ligne {text-align:center;}

b,strong,.mail a, .mail{font-weight:bold;}

/*nav {position:fixed;}*/

.mail {text-align:center;padding-bottom:20px;}

.mail {font-size:1.2em;}
.tel {margin-top:-50px;font-size:0.9em;font-weight:bold;}

.bottom {text-align:center;margin:50px 0 100px 0;}
.bottom img {margin:auto 1%;}
section figure{float:right;margin-left:30px;width:25%;}
section figure img {width:100%;box-shadow: rgba(96,126,90,0.8) 2px 2px 1px;}
.italic {font-style:italic; text-shadow: rgba(255,255,255,0.8) 1px 1px 1px;font-weight:bold;}
.bold {font-weight:bold;}
.rdv {font-size:0.9em;font-weight:bold;}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	body {background-image:none; background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left; }
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	body {background-image:none;background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	body {background-image:none;background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left;}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	body {background-image:none;background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left;}
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	body {background-image:none;background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left;}
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	body {background-image:none;background-color:rgba(139,197,94,1);}
	footer {float:none;text-align:left;/*margin-top:-50px;margin-right:4px;*/}
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
}