body {
  font-family :  Verdana, Helvetica, Arial, sans-serif;
  font-size : 12px;
  background-color : #ECEEF6;
  margin: 0px;
  padding: 0px;
}
img {
  border: 0px;
}
a {
  text-decoration: none;
}

#principal{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  visibility: visible;	
  z-index: 2;
  margin-top: 10px;
  width:1000px;
  background-color : #fff;
}

.formul{
  font-size : 12px;
  color : #666;
  font-weight:bold;
  
}

#principal p{
  text-align:justify;
  padding-top: 20px;
  padding-bottom: 0px;
  margin: 0px;
}
#cadre{
  border-left: 1px solid #C9D0E6;
  border-right: 1px solid #C9D0E6;
}

#logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width:1000px;
  height:150px;
}
#logo #affiche{
  top:30px;
  left:200px;
  width:740px;
  height:98px;
  border-bottom: 1px solid #fff;
}
#logo h1{
  padding:52px 0px 0px 284px;
  font-size:35px;
  color:#4F5D8E;
  font-family: "Trebuchet MS", Trebuchet;
  margin:0px;
}

#flag{
  position: absolute;
  z-index:1;
  left: 0px;
  top: 151px;
  width:980px;
  height:19px;
  padding:3px 0px 0px 20px;
  background-color : #C9D0E6;
}
#flag img{
  padding:2px;
}

dl, dt, dd, ul, li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#menu {
  position: relative;
  float: left;
  width: 280px;
  padding-top : 280px;
  padding-left: 0px;
  text-align:left;
  font-size:14px;
}
#menu dt{
  margin-top:8px;
  font-weight: bold;
}
#menu dt a {
  color: #253C80;
  text-decoration: none;
  margin-left:0px;
  padding-left:8px;
}
#menu dt a:hover {
  color: #253C80;
  text-decoration: none;
  margin-left:2px;// 10px;
}

#pub{
  position: relative;
  float: right;
  width: 180px;
  padding-top : 240px;
  padding-left: 0px;
  text-align:center;
  padding-bottom:20px;
}

#contenu {
  position:relative;
  width:520px;
  color : #000;
  padding-top : 240px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom:16px;
  margin-left: 282px;
}
#contenu h1 {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-size : 18px;
  text-align: left;
  font-weight:normal;
  letter-spacing: 0.14em;
  color :#445AA9;
  padding:0px 0px 25px 5px;
  margin:0px;
}
#contenu h2 {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-size : 14px;
  text-align: left;
  color :#445AA9;
  text-decoration: none;
  padding : 0px;
  margin-top : 12px;
  margin-bottom: 2px;
}
#contenu h3 {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-size : 12px;
  text-align: left;
  color :#445AA9;
  text-decoration: none;
  padding : 0px;
  margin : 0px;
}
#contenu h4 {
  font-family: "Trebuchet MS", Trebuchet, sans-serif;
  font-size : 10px;
  text-align: left;
  color :#445AA9;
  text-decoration: none;
  padding : 0px;
  margin : 0px;
}
#contenu #image {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contenu #image span{
  text-align: center;
  font-size: 10px;
  font-style: italic;
}
#contenu #zoum{
  padding-top: 0px;
}
#contenu a:link { 
  color: #253C80;
}
#contenu a { 
  color: #253C80;
}
#contenu a:hover { 
  color: black; 
}
#contenu a:visited { 
  color: #253C80;
}
#contenu .photos {
  text-align: center;
}
#contenu .spacer {
  height: 4px;
  font-size:2px;
}
#contenu .gris{
  color:#666;
}

/*
#haut{
  position:relative; 
  left:26px; 
  top:200px;
  color:#666;
  font-size:12px;
  z-index:100;
}
*/

#piedcontenu{
  position: relative;
  clear: both;
  font-size : 12px;
  color: #666;
  height:32px;
  margin:0px;
  padding:16px 0px 10px 16px;
  border-top: 2px solid #C9D0E6;
}
#piedcontenu a {
  color: #666;
  text-decoration: none;
  font-weight:bold;
}
#piedcontenu a:hover {
  color: #333;
  text-decoration: none;
}
#piedcontenu a:visited {
  color: #666;
  text-decoration: none;
}

#margotweb{
  position: relative;
  text-align: right;
  padding:4px 30px 0px 0px;
  background-color:#ECEEF6;
  font-size:9px;
}
#margotweb a{
  text-decoration: none;
}


/* pour page contact -- */
FORM {
  margin: 0px 0px 0px 0px;
}
FORM * {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT {
  margin: 10px 0px 0px 0px;
}
TEXTAREA, INPUT {
  border: #666 1px solid; 
  background-color: #fff;
  width: 400px; 
}
TEXTAREA {
  width: 400px; 
  height: 120px;
}
FORM P {
  clear: both; margin: 0px;
}

#submit {
  border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #9A9A9A; width: auto;font-weight:bold;
}
#submit:hover {
  border: 1px red solid;
}
.alerte {
  font-weight: bold; font-size: 14px;
}
.focus {
  background: #ff9;
}

.pom{
  padding-left:30px;
  text-align:left;
  visibility: hidden;
  display:none;
}