@import "commun.css";


body {
 background: #F0F0F0 url(../picto/bg/woody/chocolat.gif) repeat center top;
 margin: auto;
 padding: 0px;
 font-family: Verdana;
 }

#container {
 width: 1000px;
 margin:auto;
 padding:0pt;
 text-align:left;
 margin-top: 25px;
 margin-bottom: 60px;
 -moz-border-radius: 20px 0px 20px 20px;
 background: #F0F0F0 url(../picto/bg/woody/bois.gif) repeat center top;
 text-align: right;
 border: 1px solid #656565;
 }

#head {
 height:190px;
 margin-left:auto;
 margin-right:auto;
 width:750px;
 }

#head h1 {
 color: #191970;
 color: #555555;
 padding-top: 35px;
 margin-left: 100px; 
 margin-left: 100px; 
 margin-right: 330px;
 font-weight:bold;
 font-family: Verdana;
 font-size: 45px;
 letter-spacing: 6px;
 background: none;
 text-align: center;
 font-family : times, "times new roman", georgia, serif;    font-style : italic;  font-size:50px;
 }

#head h2 {
 color: #666666;
 margin-left: 100px; 
 margin-right: 330px;
 font-weight:bold;
 font-size: 20px;
 text-align:center;
 font-family : times, "times new roman", georgia, serif;    font-style : italic; font-size:25px;
 }

#head h3 {
 color: #666666;
 margin-left: 100px; 
 margin-right: 330px;
 font-weight:bold;
 font-size:15px;
 text-align:center;
 font-family : times, "times new roman", georgia, serif;    font-style : italic; font-size:18px;
 }

#head address {
 color: #A70;
 margin-left: 100px; 
 margin-right: 330px;
 margin-bottom: 15px;
 font-weight: bold;
 font-size: 11px;
 font-style: normal; 
 letter-spacing: 14px;
 text-align: center;
 border-top:1px solid black;
 }






#menu {
 color: #d6ac5a;
 float: right;
 width: 300px;
 height: 405px;
 xborder: 1px solid blue; 
 background: url(../picto/ardoise_300.png) no-repeat center top;
 margin-left: 15px;
 margin-right: 9px;
 margin: 0px; padding: 0px;
 margin-right: 10px;
 margin-left: 10px;
 padding-right: 0px;
 padding-left: 0px;
 margin-top: 15px;
 }

#menu ul {
 width: 230px;
 color: #7D8085;
 text-align:left;
 list-style-type: none;
 margin: auto;
 padding:auto;
 margin-top: 30px;
 xborder: 1px solid yellow;
 }

#menu li {
 font-size: 12px;
 height: 35px;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
 xborder: 1px solid green;
 }

#menu li a {
 position: relative; 
 z-index: 1;
 color: #840;
 color: white;
 display:block;
 height: 15px;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 7px;
 border-bottom: 1px solid gray; 
 font-weight:bold;
 text-decoration:none;
 xborder: 1px solid red;
 }

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











#centent {
height: 650px;
}

html>body #content {
height: auto;
min-height: 650px;
} 




#content {
 background: url(../picto/bg/woody/orange_grung.jpg) repeat center;
 float:right;
 font-family: Verdana;

 color: #222;
 font-size: 15px;
 text-align:justify;
 margin:20px;  
 margin-top:45px; 
 width:500px;
 -moz-border-radius: 20px 0px 20px 20px;
 text-align: right;
 border: 1px solid gray;
 margin: 0px;
 padding: 20px;
 padding-top: 0px;
 margin:auto;
 margin-top: 15px;
 margin-bottom: 30px;
 xmargin-right: 10px;




 }


#content h1 {
 color: #fbbc00;
 color: #fff;
 color: #222;
 font-size: 30px;
 font-weight:bold;
 line-height:normal;
 margin: 5px;
 margin-top: 25px;
 padding: 5px;
 
 font-family : times, "times new roman", georgia, serif;    font-style : italic;
 }

#content h2 {
 font-size:20px;
 font-weight:bold;
 line-height:normal;
 margin:5px;
 padding:5px;
 text-align: left;
 }

#content h3 {
 font-size:16px;
 font-weight:bold;
 line-height:normal;
 margin:5px;
 padding:5px;
 text-align: left;
 }


#content p {
 font-family: Verdana;

 color: #222;
 font-size: 16px;
 text-align:justify;
 text-decoration: none;
 margin-top:10px;
 margin-bottom:20px;
 padding-bottom:2px;
}


#content ul {
 margin-bottom: 30px; 
 color: #222;
 text-align: left;
 }
#content li { 
 margin-left: 30px; 
 color: #222;
 text-align: left;
 font-size: 16px;
 }

#content a {
 position: relative; 
 z-index: 1;
 color: white;
 font-size: 16px;
 font-weight:bold;
 text-decoration: none;
 }

#content a:hover {
 text-decoration: underline;
 }

























#footer {
 clear:both;
 font-size:90%;
 font-size:14px;
 height:80px;
 padding:0px 0px 0px;
 text-align: center;
 padding-top: 20px;
 padding-right: 20px; /* verifier si ok sous ie */
}

#footer a{
 color: #444;
 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;



 text-decoration: none;
 }

#footer a:hover{
 color: white;
 color: #aaa;
 color: #F80;
 text-decoration:none;
 }

#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
 }


fieldset {
 border:1px solid  #A90000;
}

img {
 xxxborder: 1px solid  #D4D0C8;
 }














#content form {
 -moz-border-radius: 20px 0px 20px 20px;
 text-align: right;
 xborder: 1px solid #656565;
 margin: -21px;   
 margin-top: -1px; 
 padding: 5px;
 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: 50px; 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 ; margin-bottom: 10px; }

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






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



#styleZapette { position: Absolute; right: 0px; text-align: center; margin: 40px; }