/* =RESET (http://developer.yahoo.net/yui/license.txt)
version: 2.2.1
--------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* END RESET -------------------------------------- */

body {
	background: #BFC6CC url(/img/bg-body.png) left top repeat-x;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Tahoma, "Nimbus Sans L", arial, sans-serif;
	color: #02284E;
}

select {
	font-size: 11px;
}

p, ul {
	line-height: 1.5em;
}

/* =CLEARFIX
--------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
}
.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/* END CLEARFIX ----------------------------------- */

/* =TITRES ET MISE EN VALEUR
--------------------------------------------------- */

h4, .h4 {
	margin-bottom: 5px;
}
h4, h4 a, .h4, .h4 a {
	font-size: 16px;
	color: #779E04;
	font-weight: bold;
}

.bisTitle, .bisTitle a {
	font-size: 14px;
	color: #1378E0;
	font-weight: bold;
}

.h4 a:visited, h4 a:visited, .bisTitle a:visited, .condensedVison  a:visited, .condensedVison-content a:visited {
	color: #7A3E8F;
}

.mainTitle {
	font-size: 20px;
}
.titrePage {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

.stronger {
	font-weight: bold;
}
.stronger2 {
	color: #000;
}

.smooth {
	color: #ADB6B9;
	font-size: 10px;
}

/* END TITRES -------------------------------------- */

/* =LIENS 
---------------------------------------------------- */
a {text-decoration: none; color: #1378E0;outline:none;}
a:hover {text-decoration: underline;}
a:visited { color: #7A3E8F}
a.noVisited:visited { color: #1378E0; }
		/* 
		<div class="clearfix seeAll">
			<a href="#">Voir tout</a>
		</div>
		*/
.seeAll {
	text-align: right;
	padding-top: 10px;
}
	.seeAll a {
		text-decoration: underline;
		font-weight: bold;
	}
	
	.seeAll a:visited {
		color: #1378E0;
	}
	
	/* 
		Lien avec un chevron vert ? gauche
	*/

a.goTo {
	background: url(/img/3GreenDots.gif) left center no-repeat;
	padding-left: 10px;
}
	/*
	
	*/
a.dropslide{
	background: url(/img/greenArrow-drop.gif) right 5px no-repeat;
	padding-right: 15px;
}
/* END LIENS -------------------------------------- */


/* =GLOBAL
--------------------------------------------------- */

/*
2 modeles :

-Page de base :
 ------------------------
 |              |       |
 |    790px     | 175px |
 |              |       |
 ------------------------

-Page avec pub 300 si on surcharge avec :

#main {
	text-align: left;
	width: 650px;
	float: left;
	padding-left: 15px;
}
#sidebar {
	text-align: center;
	width: 300px;
	float: right;
	padding-right: 15px;
}

------------------------
|              |       |
|    650px     | 300px |
|              |       |
------------------------

!!! Pour les sous-colonnes ont utilisera par convention les id :
#internalMain et #internalSidebar
*/

#container {
	text-align: left;
	margin: 5px auto 0 auto;
	width: 998px;
	min-width: 998px;
	position: relative;
	z-index: 1;
}
	#contentGeneric {
		background: #FFF url(/img/bg-contentGeneric.gif) left top repeat-x;
		border: 1px solid #FFF;
		border-top: 0;
		border-bottom: 0;
		padding: 0 0 10px 0;
	}
	#main {
		text-align: left;
		width: 790px;
		float: left;
		padding-left: 15px;
	}
	#sidebar {
		text-align: center;
		width: 175px;
		float: right;
		padding-right: 0;
	}
	#main {
		text-align: left;
		width: 650px;
		float: left;
		padding-left: 15px;
	}
	#sidebar {
		text-align: center;
		width: 300px;
		float: right;
		padding-right: 15px;
	}

	#footer {
		text-align: center;
		border: 1px solid #FFF;
		background: #777D82 url(/img/bg-footer.gif) left bottom repeat-x;
		font-size: 11px;
		line-height: 1.5em;
		padding: 10px;
	}
		#footer * {
			color: #FFF;
		}
		#footer .strong {
			color: #CBD0D5;
		}
		#footer #logoFooter {
			float: right;
		}
/* END GLOBAL ------------------------------------- */

/* =HEADER ---------------------------------------- */
#header-informations {
	float: left;
	font-size: 10px;
	color: #fff;
}

