/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}
* {
	padding: 0px;
	margin: 0px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	background:#684f40;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#220b00;
	font-size:12px;
}
p {
	margin: 0px;
	padding: 0px;
}
.wordk {
	font-size:54px!important;
}
.word h1 {
	font-size:32px;
	color:#cea480!important;
	font-weight:bold;
	margin:10px 0 0px 10px!important;
}
.kap {
	font-size:30px!important;
}
.italic {
	font-style:italic!important;
}
.bas {
	margin:-15px 0 10px 10px!important;
}
.bas2 {
	margin:-10px 0 10px 10px!important;
}
h1 {
	display:inline;
	font-weight:normal;
	font-size:18px;
	margin: 0px;
	color:#220b00;
}
h2:first-letter {
	font-size:24px;
	
}
h2 {
	color:#cf6b2d;
	font-size:16px;
	margin:5px 0 5px 15px;
	padding: 0px;
}

#titre {
	float:left;
	padding-right:15px;
}
/************************************************************* Lien *********************************************************/
a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:link {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:active {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


/**************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/*********************************************** Newsletter *******************************************************/
.email_news {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#ab4100 1px solid;
	border-top:#ab4100 1px solid;
	border-left:#ab4100 1px solid;
	border-right:#ab4100 1px solid;
}
.email_news2 {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#ab4100 1px solid;
	border-top:#ab4100 1px solid;
	border-left:#ab4100 1px solid;
	border-right:#ab4100 1px solid;
}

.bouton_news {
	font-family:Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#ab4100;
	border-bottom:#ab4100 1px solid;
	border-top:#ab4100 1px solid;
	border-left:#ab4100 1px solid;
	border-right:#ab4100 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
display:block;
float:left;
background:#f7d7cf;
width:15px;
height:20px;
color:#684f40 !important;
line-height:18px;
font-weight:bold;
font-size:12px !important;
margin-right:3px!important;
text-align:center;
}
.numpage_selec, .numpage:hover, .numpage_selec:hover {
display:block;
float:left;
background:#f57433;
width:15px;
line-height:18px;
height:20px;
color:#684f40!important;
font-size:12px !important;
font-weight:bold;
margin-right:3px!important;
text-align:center;
}

.bt_suivant, .bt_precedent {
display:block;
float:left;
width:85px;
line-height:18px;
background:#f7d7cf;
color:#684f40!important;
height:20px;
font-size:12px !important;
font-weight:bold;
text-align:center;
margin-right:3px!important;
}
.bt_suivant:hover, .bt_precedent:hover {
display:block;
float:left;
width:85px;
background:#f57433;
color:#684f40!important;
height:20px;
line-height:18px;
text-decoration:none;
font-size:12px !important;
text-align:center;
margin-right:3px!important;
}

.bt_precedent_vide {
display:block;
float:left;
width:85px;
height:22px;
}
.liste {
	padding:30px 10px 10px 10px;
	float:left;
	width:200px;
}
.pagination {
	margin: 0 auto 0 auto;
	padding:10px 0;
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/********************************************** MODELE ************************************************************/
#container {
	height: auto;
	overflow:hidden;
	background-color:#cea480;
}
#header {
	height:299px;
	background:url(../gifs/trame_02.jpg) repeat-x #cea480;
	background-position: center top;
}
#content_header {
	height:auto;
	width: 996px;
	position:relative;
	margin:0 auto;
}
#logo a {
	background:url(../gifs/modele_03.jpg) no-repeat;
	width: 644px;
	margin:0 auto;
	height:134px;
	display:block;
}
#diapo {
	background:url(../gifs/modele_06.jpg) no-repeat;
	width: 996px;
	height:144px;
}
#content {
	height: auto;
	overflow:hidden;
	width: 996px;
	margin:0 auto;
}
#colonne_right {
	float: left;
	height: auto;
	width: 175px;
	overflow:hidden;
}

#colonne_left {
	float: left;
	height: auto;
	width: 177px;
}
#colonne_center {
	float: left;
	height: auto;
	width: 644px;
	overflow:hidden;
	background-image: url(../gifs/trame_18.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#menu {
	width: 644px;
	margin:0 auto;
	height: 21px;
}

