@media print{body{line-height:14pt;font-family:Verdana, Arial, serif;}
#entete, #nav, #bandeau-short, #side-menu, #sidebar, #pied, #partage, img, form{display:none;}
h2{font-size:12pt;text-transform:uppercase;page-break-after:avoid;letter-spacing:2pt;}
h3{font-size:11pt;page-break-after:avoid;letter-spacing:2pt;}
h4{font-size:10pt;page-break-after:avoid;}
h5{font-size:10pt;page-break-after:avoid;}
p, ul, ol{font-size:9pt;text-align:justify;}
p{widows:3;}
ul, ol{list-style-type:none;padding-left:0;}
a{text-decoration:none;color:black;}
table{width:700px;text-align:center;}
}
@media handeld {body{font-family:Verdana, Arial, serif;}
#entete,  #bandeau-short, img, form{display:none;}

}
@media screen{html, body{margin:0;padding:0;font-family:Verdana, Arial, serif;font-size:90%;color:#666;}
body{background-color:#eaeaea;}
#conteneur{width:980px;background-color:#fff;margin:0 auto;padding:0;text-align:center;}
#entete{margin:0;text-align:left;background-color:#444; width:980px; height:130px;}
#titre{float:left;color:#fff;font-size:4em;width:500px;margin:5px 0;}
#titre h1{font-size:0.9em;margin:0 0 0 10px;font-family:Arial, serif;font-weight:normal;width:500px;display:block;letter-spacing:0.3em;text-transform:uppercase;}
#titre p{font-size:0.50em;color:#fff;text-transform:none;font-style:italic;margin:0 0 0 225px;width:500px;display:block;font-family:elli, Arial, Verdana, serif;}
#entete a{color:#fff;text-decoration:none;}
#entete a:hover{color:#ff9900;text-decoration:none;}
#traductions{display:none;width:150px;}
#traduction{margin:0 0 0 800px;padding:10px 0;color:#fff;width:150px;list-style-type:none;text-align:right;}
#traduction a{text-transform:none;font-size:0.9em;}
#nav, #nav ul{clear:left;margin:0 auto;list-style:none;text-align:left;}
#nav{background-color:#444;margin:0 0 2px 0;padding:16px 0 0 30px;font-size:12px;}
#nav ul, #nav ul li, #nav ul li a{background-color:#aaa;}
#nav a{background-color:#444;display:block;text-align:left;}
#nav ul li a{display:block;width:185px;font-size:0.99em;}
#nav a:hover{color:#ff9900;}
#nav li{float:left;margin:0 20px 0 0;text-transform:uppercase;   }
#nav li a.on {color:#ff9900;}
#nav li ul{text-align:left;position:absolute;width:190px;left:-999em;font-size:0.9em;padding:0;}
#nav li ul li{padding:3px;text-transform:none;}
#nav li ul a:first-letter{text-transform:uppercase;}
#nav li ul li a.on {color:#444; }
#nav li:hover ul, #nav li.sfhover ul{left:auto;background-color:#aaa;padding:5px 0 0 0;}
#bandeau-short{width:810px;float:right;padding:0;color:white;}
#side-menu{float:left;width:150px;text-align:left;margin:10px 0 0 10px;padding:0;}
#side-menu ul, #side-menu ul li{list-style-type:none;padding:0;margin:2px 0;}
#side-menu h3{font-size:1.1em;text-transform:uppercase;font-weight:normal;}
#sidebar{padding:50px 0 0 0;}
#sidebar img{width:140px;text-align:left;}
a:link img, a:visited img{border:1px solid #fff;}
a:focus img, a:hover img, a:active img{border: 1px solid #ff9900;}
#side-menu a{color:#444;}
#side-menu a:hover{color:#ff9900;}
#side-menu a.on{color:#ff9900;font-weight:bold;}
#diaporama1{float:left;width:65px;list-style-type:none;margin:39px 0 0 0;padding:40px 5px 0 15px;text-align:right;}
#diaporama2{width:85px !important;width:80px;float:left;list-style-type:none;margin:39px 0 0 0;padding:40px 0;text-align:left;}
#diaporama1 img, #diaporama2 img{width:60px;}
#cachet, #ulevante{float:left;}
#cachet a img {width:140px;  text-align:left;margin-left:5px; }
#ulevante img{margin:0 0 0 50px;}
.lcc1{padding-top:65em;}
.lcc2{padding-top:65em;}
.mwf, .ulevante{padding-top:90px;}
.logo-eco{padding-top:10em}
#contenu , #contenu_retrait{text-align:left;float:right;width:790px;margin:0 20px 0 0;line-height:1.45em;}
#contenu2{text-align:left;float:right;width:790px;margin:0 20px 10px 0;line-height:1.45em;}
#contenu p, #contenu_retrait p, #contenu2 p{text-align:justify;padding:0;font-size:0.95em;}
#contenu img a, #contenu_retrait img a, #contenu2 img a{border:1px solid #ff9900;padding:2px;}
#contenu ol li a, #contenu_retrait ol li a, #contenu2 ol li a{text-transform:uppercase;}
#contenu p, #contenu ol, #contenu_retrait p, #contenu_retrait ol, #contenu2 p, #contenu2 ol{margin:10px 0;}
#contenu ul, #contenu ul li, #contenu2 ul, #contenu2 ul li{list-style-type:none;padding:0;margin:0;line-height:1.6em;font-size:0.950em;}
#contenu ul ul, #contenu dl, #contenu2 ul ul, #contenu2 dl{margin:0 0 5px 10px;}
#contenu_retrait ul, #contenu_retrait ul li{list-style-type:none;padding:0;margin:0 0 0 20px;}
.accueil a{color:#aaa;}
.carte{float:left;margin:10px 40px 40px 0;}
.cote-droit{float:left;width:230px;margin:0 0 0 20px;padding:0;text-align:justify;}
#gauche{float:left;width:500px;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #444;}
.gauche-wide{float:left;width:510px;padding:0 30px 0 0;}
.detail{position:relative;top:5px;width:140px;float:left;}
.cote-gauche{float:left;width:230px;margin:0;padding:0 50px 0 0;}
.mid-gauche, .mid-droit{width:350px;float:left;}
.mid-gauche{padding:0 0 0 50px;}
.mid-gauche img{margin:20px 0 0 100px;}
.mid-droit{text-align:center;padding:10px 0 0 20px;}
.mid-droit img{margin:0 0 10px 10px;}
#listing-droit{width:305px;float:left;padding:0 20px 0 65px;}
#listing-droit ul{margin:0 0 0 15px;text-align:justify;}
#listing-droit ul li{margin:0 0 10px 0;list-style-type:circle;}
.fondpostit {width:250px;height:300px;background-image: url('../IMG/postit/postitblanc.jpg');position: relative;left:50px;font-size:0.9em;}
.inpostit {font-family: "Comic Sans MS", Verdana, Arial, serif;width:180px;text-align: center;font-weight:bold;position: relative;top:50px;left:30px;}
.nettoyeur{width:100%;clear:both;}
.cleaner{clear:left;padding:50px 0 10px 0;}
.fiches{margin:0 0 0 30px;}
.fiches ul li{display:block;height:2.1em;}
.centre{float:left;width:230px;padding:0 30px 0 0;}
.video{width:450px;margin:10px 0 10px 50px;float:right;}
.higher{padding-top:40px;}
.wilderness{padding-top:60px;font-size:90%;}
.wilderness h2{border-bottom:2px solid #2e4b97;}
.wilderness h2, .wilderness h3, .wilderness h4{color:#2e4b97;}
.vignette li{float:left;display:block;width:110px;}
#partage {clear:both; text-align:right; font-size: 1.3em; padding: 10px 40px 0 0; }
#pied{clear:both;width:980px;padding:10px 0;font-size:80%;}
#pied ul{list-style-type:none;}
#pied ul li{margin:5px 0;list-style-type:none;}
h2{color:#aaa;font-size:1.4em;margin:10px 0;padding:0 0 10px 0;font-weight:normal;border-bottom:3px solid #aaa;}
h3{color:#aaa;font-size:1.3em;margin:10px 0;font-weight:normal;}
h4{color:#999;font-size:1.2em;margin:10px 0;font-weight:normal;}
h5{color:#999;font-size:1.1em;margin:10px 0;font-weight:normal;}
a{color:#ff9900;text-decoration:none;-moz-transition-property: color;
-moz-transition-duration: .3s;
-moz-transition-timing-function: ease;
-webkit-transition-property: color;
-webkit-transition-duration: .3s; 
-webkit-transition-timing-function: ease;
transition-property: color;
transition-duration: .3s;
transition-timing-function: ease;}
a:active{color:#ff9900;text-decoration:none;}
a:hover{color:#ffd700;text-decoration:none;outline:none;}
a:visited, #nav a:visited{text-decoration:none;}
.bigger{letter-spacing:0.5em;text-transform:uppercase;}
.elli{font-family:elli,"Comic Sans MS", Verdana, Arial, serif;font-size:1.2em;}
.commentaire{width : 560px; background-color:#eee; margin: 15px 0 ; padding: 20px 10px 10px 20px; font-style: italic;}
.commentaire  span {display:block; padding: 10px 0 10px 300px; font-style:normal;}
.comment-sans {display:inline-block; width: 1.3em; height: 1.2em; font-size : 150%; background-color:#eee; color :#444; padding: 5px; text-align: center; border : 1px solid #ccc;}
.comment-sans:hover {color :#444;}
.comment-avec {display:inline-block; width: 1.3em; height: 1.2em; font-size : 150%; background-color:#eee;  padding: 5px; text-align: center; border : 1px solid #ccc;}
.comment-avec:hover {border : 1px solid #ffd700;}
.propre { clear:left;}
table{width:720px;text-align:center;}
th{font-weight:bold;color:#aaa;}
td, th{}
caption, thead, td.grey{}
form{width:600px;}
fieldset{  border-top:0px solid #999;
	  border-left:0;
	  border-bottom:0;
	  border-right:0;
	  margin :20px 0;
-webkit-box-shadow: 4px 4px 8px 3px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 4px 4px 8px 3px rgba(50, 50, 50, 0.3);
box-shadow: 4px 4px 8px 3px rgba(50, 50, 50, 0.3);
	  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;  
  border-radius: 10px;
;}
legend{font-size:1.1em;font-weight:bold;margin:0;padding:25px 0 0 15px;color:#999;}
label{display:block;width:200px;height:20px;float:left;margin:0px 5px 0px 15px;text-align:left;font-size:1em;}
input{font-size:0.9em;}
.antispam {font-size:0.9em;position: relative; left: 15px;color:#999;width: 500px;}
.radio{font-size:0.9em;}
.radio2{font-size:0.9em;}
.text{margin:0 5px 5px 0;width:300px;border:1px solid #999;background-color:#eaeaea;
}
.shorttext{margin:0 5px 5px 0;width:30px;border:1px solid #999;background-color:#eaeaea;  
}
.select{margin:5px 0;width:300px;border:1px solid #999;background-color:#eaeaea; }
.shortselect{margin:5px 0;width:260px;border:1px solid #999;background-color:#eaeaea; }

.checkbox{margin:2px 5px 2px 15px;font-size:0.9em;}
.submit{background-color:#eaeaea;margin:5px 0 5px 220px;text-align:center;width:150px;height:35px;font-size:13px;font-weight:bold; -moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);  
  -o-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);  
box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
	  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
border-radius: 5px;}
.textarea{margin:5px 0;width:300px;height:60px;border:1px solid #999;background-color:#eaeaea; }
.erreur {width : 300px;color:red; position: relative; left: 220px; border: 1px solid red; padding: 2px;  -moz-box-shadow: 2px 1px 3px red;
  -webkit-box-shadow: 2px 1px 3px red;
  -o-box-shadow: 2px 1px 3px red;
box-shadow: 2px 1px 3px red;
	  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
border-radius: 5px;}
.text,.shorttext,.select,.textarea,.shortselect
{-moz-transition-property: background-color, border-color;
-moz-transition-duration: .5s,.5s;
-moz-transition-timing-function: ease;
-webkit-transition-property: background-color, border-color;
-webkit-transition-duration: .5s,.5s; 
-webkit-transition-timing-function: ease;
transition-property: background-color, border-color;
transition-duration: .5s, .5s;
transition-timing-function: ease;
-moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
  -o-box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
box-shadow: 2px 1px 3px rgba(0,0,0,0.5);
	  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
border-radius: 5px;}
.text:focus,.shorttext:focus,select:focus,textarea:focus,.shortselect:focus{border:1px solid #ff9900;background-color:#fff; outline: 0 none;}
#ejs_box2_box{font-family:Verdana;width:500px;height:200px;padding:5px}
}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(../IMG/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(../IMG/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  fieldset{margin:0; padding:0; } 
  legend{margin:45px 0 0 10px; padding:0;}
  }