/* @charset "UTF-8"; */

*, html {margin:0;padding:0;}

/* reglages generaux, sans consideration de tailles / position */
body {
	font-family: "Helvetica Neue Light", Helvetica, "Futura Book", Trebuchet MS, Arial, sans-serif; font-size: 12px;color:#4E4E4E; }

body.admin { color: black; }

a { text-decoration: none; color: #0096AC; border: none; }
p { font-size: 12px; }
a:hover { text-decoration: none; color: #00FFFF; }
.currentpage { 	color:#F60; }
img { border: 0; }
li { list-style-type: none; }
.pagetitle {margin: 47px 0px 0px 12px; float: left; color: #3E3E3E; width: 385px; }
h1 { font-size: 12px; font-variant: small-caps; font-weight: lighter;}
.biocourte { margin-left: 12px; font-variant: normal; }

/* toute la colonne de gauche */
#leftmenu { width: 220px; float: left; }
#titre { font-family: Garamond pro,"Palatino Linotype", "Book Antiqua", Palatino, "Helvetica Neue Ultra Light", "Helvetica Neue Light", Helvetica, "Futura Book";
  font-size: 22px; line-height: 40px; margin-left: 30px; margin-top: 30px; }
#menu { list-style-type: none; margin-left: 30px; margin-top: 30px; }
#menu a:hover { text-decoration:none; color:#FFF;background-color:#0FF;}
#menu li ul { padding-left: 5px; padding-top: 5px; max-height: 200px; overflow: hidden; }
.boites {width : auto;}
#contenu1, #contenu2, #contenu3, #contenu4 { font-size: 80%; }
#encadre { left:-10px; width:auto; height:auto; border: 1px solid #ffa500; padding-left:10px; padding-bottom:10px; padding-top:10px; margin-top: 8px; }
#boutique {color:#F06;}

/* le reste droit de la fenetre */
#content { margin-left: 225px; width: 1104px; height: auto; }
#fondIndex { position:absolute; left:-75px; top:291px;height:500px;z-index:-15000;}

/* le bandeau du dessus a droite : vignettes, etc */
#bandeau { height: 80px; width: 100%; }

/* le bloc de vignettes dans le bandeau */
#vignettes {position:absolute; left:626px; top: 17px; }
#vignettesGalerie {position:absolute; height: 50px; width: 400px;float:left; margin-top:19px; padding-left: 300px;}

/* les images a droite */
#img { float: right; margin-top: 58px; width: 660px; height: 500px;z-index: -20000; }
#ImgSeule { float: left;}
#legendeImg { margin-left: 12px; margin-top: 25px; width: 760px; padding-right:15px; }

/* les titres de page avec liens */
.pagemenu { margin-top: 20px; margin-left: 12px; width: 395px; font-size: 12px; color: #F60; }
.pagemenu li { display: inline; list-style-type: none; color: #F60; }

/* les blocs de textes */
#blocTxt { margin-left: 12px; margin-top: 25px; width: 385px; overflow: auto; height: 537px; padding-right:15px;z-index: 5000;}
#blocTxtlarge {margin-left: 12px; margin-top: 17px; width: 600px;overflow: auto; height: 550px;}
#blocTxt b { font-weight: bold; }
.gras {font-weight: bold;}
#blocTxt2 { margin-left: 12px; margin-top: 30px; width: 395px; font-size: 10px;}
#interview {margin-top: 20px;padding-right: 5px; width: auto; overflow: auto;height: 300px;}
#intro {font-size: 13px;}

/* commentaires pour Photos et Articles */
#cmtr {width:150px;height:85px; overflow: auto; bottom: 30px ; float:left;font-size: 10px;}
#panier {width:150px; /*overflow: auto;height:260px;float:left; */ font-size: 10px;}

/* le "mur" de video (videowall) */
#imgSeule { margin-left: 12px; margin-top: 25px; width: 400px; }

/* bas de page */
#pied { width: 1280px; clear: both; bottom:0px; }
/* logo en bas a gauche */
#logo { margin-left: 25px; width: 250px; z-index: -50000;}
/* pour liens bas de page */
h5 {font-size: 12px;}
.ImprimerRecommander { margin-left: 273px;margin-top: 10px; width: 100px; height: 35px;}

.credits {z-index: -5000;margin-top:5px; margin-left: 400px; }

/* pour recherche_boutique.php */
h11 {font-weight: bold;}

.saisie {width: 105px;height: 15px;font-size: 10px;margin: 2px;color:#95DFE1;background-color: white;}

.bouton2 {width: 140px;height: 25px;font-size: 12px;}
.bouton5 {margin: 4px 0px 2px 0px;width: 140px;font-size: 12px;}
.deroulant {width : 105px;}
.espace0 {margin-top: 0px;margin-bottom: 0px;}
.facultatif {color: #B4D4E1;}
.highlight {color:#0FF;}
.important {color:#0AA;}
.error {color:#F00;}
.saisie2 {margin: 2px;}

.readmore { color: #0096AC; }

/* PMA 11/06/2010 */
/* les styles ci-dessous n'ont pas encore ete repris */

.espace {margin: 110px 100px 100px 50px;}
.formulaire {margin-left: 5px;text-align: left;vertical-align: top;font-weight: bold;color: #333333;}
.formulaire .formtitle {height: 35px;width: 334px;vertical-align: bottom;color: #990000;font-weight: normal;}
.formulaire .formlabel {margin: 0px 0px 6px 0px;font-size: 1.0em;padding: 3px;}

/* pour les reponses de l'autocomplete dans la recherche */
div.autocomplete { font-size: 12px; position:absolute; margin:0px; 
  background-color:white; border:1px solid #3E3E3E; padding:0px; }
div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; }
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li { list-style-type:none; display:block; margin:0;
	padding:2px; height:15px; cursor:pointer; }