@charset "utf-8";
/* Feuille de style générale pour le site de la SAS Nature */
* {margin: 0;padding: 0;}
body {margin:0;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;}
/*Enveloppe générale de la page*/
#wrapper {width:960px;height:auto;margin-right:auto;margin-bottom:10px;margin-left:auto;}
/*En-tête*/
#header {width:960px;height:234px;}
/*Enveloppe du contenu*/
#contenu {width:940px;height:auto;padding-left:10px;padding-right:10px;text-align:center;}
/*Section colonnes*/
#contCol {width:940px;height:auto;height:auto;margin-top:25px;padding-left:10px;padding-right:10px;position: relative;}
#colright {width:610px;height:auto;float:right;padding-left:10px;position:relative;}
#colleft {width:300px;height:auto;padding-left:10px;padding-right:10px;float:left;position:relative;}
/*Enveloppe des textes*/
#txt {width:auto;height:auto;margin-top:25px;text-align:justify;}
#txtspc {width:auto;height:auto;margin-top:25px;text-align:justify;}
/*Enveloppe des titres*/
#titre {width:auto;height:auto;margin-top:25px;padding-top:15px;padding-bottom:15px;text-align:center;}
#tlft {width:auto;height:auto;margin-top:35px;padding-top:15px;padding-bottom:25px;text-align:justify;}
/*Enveloppe des photos*/
#bte {width:auto;height:auto;margin-top:35px;position:relative;}
#img {width:auto;height:auto;text-align:center;position:absolute;}
#txt2 {width:auto;height:auto;position:absolute;}
#ntc {width:auto;height:auto;position:absolute;font-size:10px;text-align:center;}
#photos {width:auto;height:auto;margin-top:35px;text-align:center;}
#photoleft {width:auto;height:auto;text-align:center;float:left;margin-top:10px;margin-right:15px;}
#photoright {width:auto;height:auto;text-align:center;float:right;margin-top:10px;margin-left:15px;}
.wht {border: 2px solid #fff}
.blck {border: 2px solid #000}
/*SECTION NAVIGATION*/
.evnav, .pub, .pub2, .pub3 {width:250px;height:auto;margin-top:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border:#000 solid 1px;text-align:center;padding:10px;}
.evnav {background-color:#003000}
#enav {width:250px;height:auto;text-align:left;display:block;}
.enav {margin:0;padding:0;list-style:none;} 
.enav a {display:block;margin-top:5px;margin-bottom:5px;font:16px Arial, Helvetica, sans-serif;color:#fff;font-weight:bold;text-decoration:none;}
.enav a:hover, .enav a:focus, .enav a:active {text-decoration: underline;font-weight:bolder;}
/*Enveloppe publicité et liens*/
.pub {background-color:#ddd;}
.pub2 {background-color:#424977;color:#f8e5a6;}
.pub3 {background-color:#00004c;color:#ffffff;}
.txt2 {margin-top:10px;margin-bottom:10px;font:10px Verdana, Geneva, sans-serif;color:#000;text-align:justify;}
.txt3 {margin-top:10px;margin-bottom:10px;font:10px Verdana, Geneva, sans-serif;color:#f8e5a6;text-align:center;}
.txt4 {margin-top:10px;margin-bottom:10px;font:10px Verdana, Geneva, sans-serif;color:#ffffff;text-align:center;}
/*Section liens*/
#link {width:250px;height:auto;font-size:14px;text-align:left;display:block;}
.link {width:250px;margin:0;padding:0;list-style:none;} 
.link a,.pub a {display:block;margin-top:5px;margin-bottom:5px;color:#000;font-size:14px;text-decoration:none;}
.pub2 a {display:block;margin-top:5px;margin-bottom:5px;color:#f8e5a6;font-size:14px;text-decoration:none;}
.pub3 a {display:block;margin-top:5px;margin-bottom:5px;color:#3366FF;font-size:14px;text-decoration:none;}
.link a:hover,.pub a:hover,.pub2 a:hover {
	text-decoration:none;
	font-weight:bolder;
	color: #FFF;
}
/*Section retour*/
#retour {width:auto;height:auto;margin-top:35px;font-size:14px;padding-top:10px;padding-bottom:10px;text-align:right;display:block;}
/*Section du pied de page*/
#footer {width:auto;height:auto;margin-top:25px;font-size:10px;text-align:center;}
/*Section typographie*/
#notice {width:auto;height:auto;font-size:10px;text-align:center;margin-top:5px;}
.citation {font-style:italic;}
#auteur {width:auto;height:auto;margin-top:10px;font-size:14px;text-align:center}
#biblio {width:auto;height:auto;margin-top:25px;padding-left:35px;padding-right:20px;font-size:10px;text-align:justify;}
.ibid {text-align:justify;font-style:italic;}
.ul {height:auto;width:auto;list-style:circle;margin-left:20px;margin-right:20px;}
.ol {height:auto;width:auto; list-style:decimal;margin-left:20px;margin-right:20px;} 
 /* cette classe doit être placée pour un élément div ou break et doit être l'élément final
avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
/*LIGNES SÉPARATRICES*/
#hrblck,#hrgr,#hrwht {height:auto;width:610px;margin-top:50px;margin-left:auto;margin-right:auto;padding-bottom:25px;background-repeat:no-repeat;}
#hrblck {background-image:url(../images/hrblck.jpg);}
#hrgr {background-image:url(../images/hrgr.jpg);}
#hrwht {background-image:url(../images/hrwht.png);}
#hrlftgr {height:1px;width:610px;margin-top:25px;background-repeat:no-repeat;background-image:url(../images/hrgr.jpg);}
/*Lire la suite*/
#suite {width:auto;height:auto;font-size:12px;text-align:right;}
sup {vertical-align:super;font-size:70%;line-height:80%;}
sub {vertical-align:sub;font-size:70%;}
/* Encadrer le texte autour d'une image*/
#rightimg {float:right;margin:0 0 0 15px;}
#leftimg {float:left;margin:0 15px 0 0;}
/*Espacement*/
#spacer {width:auto;height:30px;}