#header a {
	color: #FFF;
}
	#header #header-top {
		height: 16px;
	}
		#header #header-top #changeLanguage {
			font-size: 10px;
			float: right;
			margin-right: 1px;
		}
			#header #header-top #changeLanguage img {
				vertical-align: top;
                border: solid 1px white;
			}
			#header #header-top #changeLanguage .arrow-toggle {
				display: block;
				float: left;
				margin-left: 3px;
				width: 13px;
				height: 13px;
				background: url(/img/arrow-toggle.gif) left top no-repeat;
			}
				#header #header-top #changeLanguage .arrow-right {
				 background-position: left bottom;
				}

	#header #header-main {
		border: 1px solid #FFF;
		background: #006DB9 url(/img/bg-headerBanner.png) left top repeat-x;
	}
			#header #header-banner .header-inside {
				height: 115px;
				position: relative;
				z-index: 15;
			}
			#header #header-banner div.h1 a {
				overflow: hidden;
				display: block;
				text-indent: -999px;
				background: transparent url(/img/simpleLogo.png) left top no-repeat;
				width: 325px;
				height: 115px;
				margin-left: 20px;
			} 
			
			#header #header-banner div.h1 a:hover { text-decoration: none }
	
			#header #header-banner #header-advert {
				position: absolute;
				/*width: 728px;*/
				height: 90px;
				z-index: 20;
				position: absolute;
				top: 0;
				left: 260px;
				top: 10px;
			}
				#header #header-banner #header-advert a {
					color: #1893D4;
				}
	
			#header #header-menu .header-inside{
				height: 37px;
				background: transparent url(/img/whiteDot.png) left bottom repeat-x;
			}
	
				#header #header-menu #header-sections {
					float: left;
					margin-left: 20px;
				}
					#header #header-menu #header-sections li {
						float: left;
						font-size: 12px;
						height: 37px;
						line-height: 37px;
						background: transparent url(/img/headerTabs.png) left top no-repeat;
						position: relative;
						z-index: 5;
					}
						#header #header-menu #header-sections li a {
							display: block;
