
* { margin:0; padding:0; outline:none; }

body { background: #fff url('images/fond.jpg') repeat-x; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; text-align:justify; }

.bg { background: #fff url('images/fond2.jpg') repeat-x; }

#contenu p { line-height:13px; padding: 0 0 14px 0; }

input, textarea, select { background-color:#a5a5a5; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; }

.majuscule p:first-letter { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

h1 { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; line-height:14px; padding:40px 0 20px 0; height:20px; text-align:center; }

a { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; text-decoration: underline; }

.encadre { border:2px solid #ffcb07; }

.h1 { margin:0; padding:0 0 14px 0; text-align:justify; }

ul { margin:0 10px 14px 20px; list-style-position:inside; }

.adroite { float:right; margin:0 0 10px 20px; }

.agauche { float:left; margin:0 20px 10px 0; }

.none { display:none; }

.entier { text-align:center; margin:0 auto; width:720px; clear:both; padding-top:5px; }

.blocD { width:350px; padding-left:20px; }

.blocG { width:330px; }

.vignette { width:330px; height:20px; color:#333; font-weight:bold; background-color:#ffcb07; vertical-align:middle; padding-top:3px; }

.gras a { font-weight:bold; }

/*/////////////////////////////////////////////// SQUELETTE //////////////////////////////////////////////////////////////////*/
#conteneur { width:950px; margin:0 auto; padding:0; }

#header { width:950px; height:228px; margin:0; padding:0; background:transparent url('images/head.jpg') no-repeat; }

#titre { width:950px; height:36px; margin:0; padding:0; background:transparent url('images/titre.jpg') no-repeat; }

#milieu { background: transparent url('images/bg-contenu.jpg') no-repeat; width:950px; min-height:257px; _height: 257px; margin:0; padding:0; }

#contenu { text-align:justify; padding: 20px 25px 5px 25px; }

#footer { background: transparent url('images/adresse.jpg'); width:950px; height:29px; margin:0; padding:0; clear:both; }

#coordonnees { float:left; width:240px; text-align:center; padding: 50px 0 0 30px; }

#basdepage { font:normal 10px Arial, Helvetica, sans-serif; color:#222; text-align:center; padding:10px; }

#basdepage a { font:normal 10px Arial, Helvetica, sans-serif; color:#222; text-decoration:underline; }

/*/////////////////////////////////////////////// YZEO //////////////////////////////////////////////////////////////////*/
#yzeoConteneur { height:24px; width:305px; padding:10px 0; margin:0 auto; text-align:center; font:normal 10px Arial, Helvetica, sans-serif; color:#222; }

#yzeoConteneur img { border:none; }

#yzeoConteneur a { font:normal 10px Arial, Helvetica, sans-serif; color:#222; text-decoration: underline; }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
form { min-height: 410px; _height: 410px; }

#formulaire { background: transparent; text-align:center; width:400px; padding:0; padding:0 0 0 10px; float:left; }

#formulaire * { margin:0 0 2px 0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

.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:195px; height:13px; float:left; margin: 0 5px 0 2px; color:#222; }

.textareaform { width:398px; height:80px; overflow: auto; color:#222; }

.selectform { height:18px; float:left; margin: 0 5px 0 2px; color:#fff; }

.labelmessage { width:95px; }

#labelenvoyer { width:125px; }

.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

.divtexte { margin: 5px 0 0 0; }

#formulaire div { margin: 5px auto; }

.divimagecaptchat { display:none; }

.transp, .inputtexte { background: transparent; border: 1px solid #222; color:#222; }

/* ////////////////////////////////  Styles CSS pour LightBox PopUp  //////////////////////////////////////////////////////////// */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 5px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; }

#prevLink { background: url('images/prevlabel.gif') left 100% no-repeat; left: 0; float: left; }

#nextLink { background: url('images/nextlabel.gif') right 100% no-repeat; right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') left 100% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') right 100% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }

#imageData { padding:0 10px; color: #222; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.diapo-droit { float:right; width:325px; margin:10px; }

.min-d { float:left; margin:10px; width:150px; }
.min-d-g { float:left; margin:10px; width:180px; }

.titre-bat { clear:both; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#222; text-align:center; padding-top:10px; }

td { padding:2px 10px 2px 10px; }
