/*
Nom du thème: WiziShop vert
Description: Le premier thème de WiziShop, utilisé par défaut sur la version 1.0
Version: 1.0
Auteur: WiziShop - Steven Mouret/Franck Farrugia
*/

* {
  margin: 0;
  padding: 0; 
}
body {
  font: normal 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #424242;
  background : #F4F4F9 url(../images/fond-page.png) top repeat-y;
 }
img {
  border: none;
}
a {
  color: #789b1d;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted;
}
p, ul, ol {
	font-size: 1.3em;
}
ul {
	list-style: none;
}
label {
	cursor: pointer;
	font-size: 1.3em;
}
button {
	cursor: pointer;
	overflow: visible;
	width: 1;
	background: #FFFFFF url(../images/btn-vert-bg.png) repeat-x top left;
	height: 1.8em;
	border: none;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 0.5em;
	line-height: 23px;
}
button span {
	position: relative;
}
input, textarea {
	border: 0.1em solid #88bc0d;
	padding: 0.2em;
	background: url(../images/input-bg.png) no-repeat top left;
	width: 10em;
	vertical-align: middle;
}
.InputRadio {
	width: auto;
	border: none;
	background: none;
}
 #fond
{
	background: url(../images/fond.png) repeat-x;
}
#Header {
	position: relative;
	width: 97em;
	margin: 0 auto;
	height: 13em;
	border-bottom: 0.1em solid #424242;
	background: url(../images/header.png) no-repeat;
}
#WrapperHeader {
	background: url(../images/menu-inter.png) no-repeat bottom left;
	height: 13em;
}
#Header h1 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 2.8em;
	position: absolute;
	top: 10%;
	left: 0;
	}
#Header h1 span {
	display: block;
	font-size: 0.5em;
	color: #424242;
	}
#Header h1 a {
	text-decoration: none;
	color: #789B1D;
	}


#Header .slogan {
  	position: absolute;
	top: 1em;
	margin-left: 8.8em;
    text-align: center;
	font-family:Georgia,Times,serif;
	font-size:0.1em;
	font-weight:normal;
	cursor: default;
}

#Header .slogan span {
	display: block;
	font-size: 0.1em;
	color: #424242;
	}
#Header .slogan a {
	text-decoration: none;
	color: #789B1D;
}
#Header #SearchForm {
	position: absolute;
	top: 15%;
	right: 0;
}
#Header #SearchForm label, #Header #SearchForm img, #Header #SearchForm input, #Header #SearchForm button {
	vertical-align: middle;
	margin-right: 0.3em;
}
#Header #Langue {
	position: absolute;
	right: 0;
	bottom: 0;
}
#Header #Langue li {
	float: left;
	margin-left: 0.3em;
}
#Header #Langue li a {
	float: left;
	text-decoration: none;
	display: block;
	border-top: 0.1em solid #88bc0d;
	border-right: 0.1em solid #88bc0d;
	border-left: 0.1em solid #88bc0d;
	padding: 0.1em 0.3em;
	color: #424242;
}
#Header #Langue li a:hover, #Header #Langue .current a, #Header #Langue li a:focus {
	background: #88bc0d;
	color: #fff;
}

#Header #Menu {
	position: absolute;
	left: 0.1em;
	bottom: 0;
}
#Header #Menu li {
	float: left;
}
#Header #Menu li a {
	float: left;
	display: block;
	font-size: 1.1em;
	color: #424242;
	text-decoration: none;
	font-weight: bold;
}
#Header #Menu a span {
	display: block;
	padding: 0.6em 0.6em 0.2em 0.6em;
	background: url(../images/menu-inter.png) no-repeat bottom right;
}
#Header #Menu .current a, #Header #Menu a:hover, #Header #Menu a:focus {
	background: url(../images/menu-hover-bg.png) repeat-x bottom center;
}

#Conteneur {
	width: 97em;
	margin: 0 auto;
	background: url(../images/conteneur-bg.png) repeat-y top left;
	overflow: hidden;
}
#Conteneur #Content {
	width: 71em;
	float: right;
	padding: 1em 0 2em 0;
}
#Conteneur #Sidebar {
	width: 23em;
	float: left;
	padding: 2em 0;
	background: #fff;
}

/* Sidebar */
#Sidebar #Deco {
	margin-bottom: 2em;
}

#Sidebar #MenuProd {
	margin-bottom: 3em;
}
#Sidebar #MenuProd h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	background: url(../images/grey-bg.png) repeat-x bottom left;
	color: #fff;
	padding: 0.2em 0 0.2em 0.5em;
}
#Sidebar #MenuProd ul li {
	font-size: 1.1em;
	font-weight: bold;
	margin-top:0.2em;
}
#Sidebar #MenuProd ul li a {
	text-decoration: none;
	display: block; 
	padding: 0.3em 0.5em;
	height: 1%;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
}
#Sidebar #MenuProd ul li ul {
}
#Sidebar #MenuProd ul li ul li {
	background: none;
	font-size: 0.6em;
	font-weight: normal;
	height: inherit;
}
#Sidebar #MenuProd ul li ul li a {
	color: #424242;
	background: none;
	display: inline;
	display: block;
	padding: 0.4em 0 0.2em 0.5em;
}
#Sidebar #MenuProd ul .current a, #Sidebar #MenuProd ul a:hover, #Sidebar #MenuProd ul a:focus {
	background-color: #88bc0d;
	color: #fff;
}
#Sidebar #MenuProd ul .current ul a {
	background: none;
	color: #424242;
}
#Sidebar #MenuProd ul ul .current2 a, #Sidebar #MenuProd ul ul a:hover, #Sidebar #MenuProd ul ul a:focus {
	background: #424242;
	color: #fff;
}

