/* Chargement */

#Chargement img, #ChargementAjax img { 
	position:absolute; 
	opacity: 0;
}

.blockHidden {
	visibility: hidden;
	display: none;
}

#ChargementAjax {
	background-image: url('../images/transparence/noir90.png');
	position: absolute;
	top:0; left:0; 
	width:100%;
	height: 100%;
	z-index: 99;

	visibility: hidden;

	opacity: 0;
}

#IntroChoiceConteneur { visibility: hidden; }

#IntroChoiceConteneur {
	position: absolute;
}

#IntroChoiceConteneur, #IntroChoiceConteneur td,
#LanguageChoiceConteneur, #LanguageChoiceConteneur td {
	width:100%; height: 100%;
	color:white;
	text-align: center;
}

/* --- */

#LanguageChoice {
	width:800px;
	height: 600px;
	/*border: 1px solid white;*/
	display: inline-block;
	position: relative;
	background-image: url('../images/introduction/logoLinaCerrone.png');
	background-repeat: no-repeat;
	background-position: center;
}

#LanguageFR, #LanguageEN {
	position:absolute;
	top:47%;
	border-radius: 5px;
}

#LanguageFR {left:0;}
#LanguageEN {right: 0;}

.effetHover {
	opacity: 1;
	transition: all 500ms;
}

.effetHover:hover {
	opacity: 0.6;
	transition: all 500ms;
}

/* --- */


#intro { 
	position: relative;
	width:100%;
	display: inline-block;
}

#intro h1 {
	font-family: 'Light', Helvetica;
	color: #dfbf82;
	text-transform: uppercase;
	margin: 0;
	padding:10px 0 10px 0;
	
}

.lineBlock {
	margin:10px 0 10px 0;
	height: 0px;
	display: block;
	border-top:6px solid #dfbf82;
	border-bottom:6px solid #dfbf82;
	overflow: hidden;
	margin:auto;
}

.lineBlock img { 
	position:relative;
}

@media (min-height: 200px) and (max-height: 900px){
	#logo {
		background-image: url('../images/structure_generale/LogoLinaCerrone-Petit-01.png');
		width:190px;
		height:61px;
		position:relative;

	}
}

@media (min-height: 901px) {
	#logo {
		background-image: url('../images/structure_generale/LogoLinaCerrone-01.png');
		width:242px;
		height:142px;
		position:relative;

	}
}


@media (min-width: 900px) {
	#intro h1 {font-size:40px; }
	.lineBlock img { padding: 20px 0 20px 0; }
	.absolute { position: absolute; top:-121px; width:100%; }
	/* JavaScript : 800px */
}

@media (min-width: 200px) and (max-width: 899px) {
	#intro h1 { font-size:20px; padding-bottom:20px;}
	.lineBlock img { max-width:100%; }
	.absolute img { max-width:200px; }
	/* JavaScript : 100% */
}


/* General */

html, body {
	background-color: #011747;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

a {text-decoration: none; border: none;}
img { text-decoration: none; border: none; }

@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/AvantGarde/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/AvantGarde/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvantGarde/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/AvantGarde/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/AvantGarde/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/AvantGarde/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/AvantGarde/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvantGarde/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/AvantGarde/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/AvantGarde/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/AvantGarde/texgyreadventor-italic-webfont.eot');
    src: url('../fonts/AvantGarde/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AvantGarde/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../fonts/AvantGarde/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../fonts/AvantGarde/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Light';
    src: url('../fonts/geo_sans_light/geosanslight-webfont.eot');
    src: url('../fonts/geo_sans_light/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo_sans_light/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geo_sans_light/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geo_sans_light/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Structure de Base */

#top {
	width:190px;
	padding:10px 0 10px 0;
	margin:auto;
}

@media (min-width: 900px) {

	#contener {
		width:900px;
		margin:auto;
		border:4px solid #dfbf82;
		border-radius: 10px;
		position:relative;
	}

}

@media (min-width: 200px) and (max-width: 899px) {
	#contener {
		margin:0px 20px 0px 20px;
		border:4px solid #dfbf82;
		border-radius: 10px;
	}
}



