* { margin:0;padding:0; }

/* BACKGROUND */
/*
html
{	
	background: url("/images/interface/fond/fond-accueil.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
html
{
	height:100%;
}

@font-face {
    font-family: 'CorbelRegular';
    src: url('police/corbel-webfont.eot');
    src: url('police/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('police/corbel-webfont.woff') format('woff'),
         url('police/corbel-webfont.ttf') format('truetype'),
         url('police/corbel-webfont.svg#CorbelRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	/*background: url(/images/interface/fond_test.png) repeat-x fixed top left;*/
	/*background:url("/images/interface/fond_test.png") no-repeat center top, url(/images/interface/fond.png) repeat-x fixed top left;*/
	/*background: #FFF url("/images/interface/fond.png") no-repeat center top;*/
	
	/* pour l'esthétique */
	/*font-family: "Comic Sans MS", Arial, Times, sans-serif;*/
	font-family: 'CorbelRegular', Verdana, Geneva, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	height:100%; 
	overflow:hidden;
    
	background: url("/images/interface/fond/general.png") repeat center center fixed;
	background-attachment:scroll;
	/*
	background: url("/images/interface/fond/general.png") repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:scroll;*/
}

/* Attribut general */
a
{
	outline:none;	/*enleve pointiller des liens*/
}

/* CONTENU */

#contenu
{	
	height:100%;
	/*position:relative;*/
}

#page1
{
	height:100%;
	width:100%;
	position:absolute;
	left:0%;
	top:0%;
}

#page2
{
	height:100%;
	width:100%;
	position:absolute;
	left:0%;
	top:100%;
}

#page3
{
	height:100%;
	width:100%;
	position:absolute;
	left:0%;
	top:200%;
}

#page4
{
	height:100%;
	width:100%;
	position:absolute;
	left:0%;
	top:300%;
}

/* Page GALERIE */

	#page30
	{
		height:100%;
		width:100%;
		position:absolute;
		left:100%;
		top:100%;
	}
	#page31
	{
		height:100%;
		width:100%;
		position:absolute;
		left:200%;
		top:100%;
	}
	#page32
	{
		height:100%;
		width:100%;
		position:absolute;
		left:300%;
		top:100%;
	}
	#page33
	{
		height:100%;
		width:100%;
		position:absolute;
		left:400%;
		top:100%;
	}
	#page34
	{
		height:100%;
		width:100%;
		position:absolute;
		left:500%;
		top:100%;
	}
	#page35
	{
		height:100%;
		width:100%;
		position:absolute;
		left:600%;
		top:100%;
	}
	#page36
	{
		height:100%;
		width:100%;
		position:absolute;
		left:700%;
		top:100%;
	}
	#page37
	{
		height:100%;
		width:100%;
		position:absolute;
		left:800%;
		top:100%;
	}
	#page38
	{
		height:100%;
		width:100%;
		position:absolute;
		left:900%;
		top:100%;
	}
	#page39
	{
		height:100%;
		width:100%;
		position:absolute;
		left:1000%;
		top:100%;
	}
/* BACKGROUND */