#NewsletterForm {
	margin-bottom: 3em;
}
#NewsletterForm h2 {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	background: url(../images/grey-bg.png) repeat-x bottom left;
	padding: 0.2em 0 0.2em 0.5em;
}
#NewsletterForm label {
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}
#NewsletterForm input, #NewsletterForm button {
	vertical-align: middle;
	margin-top: 0.5em;
}
#NewsletterForm input {
	border: 0.1em solid #88bc0d;
	padding: 0.2em;
	background: url(../images/input-bg.png) no-repeat top left;
	margin-right: 0.5em;
	margin-top: 0.5em;
	width: 12em;
}

#RssBlog {
	margin-bottom: 2.5em;
}
#RssBlog p {
	background: url(../images/rss.png) no-repeat 0 0;
	padding-left: 4em;
	height: 4em;
}
#RssBlog p a {
	color: #424242;
	text-decoration: none;
}
#RssBlog p strong {
	display: block;
	font-size: 1.5em;
}

#BilletBlog, #MenuSec {
	margin-bottom: 3em;
}
#BilletBlog h2, #MenuSec h2 {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #789b1d;
	font-weight: bold;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	margin-bottom: 0.5em;
}
#BilletBlog ul, #MenuSec ul {
	margin-left: 1.5em;
	list-style: disc;
}
#BilletBlog ul li a, #MenuSec ul li a {
	color: #424242;
	text-decoration: none;
}
#BilletBlog ul li a:hover, #BilletBlog ul li a:focus, #MenuSec ul li a:hover, #MenuSec ul li a:focus {
	text-decoration: underline;
}

#ComBlog {
	margin-bottom: 2em;
}
#ComBlog h2 {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #789b1d;
	font-weight: bold;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	margin-bottom: 0.5em;
}

/* Pavé */
.paveMef {
	margin-bottom: 20px;
}
.paveMef h2 {
	background: url(../images/grey-bg.png) repeat-x scroll left bottom;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.2em 0 0.2em 0.5em;
	text-transform: uppercase;
}

.paveMef .block p, .pave .block p {
	margin-bottom: 8px;
}
.paveMef .block ul, .paveMef .block ol, .pave .block ul, .pave .block ol {
	margin: 0 0 8px 1.5em;
}
.paveMef .block ul, .pave .block ul {
	list-style: disc;
}
.paveMef .block h3, .pave .block h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #789B1D;
}
.paveMef .block h4, .pave .block h4 {
	font-size: 1.3em;
	color: #789B1D;
}
.paveMef .block img, .pave .block img {
	margin-bottom: 10px;
}
.paveMef .block .Irightimg, .pave .block .Irightimg {
	text-align: right;
}
.paveMef .block .Icenterimg, .pave .block .Icenterimg {
	text-align: center;
}

/* Content */
#Content h2 {
	font-size: 1.7em;
	color: #789b1d;
	font-weight: bold;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	overflow: hidden;
	/*clear: both;*/
}
#Content h2 a {
	text-decoration: none;
}
#Content h2 em {
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}
#Content h2 em a {
	color: #424242;
}
#Content p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
#Content h1 {
	font-size: 1.5em;
	color: #789b1d;
	font-weight: bold;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	overflow: hidden;
	/*clear: both;*/
}
/* Catégorie */
#contentCat {
	margin-bottom: 3em;
	overflow: hidden;
}

.ListProd {
	clear: both;
	margin-bottom: 3em;
}
.ListProd .BlockProd {
	clear: both;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 15px 0;
}
.ListProd .BlockProd div {
	float: left;
	width: 15.4em;
	/*height: 17.5em;
	overflow: visible;*/
	margin: 0 1em 0 1em;
	text-align: center;
}
.ListProd .BlockProd div h3 {
	font-size: 1.1em;
}
.ListProd .BlockProd div h3 span {
	color: #789B1D;
}
.ListProd .BlockProd div h3 a {
	text-decoration: none;
	color: #424242;
}
.ListProd .BlockProd div .Prix {
	color: #AC0000;
	font-size: 1.7em;
	font-weight: bold;
}
.ListProd .BlockProd div .Prix del {
	color: #000;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 0.8em;
	white-space: nowrap;
}
.ListProd .BlockProd div .Prix span {
	color: #424242;
	font-weight: normal;
	font-size: 0.8em;
}
.ListProd .ViewProd {
	clear: both;
	text-align: left;
	padding-bottom: 0.5em;
}
.ListProd .ViewProd a {
	background: #88BC0D;
	color: #fff;
	text-decoration: none;
	padding: 0 0.5em;
}
.ListProd .ViewProd a:hover, .ListProd .ViewProd a:focus {
	background: none;
	color: #88BC0D;
	text-decoration: underline;
}
#Content .ListProd p {
	margin-bottom: 0;
}
.ListProd .imgProd {
	position: relative;
	height:100px;
	background: url(../images/shadowAlpha-mini.png) no-repeat bottom right;
padding: 0 18px 6px 15px;
float : left;
margin : 0 2em 0 0;
}
.ListProd .imgProd a {
	text-decoration: none;
	cursor: pointer;
}
.ListProd .etatPrix {
	position: absolute;
	bottom: 5px;
	left: 27px;
	text-align: center;
	background: none;
	width: 50%;
	}
