/** Page : GéNéRALs*/
body {
 background: #FFFF99;
 padding: 0 20px;
 font-family: sans-serif;
 }
 #entete {
 background:url('images/entete.jpg');
 font-weight:bold;
 font-size:100px;
 color:#ff9933;
 letter-spacing:2px;
 border:1px solid black; 
 }
 #page{
 background: url('images/fond menu.jpg') repeat-y; 
 }
 #menu {
 float:left;
 width:250px;
 list-style:none;
 border:1px 0 1px 0 solid red;
 margin:0;
 padding:0;
}
#menu  a {
 background: url('images/bouton menu.jpg');
 display:block;
 height:30px;
 width:250px;
 line-height:30px;
 text-align:center;
 text-decoration:none;
 cursor:pointer;
 color:#99ffff;
 font-weight:bold;
 margin:2px 0;
}
#menu a:hover,
#menu a:focus,
#menu a:active {
 background: url('images/bouton menu.jpg') no-repeat;
 color:pink;
 background-position:0 -31px;
} 
#menu .actuel {
 display:block;
 height:28px;
 color:yellow;
}
#menu .adh{
 background: url('images/bouton menu.jpg');
 display:block;
 height:30px;
 width:250px;
 line-height:30px;
 text-align:center;
 text-decoration:none;
 color:#99ff99;
 font-weight:bold;
 margin:2px 0;
 }
h1{
 font-family:BRADDON;
 text-align:center;
} 
.haut{
 color:maroon;
 font-weight:bold;
}
#pied{
 background-color:black;
 font-family:Arabic Transparent;
 font-size:12px;
 color:#999966;
 text-align:center;
}
#bottom{
 font-size:15px;
 font-weight:bolder;
 text-align:center;
}
#bottom a{
 cursor:pointer;
 color:black;
}
#bottom a:hover,
#bottom a:focus,
#bottom a:active {
 color:maroon;
}
/**Page d'accueil*/
#contenu {
 margin:0 0 0 250px;
 background: url('images/st-bauzille.jpg') no-repeat;
 background-size:cover;
 min-height:700px;
 border:1px solid black; 
 padding:40px 60px;
 text-align:justify;
} 
#contenu p{
 text-align:center;
}
#def{
 background-color:#ffff00;
 font-family:Californian FB; 
 color:maroon;
 font-size:15px;
 font-weight:bold;
 text-align:center;
}
/**produits*/
#contenu1{
 background:#fc6;
 margin:0 0 0 250px;
 border:1px solid maroon; 
 padding:40px 60px;
 text-align:justify;
}
#contenu1 h3{
 background:#ffff66;
 text-align:center;
}
#contenu1 h2{
 text-align:center;
 font-family:Calisto MT;
}
#contenu1 img{
display: block;      /**centrage de l'img*/
margin-left: auto;   /**centrage de l'img*/
margin-right: auto;   /**centrage de l'img*/
clear:left;
max-height:500px;
}
.sommaire{
 text-align:center;
 font-weight:bold;
}
.sommaire a{
 cursor:pointer;
 color:gray;
}
.sommaire a:hover,
.sommaire a:focus,
.sommaire a:active {
 color:maroon;
}
#contenu1 dt{
 font-family:Comic sans MS;
 color:maroon;
 font-size:20px;
 font-weight:bold;
}
#contenu1 dt a{
 color:maroon;
 cursor:pointer;
 }
#contenu1 dt a:hover,
#contenu1 dt a:focus,
#contenu1 dt a:active {
 color:green;
}
#contenu1 em{
 font-weight:bold;
 background:grey;
 }
 #contenu1 span{
 text-align:center;
 }
/**pages communes*/
#contenu2{
 background:url('images/fond-page2.jpg');
 margin:0 0 0 250px;
 min-height:580px;
 border:1px solid maroon; 
 padding:40px 60px;
 text-align:justify;
}
#contenu2 img{
float:right;
border:2px solid maroon;
margin:0 20px;
}
#logo{
float:left;
border:none;
margin:0 20px;
}
#contenu2 h4{
 color:#0099ff;
 text-align:left;
 font-size:20px;
}
#contenu2 h3{
 background:#ffff66;
 color:#00ffff;
 text-align:center;
 font-size:25px;
}
#contenu2 h2{
 text-align:center;
 font-family:Calisto MT;
 font-size:32px;
}
#contenu2 h5{
 text-align:left;
 font-family:Calisto MT;
 color:purple;
}
#contenu2 span em{
 font-size:13px;
 color: grey;
 }
#contenu2 #som{
 color:#ff6666;
 text-align:center;
 font-size:20px;
 font-weight:bold;
}
#contenu2 dt{
 font-family:Comic sans MS;
 color:maroon;
}
#contenu2 dt a{
 color:maroon;
 cursor:pointer;
 }
