/* Le "!important" est à utiliser avec précautions parce que IE7 respecte un peu plus les CSS et comme il ne reconnaît pas ce hack cela fout en l'air toute la construction des pages. Où va le monde!
Maintenant un bon css hack pour IE7 est "*+html" devant la propriété. J'me disais bien aussi*/

body {
background: #FFFFFF;
color: #000000;
font: verdana, tahoma, helvetica, arial, sans-serif;
/*background-image: url(images/contant-image2.jpg) !important;
background-image: url();*/
}

/* ========== ensemble de la page, pour centrage ========== */
#tout {
width: 1000px;
height: 100%;
margin: 0 auto;
padding: 0 10px 0 10px;
}

#tout2 {
width: 1256px;
height: 100%;
margin: 0 auto;
padding: 0 10px 0 10px;
}

/* ========== menu ========== */
#centrer {
margin: 30px 0 50px 5px;
width: 980px;
position: relative;
background-color: #036;
height: 2.05em !important;
height: 26px;
}

#un {
width: 100% !important;
position: absolute;
}

#menu {
height: 10px;
margin: 0 auto;
padding: 0;
list-style: none;
width: 786px !important;
width: 580px;
font: 20px arial;
text-align: center;
font-weight: bold;
}

#first, #fin {
cursor: default;
float: left;
width: 115px;
margin-right: 1px;
padding: 0.2em 1em !important;
padding: 0;
color: #fff;
height: 25px !important;
}

#first {
border-left: 1px solid #fff !important;
border: none;
}

#fin {
border-left: 1px solid #fff !important;
border-right: 1px solid #fff !important;
border: none;
}

/* ========== pour ie ========== */
* html #fin {
text-align: left;
}
/* ========== fin pour ie ========== */

#first a, #fin a {
color: #fff;
text-decoration: none
}

#first:hover, #fin:hover {
background-color: #369;
}

#first li {
font-size: 15px;
font-weight: bold;
}

#first:hover>ul{
display: block;
}

#second {
display: none;
list-style: none;
background-color: #2094a9;
margin: 4px -21px 0px -20px !important;
margin: 2px 0px 0px 0px;
padding: 0;
border-left: 2px solid #036;
border-right: 2px solid #036;
border-bottom: 2px solid #036;
}

#second li {
/* pour le caca script pour ie */
position: relative;
_display: inline;
}

#second li a {
display: block;
color: #fff;
}

#second li a:hover {
color: #fff;
background-color: #036;
}

/* ========== corps ========== */
#corps1 {
width: 100%;
height: 200px;
height: 164px;
}

#cadre1 {
width: 271px;
height: 158px;
float: left;
clear: left;
margin: 0 50px 0 50px !important;
margin: 0 40px 0 40px;
border: 1px solid #666666;
border-top: 5px solid #666666;
}

#cadre2 {
float: left;
width: 530px !important;
width: 500px;
height: 158px !important;
height: 162px;
margin: 0 50px 0 0;
padding-left: 10px;
font-size: 16px !important;
font-size: 15px;
text-align: center;
font-family: "trebuchet ms", arial, sans-serif;
border: 1px solid #666666;
border-top: 5px solid #666666;
}

/* pour ie */
* html #cadre2 p {
margin-top: 10px;
line-height: 25px;
}
/* fin pour ie */

#corps2 {
margin: 50px 0 0 50px;
width: 855px;
height: 770px;
border: 5px solid #666666;
background-color: #2094a9;
}

#affichage {
width: 770px;
padding-left: 85px;
}

#corps2 ul {
margin: 0;
padding: 0 0 10px 0;
}

#corps2 ul li {
display: table-cell;
}

.ecartement {
padding-right: 89px;
}

#corps2 ul li ul li {
width: 150px;
padding: 5px 5px 0 5px;
text-align: center;
list-style: none;
background-color: #eee;
display: block;
}

.nom_pays {
font-size: 14px;
font-weight: bold;
border: 3px solid black;
margin: 10px 0 10px 0;
}

.image_pays {
border: 3px solid black;
}

.image_pays img {
border: none;
}