/* Footer */
#footer {
	overflow: hidden;
	clear: both;
	width: 97em;
	margin: 0 auto;
	padding: 1em 0;
	background: #EBE9EE url(../images/pointille-h-bg.png) repeat-x top left;
}
#footer p {
	text-align: center;
}
#footer #LinkFooter {
	clear: both;
}
#footer2 {
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	padding: 0 0 1em 0;
	overflow: hidden;
	height: 1%; /* Trick ie6 */
}
#footer2 #lastArticleBlog {
	width: 45em;
	float: left;
	margin-left:0.5em;
}
#footer2 #lastComBlog {
	width: 45em;
	float: right;
	margin-right:0.5em;
}
#footer2 #lastArticleBlog h2, #footer2 #lastComBlog h2, #footer2 #lastArticleBlog2 h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	color: #789B1D;
}
#footer2 #lastArticleBlog ul, #footer2 #lastComBlog ul, #footer2 #lastArticleBlog2 ul {
	list-style: none;
	font-size: 1.3em;
	margin-left: 1.5em;
}
#footer2 #lastArticleBlog ul li, #footer2 #lastComBlog ul li, #footer2 #lastArticleBlog2 ul li {
	margin-bottom: 0.5em;
	color: #424242;
	list-style: disc;
}
#footer2 #lastArticleBlog ul li a, #footer2 #lastComBlog ul li a, #footer2 #lastArticleBlog2 ul li a {
	color: #424242;
	text-decoration: none;
}
#footer2 #lastComBlog ul li a {
	color: #789B1D;
}
#footer2 #lastArticleBlog ul li a:hover, #footer2 #lastComBlog ul li a:hover, #footer2 #lastArticleBlog2 ul li a:hover {
	text-decoration: underline;
}
#footer2 #lastArticleBlog2 {
	width: 100%;
	padding: 1em;
}
#footer2 #lastArticleBlog2 ul {
	float: left;
	width: 47%;
	list-style: disc;
	
}
#footer2 #lastArticleBlog2 .end {
	float: right;
}

/* Pagination */

#navig-page {
	clear: both;
	text-align: center;
}
#navig-page a {
	padding: 0.2em 0.4em;
	border: 1px solid #88BC0D;
	text-decoration: none;
}
#navig-page a:hover, #navig-page a:focus, #navig-page .current {
	background: #88BC0D;
	color: #fff;
}

/* Fiche produit */
#Prod {
	overflow: hidden;
}
#ImageFiche {
	background: url(../images/pointille-v-bg.png) repeat-y top right;
	float: left;
	margin-right: 1.5em;
}
#ImageFiche #principale {
	background: url(../images/shadowAlpha.png) no-repeat bottom right;
    padding: 0 17px 17px 15px;
	margin-right: 7em;
	margin-bottom: 1em;
}
#ImageFiche #miniature {
	padding: 1em;
}
#ImageFiche #miniature img {
    background: url(../images/shadowAlpha-mini.png) no-repeat bottom right;
    padding: 0 12px 6px 15px;
}
#Content #ImageFiche p {
	padding: 0 0.5em 0 0;
}
#Content #ImageFiche #ZoomImg {
	padding: 0.5em 0.5em 0 0;
}
#Content #InfosFiche {
	overflow: hidden;
}
#content #InfosFiche h1 {
	font-size: 2em;
	color: #424242;
	margin: 0 0 1em 0;
	padding: 0;
}
#content #InfosFiche h1 span {
	font-size: 0.8em;
	font-weight: normal;
}
#content #InfosFiche h1 span a {
	color: #789B1D;
}
#PrixFiche strong {
	color: #AC0000;
	font-size: 2em;
}
.fn2 {
font-size: 1.5em;
}
.etatPrixFiche span {
	background: #FF9900;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 3px;

}
.Options {
	margin-bottom: 2em;
}
.Options h3 {
	color: #789B1D;
	font-size: 1.3em;
}
.Options div input, .Options div label {
	vertical-align: middle;
}
#variation {
	margin-bottom: 2em;
}

#ProdError {
	float: left; /* trick ie6 */
}
#ProdError p {
	border: 5px solid #88BC0D;
	padding: 1em;
	margin-bottom: 1em;
}

#SuiteInfos {
	clear: both;
	background: url(../images/pointille-h-bg.png) repeat-x top left;
	padding: 2em 0;
}
#SuiteInfos div {
	margin-bottom: 2em;
}
#SuiteInfos h3 {
	color: #789B1D;
	font-size: 1.5em;
	}
#SuiteInfos h4 {
	color: #424242;
	font-size: 1.5em;
}
#SuiteInfos h5 {
	color: #424242;
	font-size: 1.3em;
}
#SuiteInfos ul, #SuiteInfos ol {
	margin: 0 0 1em 0;
	padding-left: 2em;
}
#SuiteInfos ul {
	list-style-type: disc;
}
#SuiteInfos ul p, #SuiteInfos ol p {
	font-size: 1em;
}

