body { background: url(images/back_body.gif) repeat-x; margin: 0; padding: 0; background-color: #000; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; }

div#globale { width: 1024px; margin: -5px auto 0 auto; background-position: center; height: 768px; background-repeat: no-repeat; padding: 0; position: relative; }

div.slog2 { float: right; font-size: 1.1em; font-weight: normal; color: #FFF; padding: 8px 12px 0 0; height: 18px; vertical-align: bottom; overflow: hidden; visibility: hidden; }

div.slog { float: right; font-size: 1.1em; font-weight: normal; color: #FFF; padding: 8px 12px 0 0; height: 18px; vertical-align: bottom; overflow: hidden; }

div.ban { height: 140px; width: 1024px; background-color: #a72534; clear: both; }

div.middle { padding: 12px 12px 12px 0; }

a { color: #fff; text-decoration: none; }

a:hover { color: #a72534; }

a img { border: 0; }



/* Menu */

ul.menu { list-style: none; margin: 0; padding: 0; display: block; float: left; width: 148px; margin-top: -6px; font-size: 0.9em; }

ul.menu li { background: url(images/back_menu.png) repeat-y; display: block; padding: 18px 0 5px 22px; margin: 6px 0 0 0; }

ul.menu li.here { padding: 18px 0 5px 5px; }

ul.menu li h4 { font-size: 1.2em; margin: 0; padding: 0;  height: 33px; display: block; font-weight: normal; }

ul.menu li h5 { font-size: 1.2em; margin: 0; padding: 0;  display: block; height: 25px; font-weight: normal; }

ul.menu li ul { margin: 0; padding: 0 0 10px 0; display: block; list-style: none; }

ul.menu li ul li { background: url(images/blank.png) top left no-repeat;  margin: 0; padding: 0 0 0 16px; }

ul.menu li ul li.here { background: url(images/blank.png) top left no-repeat; margin: 0; padding: 0; }

ul.menu li img { margin: 0 5px 0 0; border: 0; }



ul.listhoriz { list-style: none; }

ul.listhoriz li { float: left; display: block; width: 240px; padding: 0 5px 10px 5px;  font-family: Arial,Helvetica,sans-serif; }

ul.listhoriz li a { color: #b7cc17; font-size: 0.9em; }

ul.listhoriz li a:hover { color: #a72534; }

/*ul.listhoriz li a:hover { color: #a72534; }*/



/* Contenu */

div.content { float: right; width: 800px; padding: 10px 10px 30px 10px; background: url(images/back_content.png) repeat; border: 1px solid #000; color: #FFF; font-size: 0.9em; font-weight: bold; }

h3 { padding: 0 0 0 7px; margin: 10px 0 15px 0; font-size: 1.2em; font-weight: normal; }

div.content p { padding: 0 20px 0 20px; font-size: 0.8em; display: block; }

div.content ul.ul, div.content ul.ul li { list-style: none; font-size: 0.9em;  }

div.content p a { color: #b7cc17; }

div.content p a.right { display:block; float:right; }

div.content p a:hover { border-bottom: 1px dashed #b7cc17; color: #b7cc17; }

span.underline { text-decoration: underline; }

.vert {color: #B8CC15}



/* Formulaires */

img.oblig { display: block; float: left; margin-left: -6px; }

img.antispam { display: block; float: left; margin-left: 80px; }

img.refreshantispam { margin-left: 10px; margin-top: 25px; }

label { display: block; width: 80px; float: left; }

label.pos { visibility: hidden; }

a.submit { color: #FFF; margin-top: 20px; text-transform: uppercase; font-size: 1.2em; display: block; float: left; }

a.submit:hover { text-decoration: underline; }

input, textarea  { float: left; background-color: #000; border: 1px solid #FFF; margin-bottom: 5px; color: #FFF; }

div.contentRight ul.ul { list-style: none; font-size: 0.8em; }

div.contentRight ul.ul li { display: block; clear: both; }

textarea { width: 240px; }

iframe { margin: 10px 0 0 0; display: block; }

a.linkgooglemap { width: 100px; margin: auto; display: block; text-align: center; }



/* Contenu */

div.contentRight { float: right; width: 385px; padding: 10px 10px 30px 10px; background: url(images/back_content.png) repeat; border: 1px solid #000; color: #FFF; font-size: 0.9em; font-weight: bold; margin-left: 12px; }

div.contentLeft { float: right; width: 385px; padding: 10px 10px 5px 10px; margin-top: 68px; background: url(images/back_content.png) repeat; border: 1px solid #000; color: #FFF; font-size: 0.9em; font-weight: bold; }

div.contentLeft p { font-size: 0.8em; padding: 0 40px 0 40px; }



/* Footer */

div.footer { clear: both; position: absolute; bottom: 0; font-size: 0.9em; font-family: Arial,Helvetica,sans-serif; font-weight: bold; z-index: 1; width: 1020px; }

div.logo { float: left; padding-top: 100px; position: relative; z-index: 2; }

div.logo img { display: block; float: left; margin-right: 5px; margin-top: -7px; }

div.logo a { padding-top: 7px; display: block; float: left; font-size: 1.2em; }

div.logo a span { font-size: 1em; display: inline; padding: 0; float: none; }

div.logo a:hover { color: #fff; }

div.logo a:hover span { color: #b7cc17; }

div.menu { float: right; text-align: right; position: relative; padding-top: 110px; font-size: 1em; }

div.clear { clear: both; }

div.backFooter { background: url(images/masque_bottom.png) repeat-x; position: absolute; bottom: 0;  z-index: 0; width: 1024px; height: 140px; display: block; }

div.footerRef { font-size: 0.6em; font-family: Tahoma,sans-serif; text-align: center; padding-top:30px; }

div.footerActus { font-size: 0.8em; font-family: Tahoma,sans-serif; text-align: center; padding-top:30px; color:#292929; }



/* titre */

div.title { position: absolute; bottom: 40px; font-weight: bold; font-size: 1.5em; color: #a72534; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; z-index: 1; }

h1 { margin: 0; padding-right: 20px; font-size: 2.5em; display: inline; }

h2 { margin: 0; padding-left: 20px; font-size: 1em; display: inline; }

h1.h2 { font-size: 1em; padding-left: 20px; }

div.title span { padding-right: 20px; font-size: 2.5em; } 
