body
{
	margin: auto;
	padding: 0;  
	min-width : 1000px;
	max-width: 1320px;
	font: 14px/1.5 Georgia, "Times New Roman", serif;
	color:#666;
	background:#fff url(/images/body_back.jpg) repeat;
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*--------------------------------------------------Les images----------------------------------------------*/

img /*ok elle marche totalement !! Ne plus toucher à ces propriétés!*/
{
	display: block;
	text-align: center; /*Pour que IE centre mes images... margin ne lui suffit pas! Cependant ca ne marche pas dans les images contenues dans un tableau, comme celles de la page d'accueil*/
	margin: auto;
	width: auto;
	height: auto;
	border: 0;
	max-width: 100%;
}
/*********************************Appliquer ces filtres à toutes les photos des carnets de voyage!!!***************************************************/
div.polaroid
{
width:auto;
padding:10px 10px 10px 10px;
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:2px 2px 3px #aaaaaa;
}

div.rotate_left
{
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
transform:rotate(7deg);
}

div.rotate_right
{
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
transform:rotate(-8deg);
}

.ombre
{
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #555;
-webkit-box-shadow: 5px 5px 5px #555;
box-shadow: 5px 5px 5px #555;
}

/**********************************************************************************************************************************************************/
.inline img
{
	display: inline;
}

.google_translate
{
	width: 100%; /*pour image "google" du translation tool*/
}
.google_translate img
{
	display: inline;
	width: 67%; /*pour image "google" du translation tool*/
}


/************************************************************ SPRITES ********************************************************************/
/* Sprite body couleurs qu'avec des images dont la taille est fixe */
.mini_bouton_valid,
.bouton_valid_jaime,
.bouton_valid_jaime:hover,
.drapeau_fr,
.drapeau_en,
.drapeau_al,
.drapeau_es,
.drapeau_it,
.drapeau_ar,
.drapeau_ru,
.drapeau_cz,
.drapeau_nl,
.drapeau_jp,
.retour,
.suivant,
#corps h2,
.puce_terre,
.puce_fleur_menu_li, 
.puce_fleur_menu_li_li,
.puce_fleur_menu_li:hover, 
.puce_fleur_menu_li_li:hover,
.element_sidebar .email,
.pdp .favoris,
.bug_lien_favoris_ie a,
.signature,
.signature_news,
#menu .haut,
#menu .bas,
#sidebar .haut,
#sidebar .bas,
.search-bar .search_submit_button,
.drapeau_en_sidebar,
.w3c_css,
.w3c_xhtml,
.wwf,
.dix_dix,
.teli,
.new_pf,
.new_gf{background: url("/images/sprite_body.png") no-repeat;}

/* Sprite body Hover N/B ====> Que sur liens */
.pdp .favoris:hover,
.bug_lien_favoris_ie a:hover,
.w3c_css:hover,
.w3c_xhtml:hover,
.wwf:hover,
.dix_dix:hover,
.teli:hover{background: url(/images/sprite_body_galeries.png) no-repeat;}
/* Fin Sprite body Hover N/B */

/**** Body/Corps ****/
	#corps h2 {background-position: -809px -316px;}
	.retour, .suivant {display: block;padding-left: 1%;color: #d5d5df;width: 35px;height: 25px;}
	.retour{background-position: -496px -21px;float: left;}
	.suivant{background-position: -496px -49px;float: right;}
	.search-bar .search_submit_button{background-position: -496px -77px;}
	.signature {position: absolute; left: 0; background-position: -930px -184px; width: 107px; height: 72px;}
	.signature_news{background-position: -930px -184px; width: 107px; height: 72px;}
/**** Fin Body/Corps ****/
/**** Menu ****/
	#menu .haut{background-position: -600px 0; margin: 0; padding: 0; height: 40px; width: 230px;}
	#menu .bas{background-position: -600px -45px; margin: 0;	padding: 0; height: 52px; width: 230px;}
	.puce_fleur_menu_li /*Mis dans balise li pour que le hover de l'image marche avec le hover du lien*/{background-position: 0 -316px;display: block;min-height:22px;}
	.puce_fleur_menu_li:hover{background-position: -200px -316px;}
	.puce_fleur_menu_li_li{background-position: -400px -316px;display: block;min-height:22px;}
	.puce_fleur_menu_li_li:hover{background-position: -600px -316px;}
/***************************************************/	
	.new_pf{background-position: -848px -256px;}
	#menu .new_pf{display:block;position:relative;left:-35px;padding-right:10px;}
	#sommaire li .new_pf{position: absolute;left:315px;display:block;width: 50px;min-height:38px;}
	#sommaire p .new_pf{position: absolute;left:250px;display:block;width: 50px;min-height:38px;}
	.new_pf .a_new_pf{display: block;margin-left:35px;min-height:38px;}
	.new_pf .puce_fleur_menu_li_li{position:relative;top:-20px;left:35px;}
/***************************************************/	
	.new_gf{background-position: -824px -112px; width:120px; height:70px; display:block;}
/**** Fin Menu ****/
/**** Sidebar ****/
	#sidebar .haut{background-position: -832px 0; margin: 0; padding: 0; height: 40px; width: 230px;}
	#sidebar .bas{background-position: -832px -56px;	margin: 0; padding: 0; height: 52px; width: 230px;}
	.element_sidebar .email{background-position: -544px 0; width: 49px; height: 54px; margin: auto;}
	.mini_bouton_valid/*pour validation news*/{background-position: 0 0;display: block; background-color:transparent;border:0px;width:150px; height:141px;cursor: pointer;text-indent:-5000px;color: #d0ceca;}
	.mini_bouton_valid:hover /*pour validation news*/{background-position: -150px 0;display: block; background-color:transparent;border:0px;width:150px;	height:141px;cursor: pointer;}
	.wwf{background-position: 0 -152px; width:120px; height:90px; display:block; margin:auto; margin-bottom:5%;}
	.wwf:hover{background-position: 0 -152px;}
	.dix_dix{background-position: -128px -152px; width:100px; height:100px; display:block; margin:auto; margin-bottom:5%;}
	.dix_dix:hover{background-position: -128px -152px;}
	.teli{background-position: -231px -152px; width:150px; height:111px; display:block; margin:auto;}
	.teli:hover{background-position: -231px -152px;}
	.drapeau_en_sidebar{background-position: -948px -112px; float: left; padding-left: 0; width: 66px; height: 44px; margin: 0; margin-top: 5px;}
/**** Fin Sidebar ****/
/**** Pied De Page ****/
	.bouton_valid_jaime /*pour validation jaime*/{background-position: -384px -152px; width: 160px; height: 117px; float: left; margin-right: 5%; font-size:0px;color: #d0ceca;}
	.bouton_valid_jaime:hover /*pour validation jaime*/{background-position: -298px 0;cursor: pointer}
	.puce_terre{background-position: -809px -316px; margin-right: 5%; float: left; width: 25px; height: 27px;}
	.pdp .favoris{background-position: -544px -60px; float: left; width: 45px; height: 49px; margin-right: 10px;}
	.pdp .favoris:hover{background-position: -544px -60px;}
	.bug_lien_favoris_ie a { background-position: -544px -60px; width: 45px; height: 49px;}
	.bug_lien_favoris_ie a:hover { background-position: -544px -60px;}
	.w3c_css{background-position: -824px -184px; width:88px; height:31px; display:inline-block; margin:auto;}
	.w3c_css:hover{background-position: -824px -184px;}
	.w3c_xhtml{background-position: -824px -220px; width:88px; height:31px; display:inline-block; margin:auto;}
	.w3c_xhtml:hover{background-position: -824px -220px;}
	.logo_pdp{background-position: -608px -96px; width:210px; height:219px;}
/**** Fin Pied De Page ****/
/****************************************** fin sprite body ******************************************************************/

/*Autres images*/
.bienvenus{background: url(/images/image_bienvenus.gif); width:109px; height:44px; display:block; margin:auto;margin-bottom: 15%;}
.merci{background: url(/images/merci.gif); width:50px; height:50px; display:block; margin:auto;}
#pied_de_page .img_bg_corps_bottom_left{background: url(/images/bg_corps_bottom_left.png); width:435px; height:388px; display:block; }
/**/

/* Suite sprite body non présents en galeries */
.drapeau_fr, .drapeau_en, .drapeau_al, .drapeau_es, .drapeau_it, .drapeau_ar, .drapeau_ru, .drapeau_cz, .drapeau_nl, .drapeau_jp
{
	display: inline;
	padding-left: 1%;
	width: 25px;
	height: 16px;
	margin: 1px;
}

.drapeau_fr{background-position: -466px -82px;}
/* <span class="drapeau_fr" title="Français"><span class="hidden">.... </span></span> */
.drapeau_en{background-position: -466px -42px;}
/* <span class="drapeau_en" title="English"><span class="hidden">.... </span></span> */
.drapeau_en_grand_format
{
	background: url("/images/drapeau_en_grand_format.png") no-repeat;
	display: block;
	float: left;
	padding-left: 1%;
	width: 113px;
	height: 70px;
	margin: 1px;
}
.drapeau_al{background-position: -466px 0;}
/* <span class="drapeau_al" title="Deutsch"><span class="hidden">.... </span></span> */
.drapeau_es{background-position: -466px -62px;} 
/* <span class="drapeau_es" title="Español"><span class="hidden">.... </span></span> */
.drapeau_it{background-position: -466px -103px;}
/* <span class="drapeau_it" title="Italiano"><span class="hidden">.... </span></span> */
.drapeau_ar{background-position: -466px -22px;}
/* <span class="drapeau_ar" title="العربية"><span class="hidden">.... </span></span> */
.drapeau_ru{background-position: -496px 0;}
/* <span class="drapeau_ru" title="Россию"><span class="hidden">.... </span></span> */
.drapeau_cz{background-position: -496px -96px;}
/* <span class="drapeau_cz" title="中文"><span class="hidden">.... </span></span> */
.drapeau_nl{background-position: -496px -118px;}
/* <span class="drapeau_nl" title="Nederlanders"><span class="hidden">.... </span></span> */
.drapeau_jp{background-position: -434px -118px;}
/* <span class="drapeau_jp" title="日本語"><span class="hidden">.... </span></span> */
/** Fin **/

/* Sprite commentaires */
.bouton_valid_com, .bouton_valid_com:hover
{
	background-image: url("/images/sprite_commentaires.png");
	display: block; 
	background-color:transparent;
	border:0px;
	width:331px;	
	height:331px;
	cursor: pointer;
	text-indent:-9999px;
	color:#d0ceca;
}
.bouton_valid_com /*pour validation commentaires*/{background-position: 0 0;}
.bouton_valid_com:hover /*pour validation commentaires*/{background-position: -344px 0;}
/* fin sprite commmentaires */

/*--------------------------------------------------------Les liens------------------------------------------------*/

a, #menu li a, #sidebar li a{
	color:#2d3536;
	text-decoration:none;
}

a:visited, #menu li a:visited, #sidebar li a:visited, #corps  a:visited, #pied_de_page a:visited, #signature a:visited{
	text-decoration:none;
	color:#92386f;
	font-style:italic;
}

#corps a, #pied_de_page a , #signature a{
	color:#2d3536;
	text-decoration:none;
	border-bottom:1px dotted #826a4d;
}

a:hover, #corps a:hover, #pied_de_page a:hover, #menu li a:hover, #sidebar li a:hover {
	color:#00a6fc;
	text-decoration:none;
}

