/* CSS Document */

* {
margin:0;
padding:0;
}

html,body{
scrollbar-face-color: #ffffff;
scrollbar-track-color: #3868B9;
scrollbar-arrow-color: #0A297D;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #0A297D;
scrollbar-darkshadow-color: #0A297D;
background-color:#fff;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

h1, h2, h3, h4 {
font:bold 21px Verdana, Arial, Helvetica, sans-serif;
color:#FF5050;
}

.gdtitre {
font:bold 24px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

.gdtitre a{
color:#FFF;
text-decoration:none;
}

.titre-centrer {
font:bold 21px Verdana, Arial, Helvetica, sans-serif;
color:#FF5050;
text-align: center;
}

.Style1 {
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}
.Style2 {
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
}

.menu-contenu {
	position:relative;
	display:block;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	margin:20px 0 20px 0;
	text-align: center;
}

.menu-contenu a{
color:#0000FF;
text-decoration:none;
}

.menu-contenu a:hover{
color:#FF5050;
}

.titre-bleu {
	position:relative;
	display:block;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	margin:20px 0 20px 0;
	background-color: #FFFFFF;
}

.titre-ocre {
	position: relative;
	display:block;
	color: #990033;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 10px;
}

.soutitre-centrer-gd {
	position:relative;
	display:block;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align: center;
	margin:20px 0 20px 0;
}

.soutitre-centrer-pt {
	position:relative;
	display:block;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align: center;
	margin:20px 0 20px 0;
}

.image-puce {
	padding:0 5px 0 0;
}

ul.list-puce li{
	position:relative;
	padding:0 0 0 10px;
	margin-left: 10px;
	list-style-type:none;
	background: url(images/puce.gif)  no-repeat 0 10px;
}

#menu-haut ul {
position:absolute;
top: 149px;
left: 10px;
list-style-type:none;
width: 100%;
}

/* for Internet Explorer */

/*\*/
* html #menu-haut ul {
left: 0;
}
/**/

#menu-haut ul li {
float:left;
margin-left: 10px;
}

#menu-haut ul li a{
font-weight:bold;
padding:0 0 0 15px;
color:#FFF;
text-decoration:none;
background: url(images/separation-mhaut-rouge.gif) no-repeat 0 5px;
}

#menu-haut ul li a:hover{
color:#FF5050;
}

#menu-gauche ul {
position:relative;
list-style-type:none;
}

#menu-gauche ul li {
margin:17px 10px 10px 11px;
padding:0 0 5px 12px;
border-bottom: 1px solid #3571C6;
padding-bottom: 5px;
}

#menu-gauche ul li a{
color:#FFF;
text-decoration:none;
}

#menu-gauche ul li a:hover{
color:#FF5050;
}

#menu-gauche {
position:relative;
float:left;
width: 160px;
height:482px;
top:16px;
background: url(images/fond-menu-gauche-rouge.jpg) no-repeat top left;
}

#global {
position:relative;
margin: auto;
width: 828px;
}

#contenu {
position:relative;
width:620px;
min-height:338px;
float:left;
margin-left: 43px;
margin-top: 35px;
text-align:justify;
line-height: 19px;
background-color:#fff;
}

#contenu a{
color:#0000FF;
text-decoration:none;
}

#contenu a:hover{
color:#FF5050;
text-decoration:none;
}

/* for Internet Explorer */

/*\*/
* html #contenu {
height: 338px;
}
/**/

#header {
position:relative;
width: 100%;
height:168px;
padding-left: 19px;
background: url(images/fond-menu-haut-rouge.jpg) no-repeat top left;
}

.clear {
clear:both;
}

.photo-gauche {
margin: 0 17px 5px 0;
border:solid 1px;
padding: 1px;
  float: left;
}

.photo-droite {
margin:0 0 17px 17px;
border:solid 1px;
padding: 1px;
  float: right;
}

.haut-page {
margin:0;
  float: right;
}

.image-separation {
margin:20px 0 20px 0;

}

#footer {
position:relative;
width: 828px;
height: 20px;
margin-top: 20px;
padding:2px 0 0 5px;
color:#FF5050;
background: url(images/font-footer-rouge.gif) no-repeat top left;
}

/* Formulaire */

#formulaire {
position:relative;
width: 299px;
}

#aut_form {
position:relative;
width: 200px;
z-index:10;
  float: right;
}

fieldset {
  border:none;
  margin-bottom:1em;
  padding-top:1.5em;
}

#contact label {
  position:absolute;
  font-size:90%;
  padding-top:.2em;
  left:20px;
}

#contact input {
  font:.9em "verdana", arial, sans-serif;
  width:300px;
  padding:.2em;
  margin-left:10em;
  line-height:1.4em;
  margin-bottom:.2em;
  border:solid 1px;
  border-color: #034AB2;
}

.txt-form {
font:10px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

p#button {
  margin-left:9em;

}