* { padding: 0; margin: 0; }
body {
 font-family:"Trebuchet MS";
 font-size: 0.9em;
 color:#FFFFFF;
}
.content{font-size:.834em;}

h1  {
	font-size:1.2em;
	color:#d9cdaa;
	text-decoration:underline;
}

h2, .content h2 {
	font-size:1.3em;
	color:#d9cdaa;
	border-bottom:#d9cdaa 3px solid;
	font-variant:small-caps;
	padding:5px 0 8px 0;
	margin-top:0;
}
h3, .content h3{
    color:#ffffff;
	font-size:1em;
	border-bottom:#ffffff 1px solid;
	padding:5px 0 8px 0;
  }
.content h3 span{
    color:#d9cdaa;
	font-size:0.8em;
  }
  h3.toggler{
    color:#FFCC66;
	font-size:1em;
	border-bottom:#FFCC66 1px dashed;
	padding:5px 0 8px 0;
  }

h4 {
  color:#d9cdaa;
  font-size: 0.8em;
  padding:5px 0 2px 0;
  }
p {
	padding:1em 0;
	font-size: 0.8em;
	text-align:justify;
}
p.cite{
	color:#FFCC66;
	font-style:italic;
}
a {
color: #d9cdaa;
}
a:hover {
color: #cccccc;
}
.content ul, .content ol {
margin-left:2.2em;
font-size: 0.8em;
color:#D9CDAA;
}

#wrapper { 
 margin: 0 auto;
 width: 980px;
 background-color:#000000;
 background-image:url(../images/bgsite.gif);
}
/*header*/

#header {
 color: #333;
 width: 980px;
 float: left;
 height: 354px;
 background-image:url(../images/header.png);
}
#header .masque {
	position: absolute;
	width: 980px;
	height: 136px;
	top: 0px;
	background-image:url(../images/header.png);
	margin:0;
	padding:0;
	overflow:hidden;
	line-height:800px;
}
/*animation haut de page*/

.animation {
	top:109px;
	position: relative;
	width: 980px;
	height: 245px;
}

.animation img {
	position: absolute;
	top: 0;
	left: 0;
}

#navigation {
 float: left;
 width: 980px;
 height:22px;
 color: #333;
 margin: 0px 0px 0px 0px;
 background-image: url(../images/bgmenu.gif);
 background-repeat:no-repeat;
}
/*adresse*/

.adresse{
float:right;
position:relative;
bottom:238px;
right:52px;
  }
.adresse ul li{
  color:#330000;
  font-size: 0.6em;
  font-weight:bold;
 }
  .adresse ul li strong{
  font-size: 1.4em;
  font-weight:bold;
  line-height:30px;
 }
/*menu*/

.menu{
font-weight: bold;
font-size:0.8em;
width: 700px;
line-height:18px;
}

.menu ul{
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/

}

.menu ul li{
display: inline;
}

.menu ul li a{
padding: 6px 15px 4px 15px; 
text-decoration: none;
color:#322104;
text-transform:capitalize;
}

.menu ul li a:hover{
color: #99151b;
}
.menu ul li a.selected {
color: #99151b;
}
.menu ul li a.active {
color: #99151b;
}
/*Colonne gauche*/

#leftcolumn { 
background-image:url(../images/imgcolg.jpg);
background-repeat:no-repeat;
 width: 281px;
 height:350px;
 float: left;
 background-color:#99151b;
}

/*Colonne centre*/

#content { 
 float: left;
 background: #851816;
 margin: 0px 0px 5px 0px;
 padding: 13px 10px 15px 10px;
 width: 466px;
}

/*Colonne droite*/

#rightcolumn { 
 background: #851816;
 margin: 0px 0px 5px 0px;
 padding-top:13px;
 width: 209px;
 float: left;
 position:relative;
}

/*Mdm*/

.mdm{
position:relative;
overflow:hidden; 
height:245px;

}
.mdm h3{margin:0; padding:0; }
.news h3 a, .mdm h3 a{text-decoration:none; }
.mdm p{margin:0; padding:0;}
.news{padding-bottom:10px;}
.news .extrait img {float:left; margin:0 .5em 0 0;}

