@charset "utf-8";
/* CSS Document */
body{
margin:auto;
margin-top:40px;
text-align:center;
background-color:#b3b3d5;
width:760px;
min-height:510px;
height:auto;}
#wrap{
width:760px;
height:auto;
margin:auto;}
#head{
width:100%;
height:105px;
background-repeat:no-repeat;
background-image:url(pictures/head.png);
text-align:right;}
#back_inner{
background-image:url(pictures/repeat.png);
background-repeat:repeat-y;
width:760px;
height:auto;
min-height:380px;
margin:0;}
#inner{
width:100%;
height:auto;
min-height:350px;
text-align:center;
background-repeat:no-repeat;
background-image:url(pictures/backg.png);}
#inner2{
width:100%;
height:1400px;
min-height:350px;
text-align:center;
background-repeat:no-repeat;
background-image:url(pictures/backg.png);}
#inner3{
width:100%;
height:auto;
min-height:350px;
text-align:center;
background-repeat:no-repeat;
background-image:url(pictures/backg.png);}
#inner4{
width:100%;
height:550px;
min-height:350px;
text-align:center;
background-repeat:no-repeat;
background-image:url(pictures/backg.png);}
#inner5{
width:100%;
height:1900px;
min-height:350px;
text-align:center;
background-repeat:no-repeat;
background-image:url(pictures/backg.png);}
#leftblock{
float:left;
width:200px;
height:380px;
color:#FFFFFF;
margin-top:0px;
text-align:left;}
#rightblock{
float:left;
width:540px;
height:auto;
min-height:380px;
margin-top:0px;
text-align:center;}
div.menu_btn{
width:200px;
height:35px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;}
div.menu_btn2{
width:200px;
height:35px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;}
p.title_accueil{
color:white;
font-family:"comic Sans MS";}
#accueil_block{
clear:left;
font-family:"comic Sans MS";
font-size:14px;
margin:auto;
width:540px;
height:auto;
min-height:250px;
background-color:#b3b3d5;
border:1px solid #CCFF00;}
#bottom{
clear:left;
background-image:url(pictures/bottom.png);
background-repeat:no-repeat;
width:760px;
height:109px;}
a{
text-decoration:none;
color:#FFFFFF;}
img{
border: none;}
#btn {
padding-top: 3px;
padding-left: 3px;
padding-right: 2px;
padding-bottom: 2px;}
#btn:hover{
padding-top: 1px;
padding-left: 1px;
padding-right: 0;
padding-bottom: 0;
border:2px solid #FFFF00;}
table.programme{
vertical-align:middle;
line-height: 1.6em;
font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;}
table.programme tr:hover{
background: #999;}
table.programme tr{
vertical-align:middle;}
table.programme td{
vertical-align:middle;}
#debug {
	margin:0;
	height:0px;
	clear:left;
	visibility:hidden;}
	#featured{ 
	width:600px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:424px; 
	background:#fff;
}
#wrapper {  
width:100%;  
height:100%;  
position:absolute;  
top:0;left:0;  
background-color:#ccc;  
overflow:hidden;  
}
#mask {  
width:100%;
height:400%;  
background-color:#eee;  
}  
.item {  
width:100%;  
height:25%;  
float:left;  
background-color:#ddd;  
}   
.content {  
width:400px;  
height:300px;  
top:20%;  
 margin:0 auto;  
background-color:#aaa;  
position:relative;  
}     
.selected {  
 background:#fff;  
 font-weight:700;  
}  

.clear {  

clear:both;  

 }  
 .content img.pix_1 {
	clear: both;
	float: left;
	margin: 10px 3% 10px 4%;
	padding: 0;}

.content img.pix_2 {
   float: left;
   margin: 10px 4% 10px 3%;
   padding: 0;}