BODY {	margin:0; padding:0; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#3F647A; 
		background: #DCF0F9 url(/images/interface/bg_site.jpg) repeat-x top center;}

/* wrappers */

#site {min-width:1000px;text-align:center; background:url(/images/interface/bg_rep.jpg) repeat-y top center;}
#site_wrap {background:url(/images/interface/bg_top.jpg) no-repeat top center;}
	.home #site_wrap {background:url(/images/interface/bg_top_logo.jpg) no-repeat top center;}
#site_wrap2 {background:url(/images/interface/bg_bot.jpg) no-repeat bottom center;}
#site_contenu {width:980px; margin:0 auto; text-align:left;}
#top_space {background:url(/images/interface/bg_up.jpg) no-repeat bottom center;} 

.colMenu {float:left; width:293px; }
.colContenu {float:left; padding:20px 20px 40px 40px; width:620px;}
.colSaveurs {float:right; width:160px; height:300px; background:url(/images/interface/bg_droite.jpg) no-repeat top center; position:absolute; top: -78px; right: -27px; padding: 45px 0 0 25px;}
    * HTML .colSaveurs {position:absolute; top: -77px; right: 33px; }

.colContenu_full {float:left; padding:0 0 0 0; width:680px;}
.colContenu_total {clear:both;padding:0 0 0 0; width:980px;}


/* Header */
#header {width:980px; margin:0 auto;}

.menu_top UL {margin:0; padding:10px 0 7px 0;list-style-type: none;text-align:right;}
	.menu_top UL LI {display: inline; padding:0 15px 0 0;}
	.menu_top A:link, .menu_top A:visited, .menu_top A:active {color:#787878; text-decoration:none;}
	.menu_top A:hover {color:#000000; text-decoration:none;}
	

/* Contenu */

#player_int {float:right;margin:0 -10px 30px 30px;}
	.player {}

.marge_G { padding-left: 40px; }
IMG { border: none; }

#contenu p.pScientifique{background-color:#DAF0F8; padding:10px;}
.article{display:none;}

/* FAQ + CONCOURS */
.region {width:260px;padding:53px 15px 0 20px;}
    .region .titre {color:#8E1F8B;font-weight:bold;}
    .region .texte {color:#219BCF;}
    

.concours div.faq {margin:8px 0 18px 0; background-color:#DAF0F8; padding:10px 10px 2px 10px;}
.concours div.choix {padding:6px 0 20px 0;}

div.faq {margin:8px 0 18px 0; background-color:#DAF0F8; padding:10px 10px 2px 10px;}

#img_produits { margin-top: 60px; }
.text_prod { width: 385px; }

.sav { margin: 3px 0 0 0; }

#img_demo { margin-top: 20px; }

.top { text-align: right; margin-top: 30px; }
.i_top { vertical-align: text-top; }

/* Footer */
#footer {width:980px; margin:-5px auto 0 auto; padding:0 0 20px 0; text-align:right; color:#56bade;} 
	UL.menu_bottom {padding:0; margin:0; list-style-type:none;}
	UL.menu_bottom LI {display:inline; padding-left:16px;}
	
	#footer A:link, #footer A:visited, #footer A:active {color:#56bade; text-decoration:none;}
	#footer A:hover {color:#000000; text-decoration:none;}

#footer.alternate {padding:5px 0 20px 0; background: #DCF0F7 url(/images/interface/bg_footer.jpg) no-repeat;}
		#footer.alternate UL.menu_bottom {padding-top:10px;}

/* Menus */

#menu {font-size:12px;float:right;margin:0 10px 0 250px;}
	#menu .top {}
	#menu .bottom {clear:left;}
	#menu .xmlMenu {margin:0;}
	#menu .item, #menu .item_a {display:block;padding:5px;float:left;}
	#menu A:link, #menu A:visited {color:#787878; text-decoration:none;}
	#menu A:active, #menu A:hover {color:#000000; text-decoration:none;}
	
	
#sMenu {font-size:12px; font-weight:600; height:250px; padding:10px 0px 0 100px; background: url(/images/interface/bg_menu.jpg) no-repeat;}
	#sMenu .top { margin-top: 0; }
	#sMenu .bottom { clear:both;}
	#sMenu .xmlMenu_sub {margin:0; padding:10px 0 5px 0;}
	#sMenu .item, #sMenu .item_a {padding:0 10px 5px 0;display:block;float:left;}
	#sMenu A:link, #sMenu A:visited {color:#219BCF; text-decoration:none;}
	#sMenu A:active, #sMenu A:hover {color:#8E1F8B; text-decoration:none;}
	#sMenu .item_a A:link, #sMenu .item_a  A:visited {color:#8E1F8B; text-decoration:none;}
	#sMenu SPAN {display:block;width:100%;cursor:hand; width:180px;}
	#sMenu .trig { margin-bottom: 5px; }
	
#menu_intro {margin-bottom:-50px;}

	
	
/* Sections */
	
/* Home */

#home_txt {padding:200px 300px 0 330px;}
	#home_txt.en {padding-right:80px;}
	.home #noFlash {margin:30px 0 0 330px;}
	.home .btn {margin:0 0 10px 0;font-weight:bold;}
/* Capsules */

#capsule {width:980px; height:407px;}
	#capsule .info {padding:0 40px 0 40px;}
	#capsule EM {color:#219BCF;}
	#capsule .conseil {font-size:11px; background-color:#DAF0F8; padding:15px; margin:0 0 15px 0;}
	#capsule .conseil P {margin-bottom:0;}
	#capsule .conseil H4 {color:#219BCF;font-style:italic;}
	#capsule .btn {margin:20px 0 10px 40px;}
	#capsule .flash {float:left;width:335px;}
	#capsule_img {float:left;width:201px;}
	#capsule_box {float:left;width:444px; height:407px;}
	#capsule_box H2 {margin:30px 0 0 30px;;padding:0;height:55px;}
	#capsule .frame { width:433px; height:300px;overflow:auto; 
					  scrollbar-arrow-color:#92228F; scrollbar-3dlight-color:#FFFFFF;  scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FAEF9D; scrollbar-highlight-color:#FFF9D5; scrollbar-shadow-color:#FFF9D5; scrollbar-track-color:#FFFFFF;}
	#capsule.c1 #capsule_box {background:url(/images/contenu_fr/bg_cap_1.jpg) no-repeat;}
	#capsule.c2 #capsule_box {background:url(/images/contenu_fr/bg_cap_2.jpg) no-repeat;}	 
	#capsule.c3 #capsule_box {background:url(/images/contenu_fr/bg_cap_3.jpg) no-repeat;}	 
	#capsule.c4 #capsule_box {background:url(/images/contenu_fr/bg_cap_4.jpg) no-repeat;}	 
					  
/* Typo */

H1 {padding:0 0 10px 0; margin:0; font-size:18px; color:#8E1F8B; font-weight:normal;}
H2 {padding:5px 0 5px 0; margin:0; font-size:16px; color:#219BCF;}
H3 {font-size:14px; color:#219BCF; padding:5px 0 10px 0; margin:0;}
H4 {font-size:12px; color:#8E1F8B; margin:0; padding:0 0 5px 0;}
H5 {font-size:11px; color:#219BCF; margin:0; padding:0 0 5px 0;}


P {margin:0 0 15px 0;}

SUP { vertical-align: text-top; font-size: 0.6em; }

.tPetit { font-size: 8pt; }
.tBold { font-weight: bold; }

A:link, A:visited, A:active {color:#219BCF; text-decoration:underline;}
A:hover {color:#8E1F8B; text-decoration:none;}

A.saveur:link, A.saveur:visited, A.saveur:active {color:#219BCF; text-decoration:none; font-size: 12px;}
A.saveur:hover {color:#8E1F8B; text-decoration:none;}

/* Listes */

UL {margin:0; padding:5px 0 10px 30px; list-style-image:url(/images/icons/li_1.gif);}
	UL LI {margin:0; padding:0 0 5px 0;}
	
OL.quizz { list-style: none; }
    OL.quizz LI { padding: 10px 0; }
    
.question { margin: 0; padding: 0px 0 5px 0; }
	
/* FORMS **** */

FORM {padding:0; margin:0;}
INPUT, SELECT, TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
TEXTAREA {background-color:#FFFFFF;}
INPUT.submit {}
INPUT.txt, TEXTAREA.txt, INPUT.watermarked, INPUT.unwatermarked {width:142px;color:#000; height:15px;padding:2px 5px 2px 5px;background-color:#FFFFFF;border:solid 1px #c3c3c3;}
INPUT.watermarked {color:gray;}
/*SELECT {border:solid 1px #C3C3C3;background-color:#FFFFFF;}*/

.wtmEmail_fr {background: url(/images/contenu_fr/wtmCourriel.jpg) no-repeat; width:152px; height:17px; border:1px solid #C3C3C3;}
.wtmEmail_en {background: url(/images/contenu_en/wtmCourriel.jpg) no-repeat; width:152px; height:17px; border:1px solid #C3C3C3;}


/* Validation */

.erreur {font-size:12px;display:block;}
	.erreur UL {margin:0;padding:10px 0 10px 20px;}
	.erreur LI {font-size:11px;color:#DD0000;font-weight:normal;}


/* Divers */

.clearer {clear:both;}
#logo_print {display:none;}


/* SiteMap **** */	

.xmlSiteMap {padding:0 0 0 0;}
	#map_0 {margin-left:0;}
		#map_0 .item {}
	
	.xmlSiteMap .map_section  {margin:0 0 20px 0;}
		.xmlSiteMap .titre { }
		
	.xmlSiteMap .map_sub { margin:10px 0px 10px 10px;}
		.xmlSiteMap .map_sub .item {padding: 0px 0 8px 5px;}
		
	.xmlSiteMap A:link, .xmlSiteMap A:visited {color: #3F647A; text-decoration:none;}
	.xmlSiteMap A:active, .xmlSiteMap A:hover {color: #8E1F8B; text-decoration:none;}

	.xmlSiteMap .titre A:link, .xmlSiteMap .titre A:visited { color: #219BCF; text-decoration:none; font-weight:bold;}
	.xmlSiteMap .titre A:active, .xmlSiteMap .titre A:hover { color: #8E1F8B; text-decoration:none;  font-weight:bold;}
	
	.xmlSiteMap .trigger {display:block;width:100%;cursor:hand;}
	
	#tblSiteMap {width:560px;}
		#tblSiteMap TD {vertical-align:top;}
		#tblSiteMap .col1 {}
		#tblSiteMap .col2 {}
		
