/* CSS Document  DG JUILLET 2007*/

body{
margin: 0;
background-image:url(images/motif_bg.jpg);
background-repeat: repeat-x;
background-color: #fcd54e;
font-family: Arial, Helvetica, sans-serif;
}

#bandeau_01{
width: 938px;
height: 244px;
margin: 0 auto;
background-image:url(images/bandeau_01bis.jpg);
background-repeat:no-repeat;
}

#bandeau_02{
width: 938px;
height: 244px;
margin: 0 auto;
background-image:url(images/bandeau_02bis.jpg);
background-repeat:no-repeat;
}

#bandeau_03{
width: 938px;
height: 244px;
margin: 0 auto;
background-image:url(images/bandeau_03.jpg);
background-repeat:no-repeat;
}

#logo{
float: left;
margin: 56px 0 0 39px;
border: none;
}

#menu{
margin: 0;
padding: 57px 0 0 125px;
clear: both;
list-style-type:none;
}

#menu li{
display: inline;
}

#menu li a{
color: #4e260b;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
text-decoration: none;
padding: 0 60px 0 15px;
font-weight: bold;
font-size: 0.8em;
}

#menu li a:hover{
color: #387595;
}

#contenu{
width: 955px;
height: auto;
margin: 0 auto;
font-size: 0.8em;
color: #4e260b;
}

#contenu p{
margin: 0;
padding: 0 0 5px 0;
font-size: 0.85em;
}

#footer{
width: 955px;
height: auto;
margin: 20px auto;
font-size: 0.75em;
text-align: center;
clear: both;
color: #4e260b;
}

#footer ul{
list-style-type: none;
margin: 0;
padding: 0;
color: #4e260b;
}

#footer ul li{
display: inline;
}

#footer ul li a{
color: #4e260b;
text-decoration: none;
}

#footer ul li a:hover{
text-decoration: underline;
}

#footer p img{
border: none;
}

#footer p a{
color: #6e260b;
font-size: 0.75em;
text-decoration: none;
}

#contact{
width: 800px;
height: 300px;
padding: 85px 0 0 0;
margin: 0 auto 50px auto;
background-image:url(images/bg_contact.jpg);
background-repeat:no-repeat;
background-position:right;

}

#form_contact{
width: 320px;
height: auto;
float: left;
margin: 35px 0 0  0;
font-size: 1.2em;
}

#form_contact label{
display: block;
float: left;
width: 80px;
color: #6e260b;
}

#form_contact .input{
width: 220px;
border: 1px solid #387595;
}

#form_contact textarea{
width: 220px;
height: 80px;
border: 1px solid #387595;
}

#form_contact #submit{
	width: 141px;
	height: 18px;

	background-image:url(images/submit.jpg);
	background-repeat:no-repeat;
	border: none;
	margin: 0 0 0 160px;
color: #4e260b;
text-transform: uppercase;
font-size: 0.8em;
}

p#adresse{
float: left;
margin: 60px 0 0 150px;
color: #fff;
font-size: 1em;
font-weight: bold;
}

p#mail{
float: left;
margin: 60px 0 0 215px;
color: #fff;
font-weight: bold;
font-size: 0.9em;
}

#img_01{
width: 278px;
margin: 55px 20px 0 0;
padding: 65px 0 0 0;
float: left;
border: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/livrebg.png',sizingMethod='scrop');
height:328px;
}

html>body #img_01 {
filter:none;
background:url(images/livrebg.png) no-repeat;
}

#img_01 a {
color:#fcd54e;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:16px;
}

#img_01 p {
text-align:center;
}


#texte_index{
width: 400px;
padding: 15px 10px 0 0;
float: left;
text-align: justify;
}

#texte_index #titre{
width: 138px;
display: block;
margin: 0 auto;
}

#bloc_droite_index{
	width: 220px;
	height: auto;
	float: left;
padding: 20px 0 0 20px;
}

#mini_bloc_01, #mini_bloc_02, #mini_bloc_03{
width: 195px;
height: 63px;
margin: 10px 0 0 0;
padding: 15px 0 0 27px;
border: 2px solid #fcd54e;
}

#mini_bloc_01 a, #mini_bloc_02 a, #mini_bloc_03 a{
color: #fff;
text-decoration: none;
font-family: verdana, arial;
font-size: 1.3em;

}

#mini_bloc_01{
background-image:url(images/img_index_03.jpg);
}

#mini_bloc_02{
background-image:url(images/img_index_04.jpg);
}

#mini_bloc_03{
background-image:url(images/img_index_05.jpg);
}


#texte_index ul{
margin: 0;
padding: 0 0 5px 15px;
font-size: 0.8em;
list-style-type: square;
}

#img_01 ul{
margin: 0;
padding: 0 0 5px 15px;
font-size: 0.85em;
}

#repertoire{
	width: 880px;
	height: auto;
margin: 20px auto;
	background-image:url(images/bg_repertoire.jpg);
	background-repeat:no-repeat;
}

#basrepertoire {
float:left;
width:880px;
text-align:center;
margin-top:10px;
}

#basrepertoire h3 {
font-size:14px;
margin:10px 0 0 0;
padding:0;
}

#basrepertoire p {
font-size:12px;
margin:5px 0 0 0;
padding:0;
}

#leftRep{
width: 284px;
height: auto;
float: left;
margin: 70px 0 0 30px;

}

#leftRep img{
border: 2px solid #fcd54e;
}

#rightRep{
width: 470px;
height: auto;
float: left;
margin: 70px 0 0 50px;
}

#rightRep ol{
margin: 0;
padding: 0 0 0 30px;
font-size: 0.95em;
color: #fff;
}

#rightRep ol li{
margin: 0;
padding: 0 0 5px 0;
}

#rightRep ol li .marron{
color: #4e260b;
font-weight: bold;
}

#mini{
width: 350px;
height: auto;
float: left;
padding: 30px 10px 0 90px;
}

#mini2{
width: 475px;
height: auto;
float: left;
margin: 30px 10px 0 15px;
}

#mini img{
border: 2px solid #fcd54e;
float: left;
margin: 0 5px 5px 0;
cursor: pointer;
}

#mini2 img{
border: 2px solid #fcd54e;
float: left;
margin: 0 5px 5px 0;
cursor: pointer;
}

#grande{
margin: 30px 0 20px 0;
border: 2px solid #fcd54e;
}

#video{
width: 400px;
height: 300px;
margin: 30px 0 50px 0;
padding: 0;
border: 2px solid #fcd54e;
float: left;
}

#basdiapo {
text-align:center;
}


			/* --------------------- Référencement ----------------------- */
			
			
.titre {
	font-size:12px;
	color:#000;
}

.marge {
	margin-bottom:0;
	margin-top:0;
	padding-bottom:0;
	padding-top:0;
}

.texte {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.85em;
}