#menu-contener {
	width:100%;
	height:30px;
	background-color: #dfbf82;
	text-align:center;
}

#sous-menu-contener {
	width:100%;
	text-align:center;
	left:0px;
	position: absolute;
	z-index:999;

	background-color: #aa9066;
}

#banierepub {
	width:100%;
	height:25px;
	text-align:center;

	position: absolute;
	top:30px;

	background-color: black;
	opacity: 0.7;
	z-index:10;

}

#banierepub * {
	margin: 0; padding: 0;
	
}

#body-contener {
	position: relative;
	width:100%;
	height:500px;
	/*margin:5px;*/
}

#EffectToBody {
	overflow: hidden;
	position: relative;
}

#bottom-contener {
	position:absolute;
	left:0;
	height:40px;
	width:100%; 
	/*border:1px solid white;*/
	text-align: center;
}

/* Reservation en ligne */
.reservation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 40px;
	z-index:999;
}
.reservation a {
height: 30px;
border: 1px solid white;
display: inline-block;
padding: 10px 20px 0 20px;
position: relative;
text-transform: uppercase;
font-family: Helvetica;
color: black;
text-decoration: none;
background-color: #dfbf82;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

@media (max-width: 450px) {
	.reservation a { font-size: 10px !important; }
}

/* Interieur des Conteneur */


#menu, #bottom, #sous-menu {
	/*position:absolute;*/
	margin:0; padding:0;

}

@media (min-width: 200px) and (max-width: 899px) {
	#bottom { padding:10px 10px 20px 10px;}
}

/* -- Menu Petit Ecran -- */

@media (min-width: 200px) and (max-width: 599px) {
	#menuMobile {
		line-height: 25px;
		font-family: 'AvantGarde', Helvetica;
		font-size: 12px;
		cursor: pointer;
		z-index:10;
		position:relative;
	}

	#sous-menu-contener { height: 25px; top:80px;}

	#placeMenuMobile { height:200px; }

	#menu, #sous-menu {
		position:absolute;
		top:0px;
		left:0px;
		background-color: #dfbf82;
		width:100%;
		z-index:10;
		margin:0; 
	}

	#menu {padding: 20px 0 20px 0;} 
	#sous-menu {padding:0;}

	#sous-menu li { 
		text-decoration: none; 
		display:block;
		margin:0; padding: 0;
	}

	#menu li, #menu a { color:black; }
	#sous-menu li, #sous-menu a { color:#1C1C1C; }


}

@media (min-width: 600px) {
	#placeMenuMobile { display: none; visibility: hidden; width:0; margin:0; padding:0;}
	#menuMobile { display: none; visibility: hidden; }
	#contener { position: relative;}

	#sous-menu-contener { height: 25px; top:30px;}

	#menu li, #menu a,
	#sous-menu li, #sous-menu a
 	{
		display:inline-block;
		color:black;
	}
}

#menu li, #menu a,
#bottom li, #bottom a, 
#sous-menu li, #sous-menu a
 {
	text-transform: uppercase;
	font-family: Helvetica;
	text-decoration: none;
	
	transition: color 600ms;
}

#bottom li, #bottom a {
	display:inline-block;
}

#menu a:hover {
	color:#444444;
	transition: color 300ms;
}
#sous-menu a:hover {
	color:#2d2d2d;
	transition: color 300ms;
}

/* Ecrant */
@media (min-width: 900px) { 

	#menu li {
		letter-spacing: 0.5px;
		line-height: 30px; /* /!\ */
		font-size: 16px;
	}

	#menu .autres_menu, #menu #services , #menu a { padding-right:20px; }

	/* -- */

	#bottom li a {
		font-size:0.6em;
		color:white;
		letter-spacing: 1px;
		line-height: 40px; /* /!\ */
	}

	#bottom li, #bottom a { padding-right:10px; }

	/* -- */

	#sous-menu li {
		font-size:0.8em;
		line-height: 25px; /* /!\ */
		padding-right:10px;
	}	
}

