/*
	------------------------------------------------------------------------------------------
		www.assurancevie-online.fr
		2010, Finance Sélection - Tous droits réservés
		Ce fichier CSS et protégé par la code de la propriété intellectuelle
	------------------------------------------------------------------------------------------

	SOMMAIRE :
	I    Balises et généralités
	II   Entête et menu haut
	III  Menu gauche
	IV  Corps
	V   Menu droite
	VI  Pied de page
	VII Styles supplémentaires
*/


/* I - BALISES ET GENERALITES ------------------------------------------------------------------------- */
	* {padding:0; margin: 0;}
	body {margin:0; padding:0; font:.70em/1.5em Verdana, Tahoma, Helvetica, sans-serif; color:#666666; background:#CCC url(../IMG/bg.gif) repeat-x; text-align:center;}
	#wrap {background:#FFF; width:1000px; height:100%; margin:0 auto; text-align:left;}
	#content-wrap {clear:both; margin:0px 0 0 0; padding:0; background-color:#FFF;}
	
	/* Début styles Marketing Produit */
		body.opebody {background-color:white; background-image:url(images/ope-ciel.gif); background-repeat:no-repeat; background-position:50% 0;}
		#opeheader {z-index:5; width:1001px; height:159px; margin:0 auto;}
		#opeheader #opebgnoir {position:absolute; z-index:10; margin:10px 0 0 720px; background-image:url(images/ope-bgnoir.png); background-repeat:repeat; width:250px; height:122px; color:white;}
		#opeheader #opebgnoir a.opebouton {display:block; margin:15px auto; width:230px; height:42px; background-image:url(images/ope-bouton.png); background-repeat:no-repeat;}
		#opeheader #opebgnoir a.opebouton:hover {background-position:0 -43px;}
		#opeheader #opebgnoir span {font-size:90%;}
		#opeheader #opebgnoir span a {font-style:italic; text-decoration:underline; color:white; font-weight:bold;}
		#opeheader #opebgnoir span a:hover {color:#FE690F;}
		
	/* Liens */
		a {color:#2b9ec2; background-color:inherit; text-decoration:none;}
		a:hover {color:#ff6100; background-color:inherit;}
		a.pdf {background: url(../IMG/pdf.gif) 1% 60% no-repeat; padding-left:2.5em; color:#4284B0; line-height:2em; margin:0;}
		a.pdf:hover {color:#ff6100;}
		
		
	/* boutons */
		a.bouton {background-image:url(images/boutonwrapper.jpg); background-repeat:repeat-x; display:block; color:white; border:2px solid black; font-weight:bold; text-decoration:none; padding:7px 9px 7px; font:bold 10pt Arial; float:left; -moz-border-radius:5px; border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
		a.bouton:hover {background-position:0 -30px; text-decoration:underline; color:white;}
		/* Ancienne version des boutons */
			a.boldbuttons {background: transparent url(../IMG/glossybuttonleft.gif) no-repeat top left; display:block; float: left; font:bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height:30px; /* Height of button background height */ padding-left:8px; /* Width of left menu image */ text-decoration:none; white-space:nowrap;}
			a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{color:white; /*button text color*/}
			a.boldbuttons span {background:transparent url(../IMG/glossybuttonright.gif) no-repeat top right; display:block; padding:4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/}
			a:hover.boldbuttons {/* Hover state CSS */ text-decoration:underline;}
			.buttonwrapper {padding:15px 0 15px 150px; overflow:hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width:auto; margin-bottom:20px;}
			.buttonwrapperORIGINAL {padding:15px 0 15px 100px; overflow:hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width:auto; margin-bottom:20px;}

	p {margin:5px 15px 20px 15px; text-align:justify;}
	ul, ol {margin:10px 10px 10px 30px; padding:0  0 0 15px; color:#4284B0;}
	ul span, ol span {color: #666666;}
	
	/* images */
		img {border: none;}
		img.with-border {border:1px solid #e2e2e2;}
		img.float-right {margin:5px 0px 5px 15px;}
		img.float-left {margin:5px 15px 5px 0px;}
		a img {border:none}
		a:hover img {border: none}

	/* text layout elements */
		code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background:#FAFAFA; border:1px solid #f2f2f2; border-left:4px solid #4284B0;}
		acronym {cursor: help; border-bottom:1px solid #777;}
		blockquote {margin:15px; padding: 0 0 0 20px; background:#FAFAFA; border:1px solid #f2f2f2; border-left:4px solid #2b9ec2; color: #2b9ec2; font:bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;}

	/* form elements */
		form {margin:10px; padding:0; border:1px solid #ccc; background-color:#FAFAFA;}
		label {display:block; font-weight:bold; margin:5px 0;}
		input {padding: 2px; border:1px solid #ccc; font: normal 1em Verdana, sans-serif; color:#777;}
		textarea {padding:2px; font:normal 1em Verdana, sans-serif;border:1px solid #ccc; height:100px; display:block; color:#777;}
		input.button {margin: 0; font:bold 1em Arial, Sans-serif; border:1px solid #CCC; background:#FFF; padding:2px 3px; color:#4284B0;}
	
	/* Alignement */
	.float-left {float:left;}
	.float-right {float:right;}
	.align-left {text-align:left;}
	.align-right {text-align:right;}
	.newsbox {margin:10px 10px 10px 80px; padding:0  0 0 5px; color:#4284B0;}
/* Fin de BALISES ET GENERALITES */




/* II - ENTETE ET MENU HAUT --------------------------------------------------------------------------- */
	h1, h2, h3 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #333;}
	h1 {font-size:1.5em; color: #26397f; margin: 10px 15px;} 
	h2 {font-size:1.4em; text-transform:uppercase; margin:10px 15px;}
	h3 {font-size:1.3em; margin: 15px 15px 10px 15px; color:#fe690f;}
	h3 ul li {margin: 10px 10px 10px 0px; padding: 0;}
	h4 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; color:#333; font-size:1.2em; margin:10px 15px;}
	h5 {font:1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold; color:#2b9ec2; font-size:1.1em; margin:10px 15px;}
	
	#header {position:relative; height:85px; background:#FFF  url(/IMG/headerbg.gif) repeat-x 0% 100%;}
	#header h1#logo {position:absolute; margin:0; padding:0; font:bolder 3.9em 'Trebuchet MS', Arial, Sans-serif;	letter-spacing:-2px; text-transform:lowercase;	top:0; left:10px;}
	#header h2#slogan {position:absolute; top:42px; left:0px; color:#2f2f6b; text-indent:0px; font:bold 16px Trebuchet, 'trebuchet MS', Sans-serif; text-transform:none;}

	#nav0 {width:445px; position:absolute; z-index:2; margin:6px 0 0 0; margin-left:550px /*IE6*/;  color:#2f2f6b;}
	#nav0 ul {float:right; padding:0;}
	#nav0 li {display:inline; list-style:none; padding:0 0 0 15px;}
	#nav0 li a {text-decoration:none; padding:0 0 0 3px; color:#2f2f6b; font-size:12px; font-weight:bold;}
	#nav0 a:hover {text-decoration:none; color:#fe690f;}
	#nav0 li img {height:16px; border:none;}
	
	#piczone {border: none; background-image:url(../IMG/headerphoto.jpg); background-repeat:no-repeat; min-height:120px; height: 120px; margin:0.}

	/* menu tabs */
		#header ul {z-index: 0; position: absolute; margin:0; padding: 0; list-style:none; right: 0; bottom: 6px !important; bottom:5px; font:bold 13px Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;}
		#header li {display:inline; margin:0; padding:0;}
		#header a {float:left; background: url(../IMG/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;}
		#header a span {float:left; display:block; background: url(../IMG/tabright.gif) no-repeat right top; padding:6px 15px 3px 8px; color:#FFF;}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#header a span {float:none;}
		/* End IE5-Mac hack */
			#header a:hover span {color:#FFF;}
			#header a:hover {background-position:0% -42px;}
			#header a:hover span {background-position:100% -42px;}
			#header #current a {background-position:0% -42px;color: #FFF;}
			#header #current a span {background-position:100% -42px;color: #FFF;}
			#header a.zero{background-image:none;}
			
			#underNavNew {position: relative;height: 42px;background: #FFF url(../IMG/underNavNewbg.gif) repeat-x 0% 0%;}
			#underNavNew ul {z-index: 999999; position: absolute; margin:0;padding: 0; list-style:none; left: 0; bottom: 12px !important; bottom: 16px;	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;}
			#underNavNew li {display:inline; margin:0; padding:0;}
			#underNavNew a {float:left; background: url(../IMG/tableft_invert.gif) no-repeat bottom left; margin: -5px 0 0 0; padding:0 0 0 4px; text-decoration:none;}
			#underNavNew a span {float:left; display:block; background: url(../IMG/tabright_invert.gif) no-repeat bottom right; padding:6px 15px 3px 8px; color:#FFF;}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#underNavNew a span {float:none;}
		/* End IE5-Mac hack */
			#underNavNew a:hover span {color:#FFF;}
			#underNavNew a:hover {background-position:0% -17px;}
			#underNavNew a:hover span {background-position:  100% -17px;}
			#underNavNew #here a {background-position:0% -17px;color: #FFF;}
			#underNavNew #here a span {background-position:100% -17px;color: #FFF;}
		/* Flash Banner */
			.flashy {width:485px; height:100px; position:absolute; z-index:10; margin:15px 0 0 20px;  /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;}
			.Longflashy {width:695px; height:100px; position:absolute; z-index:10; margin:15px 0 0 10px;  /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;}
/* Fin de ENTETE ET MENU HAUT */




/* III - MENU GAUCHE ----------------------------------------------------------------------------------- */
		#sidebar {float:left; width:185px; margin:0; padding:0; display:inline;}
		#sidebar ul.sidemenu {list-style:none; margin:10px 0 10px 15px; padding:0;	}
		#sidebar ul.sidemenu li {margin-bottom:1px; /*border: 1px solid #f2f2f2; */}
		#sidebar ul.sidemenu a {display:block; font-weight:bold; color:#363c48; text-decoration:none; padding:2px 5px 2px 10px; background:#f2f2f2; border-left:4px solid #fe690f;	min-height:18px;}
		* html body #sidebar ul.sidemenu a {height:18px;}
		#sidebar ul.sidemenu a:hover {padding:2px 5px 2px 10px; background:#f2f2f2; color:#2f2f6b; border-left:4px solid #2f2f6b;}
/* Fin de MENU GAUCHE  */




/* IV - CORPS ------------------------------------------------------------------------------------------- */
	#main {float:left; margin-left:15px; padding:0; width:55%; min-height:700px;}
	#sitemap {float:left; margin-left:15px; padding:0; width:90%;}
	#clearing {clear:both; height:10px;}
	#clearingLine {clear:both; height:6px; border-top:#CCC solid 1px; margin:5px 15px 0 15px;}
	
	/* Revue De Presse */
		#clearingLineRevueDePresse {clear:both; height:10px; border-bottom: 1px dashed #B2B2B2; margin:5px 15px 5px 15px;}
		#clearingRevueDePresseAfterTable {clear:both; height:10px; border-bottom: 1px dashed #B2B2B2; margin:25px 15px 10px 15px;}
		#RevueDePresse {float:left;   margin:5px 15px 5px 15px; _margin:5px 15px 5px 5px;}
		#RevueDePresse img{margin-bottom:10px; border:#CCC solid 1px;}

		#RDP {text-align: left; font: 1em 'Trebuchet MS', Arial, Sans-serif; padding: 0.5em;}
		#RDP h1 a, .dishinfo a, .title a:link, .title2 a:visited, .authors #item h2 a, .contact #item a.dishno, .illustration p {color: #fd6616;}

		#RDP h2 a {font-weight: bold; text-transform: uppercase;}
		#RDP h3.title2 {margin: 0.3em 0 1.0em 0 ; font: 1.1em Georgia, Times, serif; font-weight:bold; letter-spacing: 2px; text-transform: uppercase;}
		#RDP h4 {font: bold 1.1em Verdana, Arial, sans-serif; letter-spacing: 1px; margin:0; padding:0;}
		#RDP h5 {margin:0;}
		#RDP.title2 a:link, .title2 a:visited {color: #333;}
		#RDP.title2 a:hover {color: #000;}
		#RDP .byline2 {font: italic 1.1em Times, serif; letter-spacing: 1px; margin: 0 0 0.5em 0;}
		#RDP .byline2 a:link, .byline2 a:visited {font: bold 0.85em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px ;margin-left: 0.25em;}

		#RDP p {margin: 0 15px 0 15px;}
		#RDP b {margin: 0 0.5em;}

		#RDP .dishinfo {font: 1.2em Verdana, sans-serif;text-transform: uppercase; letter-spacing: 0.23em; font-weight:bold;}
		#RDP .dishinfoMVivre {font: 1.2em Verdana, sans-serif;text-transform: uppercase; letter-spacing: 0.1em; font-weight:bold;color: #ff6100;}
		#RDP .dishinfo b {font: 1.2em Georgia, Times, serif; letter-spacing: 1px;}
		#RDP.dishinfo a {color: #333; border: none;}
		#RDP.dishinfo a:hover {color: #000;}
		h5.dishdate {font: 1.2em Verdana, sans-serif;text-transform: uppercase; letter-spacing: 0.33em;padding-left: 0px; margin-bottom: 0px;}

	/* news info box page - MieuxVivre  */
		#item {border-bottom: 1px dashed #B2B2B2; margin:0px 15px; text-align: left; font: 1em 'Trebuchet MS', Arial, Sans-serif; padding: 0.5em;  border-bottom: 1px dashed #B2B2B2;}
		#item h1 a, .ishinfo a, .title a:link, .title a:visited, .authors #item h2 a, .contact #item a.ishno, .illustration p {color: #fd6616;}
		#item h2 a {font-weight: bold; text-transform: uppercase;}
		#item h3.title {margin: 1em 0 0.5em 0 ; font: 1.2em Georgia, Times, serif; font-weight:bold; letter-spacing: 2px; text-transform: uppercase;}
		#item h4 {font: bold 1.1em Verdana, Arial, sans-serif; letter-spacing: 1px; margin:0; padding:0;}
		#item h5 {margin:0;}
		#item.title a:link, .title a:visited {color: #333;}
		#item.title a:hover {color: #000;}
		#item .byline {font: italic 1.1em Times, serif; letter-spacing: 1px; margin: 0 0 0.5em 0;}
		#item .byline a:link, .byline a:visited {font: bold 0.85em Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px ;margin-left: 0.25em;}

		#item p {margin: 0.5em 0 1.5em;}
		#item b {margin: 0 0.5em;}

		span.ishdate {padding-left: 15px; margin-left: 10px; background: url(images/diamond-gray.gif) 0 0.5em no-repeat;}
		#item .ishinfo {font: 0.9em Verdana, sans-serif;text-transform: uppercase; letter-spacing: 0.33em;}
		#item .ishinfo b {font: 1.2em Georgia, Times, serif; letter-spacing: 1px;}
		#item.ishinfo a {color: #333; border: none;}
		#item.ishinfo a:hover {color: #000;}

		#homeboxtop {margin-top:-20px;margin-bottom:-19px;font-size:1.1em;}

		#CMhome{margin: 15px 0 0 15px;}

		#greybox {background: url(../IMG/CADREgrey_05.gif) repeat-x; background-color:#efeff3;border:#dcdcde solid 1px; border-top:none;}
		#greyboxHG {_position:relative; margin-left:-1px; margin-top:0px; background:url(../IMG/CADREgrey_03.gif) left top no-repeat; height: 32px; width: 18px;}
		#greyboxHD {float:right;background:url(../IMG/CADREgrey_06.gif) no-repeat;_position:relative;margin-right:-1px;height: 32px;width: 18px;}
		#greyboxBG {_position:relative;background:url(../IMG/CADREgrey_10.gif) no-repeat;height: 19px;width: 18px;margin-left:-1px;margin-bottom:-1px;}
		#greyboxBD {float:right;_position:relative;background:url(../IMG/CADREgrey_12.gif) no-repeat;margin-right:-1px;height: 19px;width: 18px;}
		#greybox h1{width:100%;font-weight:bold;text-align:center;font-size:1.1em;color:#38a5cc;margin:-25px 0 6px 0;}
		#greybox h1.home{margin:0px 0 6px 0;}
		#greybox h2{font-weight:bold;text-align:left;font-size:1em;color:#38a5cc; margin:.5em 0.5em 0;}
		#greybox h3{font-weight:bold;text-align:left;font-size:.9em;color:#2f2f6b; margin:.2em 0.5em 0;}

		#greybox h4{font-weight:bold;text-align:center;font-size:2em;color:#ff6600; margin:.2em 0.5em 0;}
		#greybox h5{font-weight:bold;text-align:center;font-size:1.2em;color:#2f2f6b; margin:.2em 0.5em 0;}
		#greybox p{text-align:left;font-size:0.9em;margin:0 .5em 0 .5em;color:#2f2f6b;}
		#greybox a{color:#ff6600;}
		#greybox a:hover{color:#2f2f6b;}
		
	/* Fiches */
		#menufiche {float:right;display:block; width:220px; border:1px solid #f2f2f2;margin-bottom:1em;padding:0.5em;background:#fff;margin-left:20px;}
		#menufiche p {margin:2px; font-weight:bold;}
		#menufiche p.entete {display:block;width:100%;text-align:center; font-weight:bold; margin:0 0 0.5em 0; padding:0;}
		#menufiche a {display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background:#f2f2f2; border-left:4px solid #fe690f;	min-height:18px;}

		#menuficheInBox{float:right;display:block; width:185px;border:1px solid #ddd;margin-bottom:1em;padding:0.5em;background:#fff;}
		#menuficheInBox p{margin:2px; font-weight:bold;}
		#menuficheInBox p.entete{display:block; width:100%;text-align:center;font-weight:bold;margin:0 0 0.5em 0;padding:0;}
		#menuficheInBox a{display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #fe690f;	min-height:18px;}

		#menuficheInBoxSmall{float:right; display:block; width:165px;border:1px solid #ddd;margin-bottom:1em;padding:0.5em;background:#fff;}
		#menuficheInBoxSmall p{margin:2px; font-weight:bold;}
		#menuficheInBoxSmall p.entete{display:block;width:100%;text-align:center;font-weight:bold;margin:0 0 0.5em 0;padding:0;}
		#menuficheInBoxSmall a{display:block; font-weight:bold; text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #fe690f;	min-height:18px;}

		#brochureBox {margin:15px 0 0; background-color:#f2f2f2; padding:0px ; border:1px solid #e2e2e2; min-height:280px;}
		#brochureBox img {float:left; margin:5px; border:1px solid #f2f2f2;}
		#BBsloganTOP {margin:0px 5px 10px 0px; border:1px solid #e2e2e2; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center;  padding:0.8em 0.5em; color:#FF6600; background-color:#FFF;}
		#BBsloganBAS {margin:0px 5px 0px 0px; border:1px solid #e2e2e2; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.8em 0.5em; color:#2f2f6b; background-color:#FFF;}
	
		#BBSouscription{float:right;display:block; width:179px;border:1px solid #ddd;margin-bottom:0.5em;padding:0.5em; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em; color:#26397f; background-color:#FFF;}
	
	
	/* 2 boites gauche et droit sur page d'accueil */
		#halfBoxR {float:right; display:block;margin:0 5px 0 0; width:47%; background-color:#fafafa; border: 1px solid #f2f2f2;}
		#halfBoxR img {float:left; margin:5px; border: 1px solid #f2f2f2;}
		#halfBoxR p {text-align:left; margin:2px 10px; padding:0;}
		#halfBoxL {float:left; display:block;  margin:0 0 0 5px; width:47%; background-color:#fafafa; border: 1px solid #f2f2f2;}
		#halfBoxL img {float:left; margin:5px; border: 1px solid #f2f2f2;}
		#halfBoxL p {text-align:left; margin:2px 10px; padding:0;}

	/* Tableaux */
		#brochureBox table.fishTable {border: 1px solid #e2e2e2; background-color:#FFF;}
		#brochureBox table.fishTable p {margin:0px 3px; font-size:.9em; padding:0 0 0 0; line-height: 1.4em;}
		#brochureBox table.fishTable th {margin:0px 3px; font-size:1em; padding:0 1em ; line-height: 2.4em; color:#2f2f6b;}
		#brochureBox table td {padding:0.4em 0.5em 0.3em 0.5em;}

		table.AvolMain {font-weight:bold;}

		table.stupidtable {background-color:#FFF; font-size:.9em; margin:10px 10px 25px; border: 1px solid #ccc;}
		table.stupidtable td {border-right:1px solid #ccc; padding:0.5em;}
		table.stupidtable td.NoRight {border-right:none;}
		table.stupidtable th{border-right:1px solid #ccc; border-bottom: 1px solid #ccc; padding:0.5em;}
		table.stupidtable th.NoRight{border-right:none;}
		table.stupidtable th.NoBottom{border-bottom:none;}

		table.gestion {background-color:#FFF; font-size:1em; margin:10px; border:1px solid #ccc;}
		table.gestion th {border-bottom: 1px solid #ccc; font:bold 1.2em 'Trebuchet MS', Arial, Sans-serif; color:#26397f; text-align:center; line-height:2em; padding:0.3em 0.5em 0.3em 0.5em;}
		table.gestion th.mid {border-top: 1px solid #ccc; color:#fe690f;}
		table.gestion td {padding:0.3em 0.5em 0.3em; text-align:center; border-left:1px solid #ccc;}
		table.gestion tr {padding:0.3em 0.5em 0.3em; text-align:center; border-bottom:1px solid #ccc;}
		table.gestion td.NoLeft {border-left:none;}

		table.FicheFrais{background-color:#FFF; margin:5px;  font-size:1em; line-height: 1.4em; border: 1px solid #ccc; margin:10px 15px;}
		table.FicheFrais td {padding:0.3em 0.5em 0.3em 0.5em; line-height: 1.5em; border-bottom: 1px solid #ccc;}
		table.FicheFrais td.LeftStroke {border-left: 1px solid #ccc;}

		table.frais {background-color:#FFF; margin:5px;  font-size:1em; line-height: 1.4em;}
		table.frais td {padding:0.3em 0.5em 0.3em 0.5em; line-height: 1.5em; border-bottom: 1px solid #ccc;}

		table.out {font-size:1em; margin:0;}
		table.out th {border-bottom:1px solid #ccc;color:#f60;text-align:left;line-height:2em;font-size:1.1em;}
		table.out td {line-height:1.2em; padding:0px 15px 0 0;}
		table.out p {line-height:1.2em; padding:5px; text-align: justify;}

		table.in {font-size:1em;}
		table.in td {border-bottom:1px solid #b9c4e1; margin:0;padding:5px;}

		table.ContactForm {font-size:1em;}
		table.ContactForm td {margin:0;padding:5px;}

		table.versements {background-color:#FFF; font-size:1em; margin:10px; border: 1px solid #ccc; padding:0.3em 0.5em 0.3em 0.5em;}
		table.versements th {border-bottom: 1px solid #ccc; font: bold 1.5em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:center; line-height:2em;}

		table.tabprod {color:#2f2f6b; font-size:0.9em;}
		table.tabprod.smaller {color:#2f2f6b; font-size:0.8em;}
		table.tabprod td.note{font-size:0.8em; font-style:italic; border-bottom:0; text-align:left;}
		table.tabprod th {text-align:center; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:2px;}
		table.tabprod a {color:#f60;font-weight:bold;}
		table.tabprod a:hover {color:#2f2f6b;}
		table.tabprod td>br + input {margin-top:0.5em;}
		table.tabprod input, select {font-weight:bold;}
		table.tabprod td {border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:2px;}

		table.OPCVM {background-color:#FFF; font-size:1em; margin:10px; border: 1px solid #ccc;}
		table.OPCVM td {border-bottom: 1px solid #ccc; font: bold 1.5em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:center; line-height:2em;}

		table.RVPresse {background-color:#FFF; font-size:.8em; line-height: 1.4em; margin:0 15px 0 17px;}
		table.RVPresse td {line-height: 1.5em; border: 1px solid #ccc;margin:0;padding:0;}
		table.RVPresse th {line-height: 1.5em; border: 1px solid #ccc;margin:0;padding:0;}
		table.RVPresse p {text-align:center; padding:0em; margin:0;}

		table.PlanSite {background-color:#FFF; font-size:1em; margin:10px; /*border: 1px solid #ccc;*/}
		table.PlanSite th a {border-left: 1px solid #ccc;   font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:left; line-height:2em; padding-left:15px;}
		table.PlanSite th a:hover {color:#2f2f6b;}
		table.PlanSite td.section {font: bold 1.2em 'Trebuchet MS', Arial, Sans-serif; color:#363c48; text-align:left; line-height:2em; padding-left:15px;}
		table.PlanSite td {border-left: 1px solid #ccc; font: bold 1.0em 'Trebuchet MS', Arial, Sans-serif; color:#363c48; text-align:left; line-height:2em; padding-left:15px;}
		table.PlanSite td.subItem a {font: bold 1.0em 'Trebuchet MS', Arial, Sans-serif; color:#fe690f; text-align:left; line-height:2em; padding-left:15px;}
		table.PlanSite td.subItem a:hover {color:#2f2f6b;}

		table.inner {background-color:#FFF; font-size:1em; margin:10px; border: 1px solid #ccc;}
		table.inner td {padding:5px 5px 0 5px;  border-bottom: 1px solid #ccc;}
		
	#avertissement {margin:0px 15px 20px 15px; padding:0em 0 0em 0;   background:#fff; border: 1px solid #ccc;}
	#avertissement p {margin:0;  padding:0px; line-height:2.5em; text-align: center;  background:#568EB6; color:#fff; font-size:.8em; font-weight:bold; border-bottom: 1px solid #ccc;}
	#avertissement a {display:block;background: url(../IMG/PUCE3.gif) 5% 60% no-repeat;  padding-left:2em;color:#363C48;white-space:nowrap;width:auto;line-height:1.9em;/}
	#avertissement a:hover {color:#000;background-color:#dededf;}
	
	/* Short Length Banner */
		#sitemessage {width:600px; height:120px; position:absolute; z-index:1; margin:15px 0 0 380px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;}
		#sitemessage h1 {float:right;width:550px; text-align:right; font-size:14px; line-height:1.2em; margin:0;}
		#sitemessage h2 {float:right; width:540px; margin:8px 0 0 0; text-align:right; line-height:1.2em; font-size:112%;color: #FFF;}
		#sitemessage h3 {float:right; width:340px; margin:10px 0 0 0; text-align:right; font-size:100%;color: #FFF;}
		#sitemessage h3 a {text-decoration:none; color:#fe690f;}
		#sitemessage h3 a:hover {text-decoration:none; color:#fe8d48;}

	/* Long Length Banner */
		#ISFmessage {width:550px; height:120px; position:absolute; z-index:1; margin:15px 0 0 430px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;}
		#ISFmessage h1 {float:right;width:550px; text-align:right; font-size:14px; line-height:1.2em; margin:0;}
		#ISFmessage h1.pea {float:right;width:560px; text-align:right; font-size:14px; line-height:1.2em; margin:0;}
		#ISFmessage h2 {float:right; width:340px; margin:8px 0 0 0; text-align:right; line-height:1.2em; font-size:112%;color: #FFF;}
		#ISFmessage h3 {float:right; width:340px; margin:10px 0 0 0; text-align:right; font-size:100%;color: #FFF;}
		#ISFmessage h3 a {text-decoration:none; color:#fe690f;}
		#ISFmessage h3 a:hover {text-decoration:none; color:#fe8d48;}
/* Fin de CORPS  */




/* V - MENU DROITE ------------------------------------------------------------------------------------- */
		#rightbar {float: right; width: 23%; padding:0; margin:0;}
		#MDslogan {margin:0px 15px 15px; border:1px solid #e2e2e2; font:bold 1.6em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.5em 0.3em; color:#2b9ec2; background-color:#fafafa;}
		#MDslogan a {margin:0px 15px 2px 15px; font: bold 0.8em 'Trebuchet MS', Arial, Sans-serif; text-align:center; padding:0.0em 0.3em 0.5em;}
/* Fin de MENU DROITE */




/* VI - PIED DE PAGE ------------------------------------------------------------------------------------- */
	#footer {clear: both; color:#FFF; background: #1c2a5d; border-top:5px solid #2b9ec2; margin:0; padding:0; height:50px; font-size:95%;}
	#footer a {text-decoration:none; font-weight:bold; color:#FFF;}
	#footer .footer-left{float:left;width:65%;}
	#footer .footer-right{float:right;width:30%;}
	
	#NosSites {margin:0px 15px 20px 15px; padding:0em 0 0em 0;   background:#fff; /*border: 1px solid #ccc;*/ font-size:1em; font-weight:bold;}
	#NosSites a{display:block; background: url(../IMG/PUCE3.gif) 1% 60% no-repeat;  padding-left:1.5em; color:#2b9ec2;white-space:nowrap; width:auto; line-height:1.9em;}
	#NosSites a:hover{color:#fe690f;}
	
	/* En savoir plus lien comme sur l'index */
		.post-footer {float:right; background-color:#FAFAFA; padding:2px; margin:-8px 15px 0 15px; border:1px solid #f2f2f2;	font-size: 95%;}
		.post-footer .readmore {background:url(../IMG/plus2.gif) 2% 60% no-repeat; padding-left:20px; margin:-5px 0 10px; height:30px;}
/* Fin du PIED DE PAGE */













/* additional classes  */
	.clear {clear:both;}
	.green {color:#9EC630;}
	.orange {color:#fe690f;}
	.white {color:#FFF;}
	.gray {color:#BFBFBF;}
	.FSdark {color:#363c48;}
	.niceblue {color:#2f2f6b;}
	.turquoise {color:#2b9ec2;}
	.fond1 {background:#f2f2f2;}
	.fond4 {background-color:#ccd3e2;}
	.fond5 {background:#dfdfdf;}
	.fond6 {background:#b4cde0;}
	.fond7 {background:#2b9ec2;}
	.numberAtout {float:left; padding:-0px 2px 35px; margin:0; width:25px;}
	.numberAtoutLong {float:left; padding: 0px 2px 40px; margin:0; width:25px;}
	.numberAtoutShort {float:left; padding: 0px 2px 10px 2px  ; margin:0; width:25px;}
	.c1 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.5em; color:#fe690f;}
	.c2 {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size:1.2em; color:#fe690f;}
	.TurkBoldBig {font:bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.2em; color: #2b9ec2; text-align:center;}
	.OrangeGras {color:#fe690f; font-weight:bold;}
	.barre {text-decoration:line-through;}
	.smaller {font-size:.8em;}
	.prod {display:block; text-align:center; border-bottom: 1px solid #f2f2f2; background: #26397f; padding:0; margin:0 0 10px 0; color:#fff; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; line-height:2.3em;}
	.note {font-size: .8em; font-style:italic;}
	.botLine {border-bottom: 1px solid #ccc;}
	.topLine {border-top:1px solid #ccc;}
	.RightLine {border-right:1px solid #ccc;}

	.ici {color:#fe690f;}
	.SCPItext {text-align:left; font-size:.9em; margin:0 0 10px; padding:0; line-height:1.3em;}
	.SCPIattention {text-align:left; font-size: 1em; font-weight:bold; margin:0 0 6px 0px; padding:0; color:#fe690f; line-height:1.3em;}
	.mainpdf {background: url(../IMG/pdf.gif) 1% 60% no-repeat;padding-left:2.5em;color: #4284B0;line-height:2em;margin:0;}
	.pdf {background: url(../IMG/pdf.gif) 1% 60% no-repeat;padding-left:2.5em;color: #4284B0;line-height:2em;margin:0;}
	.enSavPlus {background: url(../IMG/plus2.gif) 1% 50% no-repeat;padding-left:15px;color: #2b9ec2;line-height:2em;margin:0;}
	.newfiche {border:1px solid #CCC; margin:0; padding:0;}
	.exclamation {background: url(../IMG/exclamation.gif) 0% 50% no-repeat;padding-left:25px; line-height:18px; font-weight:bold;}
	.bottomLineSpacing {border-bottom:1px solid #CCC; margin: 10px 0;}
	.SGfondsOuverts {padding:0; margin:0 0 0 15px; font-weight:bold; font-size:1.2em; color:#FF6633; line-height:1.4em;}
	.SGenLigne {padding:0; margin:0 0 3px 15px; font-weight:bold; line-height:1.2em;}
	.SG {padding:0; margin:0 0 0 20px;}
	.SGright {float:right; padding:0; margin:0 50px 0 20px;}
