body {

font: normal 1.0em/1.4 Verdana, Arial, Helvetica, sans-serif;
/*font-family: "Trebuchet MS", Verdana, Arial, sans-serif;*/
font-size:0.75em;

margin: 0;
padding: 0;
background:url(../imgs/background.png) #397144 repeat-x;

}


/* LINKS*/
a{color : #00C;    text-decoration: underline; font-weight: bold;  }
a:visited{color: #00C; font-weight: bold;}
a:hover, a:focus, a:active{color: #00C;  text-decoration: underline;  font-weight: bolder; }
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]";color : #000000;background : transparent;}
/* LINKS END*/


img{
padding:2px;
border:0px;
}


/* HEADING*/
h2, h3, h1 {font-family: Arial, Helvetica, sans-serif; color: #390; font-weight:bold; }


h1{
font-size: 1.5em;
padding: 5px 0 0 5px;
margin: 3px 0 3px 0;
letter-spacing: 1px;
font-weight:bolder;
border-color: #630;
border-bottom-style: solid;
border-bottom-width: 1px;
/*background: url(../imgs/cheval-titre.gif) no-repeat;*/


}
h1 a{
text-decoration:none;
color:#690;
}


h2{
font-size: 1.3em;
letter-spacing: 1px;
/*border-bottom:  1px solid #B7CF87;*/

/*padding-top:10px;*/
}

h3{
font-size: 1.2em;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 50px 7px 4px 20px; 
}

/* END HEADING*/

/*TEXTS*/
p {	margin: 1.1em 0 1.2em 0;text-indent:5px;text-align: left;	font-size: 1em;	padding: 0;	line-height:1.4em;}
	
	blockquote {
	margin: 0 0 0 2em;
	padding: 0.5em 1em 0 35px;
	background: url(../imgs/blockquote_bg.png) top left no-repeat ;
	font-style: italic;
	clear: left;

	
		}
	blockquote p {
	text-align: right;
	margin: 0 0 0 25px;
	font-style: normal;
	padding: 0 25px 0 0;
	background: url(../imgs/blockquote_bgend.png) right bottom no-repeat;
	}

	
	pre {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-style:italic;
		margin: 0 0 0 5px;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 0.8em;
		margin: 10px 35px 10px 35px;
		padding: 5px 5px 5px 5px;
        white-space: pre;
		background-color:#CCCCCC;
		border: 1px solid #000;
		display: block;
    }
    
 .lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2em; /* 3 hauteurs de lignes pour la lettrine*/

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC;
margin: 1px;
padding: 1px;
line-height: 1em;
}
    
    
    
/* END TEXTS*/


/* LISTS*/
ul{
padding: 0;
margin: 0;
width: 95%;
background:none;
font-size:1.2em;
}

ol{
 list-style-type: upper-roman; 
 list-style-position: outside; 
 padding-left:5px;
 width: 90%;
}

li {
list-style:none;
padding:0 0px 0 0px;
margin: 0 0 0 0;
}

.menu ul{
	list-style: none;
	margin: 0 0 0 0;
 	padding: 0 0 0 0;
	font-size:1.2em;
	}
.menu li a, .menu li a:visited{
 	display: block;
 	padding: 4px 0 0 4px;
    /*	height:25px;  */
	height:20px;
	width:98%;
	border-top:  1px solid #B7CF87;
	color : #630; text-decoration: none; font-weight: bold; font-size:85%;

}

.menu li a:hover{
	padding: 4px 0 0 4px;
	background: #CF9 url(../imgs/curseur.gif) repeat-y left;
}




/* END LISTS*/


/* ROLLOVER*/
a.top { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 127px; /* largeur de l'image réactive */
     height: 32px; /* hauteur de l'image réactive */
     background-image: url(../imgs/bt_top.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }

a.top:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../imgs/bt_top_over.jpg); /* source de l'image d'arrivée */
     } 


a.success-stories-en { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 246px; /* largeur de l'image réactive */
     height: 60px; /* hauteur de l'image réactive */
     background-image: url(../imgs/bt_success-stories-en1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.success-stories-en:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../imgs/bt_success-stories-en2.gif); /* source de l'image d'arrivée */
     } 
	 
a.product-range-en { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 244px; /* largeur de l'image réactive */
     height: 52px; /* hauteur de l'image réactive */
     background-image: url(../imgs/bt_product-range-en1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.product-range-en:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../imgs/bt_product-range-en2.gif); /* source de l'image d'arrivée */
     } 	 
	 
	 
	 
/* END ROLLOVER*/



/* IMAGE*/
.imagelink {
border:none;
}
.flags{float:right; margin: 0 3px 1px; border: 1px solid #999;}
.imageright{float:right; margin: 0 3px;}
.imagerightpub{float:right;padding-right:30px; padding-top:10px; border:0; }
.imageleft{float:left;padding-right:3px; padding-left:5px; border:0; display:inline;}
/* END IMAGE */


/* BUTTON*/  
a.bouton-relief {
  float:right;
/*  color: black;*/
  background-image:url(../imgs/bt_temporary-tattoos.jpg);
 text-decoration: none; 
  text-align: center;
   color:#000000;
  display:block;
  	height:20px;
	width:135px;
    padding: 5px;
  margin: 0 7px 0 0;
  font-weight: bold
}

a.bouton-relief:hover{
float:right;
font-weight: bold;
text-decoration:underline;
color:#000000;
}

a.bouton-relief:visited{
float:right;
font-weight: bold;
color:#000000;
}

a.bouton-relief-clair {
 /* float:right;
  color: black;*/
  
 background-image:url(../imgs/bt_vertclair.gif);
 background-position:top;
 background-position:left;
 background-repeat:no-repeat;
 text-decoration: none; 
 text-align: center;
 color:#000;
 display:block;
 height:54px;
 width:246px;
 font-weight: bold;
 font-size:1.4em;
 padding-top:15px;
}

a.bouton-relief-clair:hover{
/*float:right;*/
font-weight: bold;
text-decoration:underline;
color:#000;
}

a.bouton-relief-clair:visited {  color: black;  }
/* END BUTTON*/  






/* SPECIALS*/
.author {float:right;font-size:85%;}


.title {font-weight:bold; line-height:1.3em;width: 180px;padding-left:5px; float: left;}
#blocProduit {display:block;padding-bottom:20px;}
#blocProduit1 {display:block;padding-bottom:30px;}
.small {font-size:0.7em;}
.admin {font-size:1em; color:#FF0000;}



/*FAQ*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#000;
	font-size:0.9em;
	font-weight:bold;
background-color:#d2e4d6;
	width:500px;
	margin-bottom:6px;
	margin-top:2px;
	padding-left:2px;
	background-image: url(../imgs/faq_end.jpg);
	background-repeat:no-repeat;
	background-position:top right;	
	height:35px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	background-color:#E2EBED;
	width:480px;
	margin: 5px 10px 5px 5px;
	padding-left:14px;
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px;
	font-size:0.9em;	
	position:relative;
}

/*TOOLTIP*/

#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
	
	
	div#galerie700
{
	width: 700px ;
	padding: 10px ;
	margin: 5px 5px 5px 5px;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

	div#galerie520
{
	width: 520px ;
	padding: 10px ;
	margin: 5px 5px 5px 5px;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

	

	div#galerie
{
	width: 460px ;

	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 10px 5px 5px 5px;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}