/* Mobile */
@media (min-width: 200px) and (max-width: 899px) {

	#menu li {
		letter-spacing: 0.5px;
		line-height: 30px; /* /!\ */
		font-size: 12px;
	}

	#menu li, #menu a { padding-right:5px;}

	/* -- */

	#bottom li a {
		font-size:0.7em;
		color:white;
		letter-spacing: 1px;
		line-height: 20px; /* /!\ */
	}

	#bottom li, #bottom a { padding-left:5px; margin-top:5px;}

	/* -- */

	#sous-menu li {
		font-size: 9px;
		line-height: 25px; /* /!\ */
		padding-right:5px;
	}	

}

#bottom li a:hover {
	color:#e2e2e2;
	transition: color 300ms;
}

#bottom .languageChoiceBottom > img, a { padding:0;}


/* Tarifs */

.produit, .tarif { text-transform: uppercase; font-size: 11px; line-height: 0.9;}
					.tarif { 
						text-align: right;
						display: inline-block;
						padding-left: 20px;
						font-style: bold;
						font-weight: bold; 
					}

					.special { font-size: 14px;}

					.contenu-tarif { 
						-moz-columns: 3;
						-webkit-columns: 3;
						columns: 3; 
						size:0.9em;
						font-family: Helvetica;
						text-align: left;
						padding: 0px 10px 10px 10px;
						height: 500px;
						width: 880px;
					}

					.tarifs .titre {
						display: inline-block;
						padding: 10px 0 10px 0;
						color:#dfbf82;
					}

					.tarifs table { width: 100%; }
					.tarifs table tr { padding: 0; margin: 0; line-height: 0.7;}
					
					.tarif { width: 60%; margin-right: 30px;}

					.infoplus { color:#dfbf82; font-family: Helvetica; font-size: 13px !important;}

/* Baniere Publicité */

#banierepub p {
	line-height: 25px;
	font-family: 'AvantGarde', Helvetica;
	font-size: 12px;
	color:white;
	opacity: 1;
	z-index: 20;

}

#ClosePub {
	padding-right:10px;
	line-height: 25px;
	top:0;
	position:absolute;
	right:0;
	font-family: 'AvantGarde', Helvetica;
	text-decoration: none;
	color:white;
	cursor: pointer;
}

#banierepub a {
	text-decoration: none;
	color: #aa9066;
}

/* Le Corps */

#background-body {
	position:absolute;
	left:0px; top:0px;
	height:100%;
	width:100%;
	background-image: url('../images/structure_generale/fond1.jpg');
	opacity:0.3;
	z-index:1;
}

#degrade, .degrade, .degrade-blanc {
	position: absolute;
	width: 10px;
	height:100%;
	z-index: 99999;
}

.degrade { 
	left: -10px; 
	background-image: url('../images/structure_generale/degrade-02.png');
}

.degrade-blanc { 
	left: -10px; 
	background-image: url('../images/structure_generale/degradeBlanc.png');
}

#degrade { 
	right: -10px; 
	background-image: url('../images/structure_generale/degrade-01.png');
}

#colonne-droite {
	position:relative;
	height:100%;
	/*overflow: hidden;*/
	
	background-color: #002161;
	
	display: table; /* /!\ */

	z-index:2;
}

#colonne-pleine {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: #002161;
    display: table;
    z-index: 2;
}
.tarifs {
    width: 100%;
    text-align: justify;
}


/* Utilisation de Js pour hauteur largeur */
#lumiere-pulse-femme {
	position:absolute;
	top: 0px; right:0; height:100%;
	background-color: #002161;
	display: table; /* /!\ */
	z-index:2;
}