/* ========== Pour ie ========== */
* html #corps2 {
margin: 50px 0 0 80px;
width: 815px;
height: 260px;
}

* html #corps2 ul {
padding: 0 0 5px 0;
}

* html #affichage {
width: 740px;
padding-left: 75px;
}

* html #corps2 ul {
margin: 0;
float: left;
}

* html #affichage #pour_merde_ie {
padding-left: 125px;
}

* html #affichage ul li {
display: inline;
}

* html #affichage ul li ul {
padding-right: 78px;
}

* html #affichage ul li ul li {
text-align: center;
list-style: none;
display: block;
}

	/* pour IE7 */
	*+html #affichage ul {
	margin: 0;
	float: left;
	}

	*+html #affichage #pour_merde_ie {
	padding-left: 125px;
	}

	*+html #affichage ul li {
	display: inline;
	}

	*+html #affichage ul li ul {
	padding-right: 78px;
	}

	*+html #affichage ul li ul li {
	text-align: center;
	list-style: none;
	display: block;
	}
	/* fin pour IE7 */
/* ========== fin pour ie ========== */

#copyright {
margin: 10px 0 30px 128px !important;
margin: 10px 0 0 138px;
width: 700px;
font: 14px arial;
}

#copyright2 {
text-align: center;
margin: 10px 0 30px 128px !important;
margin: 35px 0 0 138px;
width: 710px;
font: 14px arial;
}

/* pour IE */
/*
* html #affichage ul {
margin: 0;
float: left;
}

* html #affichage ul li {
display: inline;
}

* html #affichage ul li ul {
padding-right: 78px;
}

* html #affichage ul li ul li {
text-align: center;
list-style: none;
display: block;
}
*/

	/* pour IE7 */
	*+html #affichage ul {
	margin: 0;
	float: left;
	}

	*+html #affichage ul li {
	display: inline;
	}

	*+html #affichage ul li ul {
	padding-right: 78px;
	}

	*+html #affichage ul li ul li {
	text-align: center;
	list-style: none;
	display: block;
	}
	/* fin pour IE7 */
/* fin pour IE */

/* ========== pour la page France ========== */
#corps3 {
margin: 50px 0 0 50px;
width: 855px;
height: 892px;
border: 5px solid #666666;
background-color: #2094a9;
}

#affichage2 {
width: 770px;
padding-left: 85px;
}

#corps3 ul {
margin: 0;
padding: 0 0 10px 0;
}

#corps3 ul li {
display: table-cell;
}

/* Lorsque l'on a 1 image sur la ligne */
.ecartement1 {
padding-left: 255px;
padding-right: 89px;
}
/* Lorsque l'on a 1 image sur la ligne */

/* Lorsque l'on a 2 images sur la ligne */
.ecartement2 {
padding-left: 128px;
padding-right: 89px;
}

#corps3 ul li ul li {
width: 150px;
padding: 5px 5px 0 5px;
text-align: center;
list-style: none;
background-color: #eee;
display: block;
}

/* ========== pour ie ========== */
* html #corps3 {
margin: 50px 0 0 85px;
width: 800px;
height: 210px;
}

* html #corps3 ul {
padding: 0 0 5px 0;
}

* html #affichage2 {
width: 735px;
padding-left: 75px;
}

* html #affichage2 ul {
margin: 0;
float: left;
}

* html #affichage2 #pour_merde_ie {
padding-left: 125px;
}

* html #affichage2 ul li {
display: inline;
}

* html #affichage2 ul li ul {
padding-right: 78px;
}

* html #affichage2 ul li ul li {
text-align: center;
list-style: none;
display: block;
}

	/* pour IE7 */
	*+html #affichage2 ul {
	margin: 0;
	float: left;
	}

	*+html #affichage2 #pour_merde_ie {
	padding-left: 125px;
	}

	*+html #affichage2 ul li {
	display: inline;
	}

	*+html #affichage2 ul li ul {
	padding-right: 78px;
	}

	*+html #affichage2 ul li ul li {
	text-align: center;
	list-style: none;
	display: block;
	}
	/* fin pour IE7 */
/* ========== fin pour ie ========== */

/* ========== Fin pour la page France ========== */