a:active, #corps a:active, #pied_de_page a:active, #menu li a:active , #sidebar li a:active {
	color:#006c05;
	text-decoration:none;
}

.liens_commentaires {
	font-style: italic;
	color: #5f9ea0!important;
}
.liens_commentaires:hover{
	color:#00a6fc!important;
}




/*--------------------------------------------------MAP-----------------------------------------------------*/

#map_vietnam
{
	position: absolute;
	top:0;
	left:0;
	display:block;
}



/*--------------------------------------------------L'en-tête-------------------------------------------------*/


.logo_sous_entete
{
	float: left;
	background: url(/images/logo_officiel_nam_around_the_world_pdp.png); /*/images/logo_officiel_nam_around_the_world_pied_de_page_noel.png*/
	display:block;
	width:210px; 
	height:219px;
	margin:0%;
}

.sous_entete
{
	text-align: center;
	font-style: italic; 
	margin: 0;
	color: #22201d;
}


/*recherche*/
.search-bar{display:inline;width:278px;height:28px;line-height:28px;position:absolute;top:0;right:0;background-color:#666666;}
.search-bar p{display: inline}
.search-bar .text{height:26px;width:250px;background-color:transparent;font-style:italic;border:0;left:10px;position:relative;font-size:12px;color:#e6e3dc;}
.search-bar .text:focus{background-color:transparent;color:#e6e3dc;font-size:12px;}
.search-bar .search_submit_button{background-position: -496px -77px;width:13px;height:13px;background-color:transparent;border:0;}
.search-bar .search_submit_button:hover{cursor:pointer;}


/*-----------------------------------------------------Le menu-------------------------------------------------*/

#menu
{
   float: left;
   width: 230px;
   margin-right: 1%;
   margin-bottom: 1%;
   display: block;
}

#menu .centre
{
	background: url("/images/bg_menu_centre.png") top right repeat-y;   
	margin: 0;
	padding: 0;
	width: 230px;
}

#menu .margin_bottom_0, #sidebar .margin_bottom_0, .element_sidebar .margin_bottom_O /* pour que ie arrete de me séparer mon image du bas une fois sur 2...*/
{
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}

#menu .bas img
{
	margin-left: 35%; /*pour centrer l'image par raport à l'id menu*/
}

.element_menu
{
	/*margin-bottom: 5%; ===> Supprimé pour que l'image du bas se colle au reste*/
	display: block;
	padding-top: 3%;
	padding-bottom: 5%;
	padding-left: 13%;
	padding-right: 20%;
}

.element_menu h3 
{    
   margin-top: 0; /*pour que ie ne mette pas d'espace entre les /images...*/
   color: #282522;
   text-align: center;
   font-style: italic;
   font-size: 130%;
}

#menu ul
{
   padding: 0;
   padding-left: 2px;
   padding-bottom: 5%;
   margin: 0;
   margin-bottom: 5%;
   margin-top: 5%;
}

#menu li
{
	margin-top: 5%;
	margin-left: 5px;
	margin-bottom: 5%;
	list-style-type: none;
	min-height: 22px;
}

#menu li ul li
{
	margin-left: 20px;
	margin-bottom: -5%;
}

#menu a
{
	padding-left: 25px;
	text-decoration: none;
}


#menu .categorie
{
	font-weight: bold;
	border-top: 2px solid #282522;
	border-bottom: 2px solid #282522;
	margin: 2%;
	max-width: 180px;
	text-transform:uppercase;
	text-align:center;
	color: green;
}


.puce_fleur_menu_li a, .puce_fleur_menu_li_li a
{
	display: block;
}


/*-------------------------------------------------------La sidebar-------------------------------------------------------*/

#sidebar
{
	float: right;
   width: 230px;
   margin-bottom: 1%;
   margin-left: 1%;
   display: block;
}

#sidebar .centre
{
	background: url("/images/bg_sidebar_centre.png") top right repeat-y;   
	margin: 0;
	padding: 0;
	width: 230px;
}

.element_sidebar
{
	display: block;
	padding-top: 3%;
	padding-bottom: 5%;
	padding-left: 20%;
	padding-right: 13%;
}

.element_sidebar h3 
{    
   margin-top: 0; /*pour que ie ne mette pas d'espace entre les /images...*/
   color: #282522;
   text-align: center;
   font-style: italic;
   font-size: 130%;
}

#sidebar ul
{
   padding: 0;
   padding-left: 2px;
   padding-bottom: 5%;
   margin: 0;
   margin-bottom: 5%;
   margin-top: 5%;
}

#sidebar li
{
	margin-top: 5%;
	margin-left: 5px;
	margin-bottom: 5%;
	list-style-type: none;
	min-height: 22px;
}

#sidebar li ul li
{
	margin-left: 20px;
	margin-bottom: -5%;
}

.element_sidebar .liens_texte a
{
	padding-left: 25px;
	text-decoration: none;
}

#english_heart
{
	padding : 0;
	margin: 0;
	text-align: center;
	font-size: 90%;
}



/*----------------------------------------Menu top and bottom actually : liens suivant, next et index------------------------------------*/

#corps .menu_top, #corps .menu_top ul
{
	margin: 0;
	padding: 0;
	line-height : 21px;
	width: 100%;
}

/* A METTRE EN PLACE QUAND J AURAI QUE CA A FAIRE !!!! Supprimer tous les br et en profiter pour envoyer à la ligne (ou raccourcir) les nav trop longs...*/
#corps .menu_top .mb /* Obligé de séparer sinon ça marche pas comme il faut : séparation menu-top du h1... pas besoin des BR en fait T-T Juste utile si une nav fait 3 lignes........... */
{
	margin-bottom: 30px;
}


#corps .menu_top div li a /*séparé, sinon le dotted bottom se met sur tout le li*/
{
        display : block; 
        padding : 0; 
		border: 0;	
		text-decoration: none;
}

#corps .menu_top a
{
		color: #00a6fc;
}

#corps .menu_top a:hover /* sinon ca n'agit pas*/
{
		color: #444444;
}

#corps .menu_top a:before 
{
		content: "~ ";
}

#corps .menu_top a:after
{
		content: " ~";
}

#corps .menu_top li /* Elements des listes */      
{ 
        float : left;
		width: 33%;
		margin: auto;
		margin-bottom: 1%;
}



/*-------------------------------------------------ENTETE--------------------------------------------------*/


#menu_entete
{
	position: relative;
}

#menu_entete a
{
	position: absolute;
	background: url("/images/sprite_header.png") no-repeat;
	margin:0; 
	border:0; 
	display: block;
	text-decoration: none; /*Sinon il me souligne les liens invisibles!!*/
}

#menu_entete em
{
	visibility: hidden;
}

a#menu_entete_accueil { left: 3%; top: 65%; background-position: -236px 0; width: 95px; height: 68px;} /*height +5 si utilisation de l'autre*/
a#menu_entete_carnets_de_voyages { left: 11%; top: 40%; background-position: -552px -100px; width: 218px; height: 67px;}
a#menu_entete_photos_de_voyages { left: 37%; top: 32%; background-position: -1007px -100px; width: 262px; height: 69px;}
/*a#menu_entete_mobilite_internationale { left: 37%; top: 32%; background-position: 0px -100px; width: 266px; height: 69px;}*/
a#menu_entete_environnement { left: 50%; top: 70%; background-position: -1092px 0; width: 181px; height: 68px;}
a#menu_entete_dossiers_speciaux { left: 24%; top: 70%; background-position: -664px 0; width: 209px; height: 66px;}
a#menu_entete_a_propos { left: 84%; top: 15%; background-position: 0 0; width: 112px; height: 67px;}
a#menu_entete_livre_or { left: 87%; top: 50%; background-position: -1472px 0; width: 127px; height: 63px;}
a#menu_entete_contact { left: 85%; top: 80%; background-position: -436px 0; width: 104px; height: 42px;} 

a#menu_entete_accueil:hover {background-position: -336px 0; width: 95px; height: 68px;}
a#menu_entete_carnets_de_voyages:hover{background-position: -780px -100px; width: 218px; height: 67px;}
a#menu_entete_photos_de_voyages:hover { left: 37%; top: 32%; background-position: -1272px -100px; width: 262px; height: 69px;}
/*a#menu_entete_mobilite_internationale:hover{background-position: -276px -100px; width: 266px; height: 69px;}*/
a#menu_entete_environnement:hover{background-position: -1284px 0; width: 181px; height: 68px;}
a#menu_entete_dossiers_speciaux:hover {background-position: -876px 0; width: 209px; height: 66px;}
a#menu_entete_a_propos:hover{background-position: -120px 0; width: 112px; height: 67px;}
a#menu_entete_livre_or:hover{background-position: -1616px 0; width: 127px; height: 63px;}
a#menu_entete_contact:hover{background-position: -552px 0; width: 104px; height: 42px;}





/*--------Séparation corps 2 colones 50/50 !! utilisé dans pdp et rpv 2012!!-------*/



/*******************************/

.deux_colonnes_pdp, .deux_colonnes_pdp ul /* Liste */     
{
    padding : 0;
    margin : 0;
}

.deux_colonnes_pdp li  /* Elements des listes */      
{ 
    float : left;
	width: 49%;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body .deux_colonnes_pdp li
{
	list-style-type: none;
}

.deux_colonnes_pdp li ul /* Sous-listes*/
{ 
	margin-top: 10px;
}

.deux_colonnes_pdp li ul li
{ 
	clear: left;
	margin-left: 5%;
	text-align: left;
	width: 90%;
	outline:outset #c6c7c8; /*https://www.w3schools.com/css/pr_outline.asp*/
	margin-bottom: 10px;
}

.deux_colonnes_pdp .pdp li ul li
{
	padding: 2%;
}

/*----------------------------------------------------- 2 Colones 30 - 70 Partenaires --------------------------------------*/


.bloc_left_30 /* Blocs screenshot */
{
	float: left;
	width: 29%;
	padding-right: 2%;
	margin-bottom: 5px;
	margin-left: 5%;
}
 
.bloc_right_70  /* Bloc description */
{
	min-height: 121px;
	margin-bottom: 10px;
}


/*----------------------------------------------------- 2 Colones 70 - 30 Vidéos --------------------------------------*/

/* ===> N'est plus utilisé pour les liens HD car depreciés... mais code gardé pour accueil des touristes en Oz (sous-titres anglais) <=== */

.bloc_left_70 /* Bloc vidéo normale */
{
	float: left;
	width: 69%;
	margin: 0;
	margin-right: 1%;
	padding: 0;
}
 
.bloc_right_30  /* Bloc lien fancybox HD */
{
	margin: 0;
	padding: 0;
	padding-top: 100px;
	min-height: 200px;
}


/*-------------------------------------- Galeries photos, version ie7 à part------------------------------------*/


#galeries_photos
{
	padding: 1%;
	margin: 1%;
	width: 800px;
}

#galeries_photos h3, #galeries_photos p
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#galeries_photos li { 
	text-align: center;
    display: inline-block; 
    list-style: none!important; /* pour ie7 */ 
	text-indent:0!important;
	margin-left:0!important;
	padding-left:0!important;
}

.galerie_photo_australie li{
	width: 190px!important;/* pour ie7*/
}

.galerie_photo_vietnam li {
    width:155px!important;/* pour ie7*/
}

.galerie_photo_irlande li {
    width: 390px!important;/* pour ie7*/
}

#galeries_photos li a { 
    display: inline; 
	height: 100%;
    text-decoration: none;
}



/*--------------------------------------------GRANDS INDEXS-----------------------------------*/


#menu_carnets_voyages, #menu_environnement, #menu_photos_voyages, #menu_dossiers_speciaux, #pages_erreurs
{
	width: auto;/* permet de rester dans le corps et non de le dépasser.... va savoir pourquoi ca veut dépasser sur la droite, de 50px!*/
	margin:auto!important;
}

#menu_carnets_voyages li a, #menu_environnement li a , #menu_photos_voyages li a, #pages_erreurs li a/* Contenu des listes */
{
	display:block;
	border-bottom:none;
}

.trois_colonnes/* Elements des listes */      
{ 
	display:inline-block;
	width:32.8%;
	vertical-align:text-top;
	margin:auto;
}

.deux_colonnes/* Elements des listes */      
{ 
	display:inline-block;
	width:49%;
	vertical-align:text-top;
	margin:auto;
}

#deux_colonnes.deux_colonnes/* Elements des listes */      
{ 
	display:inline-block;
	width:49%;
	margin:auto;
}

/****************PAGES ERREURS***************/


#pages_erreurs
{
	text-indent:0!important;
	margin-left:0!important;
	padding-left:0!important;
}

#pages_erreurs .trois_colonnes
{
	width:30%;
	margin:auto;
	margin:1%;
}

.podium li
{
	background-color: green;
	color: white;
	border: 2px outset #000000;
	text-align:center;
}

.pages_erreurs_choix
{
	border: 1px outset #c6c7c8;
	margin:1px;
	margin:auto;
	background: url("/images/bg_emails.jpg") no-repeat;
}

.font_size120 /*podium1*/
{
	font-size: 120%;
}

.font_size80 /*podium 2*/
{
	font-size: 70%;
}

.font_size200
{
	font-size: 200%;
}

#pages_erreurs .coeur
{
	padding:5%;
}

#pages_erreurs .liens_redirection
{
	padding-left:5px;
}
/****************DOSSIERS SPECIAUX et COLONNES***************/

#menu_dossiers_speciaux .deux_colonnes
{
	display:inline-block;
	width:46.8%;/* à cause d'ie 7 8 9...*/
	height: 100%;
	max-height: 100%;
	border: black outset 1px;
	background: white;
	padding: 1%!important;
	margin:0;
	margin-bottom: 10px;
}

#menu_dossiers_speciaux .hauteur_fixe
{
	height:120px;/*pour quand la fenetre est réduite*/
}

.vertical_align_bottom
{
	vertical-align:bottom;
}
.vertical_align_text_top
{
	vertical-align:text-top;
}

.col_gauche
{
	margin-right: 1%!important;
}


.consulter_le_dossier
{
	margin-top: 15px;
	border-top: black dotted 1px;
}

/****************MENU CARNETS DE VOYAGES / ENVIRONNEMENT / Pages erreurs bg li**************/

.carn_voy_bg_li, .environnement_bg_li, .pages_erreurs_bg_li
{
	width:auto;
	margin:auto!important;
	margin-bottom: 10px;
	text-indent:0!important;
	margin-left:0!important;
	padding-left:0!important;
}

.pages_erreurs_bg_li
{
	margin-top: 10px;
}

.carn_voy_bg_li li, .environnement_bg_li li, .pages_erreurs_bg_li li
{
	list-style:none!important;
	text-align: left;
	outline: 2px outset #c6c7c8; /*https://www.w3schools.com/css/pr_outline.asp*/
	margin-bottom: 10px;
}

.carn_voy_bg_li li
{
	max-width: 210px;
	height:30px;
}

.environnement_bg_li li
{
	max-width: 300px;
	height:30px;
}

.carn_voy_bg_li li a, .environnement_bg_li li a
{
	padding : 0;   
	height:30px;/* pour que toute la hauteur soit prise en compte */
	text-decoration:none;
	background-position: 0 0;
	margin: 0;
	border-bottom:none;
}

.carn_voy_bg_li li a
{
	background: url("/images/sprite_index_carnets_de_voyages.jpg") no-repeat;
}

.environnement_bg_li li a
{
	background: url("/images/sprite_index_environnement.jpg") no-repeat;
}

.pages_erreurs_bg_li li a
{
	font-style:italic;
	color:#92386f!important;
}

.pages_erreurs_bg_li li a:hover
{
	color:#00a6fc!important;
}

.carn_voy_bg_li li.japan a:hover
{
	background-position: 0 -32px;
	color: #d99139!important; 
}
 
.carn_voy_bg_li li.sri_lanka a:hover 
{
	background-position: 0 -64px;
    color: #681a17!important;
}
 
.carn_voy_bg_li li.thailand a:hover 
{
	background-position: 0 -96px;
    color: #b23412!important;
}
 
.carn_voy_bg_li li.vietnam a:hover 
{
	background-position: 0 -128px;
    color: #be547b!important;
}

.carn_voy_bg_li li.australia a:hover 
{
	background-position: 0 -160px;
    color: #f9c858!important;
}
 
.carn_voy_bg_li li.france a:hover 
{
	background-position: 0 -192px;
    color: #5ba2d8!important;
}
 
.carn_voy_bg_li li.ireland a:hover 
{
	background-position: 0 -224px;
    color: #3c6024!important;
}
.environnement_bg_li li.rss a:hover 
{
	background-position: 0 -33px;
	color: #000000!important;
}
 
.environnement_bg_li li.dix a:hover 
{
	background-position: 0 -99px;
    color: #96ac6e!important;
}
 
.environnement_bg_li li.huit a:hover 
{
	background-position: 0 -132px;
    color: #4c6450!important;
}
 
.environnement_bg_li li.home a:hover 
{
	background-position: 0 -165px;
    color: #162a59!important;
}

.environnement_bg_li li.severn a:hover 
{
	background-position: 0 -198px;
    color: #4385b9!important;
}
 
.environnement_bg_li li.enfants a:hover 
{
	background-position: 0 -231px;
    color: #5ba2d8!important;
}
 
.environnement_bg_li li.douze a:hover 
{
	background-position: 0 -264px;
    color: #242e69!important;
}


/*-------------------------------------------------------Le corps de la page---------------------------------------------*/
.fil_ariane
{
	color: #00a6fc;
	margin-top: 0;
	padding-top: 0;
	font-size: 120%;
	font-weight: bold;
}

.flash_info
{
	border: 2px black dashed;
	background: url(/images/news_rpv_2012.jpg);
	padding: 5%;
}

#corps
{
   margin-left: 235px; /* +1 pour IE6...*/
   margin-right: 235px;
   margin-bottom: 1%;
   margin-top: 2%;
   padding: 2%;
   padding-top: 1px;
   color: #444444;
   text-align: left;
   	font:14px/1.5 Georgia, "Times New Roman", serif;
	box-shadow: 0 0 15px #000000;
}

/* Trouver des polices : https://www.fontsquirrel.com/fonts/list/mostdownloaded
Explicatins Alsa : https://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html*/
@font-face {
    font-family: "Journal";
    src: url('/fonts/journal-webfont.eot');
    src: url('/fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/journal-webfont.woff') format('woff'),
         url('/fonts/journal-webfont.ttf') format('truetype'),
         url('/fonts/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#corps h1
{
	font: 400%/0.8 "Journal", Georgia, "Times New Roman", serif;
	/* ombre pour tous les vrais navigateurs...*/
	text-shadow: 2px 2px 4px #999;
   color: #282522;
   text-align: center;
   font-style: italic;
   margin: 0;
   
}

#corps h2 
{
	padding-left: 35px; /* Assez pour que ça se retrouve à droite de l'image de fond */
	margin-top: 8%;
	color: #282522;
	text-align: left;
	font-style: italic;
	line-height:25px;
	margin-bottom: 0;
	font-size: 160%;
}
#corps h2:after{
    content: ""; /*ca + display font que ça marche */
	display:block;
	width: 100%;
    height: 1px;
	margin-bottom: 3%;
	background: 	-webkit-linear-gradient(left, #333, #f8f8f8);/* For Safari 5.1 to 6.0 */
    background:     -o-linear-gradient(right, #333, #f8f8f8); /* For Opera 11.1 to 12.0 */
    background:    	-moz-linear-gradient(right, #333, #f8f8f8); /* For Firefox 3.6 to 15 */
    background:     -ms-linear-gradient(right, #333, #f8f8f8);
	background: 	linear-gradient(to right, #333, #f8f8f8); /* Standard syntax (must be last) */
 
 /*    background: -webkit-radial-gradient(50% 50%, closest-side,#333 0%, #f8f8f8 100%); /* Safari 5.1 to 6.0 *
    background: -o-radial-gradient(50% 50%, closest-side,#333 0%, #f8f8f8 100%); /* For Opera 11.6 to 12.0 *
    background: -moz-radial-gradient(50% 50%, closest-side,#333 0%, #f8f8f8 100%); /* For Firefox 3.6 to 15 *
    background: radial-gradient(closest-side at 50% 50%,#333 0%, #f8f8f8 100%); /* Standard syntax (must be last) *
	
	 https://stackoverflow.com/questions/13134561/how-do-i-create-a-radial-css3-border-gradient-shadow
	
		(50% 0%, 50% 5px, #aaa 0%, white 100%)
			|       |        |        |
			|       |        |        +--> color end     
			|       |        +--> color start
			|       +--> size of gradient ellipse (x-axis, y-axis)
			+---> position of ellipse center
	*/
}


#corps h3 
{
	margin: 5% 0 3%;
	font-size: 130%;
	color: green;
	text-align: center;
	font-weight: lighter;
}

.h3 /* Pour insertion dans un li */
{
	position: relative;
	bottom: 5px;
	font-size: 140%;
	color: green;
	text-align: center;
}

#corps h3 strong
{
	color: green;
}

#corps h4
{
	margin: 0px;
	margin-top: 5%;
	margin-bottom: 3%;
	font-size: 120%;
	text-indent: 5%;
	color: maroon;
}

#corps blockquote
{
	padding: 0.25em 100px;
	background: url(/images/quotes.png) 30px 0.75em no-repeat;
	margin: 0.25em 0;
	min-height: 85px;
}

#corps blockquote p /* Parce que dans tous les quotes il faut des <p> donc c'est à eux que l'on attribue ces mises en forme texte*/
{
	font-style: italic;	
	color: #777777;
}

#corps blockquote li /* Parce que dans tous les quotes il faut des <p> donc c'est à eux que l'on attribue ces mises en forme texte*/
{
	font-style: italic;	
	color: #777777;
}
	
#corps q
{
	font-style: italic;
	color: #777777;
}

/*q:before, q:after {
    content: ""; } 
 Enlevés car n'apparaissent pas sous IE7 & IE7 ne reconnait pas les pseudo class :before et :after... en attendant que ce navigateur soit définitivement abandonné, je devrais faire comme ceci :
&ldquo;<q>ma citation inline</q>&rdquo; ... pour obtenir cela :
“ma citation inline” (plus jolis que ça même)
... et pis les autres IE, y compris IE9, font des sales quotes comme ça : 
«ma citation inline»
... faudra y penser...
*/

#corps ul
{
	margin: 2px;
	text-align: left; /*obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre pluce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}

#corps ol
{
	margin: 2px;
	text-align: left; /*obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre puce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}

#corps ul li
{
	list-style-type: disc;
	text-indent: 0; /* Pour Google Chrome!!!!*/
	/*text-align: left; obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre puce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}

#corps ol li /* ol placés dans le contenu et non le sommaire. Si un jour besoin d'ol dans le sommaire, modifier ce css et page contenant ol dans contenu et intégrer margin left0*/
{
	list-style-type: decimal;
	margin-left: 0; /* Pour Opera!!!!*/
	text-align: left; /*obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre puce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}	

#corps ul li ul
{
	margin: 5px;
}

#corps ul li ol
{
	margin: 5px;
}

#corps ul li ul li
{
	list-style-image: url(/images/li_li.png);
	margin-left: 0; /* Pour Opera!!!!*/
	text-align: left; /*obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre puce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}

#corps ul li ol li
{
	list-style-type: decimal;
	margin-left: 0; /* Pour Opera!!!!*/
	text-align: left; /*obligée de mettre sinon quand il y a un span, le texte ne sait plus où s'aligner sous opera... Avec ça, également plus de problèmes d'espacement entre puce et texte. En même temps, les listes ne sont pas censées contenir des paragraphes....*/
}


#pied_de_page .img_bg_corps_bottom_left
{
	position: absolute;
	z-index:-1!important;
	top: -385px;
	left: -2px;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------Signature-----------------------------------------------------------*/

#signature
{
	/*clear: both;*/
	margin-top: 5%;
	position: relative;
	margin-bottom: 2%;
}

#navigation_bas
{ 
	min-height: 46px; 
}
/*------------------------------------------------------Le pied de page------------------------------------------------------*/

#pied_de_page
{
	padding: 5px;
	text-align: center;
	background: url("/images/bg_pdp.jpg");
	border: 2px solid #4d4842;
	clear: both;
	position: relative;
}

.logo_pdp
{
	float: right;
	background: url(/images/logo_officiel_nam_around_the_world_pdp.png); /*/images/logo_officiel_nam_around_the_world_pied_de_page_noel.png*/
	display:block;
	width:180px; 
	height:218px;
	margin:0%;
}

.bug_lien_favoris_ie a
{
	position: relative;
	border:0; 
	display: block;
	text-decoration: none;
}

.bug_lien_favoris_ie em
{
	visibility: hidden;
}

.element_jaime
{
	border: 0;
	text-align: left;
}

.element_jaime ul, li, a, a:hover, a:visited, a:active, a:focus
{
	border: 0;
	list-style-type: none;
}


/*-----------------------------------------------------------Les tableaux---------------------------------------------------*/



table {
	border-collapse:separate;
	border-spacing:10px;
	border: 1px outset black;
	margin: auto;
}
caption, th, td{
	text-align: center;
}
caption {
	font-weight: bold;
	color: green;
	margin: 5px;	
	margin-bottom: 10px;
	font-size: 120%;
} 

th{
	font-weight: bold;
	background-color: #dfdddd;
	padding: 5px;
}

td{
	background-color: #f0e5f9;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

td ul{
	padding: 10px;
}

td ul ul{
	padding: 0;
	padding-left: 20px;
	padding-bottom: 10px;
}

.tableau_prises_electriques{
	width: 100%;
	min-width: 100%;
}

.tableau_prises_electriques tr{
	min-height: 30px;
}

.tableau_prises_electriques .drapeau_et_nom{
	width: 40%;
	min-width: 40%;
}

.tableau_prises_electriques .tension{
	width: 20%;
	min-width: 20%;
}

.tableau_prises_electriques .frequence{
	width: 20%;
	min-width: 20%;
}

.tableau_prises_electriques .type_prise_socle{
	width: 20%;
	min-width: 20%;
}

/* --------------------------------------------------------Les formulaires---------------------------------------------------*/

input, textarea{
   	width: 100%;
}

input:hover, textarea:hover, input:focus, textarea:focus{
	background-color: #eeeeee;
}
 
label{
	color: #282522;
	display: block;
}

label:first-letter{
	font-weight: bold;
	font-size: 150%;
	font-style: italic;
}

legend{ /* titres des fieldset */
	color: #282522;
	font-weight: bold;
   	font-size: 150%;
	font-style: italic;
}
 
fieldset{ 
	background-image: url("/images/bg_commentaires.png"); 
	max-width: 100%;
   margin-bottom: 1%; /* Une marge pour séparer les fieldset */
   /* Pour IE */
   padding: 5%; 
   padding-top: 0;
   margin-top: 0;
   display: block;
}

.pseudo{
	background-image: url("/images/bg_commentaires_pseudo.png");
}

.page_en_cours{
	font-size: 180%;
	font-weight: bold;
	color: green;
}
.form_com_et_bug{
   width: auto;
   max-width: 100%;
   display : block;
}

.main{
	cursor: pointer;
	text-align: left;
}

.date_com{
	float: right;
	text-align: left;
}

.mes_coms{
	color: green;
	font-style: italic;
	background-image: url("/images/bg_mes_commentaires.png");
}

.mes_com a{
	color: green;
}

.clear_right{
	clear : right;
}

.clear_left{
	clear : left;
}

.wordwrap{
	width: 100%; /* Ne fonctionne pas sous IE */
	/* word-wrap:break-word; Ok marche, mais propriété CSS3 qui ne passe pas encore le validateur. A implémenter le jour où une url donnée sera trop longue pour le conteneur... */
	/*Les deux combinés marchent de partout whouhouuuuuuuuuuuu !!!!*/
}

.commentaires_admins, .commentaires_guests{
	word-wrap:break-word;
	text-align: left;
}

.commentaires_admins{
	padding: 2% 2% 2% 4%;
}

.commentaires_guests{
	padding: 1%;
}

/* Champs formulaire commentaire 
https://tips.dotaddict.org/fiche/Structure-pour-formulaire-de-commentaires */
.bloc_com_left /* Blocs nom + email  site web */{
	float: left;
	width: 38%;
	padding-right: 2%;
}
 
.bloc_com_right  /* Bloc commentaire */{
	float: right;
	width: 58%;
	padding-left: 2%;
}

.clear /* mis aussi pour formulaire bug et contact */{
	clear: both;
}
 
 /* Champ formulaire contact et bug */
.bloc_deki /* Bloc nom */{
	float: left;
	width: 48%;
}

.bloc_dou /* Bloc objet */{
	float: right;
	width: 48%;
}

.input30 /*Pour désincription news : 30% de la taille du corps*/{
	width: 30%;
}

.input90 /*Pour incription news : 90% de la taille de la sidebar*/{
	width: 89%;
	margin-left: 4%;
	margin-right: 5%;
	color: #a7a3a3;
}


.affichage_coms{
	background: url("/images/bg_commentaires.png"); 
}

/*-----------------------------------------------------News------------------------------------------------------------------*/

.affichage_coms, .news_defaut, .news_japon, .news_vietnam, .news_club_teli, .news_nouveau_design, .news_carre_solidaire, .news_irlande, .news_photos_news, .news_dossier_special_australie_visas, .news_dossier_special_australie_saisons_and_co, .news_design_photos, .news_restructuration_site, .news_galerie_photo_australie_queensland, .news_carnet_de_voyage_oz_qld, .news_galerie_photo_nsw, .news_carnet_de_voyage_oz_nsw, .news_maj_serveurs_1and1, .news_rpv_2012, .news_skillselect, .news_carte_de_voyages, .news_restez_branches, .news_little_museum_of_dublin
{
	padding: 5%; 
	border: 1px inset;
	padding-top: 0;
	margin-top: 0;
	width:auto;
}

#corps .news_defaut h3
{
	margin: 0;
	padding: 0;
	font-size: 140%;
	color: green;
	text-align: left;
}

#corps .news_defaut .hr
{
	margin: 0;
	margin-bottom: 4%;
	padding: 0;
}

#corps .news_defaut h4
{
	text-align:center;
}

#corps .news_defaut ul
{
	text-align:justify;
}

.block50 /* pour display inline_block 2 colonnes */
{   
	vertical-align:text-top;
   width: 48%; 
   text-align: justify;
   margin:0;
   padding:0;
}

.news_defaut .correction_horizontal_align_bloc_bas_droite, .news_defaut .correction_horizontal_align_bloc_haut_droite
{   
	margin-left:3.2%!important; /*Pourkoaaa?? Parce que ça chie avec l'affichage indenté du code source...*/
}

.block50 ul
{   
	padding:5px;
}

.news_japon
{
	background: url("/images/news_japon.jpg"); /* Transparence 80%*/
}

.news_vietnam
{
	background: url("/images/news_vietnam.jpg"); /* Transparence 80%*/
}

.news_club_teli
{
	background: url("/images/news_club_teli.jpg"); /* Transparence 70%*/
}

.news_nouveau_design
{
	background: url("/images/news_nouveau_design.jpg"); /* Transparence 70%*/
}

.news_carre_solidaire
{
	background: url("/images/news_carre_solidaire.jpg"); /* Transparence 70%*/
}

.news_irlande
{
	background: url("/images/news_irlande.jpg"); /* Transparence 70%*/
}

.news_photos_news
{
	background: url("/images/news_photos_news.jpg"); /* Transparence 70%*/
}

.news_dossier_special_australie_visas
{
	background: url("/images/news_dossier_special_australie_visas.jpg"); /* Transparence 70%*/
}

.news_dossier_special_australie_saisons_and_co
{
	background: url("/images/news_dossier_special_australie_saisons_and_co.jpg"); /* Transparence 70%*/
}

.news_design_photos
{
	background: url("/images/news_design_photos.jpg"); /* Transparence 80%*/
}

.news_restructuration_site
{
	background: url("/images/news_restructuration_site.jpg"); /* Transparence 70% */
}

.news_galerie_photo_australie_queensland
{
	background: url("/images/news_galerie_photo_australie_queensland.jpg"); /* Transparence 80% */
}

.news_carnet_de_voyage_oz_qld
{
	background: url("/images/news_carnet_de_voyage_oz_qld.jpg"); /* Transparence 80% */
}

.news_galerie_photo_nsw
{
	background: url("/images/news_galerie_photo_nsw.jpg"); /* Transparence 80% */
}

.news_carnet_de_voyage_oz_nsw
{
	background: url("/images/news_carnet_de_voyage_oz_nsw.jpg"); /* Transparence 80% */
}

.news_maj_serveurs_1and1
{
	background-color: #f4f6f5;
}

.news_rpv_2012
{
	background: url("/images/news_rpv_2012.jpg"); /* Transparence 80% */
}

.news_skillselect
{
	background: url("/images/news_skillselect.jpg"); /* Transparence 90% */
}

.news_carte_de_voyages
{
	background: url("/images/news_carte_de_voyages.jpg"); /* Transparence 90% */
}

.news_restez_branches
{
	background: url("/images/news_restez_branches.jpg"); /* Transparence 80% */
}

.news_little_museum_of_dublin
{
	background: url("/images/news_little_museum_of_dublin.jpg"); /* Transparence 80% */
}


/*-----------------------------------------------------Sommaires-------------------------------------------------------------*/

#sommaire
{
	text-indent: 5%;
	padding-top: 1%;
	padding-bottom: 2%;
	/*ombre*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #555;
	-webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #555;
	box-shadow: 0.5px 0.5px 0.5px 0.5px #555;
}

#sommaire li
{
	list-style-type: disc;
	margin-left: 10%;
}

#sommaire li li
{
	list-style-type: circle;
	margin-left: 5%;
}

.titre
{
	font-variant: small-caps;
}

.sous-titre
{
	margin-top: 0;
}

.sommaire_ds_europe
{
	background: url("/dossiers_speciaux/aides_a_la_mobilite_internationale/europe/images/carte_union_europeenne_reflet.jpg") no-repeat;
	background-position:50% -8%; /* Pour centrer l'image de fond ! */
}

.sommaire_ds_irlande
{
	background: url("/dossiers_speciaux/aides_a_la_mobilite_internationale/irlande/images/carte_irlande_reflet.jpg") no-repeat;
	background-position:50% -10%; /* Pour centrer l'image de fond ! */
}

.sommaire_ds_australie
{
	background: url("/dossiers_speciaux/aides_a_la_mobilite_internationale/australie/images/carte_australie_reflet.jpg") no-repeat;
	background-position:50% 0; /* Pour centrer l'image de fond ! */
}


/*-----------------------------------------------------Articles similaires---------------------------------------------------*/

#articles_similaires
{
	text-align: left;
	margin: auto;
	display: block;
	height: 200px;
}

#articles_similaires p
{
	margin: 0;
}

#articles_similaires img
{
	width: 100px;
	height: 100px;
}

#articles_similaires a
{
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 2%;
	margin-bottom: 3%;
	display: block; /*Pour que le "bloc" soit un vrai bloc*/
   float: left; /*Pour que les blocs soient alignées horizontalement */
   height: 50px;
   width: 19%; /* Permet de mettre 5 espaces dans le div. 19 et pas 20 à cause d'IE sinon il envoie à la ligne...*/
   text-align: center;
   border-bottom:none;
}


/*------------------------------------------------------Photos galleries----------------------------------------------------*/

.thumb
{
	width : 500px;
	height: 295px;
}

/*------------------------------------------------------ Livre d'or --------------------------------------------------------*/

.loriquet
{
	margin-right: 0;
	z-index: -1;
	position: relative;
}

/*--------------------------------------------------- Légendes WWF 2012 ----------------------------------------------------*/

.legende_rouge
{
	background:url(/images/rapport_planete_vivante_2012_cartes_surpeche_legende_rouge.jpg) no-repeat;
}

.legende_bleu
{
	background:#fff url(/images/rapport_planete_vivante_2012_cartes_surpeche_legende_bleu.jpg) no-repeat;
}

.legende_orange
{
	background:#fff url(/images/rapport_planete_vivante_2012_cartes_surpeche_legende_orange.jpg) no-repeat;
}


.legende_rouge, .legende_bleu, .legende_orange
{
	display: inline;
	padding-left: 1%;
	width: 28px;
	height: 13px;
	margin: 1px;
}

/*------------------------------------------------------Classes diverses----------------------------------------------------*/

.mettre_en_evidence
{
	font-weight: bold;
	font-size: 120%;
}

.centrer_gras
{
	text-align: center;
	font-weight: bold;
	color: black;
}

.souligner_gras
{
	text-decoration : underline;
	font-weight: bold;
}

.gras_italique
{
	font-weight: bold;
	font-style: italic;
}

.plus_grand_gras
{
	font-weight: bold;
	font-size: 110%;
}

.plus_grand
{
	font-size: 120%;
}

.plus_grand_italique /*sommaire, articles complémentaires...*/
{
	font-size: 120%;
	font-style: italic;
}

.exemple_code
{
	background-color: #e3ddca;
	padding:1%;
	margin-bottom: 10px;
	border: 1px dotted #555;
	text-align: justify;
	color: black;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.astuce_nam
{
	text-align: center;
	color: #017d01;
	margin: auto auto 10px auto;
	min-height: 129px;
	max-height: 129px;
	height: 129px;
	border: 1px dotted #017d01;
	background:#f9f9f9 url(/images/apple-touch-icon2.png) no-repeat;
}

.astuce_nam p
{
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 134px;
}

.afficher_code
{
	color: blue;
	background-color: #dddddd;
	border: 1px solid black;
	overflow: auto;
}

.border_2px_dotted_green
{
	border: 2px dotted green;
}

.block
{
	display: block;
}

.width80
{
	display: block;
	width: 80%;
}

.width90
{
	display: block;
	width: 90%;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left!important;
}

.italic
{
	font-style: italic;
}

.italic_smaller
{
	font-style: italic;
	font-size: 80%;
	color: #667;
}

.nombre_coms{
	color: green;
	font-size: 120%;
	font-style: italic;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0;
}

.smaller_environnementaux
{
	font-size: 90%;
}

.smaller
{
	font-size: 80%;
}

.bold
{
	font-weight: bold;
	color: black;
}

strong
{
	color: black;
}

.underline
{
	text-decoration: underline;
}

.cacher
{
	visibility: hidden;
}

.retrait_gauche
{
	margin-left: 2%;
}

.float_right
{
	float: right;
	margin: 2%;
}

.float_left
{
	float: left;
	margin: 2%;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.suppr_preced_float
{
	clear: both; 
}

.affichage_barre_defilement
{
	display: block; 
	padding: 3px; 
	padding-top: 16px;
	overflow:auto;
	height:110px; 
}

.margin_left
{
	margin-left: 15%;
}

.margin_left30
{
	margin-left: 30%;
}

.li_aucun_style
{
	list-style-type: none;
	display: inline;
}

.lettrine
{
	text-indent: 5%;
}

.lettrine:first-letter
{
	font-weight: bold;
	font-size: 200%;
	font-style: italic;
	line-height:1em; /*permet de ne plus avoir ce sale espace sous toutes les lignes contenant une lettrine !!*/
}

.legende_au_dessus
{
	font-style: italic;
	text-align: center;
	margin-bottom: 0;
}

.legende_au_dessus_gauche
{
	font-style: italic;
	text-align: left;
	margin-bottom: 0;
}

.legende_au_dessus_droite
{
	font-style: italic;
	text-align: right;
	margin-bottom: 0;
}

.legende_en_dessous
{
	font-style: italic;
	text-align: center;
	margin-top: 0;
}

.legende_en_dessous_left
{
	font-style: italic;
	margin-top: 0;
}

.fraction
{
	font-size: 60%;
}

.barrer
{
	text-decoration: line-through;
}

.red
{
	color: red;
}

.orange
{
	color: orange;
}

.green
{
	color: green;
}

.blue
{
	color: blue;
}

.black
{
	color: black;
}

.white
{
	color: white;
}

.maroon
{
	color: maroon;
}

.hidden
{
	visibility: hidden; /*notamment pour txt drapeaux à cause de ie qui ne gère pas la transparence*/
}

.d_none
{
	display: none;
}

.margin5px
{
	margin: 5px;
}

.cache
{
	display: none;
}

.padding2
{
	padding: 2%;
}

.margin_top60
{
	margin-top: 60px;
}

.images_margin_left0
{
	margin-left: 0;
	border: 0;
}

.overflow_hidden
{
	overflow: hidden;
}

.uppercase
{
	text-transform: uppercase;
}

.margin0
{
	margin: 0;
}

.padding0
{
	padding: 0;
}

.margin_right0
{
	margin-right: 0;
}

.margin_left0
{
	margin-left: 0;
}

.margin_bottom3 /*pour h2*/
{
	margin-bottom: 3%;
}

.z_index_1
{	
	position:relative;
	z-index: -1;
}

.border_right
{
	border-right : 1px dotted #808080;
}

.hd
{
	font-size: 200%;
	font-weight: bold;
}

.inline_block
{
	display: inline-block;
}

.inline_block a
{
   border-bottom:none;
}

.inline
{
	display: inline;
}

.valign_bottom
{
	vertical-align: bottom;
}

.note_commentaires {
	margin-top: 10px;
	margin-bottom:0;
	padding:0;
}

.note_commentaires .astuce_nam{
	margin-bottom:0;
}