body {
width: 900px;
margin: auto;
font-family: arial, georgia, times, serif;
font-size: 14px;
background-color: #eaebe3;
background-image: url('design/background.jpg');
text-align: center;
margin-top: 20px;
margin-bottom: 0px;

}

a{
outline: none;
text-decoration: none;
color: #720613;
}

img{
border: none;
}

.orange{
color: #354902;
}

.rouge{
color: red;
}

.rose{
color: #720613;
}

.floatdroite{
float: right;
padding-left: 5px;
}

#conteneur{
width: 900px;
min-height: 500px;
height: auto;
margin: 0 auto;
text-align: left;
}

#menu{
width: 900px;
height: 60px;
background-color: #720613;
background-image: url('design/lueur.png');
background-repeat: no-repeat;
border-radius: 5px;
padding: 0px;
list-style:none;
}



#menu  ul{
padding: 0px;
width: 900px;
height: 60px;
z-index:100;
}


#menu li {

margin: 0px;
width:105px;
height: 60px;
display:block;
float:left;
padding-left: 0px;
position:relative;
text-align: center;
font-size: 14px;
line-height: 60px;
color:#ffffff;

}


#menu li a:link, #menu li a:visited {
display:block;
text-decoration: none;
color: #ffffff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-0-transition: all 0.4s ease;
transition: all 0.4s ease;
}


#menu li:hover a, #menu li a:hover, #menu li a:active {
display:block;
color: #ffffff;
background-color:#e0695f;

	}
	

	
#menu li ul.navigation-2 {
display:none;
margin:0;
list-style:none;
width: 105px;
position:absolute;
top:60px;
border: none;
left: 0px;
}	
	
#menu li:hover ul.navigation-2 {
display:block;
}

#menu li ul.navigation-2 li {
width: 105px;
height: 20px;
clear:left;
text-align: center;
border:none;
background-color: rgb(75,172,198);
background-color: rgba(75,172,198,0.8);
font-size: 12px;
line-height: 20px;
color: white;
border-top: 0px white solid;
}	

#menu li ul.navigation-2 li:hover {
width: 105px;
height: 20px;
clear:left;
text-align: center;
border:none;
font-size: 12px;
line-height: 20px;
color: white;

}	
	
#menu li ul.navigation-2 li a {
color: white;
z-index:1000;
}	
	
#menu li ul.navigation-2 li:hover a, #menu li ul.navigation-2 li a:hover {
color: #ffffff;
background-color: #4f3126;
}	






#bandeau1{
margin-top: 20px;
width: 900px;
height: 337px;
background-image: url('design/bandeau33.jpg');
background-repeat: no-repeat;
margin-bottom: 20px;
}

#bandeau2{
}

#bandeaumobile{
display: none;
}

#contenu{
width: 900px;
min-height: 380px;
height: auto;
background-color: white;
}

#contenu h1{
margin: 0px;
padding: 20px;
font-size: 20px;
font-weight: bold;
color: #720613;
}

#contenu h2{
margin: 0px;
margin-top: 30px;
margin-left: 20px;
padding-right: 20px;
padding-left: 8px;
font-size: 16px;
width: 830px;
display: block;
height: 25px;
line-height: 25px;
font-weight: bold;
background-color: #720613;
color: white;
}

#contenu h3{
margin: 0px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
font-weight: bold;
text-decoration: underline; 
color: #720613;
}

#contenu p{
margin: 0px;
padding-left: 20px;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 5px;
font-size: 14px;
line-height: 18px;
color: black;
}

#contenu .anglais{
font-style: italic;
color: #720613;
font-size: 14px;
}

#contenu label {
display: block;
width: 200px;
float: left;
text-align: right;
padding-top: 5px;
}

#contenu fieldset{
margin-top: 10px;
margin-left: 20px;
border-color: #720613;
width: 500px;
}

#contenu fieldset p{
font-size: 12px;
}

#contenu legend{
color:  #720613;
}

#contenu .radio{
margin-top: 6px;
}

#contenu .envoyer{
width: 275px;
margin-left: 0px;
background-color: #720613;
color: white;
}

#contenu .majuscule{
text-transform: uppercase;
}

#contenu blockquote{
font-weight: bold;
font-size: 17px;
margin-left: 32px;
border-left: 6px solid #720613;
padding-left: 8px;
color: #444444;
}

#colonne-droite{
float: right;
width: 300px;
height: 380px;
}

#colonne-droite h1{
margin: 0px; 
padding-top: 20px;
padding-right: 20px;
padding-bottom: 5px;
text-align: right;
font-size: 15px;
font-weight: bold;
color: #720613;
}

#colonne-droite p{
margin: 0px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
font-size: 12px;
line-height: 18px;
color:rgb(80,80,80);
text-align: right;
}

#colonne-droite .anglais{
font-style: italic;
color: #720613;
font-size: 11px;
}

#contenu-pied{
width: 900px;
height: 150px;
background-color: white;
background-repeat: no-repeat; 
}

#footer{
width: 900px;
height: 40px;

}

#footer p{
font-size: 10px;
margin: 0px;
padding: 10px;
text-align: center;
color: #323c95;
}

#footer a{
color: #323c95;
}

#album{
height: 1300px;
}

#album ul{
list-style-type: none;
}

#album li{
display: block;
float: left;
padding-right: 5px;
}

@media (max-width: 640px)
{
body {width: auto;margin:0;padding: 0;font-size: 100%;}
img,input, table{max-width: 100%;}
img, table {height: auto; width: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#conteneur{width:100%;height: auto;}
#contenu{width:100%;height: auto;}
#bandeau1{display: none;}
#bandeaumobile{display: block;width:100%;height: 0;padding-bottom: 42.8%;margin-bottom: 10px;}
#bandeaumobile p{margin: 0; padding: 0;}
#footer{width:100%;height: auto;}
#contenu-pied{width:100%;height: auto;}
#colonne-droite{display: none;}



#contenu h1{padding-left: 10px; padding-right: 10px;font-size: 120%;}
#contenu h2{display: inline;margin-left: 10px;padding-left: 10px; padding-right: 10px;font-size: 120%;width: 100%;}
#contenu h3{padding-left: 10px; padding-right: 10px;font-size: 110%;}
#contenu p{padding-left: 10px; padding-right: 10px; padding-top: 15px;font-size: 110%;line-height: 140%;}

#contenu fieldset{width: 100%; margin-left: 0px;}
#contenu label {display: inline; float: none; width: auto; text-align: center;}
#contenu .envoyer{width: 100%;}

#menu{width: 100%; height: auto;}
#menu ul{width: 100%; height: auto;}
#menu li{width: auto;display:inline-block;float: none;padding-right: 10px;padding-bottom: 5px; padding-left:10px;height: auto;line-height: auto;}
#menu li a{display:inline-block; float: none;font-size: 110%;}

}