/* ========== pour la page Nouvelle Zelande ========== */
#corps4 {
margin: 50px 0 0 50px;
width: 855px;
height: 228px;
border: 5px solid #666666;
background-color: #2094a9;
}

#affichage3 {
width: 770px;
padding-left: 211px;
}

#corps4 ul {
margin: 0;
padding: 0 0 10px 0;
}

#corps4 ul li {
display: table-cell;
}

#corps4 ul li ul li {
width: 150px;
padding: 5px 5px 0 5px;
text-align: center;
list-style: none;
background-color: #eee;
display: block;
}

/* ========== pour ie ========== */
* html #corps4 {
margin: 50px 0 0 80px;
width: 800px;
height: 210px;
}

* html #corps4 ul {
padding: 0 0 5px 0;
}

* html #affichage3 {
width: 615px;
padding-left: 200px;
}

* html #affichage3 ul {
margin: 0;
float: left;
}

* html #affichage3 #pour_merde_ie {
padding-left: 167px;
}

* html #affichage3 ul li {
display: inline;
}

* html #affichage3 ul li ul {
padding-right: 78px;
}

* html #affichage3 ul li ul li {
text-align: center;
list-style: none;
display: block;
}

	/* pour IE7 */
	*+html #affichage3 ul {
	margin: 0;
	float: left;
	}

	*+html #affichage3 #pour_merde_ie {
	padding-left: 167px;
	}

	*+html #affichage3 ul li {
	display: inline;
	}

	*+html #affichage3 ul li ul {
	padding-right: 78px;
	}

	*+html #affichage3 ul li ul li {
	text-align: center;
	list-style: none;
	display: block;
	}
	/* fin pour IE7 */
/* ========== fin pour ie ========== */

/* ========== Fin pour la page Nouvelle Zelande ========== */




/* ========== Cadre pour mail ========== */
#mail {
width: 410px;
height: 100px;
margin: 30px 70px 30px 64px;
padding-top: 15px;
border: 1px solid #666666;
border-top: 5px solid #666666;
font-size: 16px;
text-align: center;
font-family: "trebuchet ms", arial, sans-serif;
}

#mail a {
text-decoration: none;
color: #000;
}

#mail a:hover {
color: #fff;
background-color: #2094a9;
}
/* ========== Fin cadre pour mail ========== */

/* ========== présentation photos pour les pays ========== */
#large-image-frame {
clear: left;
float:left;
}

#large-image-box {
padding-top: 5px;
width: 410px;
background-color: black;
padding-bottom: 5px;
}

#large-image-box img{
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}

#large-image-box span{
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
height:60px;
width: 400px;
background-color:white;
}

#thumbnail-box {
width: 700px;
float: left;
}

#thumbnails {
list-style-type: none;
margin:0;
padding:0;
float:left;
}

#thumbnails li {
margin:0;
padding:0;
float:left;
}

div.small-image-box {
background-color:black;
width:110px;
margin-bottom:10px;
margin-left:15px;
text-align:center;
padding-bottom:5px;
padding-top:5px;
}

div.small-image-box img {
margin-bottom:5px;
display:block;
margin-left:auto;
margin-right:auto;
border: none;
}

div.small-image-box span {
height:10px;
width:100px;
background-color:white;
display:block;
font-size:6px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

/* ========== Texte de présentation pour les pays ========== */
#entete {
width: 1180px;
height: 70px;
margin-bottom: 50px;
}

#drapeau {
float: left;
border: 2px solid black;
margin: 5px 0 0 64px;
}

#texte_presentation {
width: 987px !important;
float: right;
margin-top: 0;
padding-top: 0;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 20px;
font-weight: bold;
}

#pas_listage {
font: 17px arial;
font-weight: bold;
}

#pas_listage a {
text-decoration: none;
font-weight: bold;
color: #000;
}

#pas_listage a:hover {
color: #fff;
background-color: #000;
}

/* ========== Formulaire de contact ========== */
#texte_formulaire {
font-size: 15px;
font-weight: bold;
width: 380px;
margin: 0 auto;
font-family: "trebuchet ms", arial, sans-serif;
text-align: center;
}