/*							float: left;*/
							font-weight: bold;
							color: #02284E;
							background: transparent url(/img/headerTabs.png) right top no-repeat;
							padding-right: 10px;
							margin-left: 10px;
						}
							#header #header-menu #header-sections li a:hover {
								text-decoration: underline;
							}
	
						#header #header-menu #header-sections li.first a {
							font-weight: bold;
							color: #02284E;
							background: transparent url(/img/headerTabs.png) right top no-repeat;
							padding-right: 10px;
							margin-left: 10px;
						}
							
						#header #header-menu #header-sections li.active {
							background-position: left -37px;
						}
							#header #header-menu #header-sections li.active a { 
								background-position: right -37px;
								color: #FFF;
							}

			/* Gestion des 1er/denier onglets */
			#header #header-menu #header-sections li.first {
				background-position: left -74px;
			}
			#header #header-menu #header-sections li.firstactive {
				background-position: left -111px;
			}
				#header #header-menu #header-sections li.firstactive a {
					background-position: right -37px;
					color: #FFF;
				}
			#header #header-menu #header-sections li.last a {
				background-position: right -74px;
			}
			#header #header-menu #header-sections li.lastactive {
				background-position: left -37px;
			}
				#header #header-menu #header-sections li.lastactive a {
					background-position: right -111px;
					color: #FFF;
				}
			/* end Gestion des 1er/denier onglets */	
			/* triggerTopmenu */
			.triggerTopmenu {
				display: block;
				width: 18px;
				height: 17px;
				text-indent: -999px;
				overflow: hidden;
				background: transparent url(/img/arrowDropmenu.gif) left top no-repeat;
				position: absolute;
				z-index: 6;
				top: 10px;
				right: 5px;
			}
				.triggerTopmenu:hover {
					background-position: left bottom;
				}
			.active .triggerTopmenu {
				background-image: url(/img/arrowDropmenuActive.gif);
			}
			/* end triggerTopmenu */			
			/* Surgharge topmenu */
			#header #header-menu #header-sections li .wrapperTopmenu {
				position: absolute;
				z-index: 12;
				margin-top: 0px;
				padding-left: 2px;
				padding-top: 2px;
			}
			#header #header-menu #header-sections li .shadowTopmenu {
				background: transparent url(/img/shadowAlpha.png) right bottom no-repeat;
				padding: 0 4px 4px 0px;
				margin: -1px -4px -4px 0;
				position: relative;
				z-index: 11;
			}
			#header #header-menu #header-sections li li {
				display: block;
				float: none;
				height: auto;
				line-height: 1.1em;
				text-transform: none;
				background: #F7F7F7;
				margin-bottom: 1px;
				border-bottom: 1px solid #D3D3D3;
			}
			#header #header-menu #header-sections li li.last {
				border-bottom: 1px solid #F7F7F7;
			}
				#header #header-menu #header-sections li li.last a {
					background-position: 10px 12px;
				}
				#header #header-menu #header-sections li li a, #header #header-menu #header-sections li.active li a {
					background: transparent url(/img/3GreenDots.gif) 10px 12px no-repeat;
					float: none;
					font-size: 11px;
					font-weight: normal;
					padding: 8px 20px;
					margin: 0;
					color: #1378E0;
				}
				#header #header-menu #header-sections li li a:hover {
					text-decoration: none;
					background-color: #FFF;
				}
			/* */			
			#header-media {
				float: right;
				line-height: 37px;
				height: 37px;
				color: #FFF;
			}
				#header-media a {
					float: left;
					display: block;
					color: #FFF;
					margin-right: 8px;
				}
				#header-media a#header-media-rss {
					background: url(/img/rss.gif) left center no-repeat;
					padding-left: 25px;
				}
				#header-media a#header-media-letter {
					background: url(/img/letter.gif) 10px center no-repeat;
					padding-left: 41px;
				}
			.header-pipe {
				display: block;
				float: left;
			}

			#header-tools .header-inside {
				height: 41px;
				line-height: 41px;
				background: #6EA402 url(/img/bg-headerTools.gif) left top repeat-x;
				z-index: 1;
				position: relative;
			}
			#header-tools fieldset {
				float: left;
				margin-top: 12px;
			}
			#header-tools fieldset label {
				line-height: 18px;
				height: 18px;
				padding: 0 10px 3px 0;
				display: block;
				float: left;
				color: #FFF;
			}
			#header-tools #labelSearch {
				background: transparent url(/img/arrowSearch.gif) left 3px no-repeat;
				padding-left: 15px;
				margin-left: 25px;
			} 
			#header-tools fieldset #searchField {
				display: block;
				float: left;
				border: 1px solid #676767;
				margin: 0 10px 0 0;
				background: #FFF;
			}
			#header-tools fieldset #searchOptions {
				display: block;
				float: left;
				border: 1px solid #676767;
				margin: -1px 5px 0 0;
				background: #FFF;
				font-size: 12px;
			}
			#header-tools #header-okSearch {
				float: left;
				margin-top: -1px;
				height: 21px;
			}
		#header ul.espace-membre {
			float:right;
			margin-right: 8px;
		}
			#header ul.espace-membre li {
				display:inline;
			}
				#header ul.espace-membre li a {
					float:left;
					display:block;
					background: url(/img/puce-header.gif) left center no-repeat;
					padding-left:15px;
					height:40px;
					line-height:40px;
				}
				#header ul.espace-membre li span.separation {
					padding:0 8px;
					float:left;
					display:block;
					height:40px;
					line-height:40px;
					color: #FFF;
				}

/* END HEADER ------------------------------------- */
/* =BLOCS & LISTS
--------------------------------------------------- */
#breadcrumbs {
	font-size: 10px;
	padding: 8px 5px 5px 15px;
	color: #02284e;
	margin-bottom: 15px;
}
	#breadcrumbs a {
		color: #02284e;
		text-decoration: underline;
	}
	#breadcrumbs strong {
		font-weight: bold;
	}
/* Listing de base */
.listing li {
	background: url(/img/3GreenDots.gif) 10px 5px no-repeat;
	border: 1px solid #FFF;
	border-left: 0;
	border-right: 0;
	padding: 2px 0;
	padding-left: 20px;
	line-height: 1.1em;
}

	/* Pour faire un listing dat? (comme pour le forum) avec quantit? de r?ponses en option:
		<ul class="listing">
			<li class="clearfix">
				<span>15/06/1977</span> <a href="linkTo">Un jour historique <span class="quantite">(7)</span></a>
			</li>
			...
		</ul>
	*/
.listing .time {
	display: block;
	float: left;
	width: 45px;
}

.listing .timeExtended {
	display: block;
	float: left;
	width: 85px;
}

.listing .linkTo {
	display: block;
	margin-left: 45px;
	line-height: 1.2em;
}