#Personnalisation h3 #PersoOblig {
	color: #424242;
}
#Personnalisation label {
	display: block;
}
#Personnalisation input {
	width: 40em;
}
#Personnalisation textarea {
	width: 40em;
	height: 10em;
}
#Personnalisation select option {
	padding: 0 0.5em;
}
#SuiteInfos #Personnalisation h3 #PrixPerso {
	color: #424242;
	font-weight: normal;
	font-size: 0.8em;
}

/* Panier */
#votre-panier, #histo-com {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}
#votre-panier caption {
	font-size: 1.3em;
	margin-bottom: 1em;
}
#votre-panier thead, #histo-com thead {
	font-size: 1.4em;
	height: 20px;
	background: #424242;
}
#votre-panier thead th, #histo-com thead th {
	color: #fff;
	font-weight: bold;
	padding: 0 0.3em;
}
#votre-panier tfoot td {
	text-align: right;
	font-size: 1.3em;
	padding: 0.2em 0;
}

#votre-panier tfoot td span, #histo-com tfoot td span {
	font-weight: bold;
}
#votre-panier tbody td, #histo-com td {
	vertical-align: top;
	padding: 0.4em 0;
	border-bottom: 1px solid #88BC0D;
}
#histo-com td {
	text-align: center;
}
#Content #votre-panier tbody td p, #histo-com tbody td p {
	margin: 0;
}
#votre-panier tbody .panier-quantite input {
	border: 1px solid #88BC0D;
	padding: 0.2em;
	width: 2em;
	text-align: center;
}
#votre-panier tbody .panier-quantite label {
	display: none;
	}
#votre-panier tbody .panier-quantite, #votre-panier tbody .panier-supprimer {
	text-align: center;
}
#votre-panier tbody .panier-prix {
	text-align: right;
}
#votre-panier tbody .panier-prix p {
	white-space: nowrap;
}
#votre-panier .panier-supprimer a {
	background: #88BC0D;
	color: #fff;
	padding: 0.1em 0.4em;
	text-decoration: none;
	font-weight: bold;
}
#votre-panier .ecopart {
	font-size: 1.1em;
}

#panier-validation {
	text-align: right;
}
#panier-validation button {
	margin-left: 0.5em;
}
#panier-validation3 button {
	margin-left: 0.5em;
	background: #AC0000 url(../images/btn-rouge-bg.png) repeat-x top left;
}
#crosseling {
	margin-top: 3em;
}
#crosseling .AddCart {
	margin-top: 0.5em;
}
.image-panier img {
background:url(../images/shadowAlpha-mini.png) no-repeat bottom right;
padding:0 12px 6px 15px;
}
/* Bon de réduction */
#bonreduc {
	text-align: right;
	margin-bottom: 2em;
}
#bonreduc label, #bonreduc p {
	font-size: 1.2em;
}
#bonreduc p {
	margin-bottom: 0.5em;
}
#bonreduc label {
	vertical-align: middle;
}

/* pages libres et Blog */
#Content .block, .PostBlog .block, #TB_ajaxContent .block  {
	clear: both;
}
#Content .block strong, #TB_ajaxContent .block strong {
	color: #789B1D;
}
#Content .block ol, #Content .block ul, .PostBlog .block ol, .PostBlog .block ul, #TB_ajaxContent .block ul, #TB_ajaxContent .block ol {
	margin: 0 0 1em 0;
	list-style-position: inside;
}
#Content .block ul, .PostBlog .block ul, #TB_ajaxContent .block ul {
	list-style: disc;
	list-style-position: inside;
}
#Content .block h3, .PostBlog .block h3, #TB_ajaxContent .block h3 {
	font-size: 1.8em;
	color: #424242;
	text-transform: uppercase;
}
#Content .block h4, .PostBlog .block h4, #TB_ajaxContent .block h4 {
	font-size: 1.5em;
	color: #789B1D;
}
#Content .block .Itxtimg img, .PostBlog .block .Itxtimg img, #TB_ajaxContent .block .Itxtimg img {
	float: right;
	margin: 0 0 1em 2em;
}
#Content .block .Iimgtxt, .PostBlog .block .Iimgtxt, #TB_ajaxContent .block .Iimgtxt {
	float: left;
}
.PostBlog .block .Iimg, #TB_ajaxContent .block .Iimg {
	margin-bottom: 1em;
}
#Content .block .Iimgtxt img, .PostBlog .block .Iimgtxt, #TB_ajaxContent .block .Iimgtxt {
	margin: 0 2em 1em 0;
}
#Content .block .Ileftimg, #TB_ajaxContent .block .Ileftimg {
	text-align: left;
}
#Content .block .Irightimg, #TB_ajaxContent .block .Irightimg {
	text-align: right;
}
#Content .block .Icenterimg, #TB_ajaxContent .block .Icenterimg {
	text-align: center;
}

#Content .block table, #Description table {
	border-collapse: collapse;
	border: 1px solid #789B1D;
	font-size: 1.3em;
	margin-bottom: 1em;
}
#Content .block caption, #Description caption {
	color: #789B1D;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}
#Content .block table th, #Description table th {
	background: #789B1D;
	color: #fff;
	font-weight: bold;
}
#Content .block table td, #Description table td {
	padding: 0.2em 0.5em;
	border: 1px solid #789B1D;
}

