* {margin: 0; padding: 0;}


body
{
	text-align: center;
	background-color: black  /* #222222*/;
}


/*form texts */

h1 /* Titres 1 : en-tete : vision d ailleurs*/
{
   color: #ababab;
   font-size: 21px;
   font-family: "helvetica", helvetica;
}

h1 a  /* Titres 1 : en-tete : vision d ailleurs*/
{
   color: #ababab;
   font-size: 21px;
   font-family: "helvetica", helvetica;
}

h2 /* Titres 2 : julien aubert photographie  */
{
	font-size: 18px;
	font-weight: normal;
	color: #ababab /* #b90101*/;
	font-family: verdana, "helvetica", helvetica;
}


h3 /* Titres 3   */
{
	font-size: 14px;	
	color: #666666;
	font-weight: bold ;
	text-transform: uppercase ;
	font-family: verdana, /* Georgia,*/"helvetica", helvetica;
}


h4/* Titres 4   */
{
	font-size: 11px;	
	font-weight: normal;
	color: #666666;
	text-transform: uppercase ;
	font-family: verdana, /* Georgia,*/"helvetica", helvetica;
}


b /* chiffre index activé*/
{
	color: #ababab;
	font-weight: normal;
	font-family: verdana,"helvetica", helvetica;
}

.julien  /* forme block text  en-tete : julien aubert*/
{
   display: block;
   padding-left: 5px;
}

.julien strong  /* forme block text  en-tete : julien aubert*/
{

	font-weight: normal;
	color: #ababab;
}

.photographies /* forme block text en-tete  : photography */
{
   font-size: 12px;
}

a /* Tous les liens  */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #666666;
   outline: none;
}


a:active /* Quand le visiteur clique sur le lien */
{
   color: white;
}


a:hover /* Quand on pointe sur un lien */
{
   color: #ababab;
}  


h1 a:active /* Quand le visiteur clique sur le lien */
{
   color: white;
}
h1 a:hover /* Quand on pointe sur un lien */
{
   color: #ababab;
}  

.menu p a /* apparence des liens boutons du menu */
{   
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase ;
	font-size: 10px;
		/* font-variant: small-caps;*/
	font-family: Verdana, "helvetica", helvetica;
}

.lien_active /* apparence du lien du menu qui correcpond a la page active */
{
	color: #ababab;
}


a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


/*rubriques */

.image_index
{
	text-align: center;
	
}

/*block CSS pour faire hover de sur l'image de la premiere page, sans utiliser javascripts */


.image_index a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 887px ;
	height: 450px ;
	/*line-height: 450px;*/

	background: url(inde_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}


.image_index a:hover
{
	background: url(inde_copy.jpg) no-repeat 0 -450px;
}

.image_index a span
{
	display: none;
}

.image_index a:hover span.pasgras
{
	display: block;
	padding-top: 100px;
	font-family: verdana, "Georgia", Georgia, "helvetica", helvetica;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: white;
	padding-top: 100px;
}

.image_index a:hover span.gras
{
	display: block;
	padding-top: 100px;
	font-family: verdana, "Georgia", Georgia, "helvetica", helvetica;
	font-weight: bold ;
	font-size: 16px;
	font-variant: small-caps;
	line-height: 30px;
	text-align: center;
	color: white;
}


.corps
{
	width: 887px;
	height: 500px;
	margin-left: auto;
    margin-right: auto;
	border-top: 1px solid #403f3f;
	border-bottom: 1px solid #403f3f;
	/*background-color: red ;*/
	overflow: auto;
}

.liens_folios1
{
	float: left;
	width: 780px;
	/*height:130px;*/
	padding-left: 20px;
	/*background-color: white;*/
}

.liens_folios2 h3
{
	color: #ababab;
}

.liens_folios2
{
	float: left;
	width: 180px;
	padding-top:15px;
	/*background-color: red;*/
}

.liens_folios1_images 
{
	float: right;
	width: 450px;
	padding-top:15px;

	/*background-color: blue;*/
}

/* une classe par vignette */

