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


/* === ACCUEIL + GRAPHISTE === */


body.home #corps .conteneurA, body.graphiste #corps .conteneurA { width: 70%; }
body.home #corps .conteneurB, body.graphiste #corps .conteneurB { width: auto; }
body.home #corps .conteneurB .plus2, body.graphiste #corps .conteneurB .plus2 {
	left: 17px;
	width: auto;
	border-left: 1px solid #777;
	border-right: none;
}
body.home #corps .conteneurC, body.graphiste #corps .conteneurC { width: 550px; }
.display-last-posts img { margin-top: -4px; }

/* Accueil */
.home #corps .conteneurB .plus2 {
	background: #E8E6E0;
	background: #000 url(images/2814.jpg) no-repeat 755px 35% fixed;
	background: #000 url(images/herbes-7613-468.jpg) no-repeat left bottom;
}
.home #corps h1, .home #corps h2, .home #corps .commandes { color: #F90; }
.home #corps h2 { font-size: 18px; }
.home #corps, .home #corps a { color: #fff; border-bottom-color: #7b7b7b; }
.home #corps a:hover { color: #F60; }

.home .display-last-posts { width: 527px; padding: 0px 0px 0px 22px; border-left: 1px dashed #951; }
#corps .display-last-posts h3 {
	padding: 8px 10px 12px;
	margin-bottom: 8px;
	color: #FFF !important;
	background: #666;
	background: #2c2c2c;
	border: 2px solid #2c2c2c;
}
#corps .display-last-posts h3 a {
	color: #fff !important;
	text-shadow: -3px 5px 3px #000;
	border: none;
}

.home #corps .home em {
	font-size: 90%;
	font-style: normal;	
	color: #757676;
	color: #eee;
}
body.home h3.portfolio {
	background-color: #000;
	display: inline-block;
	margin-top: 7px !important;
	padding: 5px 5px 6px !important;
}
body.home .commentaires { display: none; }
/* / Accueil */


/* === / ACCUEIL + GRAPHISTE === */
/* === PRESTATIONS === */


body.prestations #corps { min-width: 960px; }
body.prestations #corps .conteneurA { min-width: 689px; width: 70%; }
body.prestations #corps .conteneurA .plus1 { display: none; }
body.prestations #corps .conteneurB { width: auto; min-width: 537px; }
body.prestations #corps .conteneurB .plus2 {
	width: auto;
	border-left: 1px solid #666;
	border-right: none;
	/* background: #F5F4F1; */
}
body.prestations #corps .conteneurC { width: 414px; }

body.prestations #menus, body.prestations #sidebar, body.prestations #pied { min-width: 288px; }

body.prestations #corps h1 {
	position: relative;
	width: 414px;
}

body.prestations div#prestations {
	position: absolute;
	width: 167px;
	color: #534f50;
	font-size: 97%;
	left: 447px;
	padding-right: 5px;
	/*
	right: 0px;
	text-align: right;
	position: relative;
	float: left;
	*/
}
body.prestations div#prestations h4 { color: #656565; }
body.prestations .prestas {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999;
}
body.prestations #prestaTrad { border-bottom: none; }

body.prestations #portfolio {
	position: relative;
	width: 414px; /* (138 x 3 = 414) */
	height: 552px;
	clear: both;
	float: none;
	margin: 0px 0px 0px;
	overflow: hidden;
	/*
	left: 20px;
	border: 1px solid #666;
	*/
	-moz-box-shadow: -6px 8px 6px #bab9b8;
	-webkit-box-shadow: -5px 7px 6px #999;
	box-shadow: -5px 7px 6px #999;
}
body.prestations #portfolio ul, body.prestations #portfolio li {
	position: relative;
	left: 3px;
	width: 123px;
	margin: 5px 0px 5px;
	list-style: outside none;
	list-style-type: none;
	cursor: default;

	color: #fff;
	font-size: 102%;
	font-size: 9.5px;
	letter-spacing: 0.03em;
}
body.prestations #portfolio li a { color: #A5DC00; color: #fff; border-bottom: 1px dotted #fff; }
body.prestations #portfolio li a:hover {
	color: #fff;
	border: none;
	background: #777;
	padding: 1px 3px;
	margin-left: -3px;
}
body.prestations #portfolio div.elem {
	position: relative;
	float: left;
	width: 138px;
	height: 138px;
	background: #333;
}
body.prestations #portfolio .fiche {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 3px;
	width: 132px;
	height: 132px;
	background: #BB1C00;
	font-size: 85%;
	line-height: 12px;
}
body.prestations #portfolio div.elem:hover .fiche { display: block; }

