/* CSS Document */


body
{
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font: 0.8em "verdana", helvetica, sans-serif;
	background-color: #333333;
}

div#conteneur
{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #ffffff;
	background: #333333;
	text-indent: 5px;
}

div#contenu h2
{
	padding-left: 15px;
	line-height: 25px ;
	font-size: 1.2em;
	color: #ffffff ;
	
}

#cadrecentrale2 {
	margin-left:130px;
	margin-right:130px;
	background-color:#666666;
	border: 1px dashed #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	text-indent: 2em ;
	line-height: 1.7em ;
	padding-left:10px;
	padding-right:15px;
}

#cadrecentrale3 {
	margin-left:130px;
	margin-right:130px;
	background-color:#666666;
	border: 1px dashed #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: justify;
	padding-left:10px;
	padding-right:15px;
}

div#contenu p
{
	text-align: justify ;
	margin-left:25px;
	margin-right:25px;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: #ffffff ;
}

div#contenu a
{
	color: #FFFF99;
}

div#contenu a:hover
{
	color: #cccccc ;
}

.boitevideo
{
float:right;
width:220px;
height:155px;
background:url(image/groupe.jpg) no-repeat ;
margin-left:15px;
margin-right:8px;
margin-top:22px;
border: 2px solid #ffffff ;
}

.boitedate
{
float:right;
width:500px;
height:375px;
background:url(image/image34.jpg) no-repeat ;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitetournee
{
float:right;
width:350px;
height:467px;
background:url(image/image4.jpg) no-repeat ;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitefilemon
{
float:right;
width:500px;
height:375px;
background:url(image/image22.jpg) no-repeat ;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitemarronniers
{
float:left;
width:320px;
height:240px;
margin-left:60px;
margin-right:30px;
padding:0px;
}

.boitephilemon
{
float:left;
width:200px;
height:150px;
background:url(image/philemon.jpg) no-repeat ;
margin-left:10px;
margin-right:30px;
padding:0px;
}

.boitevideo3
{
float:right;
width: 252px ;
height: 202px ;
background: url(image/gravure_1.jpg) no-repeat ;
position: center;
margin-left:10px;
margin-right:10px;
margin-top:70px;
padding:0px;
border: 4px solid #ffffff ;
}

.boiteimage
{
float:right;
width: 252px ;
height: 500px ;
background: url(image/verticale.jpg) no-repeat ;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}


.boiteimage2
{
float:right;
width: 252px ;
height: 500px ;
background: url(image/verticale.jpg) no-repeat ;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}
.boitetexte
{
float:right;
width: 252px ;
height: 600px ;
background-color: #333333;
text-align:left;
padding:5px;
border: 4px solid #ffffff ;
}

.boitevideo4
{
float:right;
width: 50px ;
height: 88px ;
background: url(image/slip.jpg) no-repeat ;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitevideo5
{
float:right;
width: 500px ;
height: 332px ;
background: url(image/concert_1.jpg) no-repeat ;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitevideo5
{
float:right;
width: 500px ;
height: 332px ;
background: url(image/concert_1.jpg) no-repeat ;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}

.boitevideo6
{
float:left;
width: 425px ;
height: 335px ;
background:<object width="425" height="335" align="center">
      <param name="movie" value="http://www.dailymotion.com/swf/1fEo4BlG62hsocdSc">
      </param>
      <param name="allowfullscreen" value="false">
      </param>
      <embed src="http://www.dailymotion.com/swf/1fEo4BlG62hsocdSc" type="application/x-shockwave-flash" width="425" height="335" allowfullscreen="true"></embed>
    </object>;
position: center;
margin-left:20px;
margin-right:30px;
padding:0px;
border: 4px solid #ffffff ;
}



.spacer 
{
clear: both; 
}


.boitevideo2
{
float:right;
}

.boitevideo
{
float:right;
}

.flottante {
	background-color:#333333;
	float: left;
	padding-left:15px;
	width:160px;
	text-align: left;
	border: 2px solid #ffffff;
	text-indent: 5px;
}

.flottante1 {
	background-color:#333333;
	float: left;
	padding-left:15px;
	width:250px;
	height:429px;
	text-align: left;
	text-indent: 5px;
}

.flottante2 {
background: url(image/couv.jpg) no-repeat ;
float: left;
padding-left:10px;
margin-right:15px;
margin-top: 15px;
margin-left:10px;
width:250px;
height:358px;
border: 2px solid #ffffff ;
}

.flottantedates {
	background: url(image/chemin_anes.jpg) no-repeat;
	float: left;
	padding-left:15px;
	width:322px;
	height:429px;
	text-align: center;
	border: 5px;
}

.flottantetournee {
background: url(image/image7.jpg) no-repeat ;
float: left;
padding-left:15px;
width:500px;
height:375px;
text-align: center;
border: 2px solid #ffffff ;
}

.flottante_ane {
background: url(image/sur_le_chemin.jpg) no-repeat ;
float: right;
padding-left:15px;
margin-right:10px;
margin-top: 15px;
margin-left:15px;
width:300px;
height:225px;
text-align: center;
border: 2px solid #ffffff ;

}


.flottante4 {
background: url(image/calendrier_ss_texte.jpg) no-repeat ;
float: left;
padding-left:10px;
width:400px;
height:323px;
text-align: center;
border: 2px solid #ffffff ;
}


.conteneur {
width: 100%;
}
.spacer {
clear: both;
}


p#footer
{
	margin: 0 ;
	text-align: center ;
	color: #ffffff ;
}

p#footer a
{
	margin: 0 ;
	text-align: center ;
	color: #ffffff ;
}

ul#menu
{
	height: 35px ;
	margin-left: 30px ;
	padding: 0 ;
	background:#333333 ;
	color: #ffffff ;
	display: block ;
	list-style-type: none ;
}


ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 130px ;
	font-size: 10px ;
	letter-spacing: 1px ;
	color: #ffffff ;
	background:#333333 ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #fff ;
}

ul#menu li a:hover
{
	background: #ffffff ;
	color:#333333;
}


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