/* identification */ 
#compte1, #minscrire, #cardsoff {
	margin-bottom: 3em;
}
#compte1 div, #minscrire div, #Contact div, #cardsoff div {
	margin-bottom: 0.5em;
}
#compte1 input, #minscrire input, #Contact input, #cardsoff input {
	width: 15em;
}
#compte1 label, #minscrire label, #Contact label, #cardsoff label {
	text-align: right;
	padding-right: 1%;
	width: 45%;
	float: left;
	line-height: 1.7em;
}
#compte1 .valider3, #minscrire .valider3, #Contact #Valider, #cardsoff .valider3 {
	margin-left: 46%;
}
#compte1 #perdu {
	margin-left: 46%;
}

#compte1 .erreur, #minscrire .erreur, #cardsoff .erreur {
	text-align: center;
	margin-bottom: 1em;
}
#compte1 .erreur p, #minscrire .erreur p, #cardsoff .erreur p {
	margin-bottom: 0.5em;
}

#passconnect, #passconnect2 {
	text-align: center;
}
#passconnect img, #passconnect2 img {
	vertical-align: middle;
}
#passconnect2 {
	margin: 1em 0 2em 0;
}

#cardsoff #identCardsoff {
	margin-left: 45%;
}

/* Blog */
.PostBlog {
	margin-bottom: 5em;
	clear: both;
}
.PostBlog h1 a {
	text-decoration: none;
	color: #789B1D;
}
.PostBlog .Commentaires {
	background: url(../images/commentaires.png) no-repeat 0 0;
	padding-left: 2.5em;
}

.PostBlog .blogTag {
	clear: both;
}

.PostBlog .nbCom {
	background: url(../images/comment.gif) no-repeat bottom left;
	padding: 0 0 0 2em;
	margin-bottom: 2em;
}

.PostBlog #com {
	padding: 1em 0 0 0;
}
.PostBlog #com h3 {
	color: #88bc0d;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 1em;
}
.PostBlog #com ol {
	list-style: none;
}
.PostBlog #com ol li {
	margin-bottom: 2em;
}
.PostBlog #com ol li .comContent {
	background: #E9E9EE;
	color: #424242;
	padding: 1em 1em 0.1em 1em;
}
.PostBlog #com ol .admin .comContent {
	background: #E9E9EE;
}
.PostBlog #com ol li .comInfos {
	padding-top: 0.5em;
}
.PostBlog #com ol li .comInfos p {
	font-size: 1em;
}
.PostBlog #com ol li .comContent p {
	font-size: 1em;
}

.PostBlog #addCom {
	clear: both;
}
.PostBlog #addCom #validComment, .PostBlog #addCom .Erreur {
	color: #2b1d11;
	margin-bottom: 1em;
}
.PostBlog #addCom h3 {
	color: #88bc0d;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 1em;
}
.PostBlog #addCom form {
	margin-bottom: 2em;
}
.PostBlog #addCom div {
	margin-bottom: 0.5em;
}
.PostBlog #addCom input {
	width: 24.5em;

}
.PostBlog #addCom label {
	display: block;
	line-height: 1.7em;
}
.PostBlog #addCom img {
	vertical-align: middle;
}
.PostBlog #addCom textarea {
	width: 500px;
	height: 10em;
}
.PostBlog #Cnil {
	color: #9F9F9F;
	font-size: 1.1em;
}

/* Nuage de lien */
#Nuage {
	margin-bottom: 2em;
}

#Nuage h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #789b1d;
	font-weight: bold;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	margin-bottom: 0.5em;
}
#Nuage a {
	color: #424242;
}

/* Contact */

#Contact label {
	text-align: right;
	padding-right: 1%;
	width: 30%;
	float: left;
	line-height: 1.7em;
}
#Contact textarea {
	width: 25em;
	height: 10em;
}
#Contact #Valider {
	margin-left: 31%;
	margin-bottom: 2em;
}
#Contact #Cnil {
	color: #9F9F9F;
	font-size: 1.1em;
}

/* Creation de compte */
.Erreur p img {
	vertical-align: middle;
}
#Enregistrement fieldset {
	border: none;
	padding: 1em 0;
}
#Enregistrement fieldset legend {
	font-size: 1.6em;
	color: #789B1D;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 25%;
}
#Enregistrement fieldset h3 {
	font-size: 1.3em;
	text-align: right;
	padding-right: 1%;
	width: 25%;
	float: left;
	line-height: 1.7em;
}
#Enregistrement fieldset h3 label {
	font-size: 1em;
}
#Enregistrement fieldset input, #Enregistrement fieldset textarea, #Enregistrement fieldset select {
	width: 300px;
}
#Enregistrement fieldset div {
	margin-bottom: 0.5em;
	clear: both;
}
#Enregistrement fieldset div img {
	vertical-align: middle;
}
#Enregistrement .civilite input, #Enregistrement #check-livraison input {
	width: auto;
	border: none;
	background: none;
	vertical-align: middle;
}
#Enregistrement #check-livraison {
	margin-left: 26%;
	margin-bottom: 1em;
}
#Enregistrement #check-livraison label {
	vertical-align: middle;
}
#Enregistrement .valider {
	margin-bottom: 2em;
}
#Enregistrement .valider button {
	margin-left: 26%;
}