@media (min-width: 1000px) { 
	.normal-colonne-droite {width:300px; float: left;}
	.MainPied-colonne-droite {width:240px; float: left;}
	.contact-colonne-droite {width:250px; float: left;}
	.epilation-colonne-droite { width: 350px; float: left; }

	/* -- */

	.produits-colonne-gauche { width:500px; display: table; background-color: black;}
	.produits-colonne-droite { width:400px; float: right; text-align:justify; }

	/* -- */

	#colonne-droite p { font-size: 12px;}

	.image_partenaire { padding: 0 20px 0 20px;}



	.titre { text-align:left; }
}

@media (min-width: 800px) and (max-width: 1000px) { 
	.normal-colonne-droite {width:300px; float: left;}
	.MainPied-colonne-droite {width:240px; float: left;}
	.contact-colonne-droite {width:250px; float: left;}
	.epilation-colonne-droite { width: 350px; float: left; }

	/* -- */

	.produits-colonne-gauche { width:50%; display: table; background-color: black;}
	.produits-colonne-droite { width:50%; float: right; text-align:justify; }

	/* -- */

	#colonne-droite p { font-size: 12px;}



	.titre { text-align:left; }

	.image_partenaire { padding: 0 20px 0 20px; width:120px;}

}

@media (min-width: 480px) and (max-width: 799px) {
	.normal-colonne-droite {width:100%;}
	.MainPied-colonne-droite {width:100%;}
	.produits-colonne-droite { width:100%; text-align:justify; }
	.contact-colonne-droite {width:100%;}
	
	.epilation-colonne-droite > *,
	.produits-colonne-gauche { visibility: hidden; display: none;}

	/* -- */

	.lumiere-pulse-centre { 
		position: absolute;
		top:0; left:0;
		width:100%;
		display: table;
		background-color: #002161;
	}

	.texte-pulse { 
		width:100%; height:100%;
		text-align: center; 
		padding-left:20px;
		padding-right:20px;
		display: table-cell;
		vertical-align: middle;
		text-align: center; font-size: 12px;
	}

	/* -- */

	#colonne-droite p { text-align: center; font-size: 12px;}



	.titre, .titre2 { color :#dfbf82; }

	.image_partenaire { padding: 0 20px 0 20px; width:100px;}

}

@media (min-width: 200px) and (max-width: 479px) {
	.normal-colonne-droite {width:100%;}
	.MainPied-colonne-droite {width:100%;}
	.produits-colonne-droite { width:100%; text-align:justify; }
	.contact-colonne-droite {width:100%;}
	.epilation-colonne-droite * { visibility: hidden; display: none;}

	/* -- */

	.lumiere-pulse-centre { 
		position: absolute;
		top:0; left:0;
		width:100%;
		display: table;
		background-color: #002161;
	}

	.texte-pulse { 
		width:100%; height:100%;
		text-align: center; 
		padding-left:20px;
		padding-right:20px;
		display: table-cell;
		vertical-align: middle;
		text-align: justify; font-size: 11px;
	}

	/* -- */

	#colonne-droite p { text-align: justify; font-size: 11px;}

	.titre, .titre2 { color :#dfbf82; text-align: center;}

	.image_partenaire { padding: 0 20px 0 20px; width:75px;}
}

@media (min-width: 200px) and (max-width: 599px) {
	#banierepub, #ClosePub, .produits-colonne-gauche { visibility: hidden; display: none; }
}


.partenaire { width:100%;}

.partenaire p { text-align: center;}
#partenaires_effet { 
	background-image: url('../images/transparence/blanc20.png'); 
	position:absolute;
	height:300px;
	width: 100%;
	top:100px;
	border-top: 3px solid #dfbf82;
	border-bottom: 3px solid #dfbf82;

}

#colonne-droite p, .texte-pulse {
	position: relative;
	font-family: 'AvantGarde', Helvetica;
	color:white;
	padding:15px;
	
	display:table-cell; /* /!\ */
	vertical-align: middle;
	z-index:2;
	line-height: 18px;
	letter-spacing: 0.6px;
}

