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



/* === PORTFOLIO (Illustration, Photo...) === */


.portfolio #corps h1, .portfolio .commentaires { display: none; }

.portfolio #sidebar .vignettes {
	display: block;
	position: relative;
	margin: 0px -20px 0px auto;
	border-bottom: 1px dotted #666;
	top: 184px;
	top: 155px;
	top: 0px;
	width: 130px; /* largeur 4 vignettes */
	width: 160px; /* largeur 5 vignettes */
	width: 232px; /* largeur 6 vignettes */
	height: 60px;
	height: 120px;
}
.vignettes .conteneur {
	position: relative;
	margin: 20px 0px 5px auto;
	width: 130px; /* largeur 4 vignettes */
	width: 160px; /* largeur 5 vignettes */
	width: 193px; /* largeur 6 vignettes */
	height: 28px;
	height: 112px;
	height: 84px;
	overflow: hidden;
}
.portfolio .vignettes #groupes div {
	height: 90px;
	width: 119px; /* largeur 4 vignettes */
	width: 150px; /* largeur 5 vignettes */
	width: 180px; /* largeur 6 vignettes */
}
/*
#groupes a {
	display: inline-block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0px 2px 2px 0px;
	padding: 0px;
}
#groupes a img { border: none; display: inline-block; }
*/
.portfolio #groupes a {
	display: block;
	float: left;
	margin: 0px 3px 3px 0px;
}
.portfolio .vignettes a img {
	opacity: 0.4;
	filter:alpha(opacity=40);
	/* -moz-opacity: 0.4;
	-khtml-opacity: 0.4; */
}
.portfolio .vignettes a:hover img, .portfolio .vignettes a.on img {
 	opacity: 1;
	filter:alpha(opacity=100);
	/* -moz-opacity: 1;
	-khtml-opacity: 1; */
}
.vignettes .nav {
	position: absolute;
	clear: both;
	float: none;
	width: 118px;
	text-align: center;
	margin: 2px auto 0px 65px;
	font-size: 78%;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.vignettes a:link#grpSuiv, .vignettes a:visited#grpSuiv { background: url(images/bouton-bas.gif) no-repeat center center; padding: 10px; }
.vignettes a:hover#grpSuiv { background: url(images/bouton-bas-on.gif) no-repeat center center; }
.vignettes a:link#grpPrec, .vignettes a:visited#grpPrec { background: url(images/bouton-haut.gif) no-repeat center center; padding: 10px; }
.vignettes a:hover#grpPrec { background: url(images/bouton-haut-on.gif) no-repeat center center; }
.vignettes .nav a span { display: none; }


.portfolio .visuel {
	position: relative;
	margin: -10px 0px 0px;
}
.portfolio .descr { margin: 15px 0px 0px; }
.portfolio #navVisuel { height: 35px; margin-bottom: 15px; overflow: hidden; }
.portfolio .compteur {
	height: 20px;
	width: 50px;
	margin: 10px 0px 0px;
	text-align: center;
}
.portfolio #navVisuel a, .portfolio #navVisuel span { float: left; }
.portfolio #navVisuel a span { display: none; }
.portfolio #navVisuel a { display:inline-block; width: 30px; height: 35px; background:; }
.portfolio #navVisuel a.off { margin-right: 8px; visibility: hidden; }
.portfolio #navVisuel a.prec { background: url(images/bouton-visu-prec.gif) no-repeat left center; padding-right: 8px; }
.portfolio #navVisuel a.prec:hover { background: url(images/bouton-visu-prec-on.gif) no-repeat left center; }
.portfolio #navVisuel a.suiv { background: url(images/bouton-visu-suiv.gif) no-repeat center center; width: 46px; padding: 0px 8px; }
.portfolio #navVisuel a.suiv:hover { background: url(images/bouton-visu-suiv-on.gif) no-repeat center center; }



/* === / PORTFOLIO === */
/* === CONTACT ==== */


/* invisibles */
.contact #corps .envoiForm span, .contact #sidebar #categories-3 { display: none; }


.contact #corps form span { display: block; }
.contact #corps form br { display: none; }
.contact #corps form { width: 550px; }

.contact #corps input, .contact #corps textarea {
	border: 1px solid #BBB;
	padding: 4px;
	margin: 8px 0px;
	width: 480px;
	background: #FAFAFA;

	font: 95% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#contact textarea { height: 200px; }

.contact #corps #expediteur { width: 360px; }
.contact #corps .envoiForm {
	background: url(images/bouton-envoyer.gif) no-repeat left top;
	position: relative;
	top: 0px;
	width: 115px;
	height: 37px;
	vertical-align: top;
	cursor: pointer;
	margin: 5px 0px 0px 3px !important;
	padding: 3px 2px 11px 12px;
	border-style: none;
	outline-style: none !important;
	outline-color:-moz-use-text-color !important;
	outline-style:none !important;
	outline-width:medium !important;
}
.contact #corps .envoiForm:active { background: url(images/bouton-envoyer-on.gif) no-repeat left top; }



/* === / CONTACT ==== */
/* === RESULTAT DE RECHERCHE ==== */


#corps .searchform { margin: 0px auto 15px 0px; }


/* === / RESULTAT DE RECHERCHE === */