/* balises */
body { margin:13px 0 0 0; }
form { margin:0; padding:0; }
div { font:normal 12px arial; color:#7a787a; }
img { border:0; }
a { color:#000; }
a:hover { text-decoration:underline; }
h1 { display:none; margin:0; width:100%; text-align:center; font-size:12px; }

/* styles courants */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.green { color:#5fb817; }
.blue { color:#00acef; }
.cyan { color:#10779f; }
.brown { color:#e76626; }
.darkblue { color:#003771; }
.barre { margin-top:-13px; position: absolute; width:270px; height:1px; font-size:1px; border-top:1px solid #DDD; }

/* montage principal */
#container { position:relative; margin:0 auto; width:925px; }

#header { position:relative; margin:0 auto; width:896px; height:161px; background:transparent url(img/bg_header.gif) no-repeat 155px 0; }
	#logo_acf { position:absolute; top:4px; left:17px; }
	#logo_brita { position:absolute; top:4px; right:17px; }

#menu { position:absolute; z-index:10; bottom:0; padding:22px 0 0 32px; width:864px; height:29px; background:transparent url(img/bg_menu.gif) no-repeat; }
	#menu a { display:block; float:left; height:21px; background:transparent url(img/menu.gif) no-repeat; }
	#menu a span { display:none; }
	#menu a:hover, #menu a.current { background-position:0 -21px; }
	a#m_accueil { width:51px; background-position:0 0; }
		a#m_accueil:hover, a#m_accueil.current { background-position:0 -21px; }
	a#m_projet { width:129px; background-position:-51px 0; }
		a#m_projet:hover, a#m_projet.current { background-position:-51px -21px; }
	a#m_brita { width:202px; background-position:-180px 0; }
		a#m_brita:hover, a#m_brita.current { background-position:-180px -21px; }
	a#m_eau { width:127px; background-position:-382px 0; }
		a#m_eau:hover, a#m_eau.current { background-position:-382px -21px; }
	a#m_generosite { width:96px; background-position:-509px 0; }
		a#m_generosite:hover, a#m_generosite.current { background-position:-509px -21px; }
	a#m_don { width:140px; background-position:-605px 0; }
		a#m_don:hover, a#m_don.current { background-position:-605px -21px; }
	a#m_parlez { width:90px; background-position:-745px 0; }
		a#m_parlez:hover, a#m_parlez.current { background-position:-745px -21px; }

#header_flash { position:absolute; z-index:2; top:100px; height:214px; }

#content { width:925px; }

#footer { margin:0 auto; padding:58px 0 0 12px; width:884px; height:10px; font:normal 10px arial; color:#8f8f8f; background:transparent url(img/bg_footer.gif) no-repeat 0 0; }

/* montage pages */
#accueil { }
	#accueil .colonne {  position:relative; float:left; margin-top:10px; padding:10px 15px; width:254px; height:300px; font:normal 11px arial; }
	#accueil .colonne img { display:block; margin-bottom:8px; }
	#accueil .colonne a { text-decoration:none; font-weight:bold; }
	#accueil #projet { background:transparent url(img/bg_accprojet.jpg) no-repeat 50% bottom; }
		#accueil #projet a { color:#689a16; }
		#accueil #projet a.btn { position:absolute; display:block; top:245px; left:10px; width:115px; height:35px; }
		#accueil #projet p { width:130px; margin:60px 0 0 0;padding:0; }
	#accueil #don { width:263px; border-left:1px solid #DDD; border-right:1px solid #DDD; background:transparent url(img/bg_accdon.jpg) no-repeat 50% bottom; }
		#accueil #don a { color:#2588f3; }
		#accueil #don a.btn { position:absolute; display:block; top:232px; left:40px; width:115px; height:42px; }
	#accueil #generosite { }
		#accueil #generosite a { color:#e76626; }
		#accueil #generosite a.btn { position:absolute; display:block; top:150px; left:155px; width:112px; height:33px; }

#projet { margin:0 auto; width:866px; }
	#projet #main { position:relative; float:left; margin:15px 13px 0 0; _margin:15px 0 0 0; padding-right:13px; width:558px; height:454px; background:#FFF url(img/bg_b1.jpg) no-repeat; }
	/* a revoir quand flash def */
	#anim_planisphere { position:absolute; top:0; left:0; }
	#projet #scroller { float:left; overflow:hidden; margin:28px 0 0 26px; _margin:28px 0 0 13px; width:472px; height:224px; text-align:justify; }
		#revoir_anim { position:absolute; display:block; bottom:18px; right:38px; width:114px; height:34px; }
		#revoir_anim span { display:none; }
	#projet #scrollbar { float:left; margin:17px 0 0 19px; width:20px; height:254px; }
	#projet #colonne { float:left; width:281px; text-align:center; }
	#photo1 { float:right; margin:0 0 5px 10px; text-align:center; font-size:10px; }

#mission { margin:0 auto; width:925px; }
	#mission #main { position:relative; width:925px; height:488px; background:#FFF url(img/bg_b2.jpg) no-repeat; }
	#mission #scroller { position:absolute; top:21px; left:223px; margin-top:20px; overflow:hidden; width:600px; height:350px; }
		#mission p { float:left; margin-top:0; width:407px; text-align:justify; }
		#mission #photos { float:left; margin-left:10px; }
			#mission #photos img { position:absolute; }
			#mission #photo1 { top:1836px; right:10px; }
			#mission #photo2 { top:1988px; right:10px; }
			#mission #photo3 { top:2209px; right:10px; }
			#mission #photo4 { top:1323px; right:10px; }
			#mission #photo5 { top:1473px; right:10px; }
			#mission #photo6 { top:1623px; right:10px; }
			#mission #photo0709 { top:33px; right:10px; }
			#mission #photo1113 { top:517px; right:10px; }
			#mission #photo1415 { top:970px; right:10px; }
	#mission #scrollbar { position:absolute; top:36px; right:75px; width:20px; height:384px; }
	
#jme { margin:0 auto; width:925px; position:relative; }
	#jme #main { position:relative; width:925px; height:453px; background:#FFF url(img/bg_jme.jpg) no-repeat; }
	#jme #scroller { position:absolute; top:15px; left:15px; overflow:hidden;height:281px; }
	#jme .contenu { position:relative; padding:0; background:#FFF url(img/bg_scroll_jme.jpg) no-repeat 0 0; width:810px;}
	#jme .top_jme { padding-left: 193px; padding-right:119px; }
		#jme h2 { margin:0 0 10px 0; padding:15px 0 0 0; color:#153588; font-size:16px;}
			#jme span  a, #jme span { color:#00adf2; font-size:11px; }
		#jme p { margin-top:0; text-align:justify;}
		#jme .fjord { margin-right: 119px; margin-left:375px; }
		#jme #img_droite { float:right; padding-left:10px; }
		#jme ul { display:block; padding-left:20px; }
		#jme li { list-style-image:url(img/puce_verte.gif); }
	#jme #video { display:none; position:absolute; left:0; top:0; width:925px; height:575px; z-index:1; background:transparent;}
	#jme #video embed, #jme #video object { display:block; margin:0; }
	/* #jme #liens { position:absolute; left: 16px; bottom: 49px; *bottom:102px; width:163px; height: 163px; text-align:center; } */
	#liens { margin:0; padding:0; position:relative; width:203px; height:381px; float:left; }
	#liens img { padding:30px 10px 45px 0; }
	#liens a { display:block; background:transparent url(img/jme_pix.gif) repeat 0 0; }
	#liens #img_player { position:absolute; bottom:120px; left:20px; z-index:10; width:155px; height:105px; }
	#liens #btn { position:absolute; bottom:79px; left:55px; z-index:10; width:91px; height:34px; }
	#scrollbar { position:absolute; top:36px; right:75px; width:20px; height:262px; }
	
#brita { margin:0 auto; width:866px; }
	#brita #main { position:relative; margin-top:15px; width:866px; height:416px; background:#FFF url(img/bg_c1.gif) no-repeat; }
	#brita #scroller { position:absolute; top:21px; left:24px; overflow:hidden; width:780px; height:374px; }
		#brita #scroller p { float:left; margin:0; width:472px; text-align:justify; }
		span.puce_bleue { display:block; margin-top:5px; padding-left:22px; background:#FFF url(img/puce_bleue.gif) no-repeat 10px 5px; }
		#brita #photos { position:relative; float:left; margin-left:30px; text-align:center; }
			#brita #photos img { position:absolute; }
			#brita #photo1 { top:90px; left:45px; }
			#brita #photo2 { top:255px; }
			#brita #photo3 { top:460px; }
			#brita #photo4 { top:640px; }
	#brita #scrollbar { position:absolute; top:16px; right:17px; width:20px; height:384px; }
	#brita a { color:#00acef; }
	#brita a:hover { text-decoration:none; color:#7a787a; }

#eau { margin:0 auto; width:911px; }
	#eau #main { position:relative; width:911px; height:493px; background:#FFF url(img/bg_d1.jpg) no-repeat; }
	#eau #scroller { position:absolute; top:21px; left:193px; margin-top:20px; overflow:hidden; width:600px; height:374px; }
		#eau p { float:left; margin-top:0; width:407px; text-align:justify; }
		#eau #photos { float:left; margin-left:10px; }
			#eau #photos img { position:absolute; }
			#eau #photo1 { top:20px; }
			#eau #photo2 { top:180px; }
			#eau #photo3 { top:465px; }
			#eau #photo4 { top:733px; }
			#eau #photo5 { top:1170px; }
	#eau #scrollbar { position:absolute; top:36px; right:95px; width:20px; height:384px; }

#generosite { margin:0 auto; width:866px; }
	#generosite #main { float:left; position:relative; margin:38px 20px 0 0; width:500px; height:410px; }
		#generosite #main a.btn { position:absolute; bottom:100px; right:10px; }
		#generosite #main p { position:absolute; bottom:0; left:10px; margin:0; }
	#telechargez { float:left; position:relative; width:340px; height:416px; background:#FFF url(img/c1_telechargez.gif) no-repeat; }
		#telechargez span { display:none; }
		#telechargez a.btn { position:absolute; display:block; bottom:3px; left:93px; width:114px; height:40px; }

#generosite02 { margin:0 auto; width:866px; }
	#generosite02 #main { float:left; position:relative; margin:38px 11px 0 0; width:420px; height:410px; }
	#inscrivez { float:left; position:relative; padding-left:20px; width:409px; height:440px; background:#FFF url(img/bg_inscrivezvous.gif) no-repeat; }
		#inscrivez strong { display:block; margin:15px 0 25px 0; }
		#inscrivez span { font-size:9px; }
		#confirmation { text-align:center; margin-top:150px; }
	
	form p { margin:0 0 12px 0; height:18px; width:390px; clear:both; }
	form label { display:block; float:left; padding-top:1px; width:100px; height:17px; }
	form .border { float:left; padding:2px 4px 0 4px; height:14px; width:250px; font-size:12px; border:1px solid #cac9c9; background:#FFF url(img/bg_input.gif) no-repeat; }
	form select.border { float:left; width:260px; height:18px; font-size:12px; border:1px solid #cac9c9; background:#FFF url(img/bg_input.gif) no-repeat; }
	form textarea.border { width:230px; height:140px; font-size:12px; border:1px solid #cac9c9; background:#FFF url(img/bg_input.gif) no-repeat; }
	form .check { float:left; margin:2px 6px 0 0; *margin:-2px 6px 0 -4px; }
	form .valid { margin:10px 0 0 110px; }
	form .higher { height:48px; _height:45px; }
	form .longer { width:360px; }
	form .shorter { width:240px; }
	form .higher { height:35px; }

#parlez { margin:0 auto; width:866px; }
	#ecard_prev { position:relative; float:left; margin-right:20px; width:559px; height:407px; background:#FFF url(img/ecard_prev.jpg) no-repeat 0 30px; }
		#ecard_prev .darkblue { display:block; margin:10px 0 0 15px; }
		.accroche { position:absolute; top:50px; right:27px; width:400px; text-align:right; font-size:18px; }
		.mess { position:absolute; top:175px; left:307px; width:240px; }
	#coordonnees { float:left; padding:60px 0 0 23px; width:262px; height:347px; background:#FFF url(img/bg_envoyez.gif) no-repeat; }
		#coordonnees strong { display:block; clear:both; margin:0 0 12px 0; width:200px; }
		#coordonnees p { margin:0 0 12px 0; width:240px; }
		#coordonnees label { width:50px; }
		#coordonnees .border { width:156px; }
		#coordonnees .valid { margin:10px 0 0 45px; }

#parlez_valid { margin:0 auto; width:866px; }
	#parlez_valid #main { padding:40px 0 0 320px; margin-top:30px; width:546px; height:336px; background:#FFF url(img/bg_parlezvalid.jpg) no-repeat; }