#contenu2 dt a:hover,
#contenu2 dt a:focus,
#contenu2 dt a:active {
 color:green;
}
ul {
list-style:none;
}
ul span{
font-weight:bold;
}
dl span{
font-weight:bold;
}

/**page commentaires*/
#contenu3{
 background:#ffffcc url('images/fond-page1.jpg');
 margin:0 0 0 250px;
 min-height:380px;
 border:1px solid maroon; 
 padding:40px 60px;
 text-align:justify;
}
#contenu3 h3 {
 font-family:Eras Bold ITC;
 color:purple;
 font-size:25px;
 text-align:center;
}
#contenu3 img{
float:left;
margin:0 20px;
}
#contenu3 ol{
 list-style-type:disc;
}
#contenu3 ol span {
 font-weight:bold;
}
#contenu3 form{
 margin:0 10 0 0;
 background:#ffff66;
 border:5px outset yellow;
 padding:20px;
}
#contenu3 form table {
 background-color:blue;
 margin:25px;
 font-size:15px;
 font-weight:lighter;
 }
#contenu3 form th {
 background-color:#33ff00;
 color:navy;
 font-weight:lighter;
 text-align:center;
}
#contenu3 form td {
 background-color:#F69915;
}
#contenu3 form span {
 display:block;
 text-align:center;
}
.bas {
 color:maroon;
 font-weight:100;
 }
/*zone d'affichage*/
#com {
 background:#ffff66;
 border:5px outset green;
 padding:20px;
}
#com h4 {
 font-family:Berlin Sans FB;
 font-weight:lighter;
 margin:0 0 80px 0;
 font-size:20px;
 text-align:center;
 color:#9999ff;
}
#tcom {
 border:2px inset blue;
 background-color:blue;
 width:90%;
 margin:10px 55px;
 font-size:15px;
 font-weight:lighter;
}
#tcom  th {
 background-color:#0066aa;
 color:white;
 font-weight:lighter;
 text-align:left;
}
#tcom  th span {
 font-family:Comic Sans MS;
 color:yellow;
 font-family:verdana;
 }
#tcom  td {
 background-color:#99ffcc;
 display:block;
 padding:15px;
 font-weight:lighter;
 text-align:justify;
} 
#tcomp {
 border:2px inset cyan;
 background-color:cyan;
 width:90%;
 margin:10px 35px 0 35px;
 font-size:15px;
 font-weight:lighter;
}
#tcomp  th {
 background-color:#0066cc;
 color:white;
 font-weight:lighter;
 text-align:center;
}
#tcomp  th span {
 font-family:Comic Sans MS;
 color:yellow;
 }
#tcomp  td {
 background-color:#99cccc;
 display:block;
 padding:15px;
 font-weight:lighter;
 text-align:justify;
}
#tcomp+form{
 border:none;
 margin:0;
}
#tcomp+form fieldset{
 color:#990033;
 padding:0 0 0 80px;
}
#tcomp+form legend{
 color:#6666ff;
 font-size:14px;
 font-weight:bold;
 font-family:Arial;
 }
#tcomp+form span{
 text-align:left;
 color:#330033;
 font-size:14px;
 font-weight:bold;
}
#tcomp+form input{
 margin:0 75px;
 }
hr{
 border:1px dashed #0099cc;
}
/**page contact*/
#contenu4{
 background:url('images/fond-page3.jpg');
 margin:0 0 0 250px;
 min-height:660px;
 min-width:1000px;
 border:1px solid maroon; 
 padding:40px 60px;
 text-align:justify;
}
#contenu4 h4{
 color:#0000ff;
 text-align:center;
 font-size:20px;
}
#contenu4 h3{
 background:#ffff66;
 text-align:center;
}
#contenu4 h2{
 text-align:center;
 font-family:Calisto MT;
 font-size:32px;
}
#contenu4 form fieldset{
 width:800px;
}

/**souscripteurs*/
#contenu5{
 background:#ff9;
 margin:0;
 border:1px solid maroon; 
 padding:40px 60px;
 text-align:justify;
}
#contenu5 h3{
 background:#ffff66;
 text-align:center;
}
#contenu5 h2{
 text-align:center;
 font-family:Papyrus;
 color:maroon;
 font-size:30px;
}
#contenu5 em{
font-weight:bold;
 background:#ffff00;
}
#mail{
background:#6699ff;
padding:50px;
text-align:justify;
font-style:italic;
}
#photo {
display:block;
background:url('photos/bourrache GP juin.jpg') no-repeat;
background-position:center;
min-height:375px; 
}
.info{
display:block;
clear:both;
font-family:Comic sans MS;
font-size:18px;
font-style:italic;
}
.info img{
margin:20px;
float:left;
}