#Enregistrement #dateAnniversaire #annivJour {
	width: 60px;
}
#Enregistrement #dateAnniversaire #annivMois {
	width: 160px;
}
#Enregistrement #dateAnniversaire #annivAnnee {
	width: 80px;
}

#Enregistrement #inscription {
	border-top: 1px solid #88BC0D;
	margin-left: 26%;
}
#Enregistrement #inscription p {
	margin: 0;
}
#Enregistrement #inscription div {
	margin-bottom: 20px;
}
#Enregistrement #inscription input {
	vertical-align: middle;
	width: auto;
	background: transparent;
	border: none;
}
#Enregistrement #inscription label {
	vertical-align: middle;
	margin-right: 10px;
}

/* Commande */
#ChoixLivraison {
	margin-bottom: 1em;
	overflow: hidden;
}
#ChoixLivraison div {
	margin-bottom: 2em;
}
#ChoixLivraison div input, #PapierKdo input {
	width: auto;
	border: none;
	background: none;
}
#ChoixLivraison div .LivrDesc {
	font-style: italic;
}
#MsgColis textarea {
	width: 35em;
	height: 10em;
	margin-bottom: 1em;
}

/* validation */
#compte1 #votre-panier {
	margin-bottom: 0;
}
#compte1 #RecapPanier {
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
	padding-bottom: 2em;
	margin-bottom: 4em;
}
#compte1 #AddFact, #compte #AddFact {
	float: left;
	margin-bottom: 2em;
	width: 34em;
}
#compte1 #AddLivr, #compte #AddLivr {
	float: right;
	margin-bottom: 2em;
	width: 34em;
} 
#compte1 #AddFact h3, #compte1 #AddLivr h3, #compte1 #Reglements h3, #compte #AddFact h3, #compte #AddLivr h3, #compte #info-perso h3 {
	font-size: 1.5em;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
	background: url(../images/pointille-h-bg.png) repeat-x bottom left;
}

#Reglements {
	clear: both;
	overflow: hidden;
	height: 1%;
}
#Reglements fieldset {
	border: 0;
	margin-bottom: 2em;
}
#Reglements form div {
	margin-bottom: 1em;
}
#Reglements form div label {
	vertical-align: middle;
	font-size: 1.3em;
}
#Reglements form div img {
	vertical-align: middle;
	margin-right: 1em;
}
#Reglements form div input {
	width: auto;
	vertical-align: middle;
	margin-right: 1em;
	border: none;
	background: none;
}

/* Conditions générales de vente */
#cgv div {
	display: none;
}
#cgv input {
	background: transparent;
	width: auto;
	border: none;
}
#cgv label {
	vertical-align: middle;
}

/* validation paiement */
#ValidationVirement table {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #88BC0D;
	margin-bottom: 2em;
}
#ValidationVirement table thead {
	color: #fff;
	font-size: 1.4em;
	height: 30px;
	background: #88BC0D;
}
#ValidationVirement table tbody {
	font-size: 1.4em;
}
#ValidationVirement table tbody td {
	text-align: center;
	padding: 0.5em 0;
}
#ValidationVirement #InfosTit p strong, #ValidationCheque #InfosTit p strong  {
	display: block;
}
#ValidationVirement #NumCom, #ValidationCheque #NumCom {
	border: 1px solid #88BC0D;
	padding: 1em;
	margin-bottom: 1em;
}
#ValidationVirement #NumCom p, #ValidationCheque #NumCom p {
	margin-bottom: 0;
}
#ValidationVirement #ThxCom, #ValidationCheque #ThxCom {
	margin-bottom: 1em;
}

/* Mon compte */
#compte #histo-link {
	margin-bottom: 2em;
}
#compte #histo-link li {
	display: inline;
}
#compte #histo-link li a {
	text-decoration: none;
}
#compte #histo-link .current a, #compte #histo-link li a:hover {
	border-bottom: 0.4em solid #88BC0D;
}
#compte #info-perso, #compte #infocom {
	margin-bottom: 2em;
}

/* Mot de passe */
#InfoChangePwd form, #ChangePwd form {
	margin-bottom: 2em;
	padding-top: 1em;
}
#InfoChangePwd p, #ChangePwd p {
	margin-bottom: 1em;
}
#InfoChangePwd label, #ChangePwd label {
	font-weight: bold;
	color: #424242;
	vertical-align: middle;
}
#InfoChangePwd label img, #ChangePwd label img {
	vertical-align: middle;
}
#InfoChangePwd #PwdOk, #ChangePwd #PwdOk {
	color: #88BC0D;
	font-weight: bold;
}
#ChangePwd #PwdOk {
	margin-left: 40%;
}
#InfoChangePwd .Erreur img, #ChangePwd .Erreur img {
	vertical-align: middle;
}
#ChangePwd div {
	margin-bottom: 0.5em;
}
#ChangePwd label {
	text-align: right;
	padding-right: 1%;
	width: 39%;
	float: left;
	line-height: 1.7em;
	font-weight: bold;
	color: #424242;
}
#ChangePwd #Valider {
	margin-left: 40%;
}

