@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: 'Frutiger', 'Gill', 'Century Gothic', Futura, AppleGothic, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #757575;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;  /*pour que le bloc autour du texte soit actif*/
}
h1, h1 a {
	font-family: 'Frutiger', 'Gill', 'Century Gothic', Futura, AppleGothic, sans-serif;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #757575;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;
	padding-bottom: 25px;  /*espace en dessous du titre du site*/
}
h3, h3 a {
	font-family: 'Frutiger', 'Gill', 'Century Gothic', Futura, AppleGothic, sans-serif;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #757575;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;
	padding-bottom:25px;  /*espace en dessous du titre du site*/
}
 /*h4 pour nom galerie contact*/
 h4, h4 a {
	font-family: 'Frutiger', 'Gill', 'Century Gothic', Futura, AppleGothic, sans-serif;
	font-size: 12px;
	font-weight:800;
	line-height: 36px;
	text-align: left;
	text-transform: uppercase;
	color: #757575;
	letter-spacing: 2px;
	text-decoration: none;
	display: block;
	padding-top:10px; 
}
/*pour albums de series*/
h5, h5 a {
	font-size: 100%;
	color: #757575;
	letter-spacing: 2px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;  
}
/* pour copyright bas de toutes les pages */
h6, h6 a {     
	font-size: 100%;
	color: #757575;
	letter-spacing: 2px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
em{
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
strong{
	font-weight:800;
}
dt{
	font-size: 75%;
	color: #999999;
}
.webmaster{
	font-size: 80%;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-transform: none;
}

.webmaster a {
	color: #cc0033;
}
.conteneur {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px; /*espace au-dessus du titre du site*/
	padding: 0;
	border: 0;
	text-align: center;
}
/*pour pages series*/
.sept_cent {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding: 0;
	border: 0;
	text-align: center;
}
/* fleche pour les flèches et dia pour l'image. Si article, class = text*/
.fleche, .dia {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	border: 0;
	text-align: center;
}
.text {
	width: 600px;
	line-height: 20px;
	margin:50px auto 50px auto;
	padding: 0;
	border: 0;
	text-align: left;
	text-transform: none;
	color: #000000;
} 
/* pour texte de page contact et page resume*/
.contact {
	width: 400px;
	line-height: 20px;
	margin:20px auto 50px auto;
	padding: 0;
	border: 0;
	text-align: left;
	text-transform: none;
	color: #000000;
} 
.caption {
	width: 600px;
	margin:20px auto 50px auto;
	padding: 0;
	border: 0;
	text-align: center;
	text-transform: none;
	letter-spacing: 1;
}
.onglets{
	margin: 0;
	padding-bottom:25px;  /*espace en dessous des onglets du menu*/
}
.onglets li{
	display: inline;
}
.onglets a{
	float: center;
	line-height: 32px;
	text-decoration: none;
	color: #999;
	padding: 10px;
}
.onglets a.active { /*pas a: mais a. pour exprimer la classe*/
	color: #ccc;
}
.onglets a:hover {  /* quand on passe dessus*/
	color: #ccc;
}
/*vignettes pour page series*/
.vignette_conteneur {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px; /*espace au-dessus du titre du site*/
	padding: 0;
	border: 0;
	text-align: center;
}
.vignette {
	margin: 0;  /* à l'extérieur */
	height: 220px;
	width: 25%;
	float: left; 
    clear:none;/* permet à d'autres éléments de venir à gauche et à droite*/
}
.vignette_last {
	height: 220px;
	width: 33%;/* obligé de renseigner une largeur pour que margin auto fonctionne*/
	margin: 0 auto 0 auto;  
	text-align: center;
	clear:both;
}
.vignette img, .vignette_last img{
	margin: 1%;  /* de la hauteur de l'image*/
}
/*pour pages series*/
.icone {
	margin: 0;  /* à l'extérieur */
	height: 100px;
	width: 100px;
	float: left; 
    clear:none;/* permet à d'autres éléments de venir à gauche et à droite*/
}
/*pour pages series easter*/
.iconepano {
	margin: 0;  /* à l'extérieur */
	height: 100px;
	width: 20%;
	float: left; 
    clear:none;/* permet à d'autres éléments de venir à gauche et à droite*/
}
/*pour pages series paris photo*/
.iconeparis {
	margin: 0;  /* à l'extérieur */
	height: 130px;
	width: 25%;
	float: left; 
    clear:none;/* permet à d'autres éléments de venir à gauche et à droite*/
}
/*pour pages series*/
.iconepano_last {
	margin: 0;  /* à l'extérieur */
	height: 100px;
	width: auto;
	float: center; 
    clear:both;
}
/* pour © CCC de toutes les pages */
.bas {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;	
	height: 100px;
	clear:both;
}
/* pour contenir des lignes blanches */
.none {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	clear:both;
}