/* Start of Kaola style sheet  */
/* CSS Document S. Pernot 2010 */
/*******************************/

/***********************************************************************/
/*************************Page accueil kaola.fr*************************/
/***********************************************************************/
body {
	background-image:  url(../img/common/bg_home.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #CCCCCC;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-position: center top;
}
* {
	margin: 0px;
	padding: 0px;
}

h1 {		/** Header 1 **/			
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #e07a01;
	margin-top: 15px;
	margin-bottom: 15px;
}
h2 {		/** Header 2 **/
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #708e58;
	margin-top: 10px;
	margin-bottom: 5px;
}
a {
	color: #4c4c4c;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #438604;
}
a:visited {
}

#maincontent  {
	margin: 0 auto;
	background-color: #FFFFFF;
}

/*************************menu navigation*************************/
#nav {
	background-image:  url(../img/common/bkg-menu.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	padding-left: 0px;
	background-color: #FFFFFF;
	right: auto;
	font-size: 12px;
}
#nav ul {
	margin-top: 0px;
	margin-right: 350px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#nav li a {
	margin: 5px;
	padding: 0px 5px 0px 5px;
	list-style-type: none;
	display: compact;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image:  url(../img/common/puce-menu-off.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFFFFF;
}
#nav li a:hover {
	background-image:  url(../img/common/puce-menu-on.gif);
}
#nav li a.active {
	margin: 5px;
	padding: 0px 5px 0px 5px;
	list-style-type: none;
	display: compact;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image:  url(../img/common/puce-menu-on.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#col2 {									/* NE PAS MODIFIER */
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
}

/*************************menu sous-navigation droit*************************/

#snav a, .snavHome a  {
	font-size: 11px;
	text-decoration: none;
}
#snav li, .snavHome li {
	list-style-type: none;
}
#snav li a, .snavHome li a {
	border-bottom: 2px solid #438604;
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 14px;
}
#ssnav li a {
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
	font-weight: normal;
	border: none;
}
#ssnav {
	margin-bottom: 5px;
}
.ssmenu {
	background-image:  url(../img/common/slogoK.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-color: #FFFFFF;
	color: #ffffff;
	display: block;
	text-decoration: none;
	padding-bottom: 12px;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #438604;
	padding-left: 0px;
	background-position: left 2px;
	padding-top: 0px;
	padding-right: 0px;
	margin: 0px 0px 3px;
	background-color: #438604;
	font-variant: small-caps;
}
#pagehome {
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/common/bkg-contenu-home.jpg);
}
#page {
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/common/bkg-contenu-page.jpg);
}
#footer {
	background-image:  none;            
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 1px solid #c9bfa7;
	font-size: 11px;
	padding: 10px 20px 5px 20px;
}
#footer-page {
	background-image:  none; 
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 0px 2px 20px;
	font-size: 9px;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #438604;
}
#ombrg {
	background-image:  url(../img/common/bkg-ombre-gauche.gif);
	background-repeat: repeat-y;
}
#ombrd {
	background-image:  url(../img/common/bkg-ombre-droit.gif);
	background-repeat: repeat-y;
}
#accueil  {
	padding-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}
#accueil img {
	padding-right: 10px;
	padding-left: 10px;
}
#accueil p {
	margin-bottom: 15px;
}

#content {
	margin: 0 auto;
}

#content p {
	margin-bottom: 5px;
}

#content a {
	text-decoration: none;
}
#chemin, #chemin a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.txt-11 {
	font-size: 11px;
}

.encadre-orange {
	border: solid 1px #e07a01;
	padding: 10px;
}
.encadre-vert {
	border: solid 1px #708e58;
	padding: 10px;
}
.ul-page  {
	margin: 0px 0px 5px 15px;
}
.visuel-droit  {
	margin-left: 20px;
}

.titrage {
	border-top: solid 1px #708e58;
	padding-top: 8px;
	margin-top: 20px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color:#708e58;
}
.txt-georgia-vert-it {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color:#708e58;
}
.txt-georgia-it  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e07a01;
	font-size: 13px;
}
.txt-georgia-it-11gris  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
}
.txt-georgia-it-12Orange  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e07a01;
	font-size: 12px;
}

.style1 {
	color: #00FF00;
	font-size: 14px;
}
.style5 {
	color: #438604;
	font-size: 12px;
}
.style6 {color: #438604}
.style8 {font-size: 10px}
.style10 {font-size: 24px}
.style11 {
color: #FFFFFF;
font-size: 12px;
}
.style13 {
color: #FFFFFF;
font-size: 14px
}

.soulignDottedGris {
	border-bottom: dotted 1px #8F8F8F;
	padding: 3px 0;
}

.txt-georgia-14Grisfonce  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	color: #333333;
	font-size: 14px;
}
.txt-georgia-20Grisfonce  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333333;
	font-size: 20px;
}
.txt-encadre-orange{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: bold;
	color: #e07a01;
	font-size: 14px;
}