#colonne-droite p > a { 
	text-decoration: none;
	color: #dfbf82;
}

#colonne-droite p > ul { 
	display:inline-block;
}

.titre, .titre2 { 
	text-transform: uppercase; 
	display:block; padding-bottom:20px; 
	font-size:20px;
	font-family: 'Light'; line-height: 22px;
}

.titre2 { padding-top: 20px; }
.titre-h2 {
	text-transform: uppercase; 
	display:block; padding-bottom:20px; 
	text-align:left; font-size:15px;
	font-family: 'Light'; line-height: 22px;
}

@media (min-width: 800px) { 
	#colonne-gauche {
		position:relative;
		height:100%;
		z-index:1;
	}

	.epilation-colonne-gauche { 
		margin-left:350px; 
		width:550px; 
		background-color: black;
	}

}

@media (min-width: 200px) and (max-width: 799px) {
	.MainPied-colonne-gauche > *, .normal-colonne-gauche > *,
	.lumiere-pulse-homme, #lumiere-pulse-femme, #colonne-gauche-contact > * {
		display: none;
		visibility: hidden;
	}

	.epilation-colonne-gauche {
		width:100%; 
		background-color: black;
		height:100%;
		z-index:1;
		position: absolute;
		top:0;
	}
}

.MainPied-colonne-gauche { margin-left:240px; width:650px; background-color: black;}

.normal-colonne-gauche { margin-left:300px; width:600px; background-color: black;}

#images-produits { position:relative; z-index:3; display: table-cell; width:550px; height:100%; vertical-align: middle; text-align: center;}

.lumiere-pulse-centre { 
	height:100%;
	z-index:1;
}


#colonne-gauche .imagesFIX {
	position:absolute;
	left:0; right:0;
	height:100%;
	width:100%;
	overflow: hidden;
}

#colonne-gauche #images {
	position:relative;
	left:0; right:0;
	height:100%;
	width:100%;
	overflow: hidden;
	z-index: -1;
}

#colonne-gauche #images img { 
	position: absolute;
	top:0; left:0;
}

.NomEnseigne {font-size: 1.3em;}
.NomGras {font-weight: bold; font-size: 1em; font-family: 'AvantGarde', Helvetica;}

.textInSlidShow {
	padding:5px 0 5px 0;
	position: absolute;
	text-align:center;
	color:white;
	font-family: 'AvantGarde', Helvetica;
	font-size: 12px;
	bottom:20px;
	width:100%;
	letter-spacing: 0.8px;
	background-image: url('../images/transparence/noir50.png');
}

/* Services */

.detail-colonne-droite {
	display: inline-block;
	padding:0px 0 12px 0;
	margin:0;
	color:#D8D8D8;
	font-size: 0.9em;
	line-height: 15px;
}
.detailGras-colonne-droite {
	font-weight: bold;
}

.Warning {
	font-style: italic;
	font-size: 0.9em;
}

.fleche {
	background-image: url('../images/bouttons_autres/fleche_blanche.png');
	background-repeat: no-repeat;
	
	height:9px;
	display: inline-block;
	padding-right:5px;
	padding-left:15px;
	line-height: 9px;
}

@media (min-width: 1000px) { 

	.image-epilation-pulse img { position: absolute; top:0; left:0;}
	.image-epilation-pulse { position: relative; top:25px; width:300px;}


	.lumiere-pulse-centre { 
		position:relative;
		display: table;
		margin-left:300px; 
		width:300px;
		background-image: url('../images/structure_generale/fond1.jpg');

	}

	.texte-pulse { 
		text-align: justify; 
		padding-left:20px;
		padding-right:20px;
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
	}

	/* -- */

	#colonne-gauche-contact { 
		display: table; 
		background-image: url('../images/structure_generale/fond1.jpg');
	}

	#colonne-gauche-contact p { 
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
		width:700px;
		height: 500px;
	}

}