body.prestations #ftrd-dma { display: none; }
body.prestations #portfolio .zone1, body.prestations #portfolio .zone2, body.prestations #portfolio .zone3, body.prestations #portfolio .zone4, body.prestations #portfolio .zone5, body.prestations #portfolio .zone6, body.prestations #portfolio .zone7 { display: none; position: absolute; top: 0px; left: 0px; width: 414px; height: 276px; z-index: 10; }
body.prestations #portfolio .zone4, body.prestations #portfolio .zone5, body.prestations #portfolio .zone6, body.prestations #portfolio .zone7 { height: 414px; width: 276px; }
body.prestations #portfolio .zone2 { top: 138px; }
body.prestations #portfolio .zone3 { top: 276px; }
body.prestations #portfolio .zone5 { left: 138px; }
body.prestations #portfolio .zone6 { top: 138px; }
body.prestations #portfolio .zone7 { top: 138px; left: 138px; }
body.prestations #portfolio .zone1b {  position: absolute; top: 0px; left: 0px; width: 276px; height: 276px; z-index: 10; }

body.prestations #corps p { text-align: justify; font-size: 115%; letter-spacing: 0em; }
body.prestations #corps .partie li { text-align: left; font-size: 115%; letter-spacing: 0em; padding-bottom: 3px; }
body.prestations #corps table { border-left: 1px solid #999; border-top: 1px solid #999; background: #FFF; }
body.prestations #corps td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 3px 4px; }
body.prestations #corps td.theme, body.prestations #corps td.info { font-weight: bold; color: #000; }
body.prestations #corps td .compl { font-weight: normal; color: #604C40; }



/* === / PRESTATIONS === */
/* === BLOGFOLIO + ARCHIVES === */


.blog { /* background: url(images/8239.jpg) no-repeat 100px -300px fixed; */ }
.blog #corps .conteneurA .plus1, .archive #corps .conteneurA .plus1 {
	background: url(images/motif-2.png) repeat-y right bottom;
	background: url(images/fleurs-2a.png) no-repeat right bottom;
	background: url(images/dsc3085.png) no-repeat right -60px;
	background: url(images/8222.png) no-repeat right top;
	background: url(images/deco-vegetal.png) no-repeat right top;
}
body.blog .conteneurC { font-size: 11px; }

/* menu des categories en haut du corps */
.blog #corps ul.categories, .archive #corps ul.categories { width: auto; height: 25px; overflow: hidden; margin-bottom: 12px; }
.blog #corps ul.categories li, .archive #corps ul.categories li {
	float: left;
	padding: 0px 19px 0px 0px;
	margin-left: -14px;
	list-style: none;

	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:17px;
	font-style:italic;
	letter-spacing:0.07em;
}
.blog #corps ul.categories li:before, .archive #corps ul.categories li:before { content: " / "; }
.blog #corps ul.categories li a:link, .blog #corps ul.categories li a:visited, .archive #corps ul.categories li a:link, .archive #corps ul.categories li a:visited { color: #604C40; border: none; }
.blog #corps ul.categories li a:hover, .archive #corps ul.categories li a:hover { color: #C00 !important; }
.blog #corps ul.categories li.current-cat a, .archive #corps ul.categories li.current-cat a { color: #000; border-bottom: 1px solid #999; }
/* / menu des categories en haut du corps */


/* === / BLOGFOLIO + ARCHIVES === */
/* === BLOGFOLIO === */


#corps .conteneurC .navigation { position: relative; height: 14px; background: #eae9e8; padding: 2px 6px 6px; border: 1px dotted #eae9e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#corps .conteneurC .navigation div { position: relative; width: 250px; }
#corps .conteneurC .navigation div.alignright { position: absolute; top: 2px; text-align: right; right: 6px; }
#corps .conteneurC .navigation a { border-bottom: 1px dotted #666; }

#corps .conteneurC .portfolio { margin: 15px auto 0px; padding: 15px 0px 0px; }
/*
#corps .conteneurC .portfolio h1 {
	padding: 8px 10px 20px;
	margin-bottom: -8px;
	color: #FFF !important;
	background: #666;
	background: #2c2c2c;
	border: 4px solid #2c2c2c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
*/
#corps .conteneurC .portfolio h1 {
	padding: 8px 10px 12px;
	margin-bottom: 8px;
	color: #FFF !important;
	background: #666;
	background: #2c2c2c;
	border: 2px solid #2c2c2c;
}
#corps .conteneurC .portfolio h1 a {
	color: #fff !important;
	text-shadow: -3px 5px 3px #000;
}
#corps .conteneurC .portfolio .post { padding-bottom: 0px; margin-bottom: 25px; border-bottom: 1px dashed #777; }
#corps .conteneurC .portfolio .post img { margin-top: -4px; }

