@charset "UTF-8";

  /******************/
 /* CSS DE L'ARCHE */
/******************/
.adCall {clear:both; display:none;}

#archi-top { position:relative; height:120px; overflow:hidden; background:#EDEDED url(../images/bg-archi-top.jpg) repeat-x left top; font-size:9px; }
	#archi-top > h1 { display:none; }

	#archi-top > ul#top-archi-top { margin:6px 0 0 10px; }
		#archi-top > ul#top-archi-top > li { float:left; }
		#archi-top > ul#top-archi-top > li#la1ere-link,
		#archi-top > ul#top-archi-top > li#france2-link,
		#archi-top > ul#top-archi-top > li#france3-link,
		#archi-top > ul#top-archi-top > li#france4-link,
		#archi-top > ul#top-archi-top > li#france5-link,
		#archi-top > ul#top-archi-top > li#franceo-link,
		#archi-top > ul#top-archi-top > li#rfo-link,
		#archi-top > ul#top-archi-top > li#francetv-link,
		#archi-top > ul#top-archi-top > li#la1ere-link		{ margin:0 0 0 10px; }
		#archi-top > ul#top-archi-top > li#contactus-link	{ float:right; margin:0 10px; }
		#archi-top > ul#top-archi-top > li#newsletter-link	{ float:right; margin-left:10px; }
		#archi-top > ul#top-archi-top > li#twitter-link,
		#archi-top > ul#top-archi-top > li#facebook-link	{ float:right; margin:-2px 0 0 10px; }
			#archi-top > ul#top-archi-top > li > a { text-decoration:none; font-weight:bold; }
			#archi-top > ul#top-archi-top > li > a:hover { text-decoration:underline; }
			#archi-top > ul#top-archi-top > li#la1ere-link > a		{ color:#FFCC00; }
			#archi-top > ul#top-archi-top > li#france2-link > a		{ color:#E20026; }
			#archi-top > ul#top-archi-top > li#france3-link > a		{ color:#0076B9; }
			#archi-top > ul#top-archi-top > li#france4-link > a		{ color:#790C69; }
			#archi-top > ul#top-archi-top > li#france5-link > a		{ color:#89BA13; }
			#archi-top > ul#top-archi-top > li#franceo-link > a,			
			#archi-top > ul#top-archi-top > li#rfo-link > a			{ color:#EF8014; }
			#archi-top > ul#top-archi-top > li#la1ere-link > a			{ color:#FDC613; }
			#archi-top > ul#top-archi-top > li#francetv-link > a	{ color:#000000; }
			#archi-top > ul#top-archi-top > li#pluzz-link > a	{ color:#000000; }
			#archi-top > ul#top-archi-top > li#contactus-link > a,
			#archi-top > ul#top-archi-top > li#newsletter-link > a			{ color:#000000; }

	#archi-top > #logo-archi-top { display:block; position:absolute; left:11px; top:45px; width:238px; height:57px; overflow:hidden; }
		#archi-top > #logo-archi-top > img { display:block; }

	#archi-top > div#eShowPubTop { position:absolute; left:258px; top:23px; }
		#archi-top > div#eShowPubTop > .contenu { margin-top:3px; width:728px; height:90px; }

#archi-menu { padding:10px 11px 2px; height:26px; overflow:hidden; background:transparent url(../images/bg-archi-menu.jpg) center top no-repeat; }
	#archi-menu > li { float:left; width:auto; background:transparent url(../images/separateur-archi-menu.gif) right 3px no-repeat; }
	#archi-menu > li:last-child { background:none; }
		#archi-menu > li > a { display:block; margin:0 2px 0 0; padding:0 20px 0 21px; width:auto; height:26px; color:#FFFFFF; font-size:14px; font-weight:bold; line-height:26px; text-decoration:none; }
		#archi-menu > li:last-child > a { color:#71A4CA; }
		#archi-menu > li.current > a { color:#E20026; }
		#archi-menu > li > a:hover { text-decoration:underline; }
			#archi-menu > li > a > img { display:block; margin:3px 17px 0; }