#formulaire {
width: 456px;
margin: 50px auto;
padding: 10px 10px 10px 5px;
border: 1px solid #666666;
border-top: 5px solid #666666;
}

#formulaire ul {
margin: 0;
padding: 0;
}

.espace {
display: table-cell;
}

.espace ul li {
width: 150px;
padding: 0;
text-align: center;
list-style: none;
display: block;
}

.type {
font-size: 15px;
font-weight: bold;
margin: 0 0 8px 0;
}

/* pour IE */
* html .type {
margin: 0 0 11px 0;
}

	/* pour IE7 */
	*+html .type {
	margin: 0 0 11px 0;
	}
	/* fin pour IE7 */
/* fin pour IE */

.champs {
margin: 0 0 5px 0;
}





#formulaire2 {
width: 550px;
margin: 50px auto;
padding: 10px 10px 10px 5px;
border: 1px solid #666666;
border-top: 5px solid #666666;
}

#formulaire2 ul {
margin: 0;
padding: 0;
}

.espace2 {
display: table-cell;
}

.espace2 ul li {
width: 220px;
padding: 0 0 0 10px;
list-style: none;
display: block;
}

.type {
font-size: 15px;
font-weight: bold;
margin: 0 0 8px 0;
}

.champs {
margin: 0 0 5px 0;
}







#resultat_captcha {
padding-top: 10px;
}

#bouton {
padding-top: 30px;
list-style: none;
width: 50px;
margin: 0 auto;
}

#bouton2 {
padding-top: 20px;
list-style: none;
width: 50px;
}

#champ_obligatoire, #champ_obligatoire2, #champ_obligatoire3 {
width: 350px;
list-style: none;
font-size: 17px;
font-weight: bold;
margin: 0 auto 20px auto;
}

#champ_obligatoire2 {
width: 185px;
}

#champ_obligatoire3 {
width: 235px;
}

/* pour IE */
* html #formulaire ul {
margin: 0;
float: left;
}

* html .espace {
display: inline;
}

	/* pour IE7 */
	*+html #formulaire ul {
	margin: 0;
	float: left;
	}

	*+html .espace {
	display: inline;
	}
	/* fin pour IE7 */
/* fin pour IE */

/* ========== Fin formulaire de contact ========== */

/* ========== Voir livre d'or ========== */
/* pour livre d'or */

/* entetes */
#ajout {
width: 980px;
background: #1580b6;
margin: 0 0 0 6px;
}

/* pour ie */
* html #ajout {
background: #1580b6;
margin: 0 0 10px 6px;
}

	/* pour ie 7 */
	*+html #ajout {
	background: #1580b6;
	margin: 0 0 10px 6px;
	}
	/* fin pour ie 7 */
/* fin pour ie */

#ajout_p {
border: 2px solid #666666;
border-right: 4px solid black;
border-bottom: 4px solid black;
font-size: 15px;
font-weight: bold;
text-align: right;
padding: 7px 0 7px 0;
}

#ajout_p a {
text-decoration: none;
color: #000;
background: #ecffff;
border: 2px solid #666666;
border-right: 4px solid black;
border-bottom: 4px solid black;
padding: 1px;
}

#ajout_p a:hover {
color: #1580b6;
}
/* fin entetes */

/* corps */
#user_guest_book {
width: 973px;
padding: 0;
background: #1580b6;
margin: 0 0 0 6px;
border: 2px solid black;
border-right: 5px solid black;
border-bottom: 5px solid black;
}

/* pour ie */
* html #user_guest_book {
padding: 0 0 15px 0;
}

	/* pour ie 7 */
	*+html #user_guest_book {
	padding: 0 0 15px 0;
	}
	/* fin pour ie 7 */
	
* html #user_guest_book ul {
list-style: none;
padding: 5px 5px 0px 5px;
margin: 0;
}
/* fin pour ie */

#user_guest_book ul {
list-style: none;
display: table-cell;
padding: 5px 5px 0px 5px;
margin: 0;
}

/* pour ie */
* html #user_guest_book ul li {
float: left;
}

	/* pour ie 7 */
	*+html #user_guest_book ul li {
	float: left;
	}
	/* fin pour ie 7 */
	
