@font-face { /* IE */
	font-family: MyFont; 	
	src: url('fonts/FRSCRIPT.eot');
}
@font-face { /* Firefox */
	font-family: MyFont; 	
	src: url('fonts/FRSCRIPT.TTF'); 
}	

body{
font-family:arial;
font-size:14px;
background-color:#FCFAE1;
}

#index_tmp{
/*border:1px solid white;*/
width:320px;height:130px;
color:gray;
margin-left:auto;margin-right:auto;
}
#index_tmp a{
color:gray;
}

#site_entier{
position:relative;
z-index:0;
width:1000px;
min-height:100px;
/*background-color:gray;*/
margin-left:auto;margin-right:auto;
}

#facebook{
position:absolute;
width:150px;height:150px;
right:-60px;
top:40px;
}
#facebook img{
width:150px;height:150px;
}

#header{
width:1000px;
height:333px;
background-image:url('pics/fronton.png');
background-size:100% 100%;
/*background-color:red;*/
clear:both;
}

#centre{
width:1000px;
height:100%;
float:left;
}

#main{
width:1000px;
height:100%;
float:left;
background-image:url('pics/fond.jpg');
background-size:100% 100%;
}

#bord_haut{
width:1000px;
height:10px;
background-image:url('pics/horizontal_bas.png');
background-size:100% 100%;
clear:both;
}

#bord_bas{
width:1000px;
height:10px;
background-image:url('pics/horizontal_bas.png');
background-size:100% 100%;
clear:both;
}

#espace_pour_menu{
width:980px;height:40px;
font-size:25px;
clear:both;
margin-right:auto;margin-left:auto;
}

#menu{
z-index:1;
position:absolute;
font-family:MyFont;
width:980px;height:40px;
font-size:25px;
/*padding-top:2px;*/
/*background-image:url('pics/fond.jpg');*/
clear:both;
/*float:left;*/
/*background-color:red;*/
margin-right:auto;margin-left:auto;
}

#bord_under_menu{
width:982px;
height:10px;
margin-left:8px;
background-image:url('pics/horizontal_bas.png');
background-size:100% 100%;
clear:both;

}


.rubrique {
	position:relative;
	z-index:1;
	font-size: 15px;
	width:138px;max-height:45px;
	margin:1px;
	float:left;
	/*background-color:#9acd34;*/
	overflow:hidden;
	border-radius:5px;
	transition:max-height 1s ease;
}

.rubrique:hover {
	max-height:1000px; /* Auteur max d'un module */
	/*background-color:#9acd34;*/
	border-radius:5px;
}

.titremenu {
width:138px;
height:45px;
/*font-weight:bold;*/
text-align:center;
font-size:25px;
clear:both;
/*text-shadow: 1px 1px 0px black;*/
/*background-color:gray;*/
}

.titremenu  a{
text-decoration:none;
color:black;
}

.titremenu  a:hover{
color:white;
}

.sousmenu {
clear:both;
/*background-color:red;*/
width:100%;min-height:30px;
margin:0px;
padding:2px;
background:url('pics/planche.png');
background-size: 138px 28px;
background-repeat: no-repeat;
font-size:22px;
text-align:center;
}
.sousmenu a{
text-decoration:none;
color:black;
/*text-shadow: 1px 1px 0px black;*/
}
.sousmenu:hover a{
/*background-color: #8130a6;*/
/*text-decoration:underline;*/
color:white;
/*text-shadow: 1px 1px 0px black;*/
}

#page {
/*background-color:red;*/
width:100%;
padding-left:30px;
padding-right:30px;
min-height:500px;
clear:both;
}

#footer{
width:1000px;
height:18px;
font-family:arial;font-size:10px;color:gray;
text-align:center;
padding-top:5px;
}
#footer a{
color:gray;
text-decoration:none;
}
#footer a:hover{
color:black;
}

#lumiere {
position:absolute;
z-index:1;
width:110px;
height:160px;
background-image:url('pics/Lumiere1.png');
background-size: 100% 100%;
right:240px;
top:-8px;
}
#lumiere:hover {
background-image:url('pics/Lumiere2.png');
}

#comptoir{
position:absolute;
z-index:1;
width:250px;
height:450px;
right:-200px;
bottom:-10px;
background-image:url('pics/comptoir.png');
background-size: 100% 100%;
}

#diable{
position:absolute;
z-index:1;
width:260px;
height:500px;
left:-200px;
bottom:-30px;
background-image:url('pics/diable.png');
background-size: 100% 100%;
}

#ardoise{
position:absolute;
z-index:1;
left:-220px;
top:50px;
background-image:url("pics/ardoise.png");
background-size: 100% 100%;
width:250px;height:250px;
}