#archi-bottom { position:relative; padding:0 10px 10px; color:#FFFFFF; }
#archi-bottom a { color:#FFFFFF; font-weight:normal; text-decoration:none; }
#archi-bottom a:hover { text-decoration:underline; }
			#archi-bottom > .colsContainer > .col303px > .block { margin:5px 10px 0 0; }
		#archi-bottom > .colsContainer > .col252px { border-width:0 1px; border-style:solid; border-color:#C1C1C1; }
			#archi-bottom > .colsContainer > .col252px > .block { margin:5px 10px 0; }
			#archi-bottom > .colsContainer > .col419px > .block { margin:5px 0 0 10px; }
				#archi-bottom  .block > .entete { font-size:12px; font-weight:bold; }
				#archi-bottom  .block > .contenu { padding:10px 0; }

#archi-bottom #newsletter-archi-bottom p { margin:5px 0 0; overflow:hidden; }
	#archi-bottom #newsletter-archi-bottom p input { display:block; float:left; border:1px solid #1D2A5B; width:234px; height:20px; line-height:20px; }
	#archi-bottom #newsletter-archi-bottom p input#champ-mail { margin:0 5px 0 0; padding:0 3px; width:234px; }
	#archi-bottom #newsletter-archi-bottom p input#submit-mail { padding:0 4px; width:auto; height:22px; background:#5972A8 url(../images/btn-archi-bottom.gif) repeat-x left top; color:#FFFFFF; font-weight:bold; }
	#archi-bottom #newsletter-archi-bottom p a { display:block; float:right; padding:2px 0 2px 16px; background:url(../images/a-archi-bottom.gif) no-repeat left 3px transparent; font-weight:bold; }

#archi-bottom  .block > ul.contenu { padding:10px 0 10px 13px; }
	#archi-bottom  .block > ul.contenu > li,
	#archi-bottom  .block > .contenu > ul > li { list-style-type:square; }
#archi-bottom > .colsContainer > .col419px > .block > .contenu > ul { float:left; padding:0 0 10px 13px; width:auto; }
#archi-bottom > .colsContainer > .col419px > .block > .contenu > ul:last-child { margin:0 0 0 10px; }

#archi-bottom > #copyright { margin:10px 0 0; padding:10px 0 0; overflow:hidden; background:transparent url(../images/ombre-archi-bottom.png) center top no-repeat; color:#B3B3B3; font-size:10px; }
	#archi-bottom > #copyright > .entete { display:block; float:left; margin:0 10px 0 0; border-right:1px solid #304658; padding:0 10px 0 0; width:103px; height:50px; overflow:hidden; background:transparent url(../images/logo-archi-bottom.png) no-repeat; font-size:1px; text-indent:-9999px; }
	#archi-bottom > #copyright > .contenu { display:block; float:left; width:auto; }

.js #archi-bottom > #listePartage { margin:0 0 8px; padding:0 290px; width:auto; overflow:hidden; background:transparent url(../images/bg-liste-partage.gif) no-repeat 0 7px; }
	.js #archi-bottom > #listePartage > li { float:left; width:auto; }
		.js #archi-bottom > #listePartage > li > a { display:block; margin:0 2px; padding:0 5px 0 19px; width:auto; background:transparent url(../images/btn-partager.png) no-repeat; color:#000000; font-size:10px; height:16px; line-height:16px; text-transform:uppercase; }
	.js #archi-bottom > #listePartage > li#btnEnvoiAmi > a { background-position:0 0; }
	.js #archi-bottom > #listePartage > li#btnFluxRSS > a { background-position:0 -16px; }
	.js #archi-bottom > #listePartage > li#btnPartager > a { padding-right:72px; background-position:0 -32px; }