/* importé depuis /css/commun.css 
Est-ce bien nécessaire ? */

html,body {
	margin:0;
	}

body {
	font-family:sans-serif;
	font-size:0.9em;
	margin:15%;
}

#contenu ul {
	margin-left:3em;
}

/* Balises standards */

body {
	margin: 0 ;
	padding: 0 ;
	text-align: left ;
	font: 0.8em Verdana, "Trebuchet MS", helvetica, sans-serif ;
	background: #365220 ;
}
/* On définit les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* Ici text-align: left ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

p {
	color: black;
	font-size: 13px; 
	font-family: Verdana;
}

h1 {
	padding:0; 
	margin:0;
	color: #AD337D;
	text-align: center;
	font-weight: bold;
	font-family: Times New Roman;
	font-size: 32px;
}

h2 {
	color: #AD337D;
	padding-top: 20;
	padding-bottom:0;
	text-decoration: underline;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 20px;
}

h3 {
	color: #333399;
	font-size: medium;
	font-family: Times New Roman;
	line-height: 0.05em;
}

/* liste */

.liste-puce {
list-style-type: none;
background-image: url(/icones/boule-bleue.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
margin-left: 0px;
}
/* a remplacer par un li */

.li-comment {
padding-left: 15px;
margin-left: 0px;
}
/* utilisé uniquement dans la page papou dans manchots */


.liste {padding-left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;}

.puce:after
{
content: url(/icones/boule-bleue.gif);
vertical-align: middle;
}
/* utilisé surtout dans voyage pour les liens, ouvrages et quelques destinations */

/* span */
.texte { color: black; font-size: 13px; font-family: Verdana; }

.argument {color: navy; font-weight: bold; font-family: Verdana; font-size: 13px;}

.valeur {color: black; font-family: Verdana; font-size: 13px; font-weight: normal;}

.latin { font-style: italic; }

.mot-etranger { font-style: italic;}

.texte-non-francais {color: #669966; font-size: 13px; font-family: Verdana}
/* utilisé uniquement pour les noms en anglais des oiseaux dans voyages\themes\faune\oiseaux\ */

/* div */

#menu_droite { /* Google AdSense */
	margin: 0 ;
	position: absolute;
	top: 100px;
	left: 780px;
	padding: 0 0 0 0;
	text-align: left ;
	margin: 0px;
	border: 0px ;
	width: 160px;
}
/* Ouvrages */

.livre-titre { font-size: 13px; font-family: Verdana; font-weight: bold; color: navy; }
.livre-editeur {color: black; font-size: 13px; font-family: Verdana; font-style: italic; }
.livre-auteur	{color: black; font-size: 13px; font-family: Verdana; font-weight: bold; }
/* utilisé uniquement dans les ouvrages de Voyages */
/* argument est utilisé dans manchots */

/* Liens */
.lien-popup:after {
content: url(/icones/popup.gif);
vertical-align: middle;
}

.lien-pub:after {
content: url(/icones/publicite.gif);
vertical-align: middle;
}

/* FAQs */
.gras {	font-weight: bold;}

.numerotation {list-style-type: decimal; color: navy; font-size: 13px; font-family: Verdana; font-weight: bold;}

.faq-reponse {color: black; font-size: 13px; font-family: Verdana; font-weight: normal; }
/* faq-reponse uniquement pour les FAQs de voyages */

/* Formulaires */
.question-avis {color: navy; font-size: 13px; font-family: Verdana; font-weight: bold;}

/* Drapeaux */
/* A faire évoluer vers de vrais liens vers des images */
/* Utilisé uniquement dans les liens de la partie manchots */
.flag-uk:after {
content: url(/icones/drapeau-uk.png);
vertical-align: middle;
}

.flag-france:after {
content: url(/icones/drapeau-fr.png);
vertical-align: middle;
}

.flag-nihon:after {
content: url(/icones/flag-nihon.gif);
vertical-align: middle;
}

/* Citation de sources */
.citer-source {color: black; font-family: Verdana; font-size: 8px;}
.source {color: black; font-family: Verdana; font-size: 10px;}
.sources {color: black; font-family: Verdana; font-size: 10px; text-decoration: underline}

/* Photos */
.legende {color: black; font-size: 12px; font-family: Verdana; font-weight: bold; text-align: center;}

/* Pour les images placées à droite */
.image-a-droite {
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	border: 0;
	margin-left: 5px;
}

/* BLOCS */
.DescriptionPays {
	background-color: #E1F3E3; 
	border-style: solid; border-width: 1px; border-color: grey;
	margin-top: 20px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px}
/* Utilisé pour voyages et archéologie */

.DescriptionPaysDroite {
	padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px ;
	float: right;
	width: 220px;
	text-align: center;
	margin: 0;
}
/* Utilisé pour voyages, archéologie et annuaire */

.BlocListeDesSites {
	background-color: #E1F3E3; 
	border-style: solid; border-width: 1px; border-color: grey;
	margin-top: 20px; 
	padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px}
/* Utilisé pour voyages et archéologie */

.BlocCommentaires
{
background-color: #F3E0E7; 
border-style: solid; border-width: 1px; border-color: grey;
margin-top: 20px; 
padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px}

.BlocPhotos
{
background-color: #FFFBFC /* #F4FFFD #FFFAFC*/; 
border-style: solid; border-width: 1px; border-color: grey;
margin-top: 20px; 
padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }

.TitreBloc {
	font-weight: bold; 
}

.SousTitreBloc {
	font-weight: bold; 
}

.CommentaireBloc {
/*	font-size: smaller;*/
}


/* Structure de la page */

div#conteneur
{
	width: 770px ;
	margin: 0 ;
	text-align: left ;
	border: 0px ;
	background: #365220 ;
	/* border: 1px solid red; /* a retirer apres les tests */
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* margin: 0 pour que le block soit à gauche */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#en-tete
{  
	margin: 0 ;
	height: 100px ;
	background: no-repeat left top;
	/* border: 1px solid red; /* a retirer apres les tests */
}
/* On définit la hauteur de la partie header, contenant le titre du site */

.titre-site
{
	position:absolute;
	color: #E8E04C ;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding-top: 2px;
	padding-left: 2px;
	font-size: 22px;
	font-family: Times New Roman ;
}

.titre-ombre
{
	position:absolute;
	color: black ;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 22px;
	font-family: Times New Roman ;
}

#menu-gauche
{
	font-size: 0.85em;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	background: #365220;
	background: url(/voyages/gauche.jpg) no-repeat left top ;
	width: 133px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 133px;
	}
html>body #menu-gauche
{
	width: 133px /* ie5win fudge ends */
}

#petit-conteneur {
	margin-top: 0px;
	float: left; 
	padding: 0 0 0 0;
	margin: 0px;
	border: 0px;
	background: white;
	width: 637px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 637px;
}
html>body #petit-conteneur
{
	width: 637px; /* ie5win fudge ends */
}

div#contenu
{	
	margin-top: 0px;
	margin: 0px;
	border: 0px solid ; /* a retirer apres les tests */
	padding: 0 5px 0 5px ;
	background: url(/voyages/coin.jpg) no-repeat 0px 0px white;
}

div#bas-de-page {
	padding-bottom: 5px;
	font-size: 0.8em;
	font-family: Verdana;
	text-align: center;
	color: black ;
}

.titre-menu-gauche {
	margin-top: 30px;
	padding-bottom: 12px;
	color: #CDBAA0 ;
	text-decoration: underline;
	text-align: center;
	font-weight: bold; 
	font-size: 11px;
}

.bas-de-page { font-size: 10px; font-family: Verdana; text-align: center; }

/* Menu horizontal */