#options {
	height: 53px;
	width: 185px;
}	
#footer {
	background: url(../gifs/trame_10.jpg) repeat-x #684f40;
	height: 136px;
}
#footer_content {
	background:url(../gifs/trame_11.jpg) no-repeat;
	width: 644px;
	margin:0 auto;
	height:155px;
	color:#f7d7cf;
	font-style:italic;
}
.adress a {
	display:block;
	float:left;
	color:#ffffff;
	line-height:24px;
	letter-spacing:0.08em;
	font-size:14px;
	padding:10px 0 0 0!important;
	width:175px;
	text-align:center;
}
.adress a strong {
	font-size:16px;
}
.anim {
	height:144px;
	width:644px;
	float:left;
}
.footer-lien {
	list-style:none;
	float:left;
}
#footer a {
	color:#dbb594;
	font-size:11px;
	font-style:normal;
}
#footer a:hover {
	color:#f57433;
}
.lien-contact {
	color:#f57433!important;
}
.footer-lien li a:visited {
	color:#f7d7cf;
}
.typo {
	font-family:"Times New Roman", Times, serif;
}
#encart_actu {
	background:url(../gifs/trame_21.jpg) repeat-y;
	margin:0 0 0 10px;
	width:165px;
}
.img {
	padding:0 0 10px 0;
}
#encart_actu h1 {
	padding:0 5px;
	font-size:14px;
}
.darphin {
	background:url(../gifs/logos_12.jpg);
	width:165px;
	height:34px;
	margin:5px 0 0 10px!important;
	display:block;
}
.logo1 {
	background:url(../gifs/phytomer.jpg) no-repeat;
	width:250px;
	height:58px;
	display:block;
	margin:20px auto 0 auto!important;
}
.logo3 {
	background:url(../gifs/sultane-saba.jpg) no-repeat;
	width:143px;
	height:158px;
	display:block;
	margin:5px auto 0 auto!important;
}

.logo2 {
	background:url(../gifs/darphin.jpg) no-repeat;
	width:250px;
	height:58px;
	display:block;
	margin:20px auto 0 auto!important;
}
.logo4 {
	background:url(../gifs/logo4.jpg) no-repeat;
	width:110px;
	height:110px;
	display:block;
	margin:20px auto 0 auto!important;
}
.logo5 {
	background:url(../gifs/logo5.jpg) no-repeat;
	width:250px;
	height:58px;
	display:block;
	margin:20px auto 0 auto!important;
}
.darphin:hover {
	background:url(../gifs/over3_12.jpg) !important;
	background-repeat:no-repeat!important;
	margin:5px 0 0 10px!important;
}
.phytomer:hover {
	background:url(../gifs/over3_15.jpg) !important;
	background-repeat:no-repeat!important;
	margin:5px 0 0 10px!important;
}
.phytomer {
	background:url(../gifs/logos_15.jpg) ;
	width:165px;
	height:29px;
	margin:5px 0 0 10px !important;
	display:block;
}
#encart_actu p {
	padding:0 5px;
}
#encart_actu .lien {
	padding:0 5px;
}
.liste-nom, .liste-nom3 {
	display:block;
	float:left;
	width:484px;
	margin:0 20px 0 0;
	font-size:11px;
	padding-left:10px;
	list-style:none;
}
.liste-nom2 {
	display:block;
	float:left;
	margin:0 20px 0 0;
	font-size:11px;
	padding-left:10px;
	list-style:none;
}
.liste-nom li, .liste-nom2 li {
	padding:0 0 10px 0;
}
.liste-nom3 li {
	padding:0 0 5px 0;
}
.liste-prix li {
	padding:0 0 10px 0;
}
.liste-prix2 li {
	padding:0 0 5px 0;
}
.liste-nom strong, .liste-nom2 strong {
	font-size:16px;
	font-style:italic;
}
.liste-nom3 strong{
	font-size:14px;
	font-style:italic;
}
.liste-prix, .liste-prix2 {
	display:block;
	float:left;
	width:100px;
	list-style:none;
	font-weight:bold;
	font-size:14px;
}
.liste-prix strong, .liste-prix2 strong {
	color:#c54f13;
	}
.forfait {
	display:block;
	float:left;
	padding:10px 20px 0 0;
	width:285px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
.forfait strong {
	color:#c54f13;
	font-style:normal;
}
.forfait span {
	font-style:normal;
	font-weight:normal;
}
#vitrine a:first-letter, #vitrine2 a:first-letter, #vitrine3 a:first-letter {
	font-size:18px;
}

#a {
	background:url(../gifs/encarts_03.jpg);
}
#b {
	background:url(../gifs/encarts_05.jpg);
}
#c {
	background:url(../gifs/encarts_07.jpg);
}
#d {
	background:url(../gifs/encarts_09.jpg);
}
#e {
	background:url(../gifs/produits_03.jpg);
}
#f {
	background:url(../gifs/produits_05.jpg);
}
#g {
	background:url(../gifs/produits_07.jpg);
}
#h {
	background:url(../gifs/logo_over_09.jpg);
}
#i {
	background:url(../gifs/logo_over_07.jpg);
}
#a:hover {
	background:url(../gifs/over2_03.jpg) !important;
}
#b:hover {
	background:url(../gifs/over2_05.jpg) !important;
}
#c:hover {
	background:url(../gifs/over2_07.jpg) !important;
}
#d:hover {
	background:url(../gifs/over2_09.jpg) !important;
}
#e:hover {
	background:url(../gifs/over4_03.jpg) !important;
}
#f:hover {
	background:url(../gifs/over4_05.jpg) !important;
}
#g:hover {
	background:url(../gifs/over4_07.jpg) !important;
}
#h:hover {
	background:url(../gifs/logo_bis_09.jpg) !important;
}
#i:hover {
	background:url(../gifs/logo_bis_07.jpg) !important;
}
#vitrine a {
	background-repeat:no-repeat;
	display:block;
	width:128px;
	height:23px;
	margin:10px 10px 20px 0!important;
	padding:78px 0px 0 0!important;
	float:left;
	color:#684f40;
	text-align:center;
	line-height:23px;
}
#vitrine2 a {
	background-repeat:no-repeat;
	display:block;
	width:128px;
	height:23px;
	margin:10px 30px 20px 0!important;
	padding:78px 0px 0 0!important;
	float:left;
	color:#684f40;
	text-align:center;
	line-height:23px;
}
#vitrine3 a {
	background-repeat:no-repeat;
	display:block;
	width:128px;
	height:23px;
	margin:10px 30px 20px 0!important;
	padding:78px 0px 0 0!important;
	float:left;
	color:#684f40;
	text-align:center;
	line-height:23px;
}
#vitrine a:hover, #vitrine2 a:hover, #vitrine3 a:hover {
	background-repeat:no-repeat;
}


