/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	}

body {
	height: 100%;
	font-family: Helvetica, Arial,Georgia,sans;
	color: #fff;
}

.cache {
	display :none;
}

a:link {
	font-size:8pt;
	text-decoration: none;
	font-family: Helvetica, Arial,Georgia,sans;
	color: #ffffff;
	text-align:left;
	z-index:100;
	border: none;
	letter-spacing: 0.1em;
		font-weight: 100;
}

a:visited {	
	font-size:8pt;
	text-decoration: none;
	font-family: Helvetica, Arial,Georgia,sans;
	color: #ffffff;
	text-align:left;
	z-index:100;
	letter-spacing: 0.1em;
		font-weight: 100;
}

a:hover {	
	text-decoration: none;
	font-family: Helvetica, Arial,Georgia,sans;
	color: #E20169;
	text-align:left;
	z-index:100;
		letter-spacing: 0.1em;
			font-weight: 100;
}

a:active {	
	font-size:8pt;
	text-decoration: none;
	font-family: Helvetica, Arial,Georgia,sans;
	color: #ffffff;
	text-align:left;
	z-index:100;
	letter-spacing: 0.1em;
		font-weight: 100;
}

p {
	line-height:1.3em;
	font-weight:100;
	font-family: Helvetica, Arial,Georgia,sans;
	color:#999999;
	letter-spacing: 0.7pt;
	font-size: 8pt ;
	word-spacing:normal;
	padding: 0 0 0 0;
	text-align:justify;
}

ul {
	margin:0;
	padding:0;
}

ul.liste {
	margin: 4px 0 0 10px;
	line-height:0.7em;
}

ul.liste li a {
	padding: 0 0 0 20px;
}

ul.liste li a:hover{
	color:#fff;
	background-image:url(icono/fl_drt.png);
	background-position:center left;
	background-repeat:no-repeat;
}

li {
	list-style-type: none;
}

ul.fleche {
	z-index:100;
}

a.fleche:link ,a.fleche:visited ,a.fleche:active  {
	z-index: 100;
	padding-left: 20px;
	background-image:url(icono/fl_drt.png);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
}
a.flecheUP:link ,a.flecheUP:visited ,a.flecheUP:active  {
	z-index: 100;
	padding-left: 20px;
	background-image:url(icono/fl_drt_UP.png);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
	color: #E20169;
}

a.fleche:hover  {
	background-image:url(icono/fl_drt_UP.png);
}

img {
	border: none;
}

h2 {	
	font-family: Helvetica, Arial,Georgia,sans;
	letter-spacing: 0.5pt;
	font-weight: 100;
	font-size: 1.2em;
	color: #E20169;
	padding:0;
	margin:0 0 0 0;
}

h3 {
	font-family: Helvetica, Arial,Georgia,sans;
	letter-spacing: 0.1em;
	font-weight: 100;
	font-size: 0.7em;
	color: #fff;
	padding:0;
	margin:2px 0 0 0;
}



 ul.fleche li a:active,  ul.fleche li a:link,  ul.fleche li a:visited {
	z-index: 100;
	padding-left: 20px;
	background-image:url(icono/fl_drt.png);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
}



.jaune {
	color: #b33357;
}

.nbsp {
	margin: 0 5px 0 5px;
	font-size: 10px;
}

a.jaune:link ,a.jaune:visited ,a.jaune:active {
	color: #b33357;
}

.blanc {
	color: #fff;
}

.rose {
	color:#E20169; 
}

/* ------------------------------------------------------PARTICULARITES */
.galsec {
	margin: 0 0 0 0;
	line-height:25px;
	padding-right:20px;
	background-image: url(icono/fl_drt.png);
	background-position: center right;
	background-repeat: no-repeat;
	
}

.galsec:hover {
		background-image: url(icono/fl_drt_UP.png);

}

#linkhome {
	display: block;
	width: 20px;
	height: 23px;
	background-image:url(icono/ico_home.png);
	background-position: center left;
	background-repeat: no-repeat;
}

#linkhome:hover {
	display: block;
	width: 20px;
	height: 23px;
	background-image:url(icono/ico_homeUP.png);
	background-position: center left;
	background-repeat: no-repeat;
}
/* ------------------------------------------------------MENU */


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

#menu li {
	list-style: none;
	float:left;
	margin: auto;
}

#menu li#over {
	/*position: relative;
	bottom: 10px;*/
	display: block;
	line-height: 25px;
	width: 152px;
	height: 25px;
	padding: 0 0 0 0;
	margin: 0 1px 0 0;
	color: #fff;
	font-size:0.7em;
	letter-spacing:0.1em;
	text-align: center;	
	background-image: url(icono/ongletUP.png);
	background-position: left right;
	background-repeat: no-repeat;
}

#menu li a {
	display: block;
	line-height: 25px;
	width: 152px;
	height: 25px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
	letter-spacing:0.1em;
	text-align: center;
	background-image: url(icono/onglet.png);
	background-position: left right;
	background-repeat: no-repeat;
}

