/* CSS Document */
/* Mise en page globale */
body { 
margin:0 auto;/*centrage dans la page*/
padding:0 ;
background:#ffffee ;/*FFFEF9*/
color: #464603;
font-size:12px;
font-family:Verdana, Arial, Helvetica, serif;
width:770px;
}
p{
margin-left:60px;
margin-right:60px;
}
a
{
font-weight:bold;
color:#336600;
background:transparent;
}
a:hover
{
text-decoration:none;
}
form{
margin-left:0px;
margin-right:20px;
}
/* En-tête */ 
#header {
margin-top:10px;
height:130px;
background: #ffffcc url(images/bandeau_vectorise-jaune_6.jpg) no-repeat;
color: #464603;
}

#header h1 {
text-indent:-5000px; 
margin:0;
line-height:0px;
}
#header p { 
margin:75px 0 0 0px;
font-weight:bold;
color:white;
font-size:1.1em;
background:transparent;
}
/* Menu horizontal */
#menuhaut { 
margin:0 0 0 15px;
padding:0em 0.5em 0em 0;
list-style-type:none;
/*background-color:#336600;*/
color:#ffff00;
text-align:right;
width:733px;
/*border-top:1px solid #ffffcc;*/
background: #ffffcc url(images/menua_.jpg);
}
#menuhaut li {
display:inline;
} 
#menuhaut a {
color:white;
text-decoration:none;
font-weight: bold;
background:transparent;
}
#menuhaut a:hover {
text-decoration:underline;
}
/* Menu principal */
#menu {
width:770px;
height:30px;
padding:0px;
margin:0px;
/*padding-bottom: 1px;*//*correction espace bottom*/
border-top:1px solid #ffffee;
background:url(images/bandeau_contenu_5clair.jpg) ;
text-align:left;
color: #464603;
}
#menu li {
display:inline;
list-style-type:none;
} 
#menu li a {
text-decoration:none;
/*height: 1,5em;
line-height: 1,5em;*/
color:#336600;
font-weight:bold;
font-size:110%;
border:1px solid #999966;
background:#ffffcc;/*ffff99*/
padding:3px;
margin:0px;
}
#menu li a:hover {
background:#ffff88;/*ffff00*/
color:#336600;
padding:3px;
}
/* Menu bas*/
#menubas { 
margin:0 0 0 5px;
padding:0px;
list-style-type:none;
background:transparent ;
color:#cccc99;
text-align:center;
width:755px;
border-top:1px solid #ffffcc;
color: #464603;
}
#menubas li {
display:inline;
} 
#menubas a {
color:#cccc99;
text-decoration: none;
background:transparent ;
}
#menubas a:hover {
text-decoration:underline;
}
.commander
{
margin-left:7px;
text-align:right;}
.commander a
{
color:#336600;
text-decoration:underline;
padding:5px;
background:transparent ;
}
.commander a:hover
{
text-decoration:none;
background:#ffff88;
color:#336600;
border:1px solid #999966;
padding:4px;
}
.lettrine
{
font:bold 3em "Monotype Corsiva" , "Trebuchet MS";
margin-right:1px;
padding:1px;
}
.lettrite
{
font:bold 1.5em "Monotype Corsiva" , "Trebuchet MS";
margin-right:2px;
padding:0px;
}
/* Contenu global */
#global {
float:left;
width:770px;
margin:0px;
padding:0;
text-align:justify;
background: url(images/bandeau_contenu_5clair.jpg);
color: #464603;
}
#global h1 {
font-weight: bold;
font-size:125%;/*150*/
padding-bottom: 0em;
padding-left:0.4em;
border-top:1px solid #cccc99;
border-bottom:1px solid #cccc99;
font-variant:small-caps;
text-indent:0px;
color: #336600;
margin-left:40px;
margin-right:40px;
text-align:left;
background:#fffff9;
}
#global h2 {
display:inline;
margin-top:1em;
margin-bottom:1em;
font-size:110%;
font-weight:bold;
color:#999966;/*titre page*/
margin-left:50px;
margin-right:0px;
background:transparent ;
}
#global h3 {
font-size:100%;
font-weight:bold;
background:transparent ;
padding:5px;
color: #999966;
margin-left:60px;
margin-right:35px;
/*border: 1px solid #cccc99;*/
height:2em;
line-height:2em;
text-align:center;
}
/*page contact equivalent au h2 à cause de img left*/
#global h4 {
display:inline;
margin-top:1em;
margin-bottom:1em;
font-size:110%;
font-weight:bold;
color:#999966;/*titre page*/
margin-left:7px;
background:transparent ;
}
#global h5 {
display:block;
font-size:100%;
font-weight:bold;
color: #336600;
height:2em;
line-height:2em;
text-align:center;
background:transparent ;
}
/* droite  image*/
#global img {
float :right;
margin-top:5px;
margin-left:25px;
margin-right:60px;
border:1px solid #cccc99;
padding:3px;
}
#global ul li{
list-style-type: none;
margin-top:10px;
text-align:center;
padding:3px;
}
#mention {
float:left;
width:770px;
margin:0px;
text-align:center;
padding:0px;/*correction espace bottom*/

}
#mention p{/*pied de page*/
margin-left:20px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
color:#cccc99;
font-size:9px;
background:transparent ;
}
#mention a{/*pied de page*/
color:#cccc99;
font-weight:normal;
text-decoration:none;
background:transparent ;
}
#mention a:hover{/*pied de page*/
color:#cccc99;
background:transparent ;
}
#pied { 
float:left;
height:25px;
width:770px;
margin:0px;
padding:0px;
text-align:right;
background:#ffffef url(images/bandeau_pied_5.jpg) bottom no-repeat;/*ffffee*/
color: #464603;
}
#pied a{/*pied de page*/
font-weight:normal;
font-size:10px;
text-decoration:underline;
margin:20px;
}
#pied a:hover{/*pied de page*/
text-decoration:none;
}
/* index */
#global_ind {
float:left;
width:770px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
background: url(images/bandeau_contenu_5clair.jpg);
color: #464603;
}
#global_ind img{
text-align:center;
margin-left:25px;
margin-right:25px;
border:1px solid #cccc99;
padding:2px;
}
/* Menu index */
#menu_ind {
width: 770px;
height:30px;
margin:0;
padding-bottom: 1px;/*correction espace bottom*/
border-top:1px solid #ffff99;
/*background: url(images/bandeau_contenu.jpg) top left ;*/
text-align:center;
/*border:1px solid #ff0000;*/
}
#menu_ind li {
display:inline;
list-style-type:none;
} 
#menu_ind li a {
text-decoration:none;
/*height: 1em;
line-height: 1em;*/
color:#336600;
font-weight:bold;
font-size:120%;
border:1px solid #999966;
background:#ffff99;
padding:5px;
margin:0;
}
#menu_ind li a:hover {
background:#ffff00;
color: #336600;
padding:5px;
}