#fondpage1
{
	height:100%;
	background: url("/images/interface/fond/page_accueil.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:scroll;
}

#fondpage2
{
	height:100%;
	background: url("/images/interface/fond/rubrique_galerie.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-attachment:scroll;
}

#fondpage3
{
	height:100%;
	background: url("/images/interface/fond/rubrique_reflexion.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-attachment:scroll;
}

#fondpage4
{
	height:100%;
	background: url("/images/interface/fond/rubrique_citations.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-attachment:scroll;
}

/* Fond GALERIE */

	#fondpage30
	{
		height:100%;
	}
	#fondpage31
	{
		height:100%;
	}
	#fondpage32
	{
		height:100%;
	}
	#fondpage33
	{
		height:100%;
	}
	#fondpage34
	{
		height:100%;
	}
	#fondpage35
	{
		height:100%;
	}
	#fondpage36
	{
		height:100%;
	}
	#fondpage37
	{
		height:100%;
	}
	#fondpage38
	{
		height:100%;
	}
	#fondpage39
	{
		height:100%;
	}
#contenu .divpage
{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	/*
	padding-top:17%;
	margin:0px auto;
	width:70%;
	display:none;*/
}

#contenu .divpage a
{
	color:#96bf0d;
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */ 
}

#contenu .divpage a:hover
{
	color:#CCC;
}

#contenu .divdivpage
{
	position:absolute;
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	left:50%;
	margin-left:-450px;
	top:50%;
	margin-top:-225px;
	height:450px;
	width:900px;
	color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#FFF;
	background:rgba(255,255,255,0.5); 
}

#contenu .divdivpage p
{
	padding:20px;
	font-size:15px;
}

/* Positionnement des fenetres */ 
#contenu .divdivleftbottom
{
	position:absolute;	
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	left:5%;
	bottom:100px;
	width:50%;
	height:150px;
	color:#FFF;
	font-size:14px;
	overflow:auto;
	display:block;
}

#contenu .divdivleftbottomsuite
{
	position:absolute;	
	z-index:2;
	left:5%;
	bottom:65px;
	color:#000;
	font-size:14px;
	display:block;
	cursor:pointer;
}

#page1 .divdivleftbottomsuite
{
	color:#ccc;
}

#contenu .divdivrightbottom
{
	position:absolute;	
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	right:5%;
	bottom:100px;
	width:50%;
	height:150px;
	color:#FFF;
	font-size:14px;
	overflow:auto;
	display:block;
}

#contenu .divdivrightbottomsuite
{
	position:absolute;	
	z-index:2;
	right:5%;
	bottom:65px;
	color:#CCC;
	font-size:14px;
	display:block;
	cursor:pointer;
}

#contenu .divdivlefttop
{
	position:absolute;	
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	left:4%;
	top:120px;
	width:50%;
	height:150px;
	color:#FFF;
	font-size:14px;
	overflow:auto;
	display:block;
}

#contenu .divdivlefttopsuite
{
	position:absolute;	
	z-index:2;
	left:4%;
	top:300px;
	color:#000;
	font-size:14px;
	display:block;
	cursor:pointer;
}

#contenu .divdivrighttop
{
	position:absolute;	
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	right:4%;
	top:120px;
	width:50%;
	height:150px;
	color:#FFF;
	font-size:14px;
	overflow:auto;
	display:block;
}

#contenu .divdivrighttopcitations
{
	width:40%;
}

#contenu .divdivrighttopsuite
{
	position:absolute;	
	z-index:2;
	right:4%;
	top:300px;
	color:#000;
	font-size:14px;
	display:block;
	cursor:pointer;
}

#page4 .divdivrighttopsuite
{
	color:#fff;
}

#contenu .divdivmenugalerie
{
	position:absolute;	
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	width:500px;
	height:65%;
	left:50%;
	margin-left:-250px;
	top:15%;
	color:#FFF;
	text-align:left;
	font-size:12px;
	overflow:auto;
	display:block;
}

#contenu .divdivmenugaleriesuite
{
	position:absolute;	
	z-index:2;
	left:50%;
	margin-left:-250px;
	top:80%;
	margin-top:10px;
	color:#000;
	font-size:25px;
	display:block;
	cursor:pointer;
}

#contenu .divdivmenugalerie ul
{
	list-style:none;
}

#contenu .divdivmenugalerie a
{
	color:#FFF;
	font-size:50px;
	font-weight:bold;
}

#contenu .divdivphoto
{
	position:absolute;
	z-index:2;
	/* technique special de centrage pour palier le probleme du jquery ui effect */
	top:50%;
	margin-top:-200px;
	height:400px;
	width:100%;
	color:#000;
}

/* MEDIA */
#contenu .medialisteSuperFat
{
	text-align:center;
}

#contenu .medialisteSuperFat img
{
	height:450px;
	max-width:900px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#contenu .medialisteFat
{
	text-align:center;
}

#contenu .medialisteFat img
{
	height:450px;
	max-width:540px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*	
	max-height:450px;
	max-width:540px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
}

#contenu .medialisteSmall
{
	text-align:center;
}

#contenu .medialisteSmall img
{
	height:450px;
	max-width:360px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* FOOTER */

/* sans correctif ie7 
#footer
{
	position:fixed;
	bottom:0;
	width:100%;
}

#footer .divfooter
{
	float:right;
}*/

#footer
{
	position:relative;
	z-index:4;
}

#footer .divfooter
{
	position:fixed;
	bottom:0;
	width:100%;
	height:50px;
	text-align:right;
	background:#000;
	border-top:1px solid #C0C0C0;
}

#footer a
{
	width:18px;
	height:18px;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #999;
	background-color:#000;
	background:rgba(0,0,0,0);
}

#footer a.specialfooter
{
	background-color:#FFF;
	background:rgba(255,255,255,0.8);
}

#footer a:hover
{
	background-color:#FFF;
	background:rgba(255,255,255,0.8);
}

#footer a.footermention
{
	width:auto;
	height:auto;
	text-decoration:none;
	color:#CCC;
	font-size:34px;
	border:none;
	background:none;
	padding-right:10px;
	padding-top:7px;
}

#footer .retourGalerie
{
	position:fixed;
	display:none;
	right:100px;
	bottom:13px;
	z-index:5;
}

#footer .retourGalerie a
{
	width:auto;
	height:auto;
	border:0px;
	background-color:#000;
	background:rgba(0,0,0,0);
	color:#FFF;
	text-decoration:none;
}

/*
#footercontent
{
	padding-top:200px;
	margin:0px auto;
	width:15%;
	position:relative;
}

#footercontent .divfootercontent
{
	color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#;
	background:rgba(255,255,155,0.6); 
	position:fixed;
	display:none;
}

#footercontent .divfootercontent p
{
	padding:20px;
}*/
#footercontent
{	
	position:fixed;
	z-index:3;
	display:none;
	width:100%;
	height:auto;
	bottom:0;
	font-family:"arial";
	color:#FFF;
	background-color:#000;
	background:rgba(0,0,0,0.6);
}

#footercontent h1
{
	padding:10px 10px 0px 10px;
	font-size:15px;
}

#footercontent h2
{
	padding:10px 10px 0px 10px;
	font-size:14px;
}

#footercontent p
{
	padding-left:10px;
	font-size:11px;
	color:#CCC;
}

#footercontent a
{
	color:#FFF;
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */ 
}

#footercontent a:hover
{
	color:#CCC;
}

#footercontent a.cadenas
{
	background-image : url("/images/icone/icn_cadenashover.png");
	background-repeat : no-repeat;
	right:10px;
	display:block;
	position:fixed;
	width:19px;
	height:19px;
}

#footercontent a.cadenas:hover
{
	background : url("/images/icone/icn_cadenas.png") no-repeat;
}

#mention
{	
	cursor:pointer;
	margin-bottom:50px;
}

#mentionlegal
{	
	cursor:pointer;
}

#mentionlegal:hover
{	
	color:#CCC;	
}

#mentionlegal_contenue
{	
	display:none;	
}

.googlemap
{
	width:325px;
	height:305px;
	margin-top:-12px;
	margin-left:12px;	
}