.time, .timeExtended {
	font-size: 9px;
	color: #ADB6B9;
}
.quantite {
	color: #02284E;
	font-size: 11px;
}

.blocksItems ul {
	padding-left: 5px;
}

.block li {
	float: left;
	width: 200px;
}

 

/* end listing de base */

/* 
Les basicSidebar et BasicMain sont des blocs de base.

Les listes dans un basicSidebar se comportent comme une liste de la classe .itemList (une liste avec puce)
*/

.basicSidebar, .basicSidebar2 {
	text-align: left;
	margin-bottom: 15px;
}
	.basicSidebar ul, .itemList {
		padding-top: 10px;
	}
		.basicSidebar ul li, .itemList li {
			display: block;
			padding: 0;
			border: 1px solid #FFF;
			border-left: 0;
			border-right: 0;
			padding: 1px 0;
			margin: 2px 0;
		}
		.basicSidebar ul li a, .itemList li a {
			background: #FFF url(/img/3GreenDots.gif) left 5px no-repeat;
			padding-left: 10px;
			line-height: 1.1em;
			display: block;
		}
	.basicSidebar select {
		width: 99%;
	}
	

.basicMain, .basicMainHalf, .basicMainDotted, .basicMainSolid {
	margin-bottom: 15px;
}
.basicMainDotted {
	padding-bottom: 17px;
	background: url(/img/dotted.gif) left bottom repeat-x;
}
.basicMainSolid {
	padding-bottom: 15px;
	border-bottom: 2px solid #779E04;
}

/* pour cr?er deux liste de largeur ?gale s?par? par un trait pointill? vertical :
	<div class="dualLists clearfix">
		<ul class="itemList">
		...
		</ul>
		<ul class="itemList">
		...
		</ul>
	</div>
*/

.dualLists {
	background: #FFF url(/img/verticalDot.gif) center top repeat-y ;
}

.dualLists .itemList {
	padding-top: 0;
	width: 45%;
}

/* Le bloc pour la pub de sidebar */
.advert {
	margin: 0 auto 15px auto;
}
	.advertTitle {
		text-align: right;
		padding-right: 10px;
		margin-bottom: 3px;
		color: #ADB6B9;
		font-size: 10px;
		display: block;
	}

/* shadowBox */
.shadowBox {
	background: #FFF url(/img/shadowBox-content.gif) left top repeat-y;
	margin-left: -3px;
}
	.shadowBox .shadowBox-top {
		padding-left: 10px;
		background: #FFF url(/img/shadowBox-top.gif) left bottom no-repeat;
	}
		.shadowBox .shadowBox-top .in2 {
			padding-top: 7px;
			background: #FFF url(/img/shadowBox-top.gif) right bottom no-repeat;	
		}
	.shadowBox .shadowBox-content {
		margin-left: 10px;
		background: #FFF url(/img/shadowBox-content.gif) right top repeat-y;
		padding: 5px 16px 5px 5px;
	}
	.shadowBox .shadowBox-bottom {
		padding-left: 10px;
		background: #FFF url(/img/shadowBox-bottom.gif) left top no-repeat;
	}
		.shadowBox .shadowBox-bottom .in2 {
			padding-top: 13px;
			background: #FFF url(/img/shadowBox-bottom.gif) right top no-repeat;	
		}
		
.shadowBox-grey {
	background: #FFF url(/img/shadowBox-gris-content.gif) left top repeat-y;
	margin-left: -3px;
}
	.shadowBox-grey-top {
		padding-left: 10px;
		background: #FFF url(/img/shadowBox-gris-top.gif) left bottom no-repeat;
	}
		.shadowBox-grey-top .in2 {
			padding-top: 7px;
			background: #FFF url(/img/shadowBox-gris-top.gif) right bottom no-repeat;	
		}
	.shadowBox-grey-content {
		margin-left: 10px;
		background: #FFF url(/img/shadowBox-gris-content.gif) right top repeat-y;
		padding: 5px 16px 5px 5px;
	}
	.shadowBox-grey-bottom {
		padding-left: 10px;
		background: #FFF url(/img/shadowBox-gris-bottom.gif) left top no-repeat;
	}
		.shadowBox-grey-bottom .in2 {
			padding-top: 13px;
			background: #FFF url(/img/shadowBox-gris-bottom.gif) right top no-repeat;	
		}

