/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font-family: Verdana, Arial, sans-serif; line-height: 16px;
	}

body { 
	 font-size : 11px;
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 background: #FFFFFF url(images/fondvert.gif) repeat-y 50% 0;
	}
	
img {
   display: inline;
   }

h1 {
	font-size : 20px;
	color: #6e422f;
	padding: 5px 0;
	line-height: 26px;
	font-weight: lighter;
	}
		
h2 {
	font-size : 16px;
	color: #6e422f;
	padding: 5px 0;
	line-height: 26px;
	font-weight: lighter;
   }

h3 {
	font-size : 12px;
	padding: 2px 0;
	font-weight: lighter;
   }
   
h4 {
	font-size : 14px;
	padding: 2px 0;
	font-weight: lighter;
   }
		
p {
	padding: 0;
	}
	
a {
   color: #333333; text-decoration: none;
	}
	
a:hover {
	color: #660033;
	text-decoration: underline;
	} 
	
a.lien2 {
	color: #CC6600;
	font-weight: bold;
	}
	
a.lien3 {
	color: #2299B5;
	font-weight: bold;
	text-decoration: none;
	}
	
a.lien4:hover {
	color: #D15987;
	text-decoration: none;
}

.exposants {
	vertical-align: text-top;
	font-size : 8px;
	}
	
.exposants2 {
	vertical-align: text-top;
	font-size : 10px;
	}
	
.vert {
	color: #8DB24A;
	font-weight: bold;
	}
	
.bleu {
	color: #6E422F;
	font-weight: bold;
	}

.bleuclair {
	color: #4FC3DE;
	font-weight: bold;
}

.bleulight {
	color: #2299B5;
}

.bold66 {
	color: #666666;
	font-weight: bold;
	}
	
.tabrates {
	font-size : 10px;
	text-align: center;
	border-color:#CCCCCC;
	}

.maxblanc {
	color: #FFFFFF;
	}
	
.titreclients {
	font-size : 12px;
	color: #999999;
	font-weight: lighter;
	padding: 10px 0 2px 0;
   }
		
/*</group>*/

/*<group=site-wide components>*/

#container {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	}

#logo {
	margin: 43px 0 0 0;
	padding: 0;
	float: left;
	display: block;
	position: relative;
	width: 200px;
	height:100px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 198px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(images/logo_Sunflower.gif) top left no-repeat;
	}

#left-column {
	float: left;
	width: 200px;
	}
   
#middle-column {
	float: left;
	width: 350px;
}

#flashzone {
	width: 350px;
	height: 233px;
	margin: 0;
	padding: 0;
	background: url(images/middle_photo_bg.jpg) top left no-repeat;
	}

#right-column {
	float: left;
	width: 400px;
	}

#contentappart {
	margin: 8px 0 0 20px;
	color: #666666;
	}

#mainpagecontent {
	margin: 40px 0 0 20px;
	color: #666666;
	}

#mainpagecontentgb {
	margin: 73px 0 0 20px;
	color: #333333;
	}
	
#colonne {
	font-size : 12px;
	line-height: 50px;
	float: left;
	width: 200px;
	}
	
#listecosmetique {
	//color: #6e422f;
	margin: 0 0 0 25px;
	}
			
#citation {
	float: none;
	font: 11px;
	color: #ffffff;
	margin: 20px 20px 25px 20px;
	text-align: left;
	line-height: 14px;
	clear: both;
   }
   
#footer {
	float: none;
	font: 11px Verdana, Arial, sans-serif;
	color: #6e422f;
	margin: 100px 0px 25px 0px;
	text-align: center;
	line-height: 14px;
	clear: both;
   }
   
#footer a {
	font: 10px Verdana, Arial, sans-serif;
	color: #6e422f;
   }
   
#footer a:hover {
	color: #6e422f;
	text-decoration: underline;
   }
   
#txtintrotop {
	position: fixed;
	margin: 40px 0 0 20px;
	color: #666666;
	float: left;
	display: inline;	
	width: 330px;
	}
	
#txtintrobot {
	position: relative;
	margin: 310px 0 0 20px;
	color: #666666;
	float: left;
	display: inline;	
	width: 600px;
	}
	
			
	/*</group>*/

/*<group=main nav>*/

/* NAV */
/* FR */

div#nav {
	height: 125px;
	width: 350px;
	margin: 60px 0 0 0;
	}
	
