@charset "utf-8";

@import url(reset.css);
@import url(form.css);

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000;
}

p {
	margin:0;
	margin-bottom:18px;
	line-height:14pt;
	color:#484848;
}

p.bigger 	{ line-height:18px; font-size:1.3em; }
div.hr 		{ background:url(../img/hr.gif) 0 50% repeat-x; margin:15px 0; clear:both; }

#btn-participer { display:block; background:url(../img/participer.jpg); width:268px; height:68px; border:1px solid #b8b8b8; margin-bottom:8px;}
#btn-interesse { display:block; background:url(../img/interesse.jpg); width:268px; height:68px; border:1px solid #b8b8b8; }
#btn-question { float:right; display:block; background:url(../img/btn_jai_une_question.jpg); width:269px; height:146px; border:1px solid #b8b8b8;}
#btn-question-tiny { float:left; display:block; background:url(../img/btn_jai_une_question-tiny.jpg); width:298px; height:68px; border:1px solid #b8b8b8;}

#bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

#date {
	position:absolute;
	left:0;
	top:0;
}

#wrapper {
	position:relative;
	width:990px;
	margin:0 auto 20px auto;
	z-index:10;
}

#header {
	height:200px;
	padding:0;
	text-align:center;
}

#container {
	background:#fff /*url(../img/logo_danone.jpg) 100% 100% no-repeat*/;
	border-bottom:1px solid #999aa2;
	border-top:1px solid #fff;
}

ul#menu {
	height:66px;
	background:url(../img/menu.jpg);
}

ul#menu.apropos 			{	background-position:0 0; }
ul#menu.perspectives 	{	background-position:0 -65px; }
ul#menu.temoignages 	{	background-position:0 -130px; }
ul#menu.inscription 	{	background-position:0 -195px; }
ul#menu.faq 					{	background-position:0 -260px; }

	ul#menu li {
		float:left;
		height:66px;
	}

		ul#menu li a {
			display:block;
			height:66px;
			text-indent:-999px;
			overflow:hidden;
		}
		
		ul#menu li a.apropos 			{ width:200px; }
		ul#menu li a.perspectives { width:230px; }
		ul#menu li a.temoignages 	{ width:220px; }
		ul#menu li a.inscription 	{ width:200px; }
		ul#menu li a.faq 					{ width:135px; }
		
#inside {
	padding:20px 0px 20px 30px;	
}

.clear 		{ clear:both; }

.colonne 	{ float:left; }

.mr50 		{ margin-right:50px; }
.mr40 		{ margin-right:40px; }
.mr20 		{ margin-right:20px; }

.w314 		{	width:314px; }

.w400 		{	width:430px; }

.w530 		{	width:530px; }
.w560 		{	width:560px; }

h3.insc {
	height:33px;
	line-height:33px;
	padding:0 12px;
	background:url(../img/insc_h3_fond.gif);
	border:1px solid #d5d5d5;
	border-width:0 1px;
}

h3.on {
	background:url(../img/insc_h3on_fond.gif);
}

h3.insc a {
	font-size:1.2em;
	display:block;
	text-decoration:none;
	background:url(../img/accordeon_off.gif) 98% 50% no-repeat;
}

h3.on a {
	color:#fff;
	background:url(../img/accordeon_on.gif) 98% 50% no-repeat;
}

div.entete {
	width:120px;
	float:left;
	margin:10px 0;
	text-align:right;
	color:#2291c1;
	font-size:1.4em;
	font-weight:bolder;
}

div.insc ul.liste {
	float:left;
	margin-left:16px;
	padding:10px 10px 10px 24px;
	line-height:16px;	
	background:#eaeaea;
	list-style:disc;
	color:#2a2a2a;
	width:358px;
}

div.insc ul.liste li {
	margin-bottom:10px;
}

div.insc ol.liste {
	float:left;
	margin-left:16px;
	padding:10px 10px 10px 24px;
	line-height:16px;	
	background:#eaeaea;
	list-style:decimal;
	color:#2a2a2a;
	width:358px;
}

div.insc ol.liste li {
	margin-bottom:10px;
}

h2 {
	font-size:1.4em;
	text-transform:uppercase;
	color:#f87d06;
	padding:20px 0 10px 0;
}


ul.list {
	list-style:disc;
	margin-left:16px;
	padding:10px 10px 10px 24px;
	line-height:16px;	
	color:#333;
}

ul.list li {
	margin-bottom:16px;
}