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

/**** POLICES ****/


@font-face {
    font-family: 'Pacifico';
    src: url('/polices/Pacifico.ttf');
}

/**** FIN POLICES ****/

* { /*font-family:Verdana, Geneva, sans-serif*/ }

body {
	background:
	url(../imgs/fonds/crepuscule.png) no-repeat center 0px;
	/*background-image:url(../imgs/fonds/crepuscule.png);
	background-repeat:no-repeat*/
	background-color:#7EBFC6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
}

#personnages1 {
	background : url(../imgs/personnages/personnages1-mix.png) no-repeat center 0px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

#onlyfrench {
	width:375px;
	height:160px;
	margin-left:460px;
	margin-bottom:-10px;
}

#maison {
	background : url(../imgs/batiments/maison.png) no-repeat center 0px;
	width:1200px;
	/*background-color:#9FF;*/
	/*height:784px;
	position:absolute;
	top:193px;
	left:75px;
	z-index:3;*/
	height:950px;
	margin-top:0px;
	clear:both;
}

#menu {
	float:left;
	width:150px;
	height:300px;
	/*background-color:#C63;*/
	margin-left:118px;
	margin-top:150px;
	
}

#contenu {
	float:left;
	width:388px;
	min-height:500px;
/*	background-color:#C33;
*/	margin-left:40px;
	margin-top:65px;
}

#media {
/*	background : url(imgs/batiments/fenetre.png) no-repeat center 0px;
*/	float:left;
	width:345px;
	height:275px;
	/*background-color:#CCC;*/
	margin-left:20px;
	margin-top:78px;
}

#personnages2 {
	background : url(../imgs/personnages/personnages2.png) no-repeat left 0px;
	width:470px;
	float:left;
	padding-top:100px;
	/*background-color:#6F9;*/
	/*height:153px;
	position:absolute;
	top:550px;
	left:705px;
	z-index:5;*/
}

#bungallow {
	background : url(../imgs/batiments/bungallow.png) no-repeat left 0px;
	/*background-color:#F69;*/
	width:470px;
	margin-top:10px;
	/*height:270px;
	position:absolute;
	top:660px;
	left:705px;
	z-index:6;*/
}

#alire {
	width:345px;
	height:650px;
	margin-left:80px;
	color:#000;
}

#alire p {
	margin-top:4px;
	margin-bottom:4px;
}

#ancres {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#ccc;*/
	text-align:center;
	clear:both;
	height:30px;
	padding-top:10px;
}

#ancres a {
	color:#FFF;	
}

#flotte {
	background : url(../imgs/fonds/piscine.png) no-repeat center ;
	background-color:#7EBFC6;
	width:100%;
	height:400px;
	clear:both;
}

#sitemap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	clear:both;
}

#sitemap table {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}


#sitemap a {
	color:#999;
	text-decoration:none;
}

/****** STYLES GENERAUX ****/

h1 {
	font-family:Pacifico, Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:35px;
	/*color:#C63B05;*/
}

h2 {
	font-size:20px;
	color:#444;
}

h3 {
	/*background-color:#F90;*/
	border:solid #FFF 1px; 
	font-size:17px;
	line-height:16px;
	padding-left:5px;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

h3 a {
	text-decoration:underline;	
}

h4 {
	font-size:20px;
	line-height:20px;
	color:#000;
	font-weight:normal;
	/*color:#FF3300;*/
	margin-bottom:5px;

}

h5 {
	margin-top:10px;
	font-size:16px;
	margin-bottom:5px;
}

img {
	border:0;	
}

a {
	/*color:#C63B05;*/
	color:#000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;	
}

/****** FIN STYLES GENERAUX ****/

.margeDroite85 {
	margin-right:85px;
}

.legende {
	width:100%;
/*	text-align:center;
*/	margin-top:5px;
	color:#000;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

#menu ul#recherche {
	padding-left:30px;	
}

#menu ul#recherche li  {
	margin-bottom:21px;
	margin-top:18px;
	list-style:none;
	color:#000;
}

#menu ul#recherche li a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#menu ul#qui {
	margin-left:5px;
	margin-top:10px;
}

#menu ul#qui li  {
	margin-bottom:9px;
	margin-top:9px;
	list-style:none;
	margin-left:-25px;
	
}

#menu ul#qui li a {
	text-decoration:none;
	font-weight:bold;
	color:#666;
}

#menu ul#qui li a:hover, #menu ul#recherche li a:hover {
	text-decoration:underline;
}
-->

#boutons ul {
	margin-top:0px;
	margin-left:-25px;
}

#boutons ul li {
	display:inline;
	margin-right:30px;
	margin-left:0px;
}

#boutons ul li a img {
	opacity:0.30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Hack IE8 */
	filter:alpha(opacity=30); /* Hack IE6 - IE7 */
}

#boutons ul li a:hover img {
	opacity:0.99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; /* Hack IE8 */
	filter:alpha(opacity=99); /* Hack IE6 - IE7 */
}

#media p {
	width:100%;
	height:45px;
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
}

#video {
	z-index:100;
}

#dessin {
	background : url(../imgs/dessins/dessin.png) no-repeat center 0px;
	float:left;
	width:345px;
	height:275px;
}

#social {
/*	background-color:#093;
*/	width:160px;
	height:50px;
	position:fixed;
	z-index:1000;
	top:0px;
	left:10px;
}

#social img {
	margin-right:10px;	
	border:0px;
}

/*************** NAVIGATION **********/

#recherche li ul {
	position: absolute;	
	background-color:#F30;
	width:131px;
	top: -999em;
	margin-left:-43px;
	padding-left:10px;
	z-index:10;
	padding-bottom:5px;
}

#recherche li#festival ul  {
	text-align:center;	
}

#recherche li div#artistes ul  {
	width:550px;	
}

#recherche li div#styles ul  {
	width:250px;	
}

#menu ul#recherche li ul li {
/*	background-color:#F93;
*/	color:#FFF;
	margin-bottom:0px;
	margin-top:3px;
}

#recherche li:hover ul, #recherche li.sfhover ul{
	top:372px;
}

#recherche  li:hover #artistes ul, #recherche li.sfhover #artistes ul{
	top:407px;
}

#recherche  li:hover #styles ul, #recherche li.sfhover #styles ul{
	top:442px;
}

/*************** FIN NAVIGATION **********/

.note {
	font-size:10px;	
}

.presVideo {
	margin-top:5px;
	margin-bottom:5px;
}

#of18 {
	background-color:#FFF;
	font-size:12px;
}

#of18 a {
	color:#000;
	text-decoration:underline;
}

.date {
	font-size:11px;
}