/* end shadowBox */
/* chromeBox & chtomebox2*/
	.chromeBox .chromeBox-top, .chromeBox2 .chromeBox-top {
		padding-left: 10px;
		background: #FFF url(/img/chromeBox-top.gif) left bottom no-repeat;
	}
		.chromeBox .chromeBox-top .in2, .chromeBox2 .chromeBox-top .in2 {
			padding-top: 15px;
			background: #FFF url(/img/chromeBox-top.gif) right bottom no-repeat;	
		}
	.chromeBox .chromeBox-content, .chromeBox2 .chromeBox-content {
		border: 1px solid #D2DEE5;
		border-top: 0;
		border-bottom: 0;
		padding: 0 15px 15px 8px;
	}
	.chromeBox2 .chromeBox-content {
		padding: 5px 18px 15px 18px;
	}
	.chromeBox .chromeBox-bottom {
		padding-left: 10px;
		background: #FFF url(/img/chromeBox-bottom.gif) left top no-repeat;
	}
		.chromeBox .chromeBox-bottom .in2 {
			padding-top: 7px;
			background: #FFF url(/img/chromeBox-bottom.gif) right top no-repeat;	
		}
	.chromeBox2 .chromeBox-bottom {
		padding-left: 10px;
		background: #FFF url(/img/chromeBox2-bottom.gif) left top no-repeat;
	}
		.chromeBox2 .chromeBox-bottom .in2 {
			padding-top: 15px;
			background: #FFF url(/img/chromeBox2-bottom.gif) right top no-repeat;	
		}

	.chromeBox .chromeBox-content table , .chromeBox2 .chromeBox-content table {
		/*text-align: center;*/
	}

/* end chromeBox */
/* inoxBox */
.inoxBox .inoxBox-top {
	padding-left: 10px;
	background: #DEE7EE url(/img/inoxBox-top.gif) left bottom no-repeat;
}
	.inoxBox .inoxBox-top .in2 {
		padding-top: 5px;
		background: #DEE7EE url(/img/inoxBox-top.gif) right bottom no-repeat;	
	}
.inoxBox .inoxBox-content {
	background: #FFF url(/img/inoxBox-frontline.gif) left top repeat-x;
	border: 1px solid #D2DEE5;
	border-top: 0;
	border-bottom: 0;
}
	.inoxBox .inoxBox-content .backline {
		background: transparent url(/img/inoxBox-backline.gif) left bottom repeat-x;
	}
.inoxBox .inoxBox-bottom {
	padding-left: 10px;
	background: #DEE7EE url(/img/inoxBox-bottom.gif) left top no-repeat;
}
	.inoxBox .inoxBox-bottom .in2 {
		padding-top: 6px;
		background: #DEE7EE url(/img/inoxBox-bottom.gif) right top no-repeat;	
	}
/* end inoxBox */
/* =condensedVison (news) */
.condensedVison, .condensedVision {
	margin-bottom: 15px;
}
.condensedVison .vignette, .condensedVision .vignette {
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #D2DEE5;
	width: 120px;
	overflow: hidden;
	text-align: center;
}
.condensedVison h4, .condensedVison h4 a, .condensedVision h4, .condensedVision h4 a {
	font-size: 14px;
	font-weight: bold;
	color: #1378E0;
	margin-bottom: 0;
}
.dateElm {
	font-size: 11px;
	color: #ADB6B9;
	font-weight: normal;
}
.condensedVison .dateElm, .condensedVision .dateElm  {
	display: block;
}
.condensedVison p, .condensedVision p {
	padding-top: 5px;
}
/* end condensedVision */
/* colonnes */
.halfLeft {
	float: left;
	width: 49%;
}
.halfRight {
	float: right;
	width: 49%;
}
.left34 {
	float: left;
	width: 70%;	
}
.right14 {
	float: right;
	width: 28%;
}
/* end colonnes */
/* END BLOCS & LISTS -------------------------------------- */

/* =BUTTONS
--------------------------------------------------- */

.withArrows {
	display: block;
	float: left;
	background: #2991D5 url(/img/bt-withArrows.png) left center no-repeat;
	padding-left: 20px;
	color: #FFF;
}
	.withArrows span {
		height: 23px;
		line-height: 23px;
		display: block;
		float: left;
		background: transparent url(/img/bt-withArrows.png) right center no-repeat;
		padding-right: 10px;
	}
	
a.bt-tcg {
	background: url(/img/puceTcg.gif) left center no-repeat;
	padding-left: 30px;
	height: 26px;
	line-height: 26px;
	display: block;
	float: left;
}