@media (min-width: 800px) and (max-width: 1000px){ 

	.image-epilation-pulse img { position: absolute; top:0; left:0; width:200px;}

	.image-epilation-pulse { 
		position: relative; 
		top:90px; 
		width:200px; 
		height: 100px;
		display: table-cell; 
		vertical-align: middle;
	}

	.lumiere-pulse-homme { width:200px; display: table;}


	.lumiere-pulse-centre { 
		position:absolute;
		display: table;
		margin-left:200px; 
		width:100%;
		background-image: url('../images/structure_generale/fond1.jpg');

	}

	.texte-pulse { 
		text-align: justify; 
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
		padding-right: 410px;
	}

	.texte-pulse p { width:300px; margin:auto;}

	/* -- */

	#colonne-gauche-contact { 
		display: table; 
		background-image: url('../images/structure_generale/fond1.jpg');
		left:0;
		right: 0px;
		top:0;
		padding-left: 125px;
		width: 100%;
		height: 100%;
		position: absolute;
	}

	#colonne-gauche-contact #formulaire_contact { 
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
		width:100%;
		height: 100%;
	}
	
}


.image-epilation { position: relative; left:30px;}
.image-epilation img { position: absolute; top:0; left:0;}


/* Services Ostheo */

#Ostheo-troubles > .boutton-retour {text-align: right;}
.boutton-retour {
	text-decoration: none;
	display: inline-block;
}

/* Services UV */

.InfoUV {
	width:100px;
	height:100px;
	position: absolute;
	border:4px solid #dfbf82;
	background-image: url('../images/transparence/noir70.png');
	text-align: center;
	display: table;
	border-radius: 100px;
}

.InfoUV p {
	display: table-cell;
	vertical-align: middle;
	padding:0px 10px 0px 10px;
	color:white;
	font-family: 'AvantGarde', Helvetica;
	font-size: 12px;
}

#LaMinute { bottom:20px; right:20px;}
#Offrir { bottom:20px; right:20px;}

/* -- */

#evenementPresse {
	width: 100%;
	height: 100px;
	display: table;
	position: relative;
	
}

#evenementPresseColumn {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	text-align: center;

}

#fleche_r, #fleche_l {
	position: absolute;
	top:50%;
	width: 15px;
	height: 25px;
	opacity: 1;
	transition: all 500ms;
	
}

#fleche_r:hover, #fleche_l:hover {
	opacity: 0.5;
	cursor: pointer;
	transition: all 500ms;
}

#fleche_r {
	right:-15px;
	background-image: url('../images/structure_generale/fleche-r.png');
}

#fleche_l {
	left:-15px;
	background-image: url('../images/structure_generale/fleche-l.png');
}

.parleNous {
	color: white;
	font-family: 'Light', Helvetica;
	font-size: 20px;
	text-transform: uppercase;
	display: block;
	padding-bottom: 0px;

}

.nomEvenem {
	color: white;
	font-family: 'Light', Helvetica;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	position:absolute;
	width:100%;
	margin:auto;
	z-index: -1;
}

#nomsPresse {
	width:300px;
	position: relative;
	margin:auto;
}

#contenuPresse {

	width: 100%;
	height: 400px;
	padding:2px;
	margin: 0px;
	position: relative;

}

.imagePresseWhite {
	background-color: white;	
}

.imagePresseBlack {
	background-color: black;	
}

.imagePresseWhite img, .imagePresseBlack img {
	display: inline-block;
	padding: 0; margin: 0px -1px 0px -1px;
}

.\6photos img {width: 223px; position: relative;}
.\5photos img {width: 178px; position: relative;}

.lienImage {
	display: inline-block;;
	opacity: 1;
	transition: all 500ms;
	cursor: pointer;
	overflow: hidden;
}

.lienImage:hover {
	opacity: 0.7;
	transition: all 500ms;
	cursor: pointer;
}

.gallery {
	position:absolute;
	top:0px;
	width:900px;
}