/* Partager produit */
#partage {
	overflow: hidden;
	height: 1%;
}
#partage input {
	width: 280px;
}
#partage label {
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;
}
#partage div {
	margin: 5px;
}
#partage button {
	margin-left: 205px;
}
#partage #partageNewsletter label {
	display: inline;
	float: none;
	vertical-align: middle;
	text-align: left;
}
#partage #partageNewsletter input {
	width: auto;
	vertical-align: middle;
}

#partage #infoEnvoyerAmi, #partage #partageTwit {
	margin-bottom: 20px;
}
#partage #partageOk {
	color: #4ca7c1;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#partage .tellFriendInfoPerso label {
	float: none;
	text-align: left;
	margin: 0;
	width: auto;
}
#partage .tellFriendInfoPerso textarea {
	width: 500px;
	height: 250px;
}
#partage .tellFriendInfoPerso button {
	float: left;
	margin: 0 10px 0 0;
}

#partage .tellFriendsNavigation {
	width: 100%;
	height: 20px;
	line-height: 20px;
	background: #88BC0D;
	border-bottom: 4px solid #424242;
	padding-left: 10px;
	margin-bottom: 20px;
}

#partage .tellFriendsNavigation li {
	display: block;
	float: left;
	margin-right: 5px;
}
#partage .tellFriendsNavigation li a {
	float: left;
	height: 20px;
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}
#partage .tellFriendsNavigation li #twitter {
	background: url(../images/twitter.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation li #facebook {
	background: url(../images/facebook.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation li #sendFriend {
	background: url(../images/sendfriend.gif) no-repeat 5px 50%;
	padding-left: 26px;	
}
#partage .tellFriendsNavigation .current a {
	background: #424242;
}
#partage .tellFriendsNavigation .current #twitter {
	background: #424242 url(../images/twitter.gif) no-repeat 5px 50%;
}
#partage .tellFriendsNavigation .current #facebook {
	background: #424242 url(../images/facebook.gif) no-repeat 5px 50%;
}
#partage .tellFriendsNavigation .current #sendFriend {
	background: #424242 url(../images/sendfriend.gif) no-repeat 5px 50%;
}

#partage #partageFacebook p {
	background: url(../images/facebook.gif) no-repeat 0 50%;
	padding-left: 22px;
}

#partage .errorPartage {
	color: #88BC0D;
	text-align: center;
}

/* Carrousel */
.carrousel {
	list-style: none;
}
.carrousel li {
	float: left;
}
.carrousel li a {
	display: block;
}
#stop, #resume {
	text-decoration: none;
	color: #cfcfcf;
	font-size: 1.2em;
	clear: both;
}
#stop span, #resume span {
	cursor: pointer;
}
#stop {
	background: url(../images/carrousel-pause.gif) no-repeat 0 3px;
	padding-left: 10px;
}
#resume {
	background: url(../images/carrousel-lecture.gif) no-repeat 0 3px;
	padding-left: 10px;
}
/* ------------------------------------------------------------
	Slickmap Css
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

#primaryNav li {
	width:25%;

}

#primaryNav li ul li {
	width:100% !important;
	
}

#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }

.sitemap {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;

}

/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url(../images/L1-left.png) center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
	
}
#primaryNav li {
	float: left;
	background: url(../images/L1-center.png) center top no-repeat;
	padding: 30px 0; 
	margin-top: -30px; 
	list-style: none;
	
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	list-style: none;
	color: black;	
	background: #c3eafb url(../images/white-highlight.png) top left repeat-x;
	border: 2px solid #b5d9ea;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav li a:hover {
	background-color: #e2f4fd;
	border-color: #97bdcf;
}
#primaryNav li:last-child {
	background: url(../images/L1-right.png) center top no-repeat;
}
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #78a9c0;
}

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url(../images/vertical-line.png) center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #cee3ac;
	border-color: #b8da83;
}
#primaryNav li li a:hover {
	border-color: #94b75f;
	background-color: #e7f1d7;
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url(../images/vertical-line.png) center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #8faf5c;
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url(../images/L3-ul-top.png) center top no-repeat;
}
#primaryNav li li li {
	background: url(../images/L3-center.png) left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url(../images/L3-li-top.png) left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url(../images/L3-bottom.png) left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #ccae14;
	font-size: 9px;
}


/* ------------------------------------------------------------
	Utility Navigation
------------------------------------------------------------ */

#utilityNav {
	float: right;
	max-width: 50%;
	margin-right: 10px;
}
#utilityNav li {
	float: left;
	margin-bottom: 10px;
	list-style: none;
}
#utilityNav li a {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	border: 2px solid #e3ca4b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: black;
	background: #fff7aa url(../images/white-highlight.png) top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#utilityNav li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#utilityNav li a:link:before,
#utilityNav li a:visited:before {
	color: #ccae14;
	font-size: 9px;
	margin-bottom: 3px;
}
/*Modaloverlay Css*/
#basicModal, .modalInfo, .modalData {
  color: #424242
}
#basicModal a, .modalInfo a, .modalData a {
  color: #424242
}
#modalOverlay {
  background-color:#000;
  cursor:wait;
}
#modalContainer {
	padding: 4em 1.3em 1.3em 1.3em;
  width:600px;
  left:50%;
  top:15%;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
}
#modalContainer a.modalCloseImg {
  display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  right: 1em;
  cursor:pointer;
}
#modalContainer .modalInfo {
	display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  left: 1em;
	font-size: 1.5em;
}
/* Conditions générales de vente */
#cgv {
	margin: 0 0 1em 0;
}
#cgv div {
	display: none;
}
#cgv input {
	background: transparent;
	width: auto;
	border: none;
}
#cgv label {
	vertical-align: middle;
	cursor: pointer;
}

