/* Publicité

******************************************/

#fondpub {position: absolute; top: 0;left:0; border:0;text-align: left; width: 1008px; height:110; background: url(images/fondpub.jpg) 0 0 no-repeat;}

#top { z-index: 1; margin: 0; padding: 6px 0px 0px 358px; width: 643px; height: 93px;}

#top img { border:2px solid #000;}



/* Icônes de langue

******************************************/

#lg { position: relative; }
#lg div.fr {width:20px; height:13px;border:1px solid #000;}
#lg div.en {width:20px; height:13px;border:1px solid #000;}
.fr {top:30px; left:950px;}
.en {top:55px; left:950px;}



/* base

******************************************/

p { font:Georgia, "Times New Roman", Times, serif; font-size:12px; }

h4 { text-align:left; font-size: 14px; margin:10px 0 10px 0; padding:0 0 0 10px; color:#000;  }

h3 { text-align:left; font-size: 12px; margin:5px 0 5px 0; color:#5A2C52; text-decoration:underline; font-weight:normal;}

h1, h2 {display: block;width: 140px; height: 21px; line-height:21px; font-size:13px; padding:00; border: 1px solid #000; background:#006699 url(images/bouton.gif) -280px 0 no-repeat; font-weight:normal;}

h2 {background:#e7a6c6 url(images/bouton.gif) 0 0 no-repeat;}

pre { text-align:left; font-size: 14px; margin:10px; padding:0 0 0 10px; color:#000;  }

.clearboth { clear: both; }

hr { margin: 0 50px 0 10px; color: #8c9273; }

strong{ font-weight: bold; }

.souligne { text-decoration: underline ; }



/* Liens

******************************************/

a { text-decoration: none; color:#fff; outline: none; }

a:hover { color:#FFCC33; text-decoration: none; }



/* centre

******************************************/

.imgright { float: right;margin: 15px 5px 0 0;}

.imgleft { float:left; margin: 20px 0 0 10px; border:1px solid #000;}

#centre {float: left;width: 820px; margin: 7px 0 50px 2px;text-align: left; display: inline; padding:0;}



/* centre appele par php

******************************************/

#accueil, #bloc1, #bloc2, #bloc3, #bloc4, #bloc5, #bloc6, #bloc7 {height: 460px; border: 1px solid #000; width:825px;}



#accueil {background:#fff url(images/images_centrales/accueil.jpg) 0 0 no-repeat;}

#bloc1 {background:#fff url(images/images_centrales/image1.jpg) 0 0 no-repeat;}

#bloc2 {background:#fff url(images/images_centrales/image2.jpg) 0 0 no-repeat;}

#bloc3 {background:#fff url(images/images_centrales/image3.jpg) 0 0 no-repeat;}

#bloc4 {background:#fff url(images/images_centrales/image4.jpg) 0 0 no-repeat;}

#bloc5 {background:#fff url(images/images_centrales/image5.jpg) 0 0 no-repeat;}

#bloc6 {background:#fff url(images/images_centrales/image6.jpg) 0 0 no-repeat;}

#bloc7 {background:#fff url(images/images_centrales/image7.jpg) 0 0 no-repeat;}



/* gauche

******************************************/

#left {clear:both; margin:0 0 0 5px; width: 170px;float: left;display: inline; color:#000;height: 400px;}

#imagegauche { margin:5;}

#menug {float:left; margin:0 0 0 5px; padding: 40px 0 0 0px; }

#menug ul { margin: 0; padding:0;}

#menug {  text-align:center;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}

#menug a:link, #menug a:visited {color: #000;text-decoration: none;}

#menug a{display: block;width: 150px; height: 26px; line-height:21px; font-size:13px; padding:0;background:red; margin:5px 0 0 0;}

#menug a:hover{background:green;}

#menug a.a1 {background:#0080c0 url(boutons/a1.gif) 0 0 no-repeat;}

#menug a.a1:hover{background:#0080ff url(boutons/a1.gif) -150px 0 no-repeat;}

#menug a.a2 {background:#0080c0 url(boutons/a2.gif) 0 0 no-repeat;}

#menug a.a2:hover{background:#0080ff url(boutons/a2.gif) -150px 0 no-repeat;}

#menug a.a3 {background:#0080c0 url(boutons/a3.gif) 0 0 no-repeat;}

#menug a.a3:hover{background:#0080ff url(boutons/a3.gif) -150px 0 no-repeat;}

#menug a.a4 {background:#0080c0 url(boutons/a4.gif) 0 0 no-repeat;}

#menug a.a4:hover{background:#0080ff url(boutons/a4.gif) -150px 0 no-repeat;}

#menug a.a5 {background:#0080c0 url(boutons/a5.gif) 0 0 no-repeat;}

#menug a.a5:hover{background:#0080ff url(boutons/a5.gif) -150px 0 no-repeat;}

#menug a.a6 {background:#0080c0 url(boutons/a6.gif) 0 0 no-repeat;}

#menug a.a6:hover{background:#0080ff url(boutons/a6.gif) -150px 0 no-repeat;}

#menug a.a7 {background:#0080c0 url(boutons/a7.gif) 0 0 no-repeat;}

#menug a.a7:hover{background:#0080ff url(boutons/a7.gif) -150px 0 no-repeat;}

#menug a.a8 {background:#0080c0 url(boutons/a8.gif) 0 0 no-repeat;}

#menug a.a8:hover{background:#0080ff url(boutons/a8.gif) -150px 0 no-repeat;}

#menug a.a9 {background:#0080c0 url(boutons/a9.gif) 0 0 no-repeat;}

#menug a.a9:hover{background:#0080ff url(boutons/a9.gif) -150px 0 no-repeat;}



/* page contact

******************************************/

#bloccontact {float:left;border: 1px solid #000; margin:38px 0 0 26px; width:700px; height: 510px;background:#FFAE63; }

html>body #bloccontact { margin-left: 53px;}

#bloccontact p {color:#000; }



/* Compteurs

******************************************/ 

.compteurs { float: left; margin: 42px 0px 0px 0px; width: 120px; height: 15px;}

.connections { padding: 0px 0px 0px 48px; width: 20px; height: 40px; font-size: 17px; color:#fff;}



/* formulaire

******************************************/

#corpscadre { clear:left;height: 490px; margin: 9px 10px 0 10px ; background-color: #efdbad; font-size: 12px; border: 1px solid #000;}

#corpscadre a { padding: 0; line-height: 1; text-decoration: none; color: #03C; }

#corpscadre p { font-size: 14px;margin-left:5px; line-height:20px;}

#cadreg { float:left; border: #666 1px solid; width: 380px; margin:5px;}

#cadred { float:left; border: #666 1px solid; width: 380px; margin:5px;}

#cadred1 { float:left; border: #666 1px solid; width: 100px; margin:5px;}

#cadred2 { float:left; border: #666 1px solid; width: 100px; margin:5px;}

form { margin: 0; padding:0; font: 14px Verdana, Arial, Helvetica, sans-serif;}

.inscription { color:#000; }

.fieldset { padding-top: 10px; margin:0; background:url(images/fond2.jpg); height: 310px; border: 1px solid #000; border-width: 1px 0 0 0; }

FORM P { clear: both; margin: 0; }

FORM LABEL { float: left; width: 20%; text-align: right; }

TEXTAREA, INPUT, LABEL { margin: 0;}

TEXTAREA, INPUT { border: #666 1px solid; background-color: #fff; width: 250px; }

TEXTAREA { width: 20%px; height: 150px }

#submit { border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #006633; width: auto; }

#submit:hover { border: 1px red solid }

.alerte { }

.focus { background: #ff9 }