a.bt-more 	{
	background: url(/img/bt-more.gif) left 5px no-repeat;
	padding: 5px 20px 5px 20px;	
	display: block;
	}

a.send {
	background: url(/img/bg-envoyer.gif) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}
a.print {
	background: url(/img/bg-print.gif) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}
a.cart {
	background: url(/img/bg-cart.gif) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}
a.alerte {
	background: url(/img/bg-alerte.gif) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}
a.locales {
	background: url(/img/bg-locales.png) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}
a.geoloc {
	background: url(/img/comparateur/annuaire.gif) 10px center no-repeat;
	padding: 10px 5px 10px 45px;
	line-height: 30px;
}

a.send:visited, a.print:visited, a.bt-more:visited, a.bt-tcg:visited  {
	color: #1378E0;
}
	
	a.withArrows:visited {
		color: #FFF;
	}

/* END BUTTONS ------------------------------------ */
/* =MULTITABS */

/*
	!!! pour compatibilit? IE : il faut indiquer une largeur pour .BOM-multitabs-header
	en fonction de la page
*/

 .BOM-multitabs {
	 margin-top: 5px;
	 text-align: left;
 }
 .BOM-multitabs-headerWrapper {
	 overflow: hidden;
	 height: 31px;
 }
 .BOM-multitabs-header {
/*	 width: 590px;
*/	 height: 31px;
	 float: left;
	 overflow: hidden;
	 position: relative;
	 z-index: 1;
 }
	 .BOM-multitabs-header ul { 
		 list-style: none;
		 float: left;
		 position: relative;
		 z-index: 2;
		 margin: 0;
		 padding: 0;
	 }
	 
	 .BOM-multitabs-header ul li {
		 display: inline;
		 padding: 0;
	 }
		 .BOM-multitabs-header a {
			 height: 31px;
			 color: #000;
			 padding-left: 10px;				
			 background: transparent url(/img/onglets.png) left bottom repeat-y;
			 display: block;
			 float: left;
			 text-decoration: none;
			 cursor: pointer;
			 margin-right: 1px;
 		} 
		.BOM-multitabs-header a:hover { text-decoration: underline; }
		.BOM-multitabs-header a:visited { color: #000; }
 			.BOM-multitabs-header a strong  {
 			     height: 31px;
		      	 line-height: 31px;
			     padding-right: 11px;
		      	 background: transparent url(/img/onglets.png) right bottom repeat-y;
			     display: block;
		      	 float: left;
			}
		
		 .BOM-multitabs-header a.BOM-multitabs-selectTab {
			 background: transparent url(/img/onglets.png) left top no-repeat;
			 color: #FFF;
		 }
                 .BOM-multitabs-header a.BOM-multitabs-selectTab:hover { text-decoration: none; }
				 .BOM-multitabs-header a.BOM-multitabs-selectTab:visited { color: #FFF; }
		 .BOM-multitabs-header a.BOM-multitabs-selectTab strong {
		      background: transparent url(/img/onglets.png) right top no-repeat;
		 }
 .BOM-multitabs-tab {
	 display: none;
	 padding: 0;
	 margin: 0;
 }
 .BOM-multitabs-content .BOM-multitabs-selectTab { display: block; }
 .BOM-multitabs-content {

  }
	.BOM-multitabs-content .BOM-multitabs-contentTop {
		padding-left: 10px;
		background: #77A104 url(/img/bg-multitabs-content.gif) left top no-repeat;
	}
		.BOM-multitabs-content .BOM-multitabs-contentTop .in2 {
			padding-top: 6px;
			background: #77A104 url(/img/bg-multitabs-content.gif) right top no-repeat;	
		}
	 .BOM-multitabs-content .BOM-multitabs-contentCenter {
		padding: 10px 13px;
		border: 2px solid #77A104;
		border-top: 0;
		border-bottom: 0;
	 }
	.BOM-multitabs-content .BOM-multitabs-contentBottom {
		padding-left: 10px;
		background: #77A104 url(/img/bg-multitabs-content.gif) left bottom no-repeat;
	}
		.BOM-multitabs-content .BOM-multitabs-contentBottom .in2 {
			padding-top: 5px;
			background: #77A104 url(/img/bg-multitabs-content.gif) right bottom no-repeat;	
		}
 .BOM-multitabs-prev, .BOM-multitabs-next {
	 display: none;
	 cursor: pointer;
 }
 /* END MULTITABS */

/* =ACCOUNT ----------------------------------- */
#blockWelcome {
	color: #FFF;
	float: right;
	text-align: right;
	line-height: 1em;
	margin-top: 7px;
	padding-right: 10px;
}
	#blockWelcome .myPseudo {
		font-weight: bold;
	}