.postmetadata, .portfolio .post .date { font-size: 92%; color: #666; }
.postmetadata a:link, .postmetadata a:visited { color: #666; }
.postmetadata a:hover { color: #000; }

.blog #sidebar #categories-3 { display: block; }



/* === / BLOGFOLIO === */
/* === BONUS === */

/* voir feuille specifique appele pour la page Bonus et enfants */

/* === / BONUS === */
/* === CONTACT === */


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


/*body.contact #menus .menu a:hover, body.contact #menus .menu a.on  { background: #000; color: #F90; }*/
body.contact #corps .conteneurA { width: 70%; }
body.contact #corps .conteneurA .plus1 { background: none; }
body.contact #corps .conteneurB {
	background: url(images/ombres-gd.png) repeat-y left top;
	width: auto;
	left: 0px;
}
.contact #corps .conteneurB .plus2 {
	left: 17px;
	background: #000 url(images/herbes-7613-468.jpg) no-repeat left bottom;
	background: #000 url(images/2814.jpg) no-repeat 700px 35% fixed;
	margin-left: 0px;
	padding: 0px;
	border: none;
	border-left: 1px solid #000;
	width: auto;
}

.contact #corps h1 { color: #C66; color: #F90; }
.contact #corps, .contact #corps a { color: #fff; }

.contact #corps h1 { width: 480px; }
.contact #corps a:hover { color: #F60; }

.contact .partie { width: 480px; }
.contact em {
	font-size: 90%;
	font-style: normal;	
	color: #757676;
	color: #eee;
}

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

.contact #corps input, .contact #corps textarea {
	border: 3px solid #F4F5F3;
	border: 1px solid #a0a0a0;
	margin: 8px 0px;
	padding: 4px;
	width: 468px;
	background: #F4F5F3;
	background: #f8f7f5;
	font: 100% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.05em;
	background: #fff url(images/nuages-b.jpg) no-repeat fixed center 50%;
	background: #dadada url(images/2814-b.jpg) no-repeat 700px 35% fixed;
}
.contact textarea { height: 270px; }
.contact label { padding-right: 10px; }
.contact label input { display: inline; width: auto; }
.contact #corps #expediteur { width: 353px; }
.contact #corps .envoiForm {
	background: url(images/bouton-envoyer.gif) no-repeat left top;
	position: relative;
	top: 2px;
	width: 100px;
	height: 24px;
	vertical-align: top;
	cursor: pointer;
	margin: 5px 0px 0px 10px !important;
	padding: 0px;
	border-style: none;
	outline-style: none !important;
}
.contact #corps .envoiForm:active { background: url(images/bouton-envoyer-on.gif) no-repeat left top; }

.contact .conteneurC .menuRappel { width: 480px; color: #aaa; }


/* === / CONTACT === */
/* === MENTIONS === */


body.mentions .conteneurC {
/*
	text-align: justify;
	letter-spacing: 0.05em;
	letter-spacing: 0.08em;
	color: #000;
	font: 100%/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
*/
}


/* === / MENTIONS === */
/* === RESULTAT RECHERCHE === */


.search-results a.extrait:link, .search-results a.extrait:visited {
	display: block;
	border: none;
	padding: 8px 0px 0px;

	font-size: 97%;
	line-height: 115%;
	color: #666;
	font-style: italic;
}
.search-results a.extrait:hover { color: #C00; }


/* === / RESULTAT RECHERCHE === */
/* === PLAN DU SITE === */


.plan-du-site #corps li { margin: 0px 0px 8px 0px; }
.plan-du-site .en {
	font-style: italic;
	font-size: 95%;
}
.plan-du-site .display-last-posts {
	margin: 5px 0px 15px 25px;
	font-size: 94%;
	line-height: 130%;
}
.plan-du-site #corps .display-last-posts h3 {
	background: none;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px;
	color: #666;
}
.plan-du-site .display-last-posts .excerpt { margin: 5px 0px 15px; }
.plan-du-site #corps .display-last-posts h3 a:link, .plan-du-site #corps .display-last-posts h3 a:visited,
.plan-du-site #corps ul a:link, .plan-du-site #corps ul a:visited {
	text-shadow: none;
	font-weight: bold;
	border-bottom: none;
	color: #036 !important;
}
.plan-du-site #corps .display-last-posts h3 a:hover,
.plan-du-site #corps ul a:hover { color: #C00 !important; }


/* === / PLAN DU SITE === */