div#nav ul#menu {
	height: 125px;
	width: 350px;
	background: url(images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}

ul#menu li, ul#menu a {
	height: 25px;
	width: 350px;
	display: block;
	}

div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
/*GB*/	
div#nav_gb {
	height: 125px;
	width: 350px;
	margin: 60px 0 0 0;
	}
	
div#nav_gb ul#menu {
	height: 125px;
	width: 350px;
	background: url(images/nav_gb.gif) top left no-repeat;
	position: relative;
	}
	
div#nav_gb ul#menu li {
	list-style: none;
	position: absolute;
	}

div#nav_gb ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}


/* placement FR*/

#sunflowermenu {
	top: 0;
	}

#prestationsmenu {
	top: 25px;
	}
	
#referencesmenu {
	top: 50px;
	}

#tarifsmenu {
	top: 75px;
	}

#contactmenu {
	top: 100px;
	}
	
/* placement GB*/

#sunflowermenu_gb {
	top: 0;
	}

#prestationsmenu_gb {
	top: 25px;
	}
	
#referencesmenu_gb {
	top: 50px;
	}

#tarifsmenu_gb {
	top: 75px;
	}

#contactmenu_gb {
	top: 100px;
	}
	
/* interaction FR*/

#sunflowermenu a:hover {
	background: url(images/nav.gif) -350px 0 no-repeat;
	}

#prestationsmenu a:hover {
	background: url(images/nav.gif) -350px -25px no-repeat;
	}

#referencesmenu a:hover {
	background: url(images/nav.gif) -350px -50px no-repeat;
	}

#tarifsmenu a:hover {
	background: url(images/nav.gif) -350px -75px no-repeat;
	}

#contactmenu a:hover {
	background: url(images/nav.gif) -350px -100px no-repeat;
	}	

/* interaction GB*/

#sunflowermenu_gb a:hover {
	background: url(images/nav_gb.gif) -350px 0 no-repeat;
	}

#prestationsmenu_gb a:hover {
	background: url(images/nav_gb.gif) -350px -25px no-repeat;
	}

#referencesmenu_gb a:hover {
	background: url(images/nav_gb.gif) -350px -50px no-repeat;
	}

#tarifsmenu_gb a:hover {
	background: url(images/nav_gb.gif) -350px -75px no-repeat;
	}

#contactmenu_gb a:hover {
	background: url(images/nav_gb.gif) -350px -100px no-repeat;
	}
	
/* select FR*/

body#sunflower #sunflowermenu {
	background: url(images/nav.gif) -350px 0 no-repeat;
	}

body#prestations #prestationsmenu {
	background: url(images/nav.gif) -350px -25px no-repeat;
	}

body#references #referencesmenu {
	background: url(images/nav.gif) -350px -50px no-repeat;
	}

body#tarifs #tarifsmenu {
	background: url(images/nav.gif) -350px -75px no-repeat;
	}
	
body#contact #contactmenu {
	background: url(images/nav.gif) -350px -100px no-repeat;
	}
	
/* select GB*/

body#sunflower #sunflowermenu_gb {
	background: url(images/nav_gb.gif) -350px 0 no-repeat;
	}

body#prestations #prestationsmenu_gb {
	background: url(images/nav_gb.gif) -350px -25px no-repeat;
	}

body#references #referencesmenu_gb {
	background: url(images/nav_gb.gif) -350px -50px no-repeat;
	}

body#tarifs #tarifsmenu_gb {
	background: url(images/nav_gb.gif) -350px -75px no-repeat;
	}
	
body#contact #contactmenu_gb {
	background: url(images/nav_gb.gif) -350px -100px no-repeat;
	}


/* INDEX */
div#nav ul#menuindex {
	height: 175px; width: 400px;
	background: url(images/nav_index.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menuindex li {
	list-style: none;
	position: absolute;
	}


ul#menuindex li, ul#menuindex a {
	height: 25px; width: 400px;
	display: block;
	}


div#nav ul#menuindex li a {
	text-indent: -9999px;
	text-decoration: none;
	}

	
/* placement index*/

#englishmenu {
	top: 50px;
	}

#frenchmenu {
	top: 75px;
	}
	
	
/* interaction index */

#englishmenu a:hover {
	background: url(images/nav_index.gif) -400px -50px no-repeat;
	}

#frenchmenu a:hover {
	background: url(images/nav_index.gif) -400px -75px no-repeat;
	}