#blockAccount {
	background: #FFF url(/img/account/bg-blockAccount.gif) left top repeat-x;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: -11px;
	width: 335px;
}
	#blockAccount .in2 {
		position: relative;
		z-index: 11;
		line-height: 23px;
		height: 23px;
		background: url(/img/account/bg-blockAccountLeft.gif) left top no-repeat;
		padding: 0 10px;
	}
#blockAccount a, #blockAccount {
	color: #1378E0;
}
#accountPanel {
	background: #F6F5F5;
	position: absolute;
	z-index: 12;
	height: 320px;
	width: 97%;
	right: 0;
	top: 23px;
	border: 1px solid #D6E1E7;
	border-top: 0;
	border-right: 0;
	overflow: scroll;
}

.formulaire th, .formulaire td {
	padding: 5px;
}
.formulaire th {
	font-weight: bold;
	text-align: right;
}
.formulaire .input-text {
	border: 1px solid #C8D6DD;
	padding: 2px;
}
/* END ACCOUNT -------------------------------- */

/* =PAGINATION
----------------------------------- */
.paginationContainer {
	padding: 15px 0;
}

.pagination li {
	margin: 0 3px;
	display: block;
	float: left;
}
.pagination li.pageNum, .pagination li.pageCurrent {
	width: 16px;
	height: 16px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	background-image: url(/img/bg-pagination.gif);
}
.pagination li.empty {
	width: 16px;
	height: 16px;
}
.pagination li.pageNum {
	background-color: #0E86D8;
	background-position: left top;
}

.pagination li.pageCurrent {
	background-color: #81B615;
	background-position: left bottom;
}

.pagination li.pageNum a {
	color: #FFF;
}
	.pagination .next , .pagination .prev {
		text-align: right;
		float: right;
		line-height: 1.3em;
	}
	.pagination .prev {
		text-align: left;
		float: left;
		width: 200px;
	}
		.pagination .next a {
			background: url(/img/bt-rightMini.gif) right 5px no-repeat;
			padding: 5px 20px 5px 5px;	
			display: block;
		}
	 	.pagination .prev a {
			background: url(/img/bt-leftMini.gif) left 5px no-repeat;
			padding: 5px 5px 5px 20px;
			display: block;
		}
/* END PAGINATION ----------------- */

/* =GOOGLE AFC
----------------------------------- */
.google_afc_bas {
	padding: 10px;
	text-align: left;
}

.google_afc_right, .google_afc_wide {
	text-align: left;
}

.google_afc_bas .oneAd {
	float: left;
	margin-right: 20px;
}

.google_afc_right .oneAd, .google_afc_right .onlyOneAd, .google_afc_wide .oneAd, .google_afc_wide .onlyOneAd {
	margin: 10px;
}

.byGoogle {
	text-align: right;
	font-size: 0.9em;
	padding-right: 5px;
	float: right;
}

.onlyOneAd .line_1 a, .oneAd .line_1 a {
	color: #1378E0;
	text-decoration: none;
	font-weight: bold;
}

.onlyOneAd .line_2 a, .oneAd .line_2 a {
	color: #000;
	text-decoration: none;
}

.onlyOneAd .line_3 a, .oneAd .line_3 a {
	color: #000;
	text-decoration: none;
}

.onlyOneAd .line_4 a, .oneAd .line_4 a {
	color: #1378E0;
	font-size: 0.9em;
}

.google_afc_wide {
	
}

.google_afc_wide .line_2, .google_afc_wide .line_3 {
	display: inline;
}

.google_afc_wide .line_3 {
	padding-left: 5px;
}
/* END GOOGLE AFC ----------------- */