/* css perso */
.bleu {
background : url(../images/valider.png) no-repeat 0 0;
padding : 0 0 0.5em 2.2em;
font-size: 1.2em;
height: 20px;
}
.bleu2{
background: #424242;
color: #fff;
padding-right: 0.2em;
}
.bleu3 {
background : #fff;
padding : 0.3em 0 0 2.5em;
font-size: 1.1em;
color :  #444488;
}
.lettre_code{
color : #424242;
}
.cgv {
padding-left : 3em;
font-size: 0.9em;
color : #6F7CC0;
}
.phone {
color : #6F7CC0;
margin-bottom : 1em;
font-size : 1.2em;
font-weight : bold;
font-variant: small-caps;
}
.phone2{
padding: 0 0 0 2em;
margin-top: 0.2em;
background: url(../images/phone.png) no-repeat;
font-size: 1.3em;
}
.retour{
font-size : 1.2em;
}
.deco {
position : absolute;
top : 5px;
right: 3px;
height: 35px;
font-weight : bold;
font-size: 1.2em;
list-style: none;
background : url(../images/validation23.png) no-repeat;
padding : 0.6em 1em 0.5em 1em;
}
.adresse{
text-transform: uppercase;
font-size: 1.2em;
}
.commentaire{
font-size: 1.2em;
}
.ViewOther  {
color: #6470AC;
font-weight: bold;
font-size: 1.2em;
font-family: arial;
}
.thickbox{
font-size: 1.2em;
}

#basicModal, .modalInfo, .modalData {
  color: #424242
}
#basicModal a, .modalInfo a, .modalData a {
  color: #424242
}
#modalOverlay {
  background-color:#000;
  cursor:wait;
}
#modalContainer {
	padding: 4em 1.3em 1.3em 1.3em;
  width:600px;
  left:50%;
  top:15%;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
}
#modalContainer a.modalCloseImg {
  display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  right: 1em;
  cursor:pointer;
}
#modalContainer .modalInfo {
	display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  left: 1em;
	font-size: 1.5em;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_secondLine #TB_prev {
	white-space: nowrap;
}
#TB_secondLine #TB_next {
	white-space: nowrap;
}
#TB_secondLine #TB_image {
	white-space: nowrap;
	display: block;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
} 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; background: #E7E5EA; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #789B1D; }

#start-stop                             { background: white; background-repeat: repeat-x; color: #E3E3E3; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 226px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: white; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* css perso */
.bleu {
background : url(../images/valider.png) no-repeat 0 0;
padding : 0 0 0.5em 2.2em;
font-size: 1.2em;
height: 20px;
}
.bleu2{
background: #424242;
color: #fff;
padding-right: 0.2em;
}
.bleu3 {
background : #fff;
padding : 0.3em 0 0 2.5em;
font-size: 1.1em;
color :  #444488;
}
.lettre_code{
color : #424242;
}
.cgv {
padding-left : 3em;
font-size: 0.9em;
color : #6F7CC0;
}
.phone {
color : #6F7CC0;
margin-bottom : 1em;
font-size : 1.2em;
font-weight : bold;
font-variant: small-caps;
}
.phone2{
padding: 0 0 0 2em;
margin-top: 0.2em;
background: url(../images/phone.png) no-repeat;
font-size: 1.3em;
}
.retour{
font-size : 1.2em;
}
.deco {
position : absolute;
top : 5px;
right: 3px;
height: 35px;
font-weight : bold;
font-size: 1.2em;
list-style: none;
background : url(../images/validation23.png) no-repeat;
padding : 0.6em 1em 0.5em 1em;
}
.adresse{
text-transform: uppercase;
font-size: 1.2em;
}
.commentaire{
font-size: 1.2em;
}
.ViewOther  {
color: #6470AC;
font-weight: bold;
font-size: 1.2em;
font-family: arial;
}
.thickbox{
font-size: 1.2em;
}
.detail{
padding: 0.5em 0 0 0;
}
.background {
background:#EAE9EE;
}
#basicModal, .modalInfo, .modalData {
  color: #424242
}
#basicModal a, .modalInfo a, .modalData a {
  color: #424242
}
#modalOverlay {
  background-color:#000;
  cursor:wait;
}
#modalContainer {
  padding: 4em 1.3em 1.3em 1.3em;
  width:600px;
  left:50%;
  top:15%;
  margin-left:-300px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #ccc;
}
#modalContainer a.modalCloseImg {
  display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  right: 1em;
  cursor:pointer;
}
#modalContainer .modalInfo {
	display:inline;
  z-index:3200;
  position:absolute;
  top: 1em;
  left: 1em;
	font-size: 1.5em;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_secondLine #TB_prev {
	white-space: nowrap;
}
#TB_secondLine #TB_next {
	white-space: nowrap;
}
#TB_secondLine #TB_image {
	white-space: nowrap;
	display: block;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:none; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:16px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
	text-decoration: underline;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(../images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ECEEE9; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#ffffff; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	width:400px;
	top:180px; left:0; 
	height:70px; 
	background: url(../images/transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}