body {
font-family: Arial,Helvetica,sans-serif;
background: #5A514A;
margin:0px;
color:white;
text-align:center;
}

h1 {
color :#ffff99;
font-size: 28px;
text-align:center;
background : url('images/flocon.gif') no-repeat;
height:4.875em;
background-position:top center;
margin:0px;
padding-top:3.75em;
}
h2
{
color:#cccccc;
font-size:24px;
padding-left:0.625em;
}
h3
{
font-size: 14px;
padding-left:0.625em;
}
p
{
font-size:14px;
}

#page {
 
box-shadow: 0.313em 0.313em 0.313em 0.625em #333;
max-width:50em;
margin-left: auto; 
margin-right: auto; 
background :#423831;
text-align:left;
}

#breadcrumb
{
font-size:18px;
background-color:#987452;
margin-bottom:0.625em;
padding:0.625em;
}

#suivant{
font-size: 18px;
text-align:center;
background-color:#987452;
margin-bottom:0.625em;
padding:0.625em;
}

#retour_accueil{
text-align:right;
margin-bottom:1.875em;
}


a,a:link, a:active, a:visited{
border-bottom-width: 0.063em;
border-bottom-style: dotted;
border-bottom-color: #FFFF99;
text-decoration: none;
color:white
}

a:hover
{
    background-color:#ffff99;
    color:black;
	border-bottom-width: 0.063em;
	border-bottom-style: solid;
	border-bottom-color: orange;

}

li { list-style-image : url(images/mark.gif); font-size:16px}

#galerie {text-align:center}


#galerie img
{
    border:solid 0.75em;
    margin:1.25em;
	box-shadow: 0.313em 0.313em 0.313em 0.313em black;
}

#galerie img.paysage
{
	width: 40em;
	height: 30em;
}

#galerie img.portrait
{
	width: 30em;
	height: 40em;
}
#footer {margin-top:1.250em;text-align:center}

#galerie > img {
    margin: 1.250em;
}

#right-column{
    max-width: 24em;
    float:right;
}
#left-column{
    max-width: 24em;
    float:left;
}
#left-column img{ width:95%; }

.clearboth{ clear:both;}

@media screen and (max-width: 600px) {	
    
	#right-column img{ width:45%; position:absolute; top:200px; right:0px}
	#left-column img{width:45%;max-width:180px;float:left}
	
    #left-column{ float: none;}
	
    body{ font-size: 0.8em;}
	
    #galerie img {width:95%!important; height:none!important;}
	#galerie > img {    margin: 0;}
	h1 {padding-top : 50px; height : 80px}
	ul {padding-left:10px;}
	
	
}

@media screen and (max-width: 480px) {	
    body{ font-size: 0.6em;}
}