/* --------------------------------------------------------------
	structure.css
	* Défini la maquette g�n�rale des site POWEO
	*le font-size en pourcentage se calcule a partir de 16px. (0.75 * 16px = 12px)
-------------------------------------------------------------- */

/* HEADER
--------------------------------------------------------------*/

#entete {margin: 0 auto; width: 980px;}
	#entete h1 {display:none;}

/* Navigation permanente */
.bloc-permanav {height:25px; margin: 7px 0 5px; overflow: visible; float: right;}
	.permanav-element {float:left; margin: 3px 15px 0 0; border-right: solid 1px #CCC;}
	.permanav-last-element {float:left;}
	.permanav-intitule {font-size: 93.75%; font-weight: bold; color: #5ba4d6; line-height: 1.5; text-decoration: none; display: block; height: 17px;}
	.permanav-intitule:hover ul {display:block;}
		.lien-espace-client {background: #FFF url(../images-template/picto-espace-client.png) 0% 50% no-repeat; padding-left: 30px; padding-right: 45px;}
		.lien-espace-client:hover {text-decoration: underline;}
		.lien-type-visiteur,
		.lien-type-visiteur:hover {padding-right: 45px; background: #FFF url(../images-template/btn-vous-etes.png) 100% 50% no-repeat; text-decoration: none;}
		.lien-choix-langue,
		.lien-choix-langue:hover {margin-right: 15px; background: #FFF url(../images-template/btn-choix-langue.png) 50% 100% no-repeat; text-decoration: none;}
	.permanav-menu-deroulant {position:absolute; display:none; z-index: 1000; margin-left: -16px; background-color: #FFF; border: solid 1px #CCC; border-top:none 0; padding-top: 5px; padding-bottom: 10px;}
	.permanav-menu-deroulant#listeTypeVisiteur {padding-right: 29px; padding-left: 20px;}
	.permanav-menu-deroulant#listeLangue {padding-right: 15px; padding-left: 15px;}
	.permanav-menu-deroulant ul {border-top: dotted 1px #5ba4d6;}
	.permanav-menu-deroulant li {border-bottom: dotted 1px #5ba4d6;}
		#zoneTypeVisiteur,
		#zoneLangue {overflow: visible;}
		#zoneTypeVisiteur a,
		#zoneLangue a {text-decoration:none; color: #5ba4d6;}
	form.frm-rechercher {vertical-align: middle;}
		form.frm-rechercher label {display:none;}
		form.frm-rechercher .fld-texte-recherche {width: 172px; height: 17px; vertical-align: middle; border: solid 1px #ccc; color: #999}
		form.frm-rechercher .btn-rechercher {width: 33px; height: 23px; vertical-align: middle;}
	.search-select {display:none;}

/* Bandeau marque */
.bloc-bandeau {background: #C00 url(../images-template/numero-telephone-bandeau-part.png) 95% 50% no-repeat; clear:right; margin: 0 auto 2px; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
	.img-logo {margin-left: 35px;}

/* Navigation principale */
.navigation {overflow: visible; width: 978px; height: 28px; margin-bottom: 10px; background: url(../images-template/bg-navigation-principale.png) 0 0 repeat-x; border: solid 1px #e8e8e8; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
	.navigation ul {padding: 0; margin: 0; margin-left: 5px;}
	.navigation li {display:block; float: left; padding: 0; margin-left: 5px;}
	.navigation li:hover ul {display:block;}
	.navigation a {display:block; text-decoration: none; text-transform: uppercase; line-height: 2.1; font-size: 93.75%; text-align: center; padding: 3px 20px;}
	.navigation li ul {position:absolute; display:none; z-index: 1000; margin-left: 0;}
	.navigation li li {float: none; width: 255px; margin-left: 0;}
	.navigation li:hover li a,
	.navigation li.current li a {line-height: 1.5; text-align: left; padding: 10px 10px 10px 35px;}

	/* Navigation couleurs */
	.navigation li:hover,
	.navigation li.defaut:hover {background: #7c7b7b url(../images-template/defaut/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.gris:hover {background: #7c7b7b url(../images-template/gris/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.vert:hover {background: #95c13a url(../images-template/vert/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.bleu:hover {background: #8ac5ed url(../images-template/bleu/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.rouge:hover {background: #d01024 url(../images-template/rouge/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.orange:hover {background: #ffc056 url(../images-template/orange/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.vertclair:hover {background: #bddb57 url(../images-template/vertclair/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.jaune:hover {background: #fedd57 url(../images-template/jaune/bg-navigation-principale-over.png) 0 100% repeat-x;}

	.navigation li:hover li:hover,
	.navigation li.defaut:hover li:hover,
	.navigation li.vert:hover li:hover,
	.navigation li.bleu:hover li:hover,
	.navigation li.gris:hover li:hover,
	.navigation li.rouge:hover li:hover,
	.navigation li.orange:hover li:hover,
	.navigation li.jaune:hover li:hover,
	.navigation li.vertclair:hover li:hover{background: #F2F2F2 url(../images-template/defaut/bg-navigation-principale-deroule-li-over.png) 0 100% repeat-x;}

	.navigation li:hover li a,
	.navigation li.current:hover li a {background: #f2f2f2 url(../images-template/defaut/bg-navigation-principale-deroule.png) 0 50% no-repeat;}

	.navigation li.current a,
	.navigation li.current.defaut a {background: #7c7b7b url(../images-template/defaut/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.gris a {background: #7c7b7b url(../images-template/gris/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.vert a {background: #95c13a url(../images-template/vert/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.bleu a {background: #8ac5ed url(../images-template/bleu/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.rouge a {background: #d01024 url(../images-template/rouge/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.orange a {background: #ffc056 url(../images-template/orange/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.vertclair a {background: #bddb57 url(../images-template/vertclair/bg-navigation-principale-over.png) 0 100% repeat-x;}
	.navigation li.current.jaune a {background: #fedd57 url(../images-template/jaune/bg-navigation-principale-over.png) 0 100% repeat-x;}

	.navigation li:hover li a:hover,
	.navigation li.defaut:hover li a:hover {background: transparent url(../images-template/defaut/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.gris:hover li a:hover {background: transparent url(../images-template/gris/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.vert:hover li a:hover {background: transparent url(../images-template/vert/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.bleu:hover li a:hover {background: transparent url(../images-template/bleu/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.rouge:hover li a:hover {background: transparent url(../images-template/rouge/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.orange:hover li a:hover {background: transparent url(../images-template/orange/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.vertclair:hover li a:hover {background: transparent url(../images-template/vertclair/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}
	.navigation li.jaune:hover li a:hover {background: transparent url(../images-template/jaune/bg-navigation-principale-deroule-over.png) 0 50% no-repeat;}

	.navigation li ul,
	.navigation li.defaut ul,
	.navigation li.gris ul {border: solid 4px #494949;}
	.navigation li.vert ul {border: solid 4px #539d08;}
	.navigation li.bleu ul {border: solid 4px #6ca7cf;}
	.navigation li.rouge ul {border: solid 4px #b60d1b;}
	.navigation li.orange ul {border: solid 4px #fd991f;}
	.navigation li.vertclair ul {border: solid 4px #7cad30;}
	.navigation li.jaune ul {border: solid 4px #ffc01e;}

	.navigation a {color: #333;}
	.navigation a:hover,
	.navigation li:hover a {color: #FFF;}
	.navigation li:hover li a,
	.navigation li:hover li a:hover {color: #333;}
	.navigation li:hover li a {border-top: solid 1px #f2f2f2; border-bottom: solid 1px #f2f2f2;}
	.navigation li:hover li a:hover {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}

	.navigation li.current a,
	.navigation li.current:hover a,
	.navigation li.current a:hover {color:#FFF;}
	.navigation li.current:hover li a {color:#333;}

/* FOOTER
--------------------------------------------------------------*/

#footer {background-color: #f0f0f0; clear: both; padding: 10px; margin-top: 2em}
	.zone-footer-liens {background-color: #FFF; border: solid 1px #E6E6E6; width: 980px; margin: 0 auto; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	.zone-footer-liens ul {float:left; margin-top: 18px;}
	.zone-footer-liens li {display: block; float:left; margin-right: 10px; width: 150px; color: #76b1d9; font-weight: bold;}
	.zone-footer-liens li ul {float: none; margin-top: 25px; margin-left: 0; padding-left: 0;}
	.zone-footer-liens li li {float: none; margin: 10px 0;}
	.zone-footer-liens li a {text-decoration: none; color: #888; font-weight: normal;}
	.zone-footer-liens li a:hover {text-decoration: underline; color:#666}
	.zone-footer-liens ul.autres-sites  {display: block; margin-left: 130px; margin-right: 50px;}
	.img-elu-sc-annee {margin-top: 30px;}

	/* Baseline */
	.baseline {clear: both; width:940px; text-align:center; margin: 1em auto; padding: 20px; font-size: 87.5%}
	.baseline p {margin:0}
	.baseline p.phrase-legale {margin: 0.5em auto 2em; font-size:112.5%}

/* COMMONS
--------------------------------------------------------------*/
.left {text-align:left;}
.right {text-align:right;}
.center {text-align: center}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {clear:both;}

/* ZONE DE CONTENU
--------------------------------------------------------------*/

#contenu {margin: 0 auto; width: 980px;}

/* Tableau de bord (ex 3eme colonne) */
#panneau {margin:0; clear:both;}
	#contentpanneau {overflow:hidden;padding-bottom: 8px}
	#openpanneau, #closepanneau {text-align: center; padding:0}
	#openpanneau img, #closepanneau img {margin: 0 auto;}
	#openpanneau {display:none;}
	.agenda-investisseur {position:relative; margin: 8px 0 0 15px; width: 360px; height: 95px; background: transparent none; overflow: hidden; float:left; /*border-radius: 6px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; -ms-border-radius: 6px;}
	.agenda-investisseur h3 {padding: 2px 5px; margin:0}
	.agenda-investisseur p.date {padding: 10px 5px 0; margin:0; font-size:87.5%; font-weight: bold;}
	.agenda-investisseur p.evenement {padding: 5px 0 0 25px; margin:0; font-size:87.5%;}
	.agenda-investisseur a {font-size: 81.25%}
	.agenda-investisseur a.plus {position:absolute; right: 0; bottom: 0; display:block; padding: 5px 5px 5px 65px; font-size: 81.25%}
	.cours-action {margin: 8px 0 0 15px; width: 360px; height: 95px; background: transparent none; overflow: hidden; float:left; /*border-radius: 6px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; -ms-border-radius: 6px;}
	.bt-panneau {margin: 8px 0 4px 15px; float: left; width:106px; height: 32px; display:inline-block; padding: 8px 70px 2px 10px;}
	#contentpanneau a.bt-panneau,
	#contentpanneau a.bt-panneau:link,
	#contentpanneau a.bt-panneau:visited,
	#contentpanneau a.bt-panneau:active,
	#contentpanneau a.bt-panneau:hover {color: #fff; text-decoration: none; font-weight: bold;}

	#contentpanneau .bloc-principal {padding:0;border:none;position:relative; margin: 8px 0 0 15px; width: 360px; height: 95px; background: transparent none; overflow: hidden; float:left; /*border-radius: 6px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; -ms-border-radius: 6px;}
	#contentpanneau .bloc-principal h1 {padding: 2px 5px; margin:0;background:none;}
	#contentpanneau .bloc-principal .erreur p {padding: 10px 5px 0; margin:0; font-size:87.5%; font-weight: bold;}

/* Fil d'ariane */
#fil {margin: 20px auto 15px; clear: both;}
	#fil ul {display: block; margin: 0; padding: 0;}
	#fil li {display: inline; font-size: 87.5%;}
	#fil a {display: block; float: left; padding-right: 15px; background: url(../images-template/bg-lien-fil.png) 100% 50% no-repeat;}
	#fil a:visited {text-decoration:underline;}
	#fil a:hover {text-decoration:none;}

/* colonne de gauche (Navigation niveau 2) */
#gauche {float:left; width: 215px; margin-right: 20px; margin-bottom: 1em;}
	.navigation-secondaire {margin: 0; padding: 0; border-top: solid 1px #d9d9d9;}

	.navigation-secondaire li {padding: 0; margin: 0; display:block;}
	.navigation-secondaire li.open ul {display: block; margin: 0; padding: 10px 0; border: solid 1px #d9d9d9; border-top: none 0;}
	.navigation-secondaire li.open li.open ul {display:block; margin: 0 10px 5px 25px; padding: 0; border-left: dotted 1px #CCC; border-bottom: dotted 1px #CCC; background-image:none; border-right:none}
	.navigation-secondaire li ul,
	.navigation-secondaire li.open li ul {display:none;}
	.navigation-secondaire li.lvl2 a {padding-top: 5px; font-weight:normal; padding-bottom: 5px; padding-left: 25px; font-size: 87.5%; border: none 0;}
	.navigation-secondaire a {display:block; font-weight: bold; text-decoration: none; text-transform: none; line-height: 1.2; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; text-align: left; border: solid 1px #d9d9d9; border-top: none 0; color:#333;}

	.navigation-secondaire form {display:block; margin: 0; padding: 0;}
	.navigation-secondaire .bloc-recherche {display:block; margin: 1em;}
	.navigation-secondaire input.text {width: 125px; height: 19px; vertical-align: middle; border: solid 1px #ccc; color: #666; padding: 2px 0.5em 0; background-color: #f7f7f7}
	.navigation-secondaire input.bouton-recherche {width: 36px; height: 23px; vertical-align: middle; border: none 0; padding: 0; background: url(../images-template/btn-rechercher-actu.png) 0 0 no-repeat}
	.navigation-secondaire input.bouton-filtre {vertical-align: middle; border: solid 1px #c5c5c5; padding: 0 15px; margin: 1em; font-weight: bold; background: url(../images-template/btn-filtrer-actu.png) 0 100% repeat-x;/*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	.navigation-secondaire .bloc-filtre {display:block; margin: 1em;}
	/* .navigation-secondaire select.annees {width: 157px; vertical-align: middle; border: solid 1px #ccc; color: #666; padding: 2px; margin-bottom: 1em;} */
	.navigation-secondaire select.annees {width: 157px; vertical-align: middle; margin-bottom: 1em; padding: 2px; border: solid 1px #ccc; color: #666; background-color: #f7f7f7}
	.navigation-secondaire input.checkbox {margin: 5px 0; vertical-align: middle;}

	.nuage {color: #999; text-align: center; padding: 0 2em}
	.tag-1 {font-size: 80%}
	.tag-2 {font-size: 85%}
	.tag-3 {font-size: 90%}
	.tag-4 {font-size: 95%}
	.tag-5 {font-size: 100%}
	.tag-6 {font-size: 105%}
	.tag-7 {font-size: 110%}
	.tag-8 {font-size: 115%}
	.tag-9 {font-size: 120%}
	.tag-10 {font-size: 125%}
	.tag-11 {font-size: 130%}
	.tag-12 {font-size: 135%}

#gauche .navigation-secondaire .nuage a {display: inline-block; text-decoration: none; font-weight: bold; background-image: none; padding: 0.2em; margin: 0; border: solid 1px #fff;}
#gauche .navigation-secondaire .nuage a:link,
#gauche .navigation-secondaire .nuage a:visited {color: #666;}


/* colonne droite */
#droite{margin:0; padding-left:7px; width:145px; float:right}
	#droite h2 {margin: 0 0 0.45em 0}

/* colonne centrale */
#centre {margin: 0; padding-left: 235px;}
.nonav #centre {padding-left:0}
	.bloc-unique {overflow:hidden; margin: 0 0 20px; padding: 0 40px; /*border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; -ms-border-radius: 8px;}
	.bloc-unique h1 {padding: 12px 0}
	.bloc-principal {overflow:hidden; margin: 0 0 1em; padding: 0 2em 1em; /*border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; -ms-border-radius: 8px;}
	.bloc-principal h1 {padding: 12px 0}

	.htmlarea {padding: 1em 0 0}
	.separation {padding: 1em 0 3em;clear:both;}
	.separation:before{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.separation:after{
		clear:both;
	}

	/* RTE */
	.chapeau {font-size: 112.5%; text-align: center; color: #666;}
	.small {font-size: smaller;}
	.htmlarea h2, .csc-header h2{display:block; margin: 1.5em 0 1em; font-size: 137.5%}
	.htmlarea h3 {display:block; margin: 1.5em 0 1em; font-size: 112.5%; padding-left: 30px}
	.htmlarea h4 {display:block; margin: 1em 0; font-size: 100%; padding-left: 30px}
	.htmlarea table {margin: 1em auto 1.5em; border: none 0;}
	.htmlarea p.legende {text-align:center; margin: 0.5em auto 2em; border: solid 1px #f2f2f2; color: #999; background-color: #f9f9f9; font-size: 87.5%; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	.htmlarea ul,
	.htmlarea ol {text-align:left;}
	.htmlarea ul li {border: none 0; text-indent: 20px; line-height: 1.5; padding: 0 0 4px 0; margin: 0.5em 0}
	.htmlarea ol li {border: none 0; line-height: 1.5; padding: 0 0 4px 2px; margin: 0.5em 0}

	/* Images + Texte */
	.image-left .image {float:left; margin-right: 2em;}
	.image-left .texte ul {overflow:hidden}
	.image-left .bouton {margin-top:1em}
	.image-right .image {float:right; margin-left: 2em;}
	.image-center .image {text-align:center; margin: auto;}
	.image-center .image img {margin-top: 1em}
	.image-center .image p.legende {display:inline-block; margin: 1em auto; padding: 0 1em}

	/* liens */
	a.linkToLexique,
	.htmlarea a.linkToLexique {text-decoration: none; border-bottom: dotted 1px #5ba4d6; color: #333}
	a.bouton,
	.htmlarea a.bouton {display: inline-block; padding-right: 40px; text-decoration: none; line-height: 1; white-space: nowrap;}
	a.bouton span,
	.htmlarea a.bouton span {display: inline-block; padding: 13px 0 14px 20px; font-size: 137.5%; font-weight: bold; line-height: 1}
	a.download,
	.htmlarea a.download {display: inline-block; padding-right: 30px; text-decoration: none; color: #666; background: url(../images-template/bg-lien-bouton-pdf.png) 100% 0 no-repeat; line-height: 1}
	a.download span,
	.htmlarea a.download span {display: inline-block; padding: 5px 0 8px 15px; font-size: 100%; font-weight: normal; color: #666; background: url(../images-template/bg-lien-bouton-pdf.png) 0 0 no-repeat; line-height: 1}
	a.externe,
	.htmlarea a.externe {/*display: inline-block;*/ padding-right: 15px; background: url(../images-template/bg-lien-externe.png) 100% 0 no-repeat; line-height: 1}
	a.back,
	.htmlarea a.back {display: inline-block; padding-left: 15px;}

	/* Modules */
	.triple {margin: 1em auto 0; border: none 0;}
	.triple .texte {float:left; text-align: center; width: 33%;}
	.triple .double_texte {float:left; text-align: center; width: 49%;}
	.triple p {padding:0 1em;}
	.triple ul {padding-right:1em;}
	/*.triple .texte ul {height: 120px}*/

	div.csc-textpic-border img, div.csc-textpic-border embed{border:1px solid #555555;}

	.encadre {border: solid 10px #ececec; padding: 0; float:left; width:305px; margin: 10px}
	.encadre .image, .encadre .csc-textpic-imagewrap {background-color: #fff; margin:0; padding:0; float:left; width:135px; overflow:hidden;}
	.encadre .texte, .encadre .csc-textpic-text {background-color: #fff; margin:0; padding: 5px 0; width:170px; overflow:hidden; font-size: 93.75%}
	.encadre .texte h3, .encadre .csc-textpic-text h3 {background: transparent none; margin: 5px 0; padding:0; font-size: 137.5%}
	.encadre .texte p, .encadre .csc-textpic-text p {background: transparent none; margin:0; padding:0; line-height:1}
	.encadre.last:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div.cadre {padding:0}

	/* Actualit�s */
	a.retour-actualites,
	span.nombre-reponse-actu {font-size: 87.5%; font-weight: normal; margin-top: 10px;}
	a.retour-actualites {display:inline-block;}
	span.nombre-reponse-actu {float:left; color: #666}
	div.rss {display:inline-block; float:right; margin-top:-40px; width:137px; height: 17px; font-size: 93.75%; color: #fff; vertical-align: middle; background: transparent url(../images-template/btn-abonnement-rss.png) left top no-repeat;}
	div.rss a,
	div.rss a:link,
	div.rss a:visited {text-decoration: none; font-size: 93.75%; color: #fff; line-height: 1.5; margin-left: 2em;}
	div.rss a:hover,
	div.rss a:focus,
	div.rss a:active {text-decoration: underline}
	.pagination {text-align: right; padding: 10px 0;}
	.pagination ul,
	.pagination li {display: inline}
	.pagination a {display: inline-block; padding: 0 5px; vertical-align: middle; height: 12px}

	div.news-single,
	div.news {padding-bottom: 1em; }
	div.news-single h2,
	.news h2 {font-size: 112.5%; font-weight: bold; padding: 10px 0; color: #666; position: relative;}
	.info-actu {border: solid 1px #eaeaea; background-color: #f7f7f7; padding: 5px; font-size: 81.25%;}
	.info-actu a,
	.info-actu a:link,
	.info-actu a:visited,
	.info-actu a:hover,
	.info-actu a:focus,
	.info-actu a:active {text-decoration: none; color: #333}
	span.date-actu {margin-left: 10px; margin-right: 5px}
	span.type-actu {margin-left: 5px; margin-right: 10px}
	span.pdf {background: url(../images-template/picto-lien-pdf.png) 100% 50% no-repeat; padding-right: 20px;}

	.contenu-actu,
	.resume-actu {margin: 5px 0 0; padding: 15px 0 0;}
	.img-resume-actu {float:left; margin: 10px 15px 0 0; display: inline-block}

	.tagliste {color: #999; margin: 1em 0;}
	.tags {display:inline-block; color: #999; text-decoration: none; padding: 0.2em 0.5em; vertical-align: middle; border: solid 1px #eaeaea; margin-left: 1em; background-color: #f7f7f7; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	.tags:hover {color: #fff; border: solid 1px #62aa0d; background-color: #86ba27;}
	.htmlarea div.link-actu h4 {margin: 2em 0 0; padding:0; color: #666}

	/* Lexique */
	.alphabet {color: #999; margin: 1em 0; clear:both; height: 20px; width: 100%;}
	.alphabet ul {padding:0; margin:0;}
	.alphabet li {display: block; padding:0; margin:0; width: 22px; height: 22px; float: left; margin-right: 4px}
	.alphabet a {display:block; width: 20px; height: 20px; color: #666; text-align:center; text-decoration: none; line-height: 1.5; border: solid 1px #ccc; background-color: #f7f7f7; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	.alphabet li.disabled {width: 20px; height: 20px; color: #ccc; text-align: center; text-decoration: none; line-height: 1.5; border: solid 1px #eaeaea; background-color: #f7f7f7; cursor: not-allowed;/*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}

	.bloc-lexique {padding:0; margin:0;}
	.bloc-liste-lexique {width:270px; height: 220px; overflow:auto; border: solid 1px #ccc; float:left; margin: 1em 2em 2em 0}
	.liste-lexique {padding:0; margin:0;}
	.liste-lexique li {margin: 0; padding: 0;}
	.liste-lexique a {display:block; padding: 0.5em; text-decoration: none; color: #666;}
	h2.terme {padding: 1em 0; font-size: 137.5%; line-height: 1.5; }

	/* FAQ */
	div.faq {padding:0;}
	.faq h2 {padding: 0.2em 0 0.2em 2em;}
	.faq dl,
	.faq dt,
	.faq dd {display: none}
	.faq .open {display: block;}
	.faq .open dl {display: block;}
	.faq .open dt {display: block; margin: 0; padding: 0.5em 2em; background: url(../images-template/bg-terme-faq-close.png) 0 50% no-repeat;}
	.faq .open dt a {color: #666; text-decoration: none;}
	.faq .open dt.open {background: url(../images-template/bg-terme-faq-open.png) 0 50% no-repeat;}
	.faq .open dd.open {display: block; padding-left: 2em; margin: 1em 2em 2em;}
	.rub h2, .faq dt {cursor:pointer;}

	/* Plan du site */
	.tx-dropdownsitemap-pi1 ol {list-style-type: none; background: url(../images-template/bg-plan-du-site-ol-open.png) 0 100% no-repeat;}
	.tx-dropdownsitemap-pi1 li {padding: 18px 0 1em 25px; background: url(../images-template/bg-plan-du-site-li-open.png) 0 0 no-repeat;}
	.tx-dropdownsitemap-pi1 .expAll {margin-left: 18px}
	.tx-dropdownsitemap-pi1 a:link,
	.tx-dropdownsitemap-pi1 a:visited {font-size: 100%; text-decoration: none;}
	.tx-dropdownsitemap-pi1 a:hover,
	.tx-dropdownsitemap-pi1 a:focus,
	.tx-dropdownsitemap-pi1 a:active {color: #c00; text-decoration: underline;}
	.tx-dropdownsitemap-pi1 .ifsub a:link,
	.tx-dropdownsitemap-pi1 .ifsub a:visited {font-size: 100%; font-weight: bold; text-decoration: none;}
	.tx-dropdownsitemap-pi1 .ifsub a:hover,
	.tx-dropdownsitemap-pi1 .ifsub a:focus,
	.tx-dropdownsitemap-pi1 .ifsub a:active {color: #c00; text-decoration: none;}
	.tx-dropdownsitemap-pi1 .expAll a:link,
	.tx-dropdownsitemap-pi1 .expAll a:visited,
	.tx-dropdownsitemap-pi1 .expAll a:hover,
	.tx-dropdownsitemap-pi1 .expAll a:focus,
	.tx-dropdownsitemap-pi1 .expAll a:active {font-size: 100%; text-decoration: none; color: #999;}
	.tx-dropdownsitemap-pi1 ol {margin:0 0 1.5em 1.5em;}
	.tx-dropdownsitemap-pi1 div {margin:0;padding:0;}
	.tx-dropdownsitemap-pi1 div.expAll {background-color:transparent;border:none;padding:0;}
	.tx-dropdownsitemap-pi1 span.ifsub {text-transform:none;}

	/* Page Recherche (Google Custom search engine) */
	#cse,
	table.gsc-search-box,
	.gsc-control-cse {border: none 0;}
	form.gsc-search-box {display:block; padding: 1em 0 0 1em; background-color: #c00; border: solid 1px #c00; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	table.gsc-search-box{padding: 1em;}
	td.gsc-search-button {width:125px}
	input.gsc-input {width:100%}
	div.gs-title {padding: 5px 0; margin: 1em 0 0.5em; border-top: solid 2px #c00}
	div.gsc-cursor-box {padding: 5px 0; margin: 1em 0 2em; border-top: solid 2px #c00}
	.gsc-cursor-page {float:left; padding: 0.5em 5px; cursor:pointer; color: #69C}
	.gsc-cursor-current-page {font-weight: bold; color: #c00}
	a.gs-title {font-size:130%; display:block; padding: 1em 0 0.5em}
	.gs-snippet {display:block; padding: 1em 0 0.5em}
	.gs-visibleUrl-long {display:block; padding: 0.5em 0 1em}
	td.gsc-clear-button,
	table.gsc-branding,
	.gs-watermark,
	.gs-visibleUrl-short,
	.gsc-resultsHeader,
	.gsc-adBlockInvisible,
	.gsc-tabsArea,
	.gsc-adBlockVerticalInvisible,
	.gsc-tabHeader {display:none;}
	/* HOME */
	#banniere {padding:0; position: relative;  margin: 0 0 16px 0;}
	#banniere ul {position: absolute; top: 20px; left: 15px; margin: 0; padding: 0;}
	#banniere li,
	#banniere li.actif {padding: 0.5em 0 0.5em 2em; font-weight: bold; font-size: 112.5%}
	#banniere li {color: #666}
	#banniere li.actif { background: url(../images-template/home-puce-menu-banniere.png) 0 50% no-repeat;}
	#banniere li.actif a {color: #C00; text-decoration: none;}
	#banniere .image {padding:0; margin:0;}
	#banniere .texte {position: absolute; top: 0; right: 0; margin: 0; padding: 0;}

	.simple {/*border:1px solid #E6E6E6;*/ position:relative; display:inline-block; float:left; width: 317px; height: 162px; background-color: #f3f3f3; margin: 0 5px 18px 4px; padding:0;}
	.simple h2 {height:20px; color: #ccc; padding: 4px 0 0 7px; background-color: #fff;}
	.simple h2.portail {background-color: #f3f3f3; margin: 0;}
	.simple object,
	.simple img {position:absolute; z-index:1; top: 20px; left: 0; max-width:317px; max-height:142px; background-color: #fff;}
	.simple a.portail img {position: relative; top: 0; left: 0; margin: 7px; background-color: transparent; max-width:100%; max-height:100%;}
	.simple a {margin: 0; padding:0;}
	.simple p.portail {text-align:right; padding: 0 7px;}
	.simple p.portail a {background: url(../images-template/bg-lien-home-fr.png) 0 50% no-repeat; display:inline-block; padding-left: 1em;font-weight: bold; font-size: 115%; color: #999;}
	.simple object.portail {top:0; position:relative; margin: 7px; max-width:303px; max-height:148px;}

	.double {position:relative; display:inline-block; float:left; width: 643px; height: 162px; background-color: #fff; margin: 0 5px 18px 4px; padding:0}
	.double h2 {color: #999; border: solid 1px #e6e6e6; border-bottom: none 0; width:621px; background-color: #f3f3f3; margin: 0; padding: 10px}
	.double h2.home-actus {}
	.double h2.home-actus a.rss {display:block; position:absolute; width:137px; height: 17px; padding-left:2em; background: transparent url(../images-template/btn-abonnement-rss-home.png) left top no-repeat; right:0; top:10px;}
	.double h2.home-actus a,
	.double h2.home-actus a:link,
	.double h2.home-actus a:visited {text-decoration: none; font-size: 75%; color: #999; line-height: 1.5;}
	.double h2.home-actus a:hover,
	.double h2.home-actus a:focus,
	.double h2.home-actus a:active {text-decoration: underline}
	.double a.plus {display:block; position:absolute; width:137px; height: 17px; padding: 5px 0 0 65px; background: transparent url(../images-template/bg-lien-actus-home-fr.png) 0 0 no-repeat; right:0; bottom:0;}
	.double a.plus:link,
	.double a.plus:visited {text-decoration: none; color: #666;}
	.double a.plus:hover,
	.double a.plus:focus,
	.double a.plus:active {text-decoration: underline}
	.double img.scrolltop {margin-bottom:1px}
	.double .scrollbloc {position:relative; width:621px; height:105px; border:solid 1px #e6e6e6; background-color: #fff; padding: 10px 6px 10px 14px; overflow:hidden;}
	.double .scrollbar {position: absolute; right:0; top:50%; margin-top:-21px; width:20px; height:41px;z-index:10}
	.double .scroll {width:600px; position:absolute; top:0;}
	.double .scroll h3 {color:#5ba4d6; padding-left:0; margin-top: 0.5em; background: none;}
	.double .scroll h3.home-actus {font-size: 100%; margin-top: 0; padding-top: 0;}
	.double .scroll .date {color:#999; margin-bottom: 0; padding-bottom: 0;}

	.double_slider {width: 641px; height: 70px;}
	.simple_slider {width: 317px; height: 158px;}

	.reduit {position: relative; display: inline-block; float: left; width: 317px; height: 90px; background-color: #fff; margin: 0 5px 0 4px; padding:0}
	.reduit h2 {position: absolute; left: 10px; top: 12px; color: #5ba4d6;}
	.reduit h2.investisseur {position: relative; left: 0; top: 0; height:20px; padding: 4px 0 0 7px; background-color: #fff; margin-bottom:0}
	.reduit img {position: absolute; top: 0; left: 0;}
	.reduit img.investisseur {position: relative;}
	.reduit form {background-color: #f3f3f3; border: solid 1px #e6e6e6; width: 315px; height: 71px; padding:0; margin: 0;}
	.reduit input {display: inline-block; vertical-align: middle; margin-top: 30px;}
	.reduit input.fld-newsletter {background-color: #fff; color: #666; border: solid 1px #e6e6e6; margin: 30px 2px 0 20px; height: 20px; width: 210px; padding: 3px 10px;}

	.slider {background-color: #f3f3f3; /*border: solid 1px #e6e6e6;*/ padding: 0;}
	.slider h2 {position: absolute; left: 10px; top: 12px; color: #5ba4d6; border: none 0; width:auto; margin: 0; padding: 0; background-color: #f3f3f3;}
	.slider img {margin-top: 18px; margin-left: 7px}

	.simple_slider {background-color: #f3f3f3; border: solid 1px #e6e6e6; padding: 0;}
	.simple_slider h2 {position: absolute; left: 10px; top: 12px; color: #5ba4d6; border: none 0; width:auto; margin: 0; padding: 0; background-color: #f3f3f3;}
	.simple_slider img {margin-top: 18px; margin-left: 7px}
	
	.double_slider {background-color: #f3f3f3; border: solid 1px #e6e6e6; padding: 0;}
	.double_slider h2 {position: absolute; left: 10px; top: 12px; color: #5ba4d6; border: none 0; width:auto; margin: 0; padding: 0; background-color: #f3f3f3;}
	.double_slider img {margin-top: 18px; margin-left: 7px}

	h2.vert {color: #91bd0f;}
	h2.bleu {color: #5ba4d6;}
	h2.orange {color: #f0ac08;}
	h2.portail {color: #5ba4d6;}
	h2.rouge {color: #cc0000;}

	/* Cas particuliers (Investisseurs) */
	#actus-investisseurs {padding:0; position: relative;  margin: 0 0 16px 0; padding: 30px 0 0 337px; min-height:273px; background: url(../images/home-investisseur.jpg) 0 0 no-repeat;}
	#actus-investisseurs div.actu {width:270px; float:left; padding-left: 30px; background: url(../images-template/puce-home-investisseurs.png) 0 0 no-repeat;}
	#actus-investisseurs  h2 {color: #5ba4d6;}
	#actus-investisseurs  span.lien {display: inline-block; padding: 2px 5px; margin-bottom: 1em; color: #666; border: solid 1px #ccc; /*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; -ms-border-radius: 3px;}
	#actus-investisseurs  a.pdf {display: inline-block;  padding: 2px 5px 2px 20px; margin-right: 5px; color: #666; border-right: solid 1px #999; background: url(../images-template/picto-lien-pdf.png) 0 50% no-repeat; text-decoration: none;}
	#actus-investisseurs p.voir-tous {clear:both;text-align:right; padding-right: 45px;}
	.simple .focus {background: url(../images-template/bg-focus-investisseurs.png) 0 0 repeat-x; height:125px; margin: 0 5px;}
	.simple .focus h3 {font-size: 180%; color: #ececec; padding: 10px 5px; overflow:hidden; margin-bottom: 0.5em;}
	.simple .focus ul {padding: 0; margin: 0; overflow:hidden;}
	.simple .focus li {padding: 0 0 5px 25px; background: url(../images-template/puce-focus-investisseurs.png) 5px 0 no-repeat;}
	.simple .focus li a {color: #ececec;}
	.simple .focus .img-investisseur-focus {position: relative; margin: 5px; padding: 0; top: 0; max-height: 115px; float:left;}
	.simple .action {background: url(../images-template/bg-action-investisseurs.png) 0 0 repeat-x; height:125px; margin: 0 5px;}
	.simple .action  .img-investisseur-action {position: relative; margin: 5px; padding: 0; top: 0; max-height: 115px; float:left;}
	.simple img.investisseur {position: relative; top: 0; margin: 5px;}
	.agenda {position: relative; background: url(../images-template/bg-agenda-investisseurs.png) 0 50% repeat-x; height: 80px; margin: 0 5px; border: solid 1px #ccc; /*border-radius: 3px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -ms-border-radius: 5px;}
	.agenda h3 {font-size: 145%; position:relative; left: 0; top: 0; height:20px; padding: 5px 0 5px 20px; margin-bottom:0; color: #ececec}
	.agenda p {color: #ececec; line-height: 1;margin-left:10px;}
	.agenda span.agenda-date {display: inline-block; padding: 0 5px 0 15px; margin: 5px 0 5px 0; border-right: solid 1px #ececec; background: transparent url(../images-template/puce-focus-investisseurs.png) 0 50% no-repeat; font-weight: bold;}
	.agenda a {color: #ececec}
	.agenda a.plus {display:block; position:absolute; width:105px; height: 17px; padding: 5px 0 0 65px; background: transparent url(../images-template/bg-lien-agenda-home-investisseurs.png) 0 0 no-repeat; right:0; bottom:0;}

	/* Formulaires */
	.required {color: #c00;}
	.bloc-formulaire-contact {position:relative; overflow:hidden; width:745px; min-height: 400px; margin-bottom: 2em;}

	.formulaire {position: relative;}

	.formulaire h2 {position: absolute; display:block; background: url(../images-template/bg-form-inactif.png) 0 0 no-repeat; width: 227px; height: 75px; text-align: center;}
	.formulaire h2.current a:link, .formulaire h2.current a:visited, .formulaire h2.current a:hover, .formulaire h2.current a:focus, .formulaire h2.current a:active{color: #fff;}

	#form1 h2 {top:0; left:0;}
	#form2 h2 {top:0; left:259px;}
	#form3 h2 {top:0; right:0;}

	.formulaire h2 a {display: block; height: 35px; width: 100%; padding-top: 20px}
	.formulaire h2 a:link,
	.formulaire h2 a:visited,
	.formulaire h2 a:hover,
	.formulaire h2 a:focus,
	.formulaire h2 a:active {color: #86ba27; text-decoration:none;}

	.formulaire form, .bloc-formulaire-contact .formulaire .tx-powermail-pi1_mandatory, .bloc-formulaire-contact .formulaire .tx-powermail-pi1_thx {width:705px; height: 285px; padding:20px ; background: url(../images-template/bg-form-contact.png) left top no-repeat; position:absolute; left:0; top:70px;}
	.bloc-formulaire-contact .formulaire .tx-powermail-pi1_thx table{border:none;}
	.bloc-formulaire-contact .formulaire .tx-powermail-pi1_thx p{margin:0;}
	.bloc-formulaire-contact .formulaire .tx-powermail-pi1_mandatory form{width:auto; height: auto; padding:0; background: none; position:static;}
	.formulaire form.hide {display:none;}
	.formulaire fieldset.partie1 {float: left; width: 40%;}
		.partie1 label {display: block; width: 100px; height:14px; float: left; text-align:right; padding:3px; margin-top: 1em;}
		.partie1 input,
		.partie1 textarea,
		.partie1 select {width: 160px; padding:1px; margin-top: 0.8em}
		.partie1 small {display: block; font-size: 85%; text-align: right; padding:2px 35px 2px 0;}
	.formulaire fieldset.partie2 {float: left; width: 59%;}
		.partie2 label {display: block; width: 100px; float: left; text-align:right; padding:3px; margin-top: 1em;}
		.partie2 label.lb-captcha {}
		.partie2 .captcha {width: 100px;}
		.partie2 .fld-captcha {width: 80px; margin-top: 12px; height: 30px; margin-left: 10px; font-weight: bold; font-size: 180%}
		.partie2 .img-captcha {width: 80px; padding: 0; margin-top: 12px; float: left;}
		.partie2 input,
		.partie2 select {width: 160px; padding:1px; margin-top: 1em}
		.partie2 input.checkbox {float: left; width: auto; margin-left: 106px; margin-right: 1em;}
		.partie2 label.lbl-optin {display:block; padding: 0; width: 180px; height: 100%; text-align: left; float: none; overflow:hidden}
	.formulaire .btn-submit-form-contact {display:block; width:69px; height:43px; position:absolute; right: 20px; bottom: 10px;}
	.formulaire .form-info {display:block; width:150px; height:10px; position:absolute; left: 20px; bottom: 20px; margin:0; padding: 0;}
	/*Mentions l�gales*/
	.repliable {margin: 1em 0 2em; padding: 0 18px; display: inline-block; width: 620px}
	.repliable p {font-size:93.75%; background-color: transparent; display: inline-block;}
	.repliable .open,
	.repliable .close {color: #999;}
	.repliable .open {padding: 0 20px 20px; background: url(../images-template/bg-mentions.png) 0 100% no-repeat;}
	.repliable .open a.closeml {margin: 0 0 20px -20px;}
	/*2nd gabarit semblable a FAQ*/
	.repliable_classic h2{
		background:transparent url(../images-template/bg-terme-faq-close.png) no-repeat scroll 0 50%;
		margin:0;
		padding:0.5em 2em;
	}
	.repliable_classic{
		margin:1em 0 2em;
		padding: 0 25px;
	}
	.repliable_classic .open h2{
		background:transparent url(../images-template/bg-terme-faq-open.png) no-repeat scroll 0 50%;
	}
	.repliable_classic .open{
		background:none;
		padding: 0 0 20px;
	}
	.repliable_classic .open p{
		padding-left:2em;
		margin-left:2em;
		display:block;
	}
	.repliable .open img.action{
		margin:0 0 20px -20px;
	}

	/* Bloc secondaire "A voir aussi..." */
	.bloc-secondaire {margin: 1em 0 2em; padding: 0; overflow:hidden}
	.bloc-secondaire h2 {font-size: 93.75%; font-weight: bold; padding: 7px 12px 14px; margin: 0}
	.bloc-secondaire ul {margin: 0 0 1em 0; padding: 0;}
	.bloc-secondaire ul li {display: inline-block; margin: 0.5em 1em 0;}
	.bloc-secondaire a {text-decoration: none; white-space: nowrap;}
	.bloc-secondaire a:hover {text-decoration: underline;}
	.bloc-secondaire p {margin: 0 0 1em 1em;  line-height: 1.5;}

/* Sp�cial popup lexique */
	.bubbleInfo {
		position: relative;
		/*display: inline-block;*/
	}
	.popup {
		position: absolute;
		display: none; /* keeps the popup hidden if no JS available */
		width: 186px;
		background-color: #FFF;
		background: url(../images-template/bg-bloc-popup-lexique.png) 0 0 no-repeat;
		padding : 20px 20px 35px;
		text-indent:0;
		line-height:1.5;
		z-index: 10;
		font-weight: normal;
		color:#000000;
		font-size:12px;
		/* border: solid 1px #ccc; */
	}
	.popup a {
		color:#6699CC;
	}

/* Mode 1 colonne (nonav) et/ou sans le tableau de bord (noboard) */
.nonav #gauche,
.noboard #panneau  {display:none;}
.nonav .bloc-secondaire {margin-left:0}



a.favicon {
padding: 0 50px;
background-position: 0 50%;
background-repeat:no-repeat;
}
a.pdf {background-image: url(../images-template/picto-lien-pdf.png);}

/* Interstice */
#bloc_interstice {
z-index:110;
}
#bg_interstice {
background:transparent url(../images-template/bg-interstice-fond.png) repeat scroll left top;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:105;
}
#interstice {
height:418px;
left:50%;
margin-left:-387px;
margin-top:-300px;
position:absolute;
top:50%;
width:774px;
z-index:110;
}
#interstice .contenu-interstice .htmlarea{
	height:418px;
	background-color:#FFFFFF;
	color:#000000;
	padding:2em;
}
.div_home_flash{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://medias.poweo.com/images/home_inter_powehome.png) no-repeat scroll left top;
height:418px;
left:0;
position:absolute;
top:0;
width:774px;
}
.div_home_flash a{
bottom:0;
height:380px;
left:0;
position:absolute;
width:774px;
}
/* Images de titre */
h1.titre-news {background: url(../images-template/bg-titre-actualites.png) 50% 0 no-repeat;}
h1.titre-lexique {background: url(../images-template/bg-titre-actualites.png) 50% 0 no-repeat;}
h1.titre-faq {background: url(../images-template/bg-titre-actualites.png) 50% 0 no-repeat;}
h1.titre-plan {background: url(../images-template/bg-titre-actualites.png) 50% 0 no-repeat;}
h1.titre-recherche {background: url(../images-template/bg-titre-actualites.png) 50% 0 no-repeat;}