/* Fenetre Modale */

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	text-align: center;

	display: none; /*--masqué par défaut--*/
	background: black;
	padding: 20px;
	border: 10px solid #dfbf82;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup_block table {
	font-family: 'AvantGarde', Helvetica;
	color:white;
	font-size: 15px;
	width:100%;
}

.popup_block #titre-plan, #titre-plan a {
	text-transform: uppercase;
	text-align: left;
	padding-bottom:20px;
	color:#D8D6D6;
	
}

.popup_block #sous-titre-plan, #sous-titre-plan a {

	text-align: left;
	font-size: 12px;
	color:#C6C4C4;
}

.popup_block a {
	text-decoration: none;
	color:#aa9066;
}

img.btn_close {
	float: right;
	margin: -50px -50px 0 0;
}
/*--Gérer la position fixed pour IE6--*/

* html > #fade {
position: absolute;
}
* html > .popup_block {
position: absolute;
}

.ReseauSociaux { padding: 0 10px 0 10px; }

#reseau-soc-p {
	padding: 20px 0 10px 0;
}

#reseau-soc-p a {
	text-decoration: none;
	opacity: 1;
	transition: 600ms all;
}
#reseau-soc-p a:hover {
	opacity: 0.5;
	transition: 600ms all;
}

.upside {
	position: relative;
	display: block;
	z-index: 9999;
}


/* Formulaires */

@media (min-width: 200px) and (max-width: 500px) {
	.popup_block {
		width:200px;
	}

	.popup_block h2 {
		font-family: 'Light', Helvetica;
		text-transform: none;
		color:white;
		font-size: 20px;
	}

	.popup_block p{
		font-family: 'AvantGarde', Helvetica;
		color:white;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.popup_block #FormulaireText { width: 150px; font-style: italic;background: black; color:#C6C4C4;}
	#bouttonNewsletter { width:170px; background-color: black; color: #dfbf82;}
}
@media (min-width: 501px) {
	.popup_block {
		width:400px;
	}

	.popup_block h2 {
		font-family: 'Light', Helvetica;
		text-transform: none;
		color:white;
		font-size: 25px;
	}

	.popup_block p{
		font-family: 'AvantGarde', Helvetica;
		color:white;
		font-size: 12px;
		letter-spacing: 1px;
	}

	.popup_block .FormulaireText { width: 300px; font-style: italic;background: black; color:#C6C4C4;}
	#bouttonNewsletter { width:320px; background-color: black; color: #dfbf82;}
}


.popup_block .FormulaireText, .contact {
	height: 25px; 

	padding: 0 10px 0 10px; 
	margin: 20px 0 0 0; 

	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;

	border: 1px solid #dfbf82;
	font-family: 'AvantGarde', Helvetica; 
	font-size: 14px; 
}

.retourFormulaire{
	font-family: 'AvantGarde', Helvetica; 
	color: white;
} 

#RetourFormulaire {
	display: block; width:100%;
}

@media (min-width: 200px) and (max-width: 999px) {
	textarea { width: 300px; }
	.contact { width: 300px; }
	#EnvoieContact { width:320px; }
}

@media (min-width: 1000px) { 
	textarea { width: 500px; }
	.contact { width: 500px; }
	#EnvoieContact { width:520px; }
}


.contact { opacity: 0.7; background: white; color:black;}

textarea {
	height: 170px; padding: 10px 10px 0 10px; margin: 20px 0 0 0;
	background-color: white;
	color:black;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 1px solid #dfbf82;
	font-family: sans-serif;
font-family: 'AvantGarde', Helvetica; 
	font-size: 14px;
	opacity: 0.7; }



.popup_block #bouttonNewsletter, #EnvoieContact {	
	margin: 10px 0 0 0;
	padding:0;
	border: 1px solid #dfbf82;
	
	cursor: pointer;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-family: "AvantGarde", Helvetica; 
	font-size: 12px; 
	 
	text-transform: uppercase; 
	height: 30px; 
	line-height: 25px;
}


#EnvoieContact { opacity: 0.7; background-color: white; color:black;}