/* Mise en page */

html, body{
	margin: 0;
	text-align: center;
}

a, a:visited {
	text-decoration: none;
	font-weight: bold; 
	color:#000000;
}

a:hover{
	color: white;
	background-color: #B5282E;
}

a.download:hover{
	background-color:#FFFFFF;
}

b{
	color:#B5282E;
}

label { 
	display: inline ; 
	float: left ; 
	width: 100px ; 
	font-weight: bold ; 
}

label.champObligatoire{
color:#B5282E;
}


.messageImportant{
color:#B5282E;
font-weight: bold; 
margin-top:15px;
margin-bottom:15px;
}

#evitement{
position: absolute;
left: -999em;
}

img.download{
	vertical-align:middle;
	border:none;
}

img.imageDansTexteLeft{
float:left;
margin :0 10px 2px 0px;
}
img.imageDansTexteRight{
 float:right;
margin :0 0px 2px 10px;
}

img.accueil{
margin :0 0px 0px 25px;
}

#entete{
height: 140px;
padding: 1px;
width: 700px;
margin: auto;
}

#conteneur{
padding: 0px;
margin: auto;
width: 700px;
}

#contenu{
width: 560px;
height: 590px;
padding: 0;
float: right;
overflow: auto;
}

contenu h1{
height: 2em;
}

ul, li{
list-style:none;
list-style-type:none;
}

.tableau table{
width:100%;
}

h2{
	width:100%;
}

.atelier{
	width:100%;
	margin-top:1em;
}
dl.event
{
margin: 2em 0;
padding: 0;
}

.event dt
{
float:left;
width: 6em;
}

.event dd
{
margin: 0 0 0 6em;
padding: 0 0 0.5em 0.5em;
}

dl.eventNews
{
margin: 2em 0;
padding: 0;
}

.eventNews dt
{
float:left;
}

.eventNews dd
{
clear:both;
padding: 0 0 0.5em 0.5em;
}

dl.small_gallery
{
width: 102px;
padding: 10px;
float: left;
margin-left: 2.5em;
margin-bottom: 2em;
}

.small_gallery dt img
{
width: 100px;
height: 100px;
cursor: hand;
cursor: pointer;
}

.small_gallery dd
{
margin: 0;
padding: 0;
}

contenu p{
margin: 0.5em;
}
.alignCenter{
text-align:center;
}
#menu{
width: 130px;
float: left;
margin: 8px 2px 3px 4px;
}

#menu dt{
height: 2em;
margin: 8px 2px 3px 4px;
}

#menu a{
display: block;
font-weight: normal;
height: 100%;
width: 100%;
}

#menu ul{
width: 100%;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
}
#menu li{
margin: 0 0 0 0;
padding: 0 0 0 0px;
}

#piedDePage{
clear: both;
height: 3em;
padding: 0.5em;
}

#piedDePage img{
height: 16px;
width: 16px;
cursor:hand;
cursor:pointer;
}

/* Typographie */
html, body{
font-family: "Century Gothic" ,"Bitstream Vera Serif", serif;
font-size: 0.9em;
}

#conteneur{
text-align: left;
}

#contenu{
text-align: justify;
}

#contenu h1{
text-align: center;
font-size: 1.5em;
font-weight: normal;
font-weight: bold;
}

dt.titreEvent, dd.titreEvent, dt.titreEventNews, dd.titreEventNews{
font-weight: bold; 
}

dd.lieuEvent{
font-weight: bold; 
}

dl.small_gallery
{
text-align: center;
}

.small_gallery dt { 
font-weight: bold; 
}

#menu a{
text-decoration: none;
}

.atelier{
	text-align:center;
}

#piedDePage{
text-align: center;
}

/* Images, couleurs et bordures */
html, body{
background-color: #B5282E;
}

#entete{
background: #fff url("entete.jpg") no-repeat 50% 5px;
background-color: #B5282E;
}

#conteneur{
background-color: white;
border-left: 1px solid #0f1820;
border-right: 1px solid #0f1820;
border-bottom: 1px solid #0f1820;
}

/*
#contenu h1{
background: url("accueil.jpg") no-repeat 50% 1.0em;
}
*/

#accueil{
	height:500px;
background: url("accueil.jpg") no-repeat 50% 1.0em;
}


.atelier{
	color:#B5282E;
	background-color: #FFFFCC;
}

h2{
	background-color: #B5282E;
	color:#FFFFFF;
	font-size:14px;
	font-style:normal;
	font-weight: normal;

}
dt.titreEvent, dd.titreEvent, dt.titreEventNews, dd.titreEventNews{
color: #B5282E; 
}

dl.small_gallery
{
border: 1px solid #000;
background-color: #ddd;
}

.small_gallery dt img
{
border: 1px solid #000;
}

.event dd
{
border-left: 1px solid #000;
}

#menu dt{
border-right: 4px solid #B5282E;
border-top: 2px solid #B5282E;
}
#menu a{
color: #0f1820;
}

#menu a:hover{
color: white;
background-color: #B5282E;
}


#piedDePage, #piedDePage a {
color: #bfbfbf;
font-weight: normal; 
}

#piedDePage a:hover {
font-weight: normal;
color: #000000;
background-color:#FFFFFF;
text-decoration:underline;
}