.form-txt-250  {
	padding: 2px;
	width: 400px;
	margin-bottom: 2px;
	border: 1px solid #438604;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.form-bouton  {
	padding: 5px;
	margin-bottom: 2px;
	border: 1px solid #438604;
	background-color: #438604;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.txt-gris-11 {
	color: #333333;
	font-size: 11px;
}
.legende {
	font-size: 10px;
	color: #666666;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.coulVert {
	color: #F0F0F0;
}
.coulOrange {
	color: #e07a01;
}
.coulRose {
	color: #A93365;
}

.cadre_droit  {
	color: #00FF00;
	background-color: #dafcab8;
}


/*************************menu postit*************************/

#postit{
	width:651px;		 /*651px*/
	height:460px;		 /*380px*/
	margin:5px;
	margin-left: 70px;
}

#postit ul{
list-style-type:none;
}

#postit li{
	float:left;
	display:inline;
	width:217px;		 /*217px*/
	height:230px;		 /*190px*/
}
#postit li a{
	width:217px; 		/*217px*/
	height:230px;  		/*190px*/
	display:block;
	float:left;
}

#postit li.naturo a{
background:transparent url(../img/postit/echinacea.jpg) top left no-repeat;
}

#postit li.naturo a:hover{
background:transparent url(../img/postit/echinaceaahover.jpg) top left no-repeat;

}
#postit li.immuno a{
background:transparent url(../img/postit/macrophage.jpg) top left no-repeat;
}

#postit li.immuno a:hover{
background:transparent url(../img/postit/macrophageahover.jpg) top left no-repeat;
}

#postit li.naet a{
background:transparent url(../img/postit/fleur.jpg) top left no-repeat;
}

#postit li.naet a:hover{
background:transparent url(../img/postit/fleurahover.jpg) top left no-repeat;
}
#postit li.pourqui a{
background:transparent url(../img/postit/gens.jpg) top left no-repeat;
}

#postit li.pourqui a:hover{
background:transparent url(../img/postit/gensahover.jpg) top left no-repeat;
}
#postit li.anticancer a{
background:transparent url(../img/postit/soleil.jpg) top left no-repeat;
}

#postit li.anticancer a:hover{
background:transparent url(../img/postit/soleilahover.jpg) top left no-repeat;
}
#postit li.immunonutri a{
background:transparent url(../img/postit/bulles.jpg) top left no-repeat;
}

#postit li.immunonutri a:hover{
background:transparent url(../img/postit/bullesahover.jpg) top left no-repeat;
}

/*************************cadre bloc note************************/

#bloc_note{
width:650px;
padding-bottom:5px;
margin-left:75px;

}
#bloc_note h2{
display:none;

}
#bloc_note h3{
padding-left:10px;
padding-bottom:0px;
margin-bottom:10px;
margin-top:10px;
font-size:1.2em;
color:#438604;
border-bottom:1px solid #96BF0D;
border-left:10px solid #96BF0D;

}

#bloc_note a{
	color:#438604;
	padding:2px;
}
#bloc_note p{
text-align:justify;
}

#bloc_note img{
padding-left:10px;
padding-right:10px;
}

#bloc_note h3 a{
text-decoration:none;
color:#438604;

}
#unit_actu{
	width:625px;
	margin:auto;
	font-size:12px;
	color: #666666;
}

#bloc_note_head{
width:638px;
height:40px;
background:transparent url(../img/common/anoter.gif) top right no-repeat;
}

#bloc_note_content{
width:625px;
height:150px;
background:transparent url(../img/note_bg.jpg) top left repeat-y;
}

#bloc_note_footer{
width:625px;
margin:auto;
padding-left:25px;
}

#bloc_note_footer p{
width:625px;
margin:auto;
text-align:justify;
padding-right:25px;
padding-top:10px;
font-style:italic;
}

#bloc_note_footer a{
color:#96BF0D;
text-decoration:none;
font-weight:bold;
}

#bloc_note_footer a:hover{
color:#96BF0D;
text-decoration:underline;
}

#more{
width:625px;
text-align:right;
}
#more a{
text-align:right;
color:#438604;
text-decoration:none;
}
#more a:hover{
	text-align:right;
	color:#ECE9D8;
	text-decoration:underline;
}

/* End of 'Style_kaolastyle' */