#vitrine {
	padding-left:35px;
	overflow:hidden;
}
#vitrine2 {
	padding-left:85px;
	overflow:hidden;
}
#vitrine3 {
	padding-left:170px;
	overflow:hidden;
}
/*******************************************************MENU2*******************************************************/



.MenuVertical li a:first-letter {
	font-size:24px }	

.MenuVertical li li a:first-letter {
	font-size:12px }

.MenuVertical {
	padding-bottom:20px;
}
.MenuVertical li {
	margin : 0 auto;
	width:177px;
	list-style:none;
}

#navigation li li a {
	margin:0;
	padding:0!important;
	color:#000000;
	display:block;
}

	
.MenuVertical li a {
	text-align:left;

	
	display:block;
	height:25px;
	line-height:25px;
	margin:0!important;
	text-indent:20px !important;
	font-size:14px;
	color:#220b00;
}

.MenuVertical li a:hover {
}



#nav li a {
	background:url(../gifs/menu_16.jpg) no-repeat;
}

#nav li a:hover {
	background:url(../gifs/over_16.jpg) no-repeat;
}


.MenuVertical li li a strong {
	font-size:12px!important;
	font-weight:bold;
	}
.MenuVertical li a strong {
	font-size:24px!important;
	font-weight:normal }

#nav li li a {
	border-bottom:#f57433 solid 1px;
	background:none;
	font-size:12px;
	height:18px;
	line-height:18px;
	padding-left:40px!important;
	text-indent:0!important;
}
#nav li li a:hover, #nav li li #selected {
	background:#f57433;
	border-bottom:#f57433 solid 1px;
	background-image:none!important; 
	padding-left:40px!important;
	text-indent:0!important;
}


/*************************************************** COMMUN *******************************************************/
.cadre {
	float:left;
}
.cadre2 {
	float:left;
	padding:0 20px 20px 0;
}
.lien {
	font-style:italic;
	color:#ab4100;
	font-size:14px;
	font-weight:bold;
}
.lien:hover {
	color:#220b00;
}
.left {
	text-align:justify;
	padding:10px 20px 10px 20px;
}
.annotation {
	display:block;
	text-align:center;
	font-style:italic;
	color:#cf6b2d;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px;
	clear:both;
}
#page {
	overflow:hidden;
	margin:15px ;
}
.liste-normale {
	margin-left:40px;
}
.normale {
	padding:0 0 10px 10px;
}
/************************************************** MISE EN PAGE ********************************************************/

.MenuAutre li {
	list-style:none;
}
#autre{
	display: inline;
	height:auto;
	width:620px;
	margin:0px;
	padding-top:10px;
	float:left;
}
.menuDeroulant a {
	font-size: 18px;
	color:  #ab4100;
	text-decoration: none;
	text-align:left;
	display:block;
	height:25px;
	line-height:25px;
	margin:0!important;
}
.menuDeroulant a:hover {
	color: #220b00;
}
#menu_ouvert {
	overflow:hidden;
}
.subMenu {
	overflow:hidden;
}
#ajout {
	overflow:hidden;
	float:left;
	height:25px;
	margin:20px 40px 0 0;
	line-height:25px;
}
#ajout a {
	display:block;
	float:left;
	padding:0 10px;
	color:#ab4100;
	font-size:12px;
	font-weight:bold;
	background-color:#f7d7cf;
}
#ajout a:hover {
	display:block;
	float:left;
	padding:0 10px;
	color:#220b00;
}
.decouverte {
	overflow:hidden;
	width:230px;
	float:left;
	overflow:hidden;
}
.decouverte a{
	font-size:12px;
}
/******************************************* CONTACT PLAN D'ACCES NEWSLETTER 404 **************************************************/
.boite1 {
	float:left;
	width:260px;
	padding: 0 20px 0 0;
}
.boite3 {
	float:left;
	width:380px;
	padding: 0 10px 0 40px;
}
.boite2 {
	float:left;
}
.mise a {
	color:#ab4100;
	font-weight:bold;
	font-size:12px;
	letter-spacing:0.08em;
}
.mise a:hover {
	color:#684f40;
}
/************************************************** BDD ********************************************************/
#vignettes {
	width:550px;
	margin:0 auto;
}
.actu-descriptif {
	text-align:justify;
}