* {margin: 0; padding: 0;}

body {
 background-color:#DDDDDD;
 margin:auto;
 padding:0;
 font-family: Verdana;
 }

.vignette { 
  border: 1px solid black;
  margin: 10px;
  padding: 5px;
  }

#container {
 background:#DDDDDD url(../picto/bg.jpg) repeat-y scroll center top;
 width: 838px;
 margin:auto;
 padding:0pt;
 text-align:left;
 }

#head {
 background:#DDDDDD url(../picto/header.jpg) repeat scroll center 0px;
 height:295px;
 margin-left:auto;
 margin-right:auto;
 width:838px;
 }

#head h1 {
 color: #191970;
 color: #555555;
 padding-top:100px;
 margin-left: 100px; 
 font-weight:bold;
 font-family: Verdana;
 font-size:45px;
 letter-spacing: 2px;
 background: none;
 }

#head h2 {
 color: white;
 margin-left: 100px; 
 font-weight:bold;
 font-size:30px;
 }

#head address {
 color: #666666;
 margin-left: 100px; 
 margin-right: 330px;
 font-weight:bold;
 font-size:10px;
 font-style: normal; 
 letter-spacing: 10px;
 text-align:center;
 border-top:1px solid gray;
}

#news {
 float:right;
 width:230px;
 height:193px;
 padding:0px 0px 0px 0px;
 margin: -150px -180px 0px 0px;
 xbackground: white url(../picto/postit.png) no-repeat;
 background: transparent url(../picto/postit.png) no-repeat;
 }

#news h1{
 color: #555555;
 padding: 0px;
 margin: 0px; 
 padding: 10px 0px 5px 0px; 
 font-weight: bold;
 font-weight: 900;
 xfont-family: sans-serif;
 font-size:15px;
 letter-spacing: 20px;
 text-align:center;
 font-style: italic;
 }

#news h2{
 color: #555;
 margin: 0px 0px 0px 0px; 
 padding: 4px 14px 0px 14px; 
 xfont-weight: bold;
 font-weight: 900;
 xfont-family: helvetica, "Trebuchet MS", sans-serif;
 xfont-family: sans-serif;
 xfont-family: Verdana;
 font-size:11px;
 letter-spacing: 1px;
 text-align: justify;
 xfont-style: italic;
 }

#news p{
 color: #555555;
 margin: 0px 0px 0px 0px; 
 padding: 0px 14px 2px 14px; 
 xfont-weight: lighter;
 font-family: sans-serif;
 font-size: 11px;
 xletter-spacing: 0px;
 xtext-align: justify;
 xfont-style: italic;
 font-weight: 200;
 font-weight: 500;
 color: #666;
 }

#news a{
 position: relative; 
 z-index: 1;
 color:#d6ac5a;
 color: #da5;
 color: #c94;
 font-weight: 600;
 font-size: 10px;
 }

#news a:hover {
 color: #ff9900;
 font-weight: 600;
 font-size: 10px;
 }

#menu {
 color:#d6ac5a;
 padding: 0px 35px 10px 15px;
 margin-left:auto;
 margin-right:auto;
 margin-top:55px;
 padding-bottom:155px; /* a tester sous ie*/
 float:right;
 width:200px;
 /*border:1px solid red; */
}

#menu ul {
 color:#7D8085;
 text-align:left;
 list-style-type:none;
 margin: 0px;
 padding: 0px;
}

#menu li {
 font-weight:bold;
 font-size:12px;
 height: 35px;
 margin: 0px;
 padding: 0px;
}

#menu li a {
 color:#d6ac5a;
 display:block;
 height: 20px;
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 35px;
 text-decoration:none;
 border-bottom:1px solid gray; 
}

#menu li a:hover {
 background:  url(../picto/puce/d.gif) bottom left no-repeat;
 color: #ff9900; 
 display:block;
 text-decoration:none;
}




#content {
 Xbackground: url(../picto/bug.gif) no-repeat;
 float:right;
 color:#555555; 
 margin:auto;
 margin-top:15px;
 margin-bottom:30px;
 width:550px;
}


#content p {
 margin-bottom:30px;
 padding-bottom:2px;
 text-align:justify;
 font-size: 17px;
 font-family: sans-serif;
 font-family: serif;
 font-family: Verdana;
 font-family: helvetica, "Trebuchet MS", sans-serif;
 }


#footer {
 background:#DDDDDD url(../picto/footer.jpg) no-repeat scroll 50% top;
 clear:both;
 font-size:90%;
 height:80px;
 padding:0px 0px 0px;
 text-align: center;
 padding-top: 20px;
 padding-right: 20px; /* verifier si ok sous ie */
}

#footer a{
 color: gray;
 padding-left: 12px;
 padding-right: 12px;
 margin-left: 0px;
 margin-right: 0px;
 text-align: center;
 border-right:1px solid gray;
 font-weight:bold;
 font-family: Verdana;
 }

#footer a:hover{
 color: white;
 }

#footer ul {list-style:none;margin:0px auto;text-align:center;}
#footer li {display:inline}

ul {
/* list-style-type:none;*/
 margin: 0px;
 padding: 0px;
}

li {
 color:#555555;
 margin: 0px;
 padding: 0px;
}


p {
 color:#555555;
 font-family:Trebuchet MS ;
 font-size:13px;
 margin:5px;
 padding:5px;
}

div {
 color:#555555;
 font-family: Trebuchet MS;
 font-size:12px;
 color:#555555;
 font-size:12px
 }

a {
 color:#d6ac5a;
 font-weight:bold;
 text-decoration:none;
 }

a:hover {
 color: #ff9900;
 }

#content h1 {
 color: #fbbc00;
 font-size: 25px;
 font-weight:bold;
 line-height:normal;
 margin:5px;
 padding:5px;
}

h1 a {
color:#FFFFFF;
}

h2 {
 color: *#beb163;
 font-size:20px;
 font-weight:bold;
 line-height:normal;
 margin:5px;
 padding:5px;
}

h2 a {
 background:#FFFFFF none repeat scroll 0%;
 color:#000000;
}

h2 a:hover {
 background:#FFFFFF none repeat scroll 0%;
 color:#A90000;
}

fieldset {
 border:1px solid  #A90000;
}

img {
 border:0px solid  #D4D0C8;
}














#content form {
 -moz-border-radius: 20px 0px 20px 20px;
 background: #F0F0F0 url(../picto/form-gris.jpg) no-repeat left top;
 text-align: right;
 border: 1px solid #656565;
 margin: 0px;
 padding: 20px;
 padding-top:0px;
 font-size: 14px;
 }

#content form input, #content form textarea {
 border: 1px solid gray;
 color: #555;
 margin: 3px; margin-left: 10px; margin-right: 100px; margin-top: 0px;
 padding: 3px; padding-left: 5px;  padding-top: 0px;
 }

#content form p , #content form p input {
 margin: 2px;
 }

#content form h1 { text-align: center ; color: #545; }
#content form h2 { text-align: center ;  margin-bottom: 1px; margin-top: 15px; font-size:17px; color: #545;}
#content form p  { text-align: left ;                   }

#content .err {
background-color: #fee;
} 







#content ul { margin-bottom:30px; }
#content li { margin-left: 30px; }



#mycarousel li { margin-left: 0px;}