#menu li a:hover {
	color:#fff;
	background-image: url(icono/onglethUP.png);
	background-position: left right;
	background-repeat: no-repeat;
}
/* ------------------------------------------------------MENU GALERIES */


ul#galeries {
	margin: 0;
	padding: 0;
	z-index:1000;
}

#galeries li {
	list-style: none;
	float:left;
	margin: auto;
	display: block;
	line-height: 25px;
	width: 150px;
	height: 25px;
	letter-spacing:0.1em;
	text-align:left;
	background-color:#151515;
	border-right: #101010 1px solid;
}

#galeries li#over {
	color: #E20169;
	width: 130px;
	padding: 0 0 0 20px;
	font-size:8pt;
	background-image:url(icono/fl_drt_UP.png);
	background-position:left;
	background-repeat:no-repeat;display: block;


}

#galeries li#overdown {
	color: #E20169;
	width: 130px;
	font-size:8pt;
	display: block;
	padding: 0 0 0 20px;
	background-image:url(icono/fl_down.png);
	background-position:right;
	background-repeat:no-repeat;

}


#galeries li a {
	display: block;
	color: #fff;
	padding: 0 0 0 20px;
	font-size:7.5pt;
}


#galeries li a:hover {
	color:#fff;	
	display: block;
	background-color:#E20169;		
	width: 130px;
	height:25px;

}

/* ------------------------------------------------------MENU SOUS GALERIES */


ul#galeries li ul, ul#galeries li#overdown ul {
	margin-left: -20px;
	padding: 1px 0 0 0;
	width:150px;
	display: none;
}

#galeries li:hover ul {
	margin-left: 0px;
	padding: 1px 0 0 0;
	width:150px;
	display: block;
	z-index: 200;
}

ul#galeries li#overdown:hover ul {
	margin-left: -20px;
	padding: 1px 0 0 0;
	width:150px;
	display: block;
	z-index: 200;
}

#galeries ul li {
	border: none;
	display: block;	
	padding: 0 0 0 0;
	width: 150px;
	border-right: #101010 1px solid;
	border-bottom: #101010 1px solid;
	background-color:#151515;
	}

#galeries ul li#over {
	width: 130px;
	color: #E20169;
	padding: 0 0 0 20px;
	text-align: left;
	margin: 0;
	font-size:8pt;
	display: block;
	background-image:url(icono/fl_drt_UP.png);
	background-position:left;
	background-repeat:no-repeat;
}

#galeries ul li a {
	display: block;
	padding: 0 0 0 20px;
	font-size:7pt;
	/*background-image:url(icono/fl_drt.png);
	background-position:left;
	background-repeat:no-repeat;*/
}

#galeries ul li a:hover {
	color:#fff;
	background-color:#E20169;
	padding: 0 0 0 20px;
	width: 130px;
	height:25px;
display: block;
	/*background-image:url(icono/fl_drt_UP.png);
	background-position:left;
	background-repeat:no-repeat;*/

}



/* ---- REGLAGES RELATIFS AU DIAPORAMA------*/

.tabimage {
	/*background-color: #131313;*/
	margin: 25px 0 0 55px;
	width: 600px;
	height: 429px;
	z-index:20;
}

.tabimage img {
	z-index: 50;
}

ul#mycarousel li a:hover img.thumbs {
 	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
	}

	
	ul#mycarousel li a img.thumbs {
 	filter : alpha(opacity=100);
    -moz-opacity : 0.3;
    opacity : 0.3; 
	
	}
	
	ul#mycarousel li a span {
	display: none;
	}
	
	ul#mycarousel li a:hover span {
	display: block;
	}
	
img.bgimagegf {
position: absolute;
top:-350px;
left: -500px;
	width:220em;
	z-index:0;
	
}


#form .champsimple {
	background-color: #121212;
	border:none;
	height:10px;
	color:#333;	font-size: 0.7em;
	line-height:1em;
	word-spacing:normal;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	padding: 5px;

}

#form .champsimple:hover, #form .champsimple:focus {
	background-color: #000;
	border:none;
	height:10px;
	color:#E20169;	font-size: 0.7em;
	line-height:1em;
	word-spacing:normal;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	padding: 5px;

}

#form .textarea {
	background-color: #121212;
	border:none;
	color:#333;	font-size: 0.7em;
	line-height:1em;
	word-spacing:normal;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	padding: 5px;

}

#form .textarea:hover, #form .textarea:focus {
	background-color: #000;
	border:none;
	color:#E20169;	font-size: 0.7em;
	line-height:1em;
	word-spacing:normal;
	font-family:Helvetica, Arial, Helvetica, sans-serif;

	
}

#form .bouton {
	background-color: #101010;
	border:none;
	color:#E20169;
	margin-right: 15px;
}

#form .bouton:hover {
	background-color: #fff;
	border:none;
	color:#000;
	cursor:crosshair;
}
/*REFERENCES -------------------*/

#references {
	width: 300px;
	margin: 20px 0 0 0;
	padding: 25px 0 0 120px;
}