/* CSS Document */
* { padding:0; margin:0; outline:none }
body { background:#98DD70 url('images/fond.jpg'); font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333; }
a { color:#333; }
b { color:#B9004E}
.centrer { text-align:center;}
.lien { color:#333; }
h1 {  font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#3A560C; }
.h1 {  font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:justify}
.h1intro { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; height:105px; padding-top:25px; text-align:center; }
.ul{ padding-left : 45px; }
.floatR { float:right; }

/* --------------------------------- SQUELETTE ----------------------------------------------*/
#page { width:937px; margin:0 auto; background:transparent url('images/bg.jpg') repeat-y; }
#entete { width: 937px; height:259px; clear:both; background:transparent url('images/head.jpg') no-repeat; }
#titre { width: 937px; height:46px; clear:both; background:transparent url('images/titre.jpg') no-repeat; }
#contenu { width: 867px; clear:both; float:none; background:transparent url('images/bg-contenu.jpg') no-repeat; padding:15px 25px 15px 45px; min-height:209px; _height:209px; text-align:justify}
#liens { text-align:center; color:#333; position:relative; z-index:10; }
#pied { width: 937px; height:33px; clear:both; float:none; background:transparent url('images/adresse.jpg') no-repeat;}
#stade { width:937px; height:155px; text-align:left; margin:-100px  auto 0 auto; clear:both;}
#menubas { text-align:center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0 0;  position:relative; z-index:10; color:#ffffff;}
#menubas a { color:#ffffff;}
#mention { text-align:center; float:left; padding-top:80px; }

/* ------------------------------------------YZEO -------------------------------- */
#yzeo { font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin:15px 0 0 0; color: #fff; text-align:center ; position:relative; z-index:10;}
#yzeo img { margin: 0 5px 2px 5px; border:none; vertical-align:middle; position:relative; z-index:10; }
#yzeo a { color:#fff; position:relative; z-index:10; }

/* --------------------------------- INTRO ----------------------------------------------*/
#intro { width:663px; height:259px; background:transparent url('images/intro.gif') no-repeat; margin:0 auto 0 auto; }
#intro_bas { width:663px; height:173px; background:transparent url('images/intro-bas.gif') no-repeat; margin:0 auto 0 auto; color:#fff; }
#intro_bas a { color:#fff;}


/* -------------------------------------- FORMULAIRE--------------------------------------------*/
#formulaire { background: transparent; text-align:center; width:490px; padding:0 0 0 60px; _padding:0 0 0 30px;  float:left; font: normal 11px Tahoma, Helvetica, sans-serif; color:#333; }
#formulaire * { margin:0 0 2px 0; padding:0; }
.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; }
.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } 
.inputform { width:150px; height:13px; float:left; margin: 0 5px 0 2px; }
.textareaform { width:482px; height:100px; overflow:auto; }
.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Tahoma, Helvetica, sans-serif; color:#333; background:#D4E9C8; border:1px solid #4C9023; }
.labelmessage { width:95px; }
#labelenvoyer { width:125px; }
.inputenvoyer { width:150px; font: normal 10px Tahoma, Helvetica, sans-serif; }
.divtexte { margin: 5px 0 0 0; }
#formulaire div { margin: 5px auto; }
#formulaire div a { color:#333; }
.divimagecaptchat { border:none; padding: 0 0 0 100px; }
.transp, .inputtexte { background: transparent; border: 1px solid #4C9023; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; }
fieldset { border-top:3px double #4C9023; border-bottom:3px double #4C9023; border-left:3px double #4C9023; border-right:3px double #4C9023; padding:5px; }
legend { color:#333; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 5px; border-left:3px double #4C9023}
.noborder { border:none; }
.padR {border:none; padding-right:20px; }
.padR2 {border:none; padding-right:15px; }
.center {text-align:center; }
.left { padding-left:100px; padding-right:60px; }

/* **************************** Plan d'accès ***************************************** */
.plan { width: 640px; height: 480px; margin-left:100px; border:2px solid #3A560C; }
#map .infosbulle { width: 210px; border: none; margin: 0; padding: 0; }
#map .infosbulle p { display: block; margin: 0; padding: 0;	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
.plan-titre { font-size: 14px; color: #3A560C; font-weight: bold; margin-bottom: 1em; }
.plan-adresse { font-size: 12px; color: #333; }
.plan-printer { display:block; text-align: right; }
.plan-printer img, 
.plan-printer a { border: none; }
/* **************************** Fin Plan d'accès **************************************** */