* html #user_guest_book ul li ul li {
padding: 5px;
}

	/* pour ie 7 */
	*+html #user_guest_book ul li ul li {
	padding: 5px;
	}
	/* fin pour ie 7 */
/* fin pour ie */

#user_guest_book ul li ul {
padding-bottom: 10px;
}

.login_guest {
width: 200px;
text-decoration: underline;
}

/* pour ie */
* html .login_guest {
margin: 15px 10px 0 0;
}

	/* pour ie 7 */
	*+html .login_guest {
	margin: 15px 10px 0 0;
	}
	/* fin pour ie 7 */
/* fin pour ie */

.corps_guest {
width: 723px;
}

/* pour ie */
* html .corps_guest {
width: 711px;
}
	
	/* pour ie 7 */
	*+html .corps_guest {
	width: 711px;
	}
	/* fin pour ie 7 */
/* fin pour ie */

.login_guest, .corps_guest {
background: #ecffff;
border: 2px solid #666666;
border-right: 4px solid black;
border-bottom: 4px solid black;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
}
/* fin corps */

/* numeros de page */
#nombre_page {
width: 980px;
background: #1580b6;
margin: 0 0 0 6px;
}

/* pour ie */
* html #nombre_page {
margin-top: 10px;
}

	/* pour ie 7 */
	*+html #nombre_page {
	margin-top: 10px;
	}
	/* fin pour ie 7 */
/* fin pour ie */

#paragraphe_page {
font-size: 17px;
font-weight: bold;
text-align: center;
border: 2px solid #666666;
border-right: 4px solid black;
border-bottom: 4px solid black;
padding: 2px 0 2px 0;
}

.numero_page {
background: #ecffff;
border: 2px solid #666666;
border-right: 4px solid black;
border-bottom: 4px solid black;
padding: 0 5px 0 5px;
}

#paragraphe_page a {
text-decoration: none;
color: #000;
}

#paragraphe_page a:hover {
color: #1580b6;
}
/* numeros de page */

/* fin pour livre d'or */

/* pour ie */
/* corps */
* html #user_guest_book {
}

* html #user_guest_book ul {
list-style: none;
}

* html #user_guest_book ul li {
}

* html #user_guest_book ul li ul {
}

* html #user_guest_book ul li ul li {
}

* html .login_guest {
}

* html .corps_guest {
}

* html .login_guest, .corps_guest {
}
/* fin corps */
/* fin pour ie */

#texte_captcha, #erreur_captcha, #texte_captcha2 {
padding-top: 20px;
font-weight: bold;
font-size: 14px;
}

#texte_captcha2 {
padding-top: 10px;
}

#texte_captcha2 a {
color: #000;
text-decoration: none;
}

#texte_captcha2 a:hover {
background-color: #369;
color: #fff;
}

/* pour ie7 */
*+html #texte_captcha {
width: 456px;
}
/* fin pour ie7 */


#reponse_serveur {
padding-top: 20px;
font-weight: bold;
font-size: 14px;
}
/* ========== Fin voir livre d'or ========== */


/* ========== Page en construction ========== */
#construction {
font-size: 25px;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
/* ========== Fin page en construction ========== */


/* ========== Page pour voir la grande photo en taille réelle ========== */
#grande_photo {
margin: 50px auto 0 auto;
border: 5px solid black;
}

/* pour ie */
* html #grande_photo {
border-bottom: 0px;
}

#cadre_grande_photo {
border: 5px solid black;
border-top: 0px !important;
border-top: 5px;
margin: 0 auto;
}

/* pour ie */
* html #cadre_grande_photo {
margin-top: -4px;
}

#contenu_texte {
text-align: center;
font-size: 20px;
font-weight: bold;
}

#fermer_fenetre {
margin: 50px 0 0 50px;
font-size: 20px;
text-align: center;
border: 2px solid black;
width: 150px;
}

#fermer_fenetre a {
text-decoration: none;
color: #000;
padding: 0 7px 1px 7px;
}

#fermer_fenetre a:hover {
background-color: #2094a9;
color: #fff;
}

/* ========== Fin de la page pour voir la grande photo en taille réelle ========== */