/* =VIGNETTE GUIDE
---------------------------- */
.guideVignette {
	display: block;
	width: 104px;
	height: 73px;
	position: relative;
	z-index: 0;
	margin: 0 10px 0 0;
	float: left;
}
.guideVignette img {
	display: block;
}
.guideVignette span {
	display: block;
	width: 104px;
	height: 73px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: transparent url(/img/cadreMiniGuide.png) left top no-repeat;
}
.guideVignette:hover span {
	background-position: left bottom;
}
.guideVignette:hover {
	text-decoration: none;
}
/* END VIGNETTE GUIDE ------ */
/* =MEA-GUIDE */
#meaGuide {
	margin-bottom: 15px;
}
	#window-meaGuide {
		width: 606px;
		height: 172px;
		overflow: hidden;
		background-color: #1977C3;
		background-position: left 3px;
		background-repeat: no-repeat;
		position: relative;
		z-index: 0;
	}
	
	#cadre-meaGuide {
		background: transparent url(/img/cadre-meaGuide.png) left top no-repeat;
		width: 606px;
		height: 172px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#menu-meaGuide {
		background: transparent url(/img/bgMenu-meaGuide.gif) left top repeat-y;
		overflow: hidden;
		padding: 0;
		margin: 0;
		width: 199px; /* IE ME : 214px */
		list-style: none;
		position: absolute;
		top: 4px;
		left: 375px;
		height: 159px; /* IE ME : 164px */
		padding-left: 10px;
		padding-top: 5px;
	}
		#menu-meaGuide li {
			padding: 2px 0;
		}
			#menu-meaGuide li a {
				display: block;
				text-decoration: none;
				color: #9BD6F4;
				height: 35px;
				padding-left: 15px;
				font-size: 11px;
			}
			#menu-meaGuide li a#default-meaGuide {
				background: transparent url(/img/arrow-meaGuide.gif) 0 3px no-repeat;
			}
				#menu-meaGuide li a#default-meaGuide strong {
					text-decoration: underline;
				}
				#menu-meaGuide li a strong {
					display: block;
					color: #FFF;
					font-size: 14px;
					opacity: 1;
				}
	#chapo-meaGuide {
		width: 134px; /* IE ME 150px */
		height: 148px; /* IE ME 164px */
		position: absolute;
		top: 4px;
		left: 225px;
		padding: 8px;
		margin: 0;
		background: transparent url(/img/bgChapo-meaGuide.png) left top;
		overflow: hidden;
		color: #02284E;
		line-height: 15px;
		font-size: 11px;
	}

/* end MEA-GUIDE */

/* MEA */
.mea-bomActuRight {
	margin: 5px 0;
}
.mea-bomActuRight .title {
	font-weight: bold;
}
.mea-bomActuRight .imgOffre {
	display: block;
	float: left;
	width: 60px;
	margin: 5px 5px 5px 0;
	border: 1px solid #D2DEE5;
}
.mea-bomActuRight .bestPrice {
	color: #ADB6B9;
	padding-top: 10px;
}
	.mea-bomActuRight .bestPrice .price {
		color: #C20B29;
		font-weight: bold;
	}

/* end MEA */

/* =GESTION ERRORS 
------------------------------------------------- */
.validateErrors {
	color: #C20B29;
	font-size: 11px;
}
	.validateErrors ul {
		list-style-type: disc ;
		padding-left: 10px;
		margin-left: 10px;
	}

.error-input {
	border: 1px solid red !important;
}

/* END GESTION ERRORS --------------------------- */
/* =THEMA ------------------------------------ */

.themaNews-9, .themaNews-25, .themaNews-39, .themaNews-40, .themaNews-44, .themaNews-57, .themaNews-83 {
	display: block;
	height: 44px;
	width: 44px;
	overflow: hidden;
	text-indent: -999px;
	float: right;
	background-position: left top;
	background-repeat: no-repeat;
}

.themaHome-9, .themaHome-25, .themaHome-39, .themaHome-40, .themaHome-44, .themaHome-57, .themaHome-83 {
	display: block;
	height: 50px;
	width: 110px;
	line-height: 50px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	/* margin-bottom: 8px; */
}

.themaNews-9, .themaHome-9 { background-image: url(/img/thema/vista.gif); }
.themaNews-25, .themaHome-25 { background-image: url(/img/thema/ps3.gif); }
.themaHome-39, .themaNews-39 { background-image: url(/img/thema/elle.gif); }
.themaNews-40, .themaHome-40 { background-image: url(/img/thema/automobile.gif); }
.themaNews-44, .themaHome-44 { background-image: url(/img/thema/lui.gif); }
.themaNews-57, .themaHome-57 { background-image: url(/img/thema/iphone.gif); }
.themaNews-83, .themaHome-83 { background-image: url(/img/thema/business.gif); }

/* END THEMA---------------------------------- */

.comparo-description {
	text-align: justify;
	padding: 0px 0px 10px 0px;
}


#silverlightControlHost
{
    height: 540px;
}