.liens_folios1_images_over1 
{
	float: left;
	padding-right: 5px;
}

.liens_folios1_images_over1  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(pakistan/crop_lahore_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over1 a:hover
{
	background: url(pakistan/crop_lahore_copy.jpg) no-repeat 0 -70px;
}
.liens_folios1_images_over2
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over2  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(pakistan/crop_indian_border_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over2 a:hover
{
	background: url(pakistan/crop_indian_border_copy.jpg) no-repeat 0 -70px;
}
.liens_folios1_images_over3
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over3  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(pakistan/crop_graphs_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over3 a:hover
{
	background: url(pakistan/crop_graphs_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over4
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over4  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(india/crop_travel_in_india1_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over4 a:hover
{
	background: url(india/crop_travel_in_india1_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over5
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over5  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(india/crop_kashmir_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over5 a:hover
{
	background: url(india/crop_kashmir_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over6
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over6  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(india/crop_srinagar_floating_market_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over6 a:hover
{
	background: url(india/crop_srinagar_floating_market_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over7
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over7  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(india/crop_varanasi_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over7 a:hover
{
	background: url(india/crop_varanasi_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over8
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over8  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(india/crop_varanasi_by_night_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over8 a:hover
{
	background: url(india/crop_varanasi_by_night_copy.jpg) no-repeat 0 -70px;
}


.liens_folios1_images_over9
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over9  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(kyrgyzstan/crop_bishkek_and_around_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over9 a:hover
{
	background: url(kyrgyzstan/crop_bishkek_and_around_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over10
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over10  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(kyrgyzstan/crop_ysyk_kol_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over10 a:hover
{
	background: url(kyrgyzstan/crop_ysyk_kol_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over11
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over11  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(kyrgyzstan/crop_on_the_road_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over11 a:hover
{
	background: url(kyrgyzstan/crop_on_the_road_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over12
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over12  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(kyrgyzstan/crop_uzbek_area_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over12 a:hover
{
	background: url(kyrgyzstan/crop_uzbek_area_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over13
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over13  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(kyrgyzstan/crop_landscape_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over13 a:hover
{
	background: url(kyrgyzstan/crop_landscape_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over14
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over14  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(china/crop_china_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over14 a:hover
{
	background: url(china/crop_china_copy.jpg) no-repeat 0 -70px;
}


.liens_folios1_images_over15
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over15  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(friendship_highway/crop_kathmandu_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over15 a:hover
{
	background: url(friendship_highway/crop_kathmandu_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over16
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over16  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(friendship_highway/crop_friendship_highway_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over16 a:hover
{
	background: url(friendship_highway/crop_friendship_highway_copy.jpg) no-repeat 0 -70px;
}

.liens_folios1_images_over17
{
	float: left;
	padding-right: 5px;
}
.liens_folios1_images_over17  a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	height: 70px ;
	line-height: 70px;
	background: url(friendship_highway/crop_lhassa_copy.jpg) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 2px solid black;
}

.liens_folios1_images_over17 a:hover
{
	background: url(friendship_highway/crop_lhassa_copy.jpg) no-repeat 0 -70px;
}



.menu_folio
{
	position: absolute;
	top: 71px;
	left: 0px;
	width: 180px;
	height: 470px;
	margin-top: 0px;
	padding-left: 20px;
	text-align: left;
}


.nom_folio
{
	margin-top:15px;
	padding-bottom: 40px;
	text-align: left;
	color: #ababab;
}


.nom_folio h3, h4
{
   color: #ababab;
}

.liens_themes_folio
{
	width: 180px;
	height: 360px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
	line-height: 35px;
	text-align: left;
	overflow: auto;
}


.liens_themes_folio a:visited
{
	font-style: italic;
}


/* codes pour faire des images map
.carte_folio_kgz
 {
	width : 887px;
	height: 500px;
	background: url(carte/kgz_carte.gif) no-repeat;
	background-position: 240px 80px;
}


.zone1 
{
	float: left;
	width : 30px;
	height: 30px;
	margin-left: 535px;
	margin-top: 125px;
}
.zone2 
{
	float: left;
	width : 30px;
	height: 30px;
	margin-left: 535px;
	margin-top: 0px;
}

.zone3
{
	float: left;
	width : 60px;
	height: 30px;
	margin-left: 30px;
	margin-top: -10px;
}

.zone4 
{
	float: left;
	width : 50px;
	height: 30px;
	margin-left: 0px;
	margin-top: -20px;
}

.zone5 
{
	float: left;
	width : 60px;
	height: 35px;
	margin-left: 16px;
	margin-top: -10px;
}

.zone6 
{
	float: left;
	width : 50px;
	height: 30px;
	margin-left: -158px;
	margin-top: 55px;
}

.zone7 
{
	float: left;
	width : 35px;
	height: 40px;
	margin-left: -194px;
	margin-top: 61px;
}

.zone8 
{
	float: left;
	width : 110px;
	height: 20px;
	margin-left: -308px;
	margin-top: 80px;
}

.zone9 
{
	float: left;
	width : 30px;
	height: 70px;
	margin-left: -330px;
	margin-top: 90px;
}

.zone10
{
	float: left;
	width : 100px;
	height: 95px;
	margin-left: -360px;
	margin-top: -20px;
}

.carte_folio_kgz a span 
{
	position: absolute;
	left: -500em;
	top: -500em;
	text-indent: -500em;
}


.carte_folio_fh
 {
	width : 887px;
	height: 500px;
	background: url(carte/kgz_carte.gif) no-repeat;
	background-position: 240px 80px;
}

.carte_folio_ch
 {
	width : 887px;
	height: 500px;
	background: url(carte/kgz_carte.gif) no-repeat;
	ackground-position: 240px 80px;
}*/

.vignettes_folio
{
	position: absolute;
	top: 150px;
	left:100px; 
	width: 760px;
	height: 370px;
	overflow : auto;
	
}


.vignettes_folio p
{
	float:left;
	width: 730px;
	margin-left:10px;
	margin-bottom:30px;
	font-family: verdana, "helvetica", helvetica, Georgia;
	color: #ababab;
	font-size: 12px;
	font-weight: normal;
	text-indent: 25px;
	line-height:17px;
}


.vignettes_folio1
{
	float:left;
	padding-left:70px;
	width: 600px;
}


.vignettes 
{
	float:left;
	padding-top: 10px;
	padding-left: 10px;
	
}

.vignettes img
{
	border: 1px solid black;
}

.vignettes  a:hover img
{
	border: 1px solid #ababab;
}

.image_folio
{
	position: absolute;
	top: 86px;
	left: 170px;
	width: 565px;
	height: 465px;
}

table
{
   margin: auto;
   border-collapse: collapse;
   vertical-align: middle;
   text-align: center;
}

td
{
   height: 465px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   width: 565px;
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé en bas */
   text-align: center;
}

.image_folio img
{
   padding: 0px;
   border: 1px solid #ababab /* Pas de bordure */ 
}

.image_info0
{
	position: absolute;
	top: 86px;
	left: 170px;
	width: 565px;
	height: 465px;
}

.info0
{
	padding: 30px;
	font-size: 12px;	
	font-weight: bold;
	color: #ababab;
	font-family: "helvetica", helvetica;
	line-height: 18px;
	background: none;
	text-align: left;

}


/*.info
{
	position: absolute;
	top: 550px;
	left:15px; 
	width: 886px;
	font-size: 11px;	
	font-weight: normal;
	color: #666666;
	font-family:  verdana, "helvetica", helvetica, Georgia;
	background:none;
	text-align: center;
	
}*/

.info
{
	position: absolute;
	top: 527px;
	right:10px; 
	text-align: right;
}

.info a span
{
	display: block;
	position: absolute;
	top: 25px; 
	left: -830px;
	width: 860px;
	font-size: 11px;	
	font-weight: normal;
	color: #666666;
	font-family:  verdana, "helvetica", helvetica, Georgia;
	background:none;
	text-align: center;
	/*border: 1px dotted #403f3f;*/
}

.info a:hover 
{
	background: none; /* correction d'un bug IE */
}

.info a:hover span
{
	color: #ababab;
}

.precedent_rapide
{
	position: absolute;
	top: 527px;
	right:161px; 
	text-align: right;
}

.precedent_rapide a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 22px ;
	height: 22px ;
	line-height: 22px;

	background: url(boutons/previous_rapide_gris_copy1.gif) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.precedent_rapide a:hover
{
	background: url(boutons/previous_rapide_gris_copy1.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.precedent
{
	position: absolute;
	top: 527px;
	right:139px; 
	text-align: right;
}

.precedent a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 22px ;
	height: 22px ;
	line-height: 22px;

	background: url(boutons/previous_gris_copy1.gif) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.precedent a:hover
{
	background: url(boutons/previous_gris_copy1.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
		
.numerotation
{
	position: absolute;
	top: 529px;
	right:86px; 
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	font-family: verdana, "helvetica", helvetica;

}

.suivant
{
	position: absolute;
	top: 527px;
	right:60px; 
	text-align: right;
}

.suivant a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 22px ;
	height: 22px ;
	line-height: 22px;

	background: url(boutons/next_gris_copy1.gif) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.suivant a:hover
{
	background: url(boutons/next_gris_copy1.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

.suivant_rapide
{
	position: absolute;
	top: 527px;
	right:38px; 
	text-align: right;
}

.suivant_rapide a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 22px ;
	height: 22px ;
	line-height: 22px;

	background: url(boutons/next_rapide_gris_copy1.gif) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.suivant_rapide a:hover
{
	background: url(boutons/next_rapide_gris_copy1.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}	

.back 
{
	position: absolute;
	top: 527px;
	right:189px; 
	text-align: right;
}

.back a
{

	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 22px ;
	height: 22px ;
	line-height: 22px;

	background: url(boutons/back_gris_copy1.gif) no-repeat 0 0  ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

.back a:hover
{
	background: url(boutons/back_gris_copy1.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
		

.index_ph
{
	position: absolute;
	width: 280px;
	top: 548px;
	left:5px; 
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color:black;
	font-family: verdana, "helvetica", helvetica;
}

.index_ph a p 
{
	font-family: verdana, "helvetica", helvetica;
}



.calque_about 
{
	width: 575px;
	height: 440px;
    margin-left: 212px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	font-size: 13px;
	text-align: justify;
	overflow: auto;
	font-weight: normal;
	color: #ababab;
	line-height:15px;
	font-family: verdana,"helvetica", helvetica;
}


.calque_links 
{
	width: 635px;
	height: 280px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 120px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 50px;
	text-align: center;
	overflow: auto;
	font-family: verdana, "helvetica", helvetica;
}


input, textarea
{
   font-family: "helvetica", helvetica; /* On modifie la police du texte tapé l'intérieur des champs */
   background-color: #ababab;
}


.calque_contact 
{
	width: 846px;
	height: 450px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	text-align: left;
	line-height: 28px;
	overflow: auto;
	font-weight: normal;
	color: #ababab;
	font-family: verdana, "helvetica", helvetica;
}


.merci
{
	font-size: 30px;
	  color: #ababab;
}


#page
{
	position: absolute;
	width: 888px; 
	margin-left: -444px;
	left: 50%;
   
	height: 580px;
	margin-top: -300px;
	top: 50%;
	background-color: black /*#222222 */;
   
   	text-align: left;
}


/* L'en-tête */

.en_tete
{
	width: 888px;
	height: 70px;
}

.titre
{
	float: left;
	width: 300px;
	   padding-top: 11px;
}

.menu
{
   float: right;
   padding-top: 40px;
}

.bas_coord
{
	width: 888px;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: right;
}

.bas_coord p
{
	color: #666666;
	font-family: Verdana, "helvetica", helvetica;
}

.validcss
{
float: left; 
}

.validcss p
{
  display: inline
}

.bas_de_page
{
	float: right;  
	width: 886px;
	height: 20px;
	padding-top: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	font-family: Verdana,"helvetica", helvetica;
	text-align: right;
}