#rightcolumn .date{
color:#d9cdaa;
font-size:0.5em;
padding:5px 0 0 5px;
}
.extrait p{
	font-size:0.7em;
	color:#FFFFFF;
	text-align:justify;
	padding-top:2px;

}
.extrait  a img {
float:right;
border:#ffffff 2px solid;
margin:2px 2px 2px 5px;
width:77px;
}
.lire_la_suite a{
color:#d9cdaa;
font-size:10px;
}
.buttons{
position:absolute;
height:18px; 
width:55px;
top:223px;
right:5px;	
z-index:1;
}
.buttons a{
text-align:center;
display:block;
float:left;
height:17px;
width:18px;
color:#851816;
font-size:0.7em;
background-image:url(../images/button.jpg);
background-position: 18px 53px;
text-decoration:none;
}
.buttons a:hover{
background-image:url(../images/button.jpg);
background-position: 18px 53px;
color:#4f4f4f;
}
/*bouton  telecharger*/

#rightcolumn .telecharger{ 
 background-image:url(../images/english.jpg);
 background-repeat:no-repeat;
 margin:8px;
 height: 52px;
 width: 195px;
 margin-top:20px;
 }
.lien a{
font-size:0.8em;
font-weight:bold;
color:#851816;
text-decoration:none;
padding:0 0 0 60px;
line-height:40px;
}
/*Footer*/

#footer { 
 width: 980px;
 height:44px;
 clear: both;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
color:#851816;
}
ul.footer {
  padding-top:25px;
	list-style-type: none;
	text-align: center;
	font-size: 0.6em;	
}
ul.footer li {
	display: inline;
}
ul.footer li a {
	color: #330000 ;/*!important;*/
	text-decoration: none;
}
ul.footer li a:hover{color:#851816;}


/*forms*/

.msg-error{color:red; font-weight:bold;}

form {
padding:10px;
font-family:"Trebuchet MS";
font-size:1em;
}
fieldset {
padding:20px;
margin-bottom:10px;
font-family:"Trebuchet MS";
font-size:0.8em;
}
legend {
color:#d9cdaa;
font-weight:bold
font-family:"Trebuchet MS";
font-size:1em;
}
label {
display:block;
}
label.inline {
display:inline
}
input {
	border:1px solid #851816;
	background-color:#d9cdaa;
	font-family:"Trebuchet MS";
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
select, option {
	background-color:#d9cdaa;
	font-family:"Trebuchet MS";
}
textarea {
	border:1px solid #851816;
	background-color:#ffffff;
	font-family:"Trebuchet MS";
}

.left{float:left;}
.right{float:right;}
.content form{ margin:0; padding:0;}
.content form .contactform{ margin:0; padding:0;}
.content fieldset{border:none; padding:0; margin:0;}
.content fieldset legend{display:none;}
.content fieldset div{padding:0;}
.content fieldset .submit{padding:0; margin:0;}

.centre{text-align:center;}
.gras{font-weight:bold;}

img.right{float:left; margin:1.5em .5em 0 .5em;}
img.left{float:left; margin:.7em .5em 0 0;}

.mailto{color:#851816;}
.mailto:hover{color:#B7221F;}

.toggler, .buttons a{cursor: pointer;cursor: hand;}
.contactform div{float:left; width:230px;}
.contactform div.input-objet{float:none; width:460px; clear:both;}
.contactform div.input-objet input{width:460px;}
.contactform div.label-input{clear:both; width:460px;}
.contactform div.label-input textarea{width:460px;}
.contactform div.submit{width:460px;}


.content .slideshow-thumbnails ul{margin:0; padding:0;}

img.illus{ width:150px;}

#rightcolumn div.illustrations {text-align:center; overflow:hidden;}
#rightcolumn div.illustrations img {width:auto; margin-bottom:1em;}

.content .texte p{margin:0;}
.content p{margin:0;}