/* $VERSION: style_extranet.css 3.14.000.0.2011.09.05.17.43	 */

/*--------------------------------------------------------------------------
| Fichier : /extranet/style/css/style_extranet.css                         |
| Contenu : Feuille de style de l'extranet                                 |
| Descriptif :                                                             |
| Contient tous les styles spécifiques à l'extranet                        |
--------------------------------------------------------------------------*/ 


body 
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #336699;
	margin: 0;
	padding: 0;
	min-width: 770px;
}


/* Hack remplaçant min-width pour IE 5.x-6.0 */
* html .minwidth_IE 
{
	border-left:772px solid #FFFFFF; /* même couleur que le fond (qui est donc forcément uni) */
	position:relative; 
	float:left; 
	z-index:1;
}
* html .container_IE 
{
	margin-left:-772px; 
	position:relative; 
	float:left; 
	z-index:2;
}


/* -------------------------------------------------------------------
	Header - Haut de page avec la bannière
 ------------------------------------------------------------------- */

#header {
	height: 133px;
	overflow: hidden;
	background: url(../img/skin/header-fond.gif) repeat-x top right;
}

#header-g {
	background: url(../img/skin/header-g.gif) no-repeat top left;
}

#header-g-admin {
	background: url(../img/skin/header-g-admin.gif) no-repeat top left;
}

#header-g, #header-g-admin
{
	width: 427px;
	height: 133px;
	float: left;
}
#lien-client
{
	display: block;
	margin-left: 145px;
	margin-top: 5px;
	width: 170px;
	height: 75px;
}
#lien-admin
{
	display: block;
	margin-left: 140px;
	width: 235px;
	height: 65px;
}

#header-d {
	background: url(../img/skin/header-d.gif) no-repeat top right;
	width: 310px;
	height: 133px;
	float: right;
}

#deconnexion {
	margin-top: 74px;
	margin-left: 0px;
}

#deconnexion a {
	background: url(../img/skin/header-fermer-n.gif) no-repeat top left;
	display: block;
	height: 35px;
	width: 118px;
}
#deconnexion a:hover {
	background: url(../img/skin/header-fermer-h.gif) no-repeat top left;
}

/* -------------------------------------------------------------------
	Menu
 ------------------------------------------------------------------- */

#menu 
{
	width: 160px;
	float: left;
	padding-top: 20px; 
	background-color: #ccffcc;
}

#menu span
{
	visibility: hidden;
}


/* ---------- Liste principale ---------- */

ul#liste-menu
{
	padding: 0;
	margin: 0;
	width: 130px;
	margin: auto;		/* centrage */
	font-size: 1.0em;
	color: #000000;
	list-style: none;
}

#liste-menu li
{
	height: 20px;	/* dimensions de l'image de fond */
	width: 130px;
	margin-bottom: 5px;
}

li#prod, li#prod-h, li#param, li#param-h, li#forma, li#forma-h, li#telech_param, li#telech_param-h
{
	height: auto;	/* contiennent des listes secondaires */
	padding-top: 20px;
}

a.btn-menu
{
	display: block;
	height: 20px;	/* dimensions de l'image de fond */
	width: 130px;
	margin:0;
	padding:0;
	text-decoration: none;
}

a.linkable_row
{
	color: #000000;
	text-decoration: none;
}
a.linkable_row:hover
{
	text-decoration: underline;
}


/* ----- Images de fond et de survol des liens des rubriques du menu (liste-menu) ----- */

#actu a {
	background: url(../img/menu/menu-actu-n.gif) no-repeat top left;
}

#actu-h a, #actu a:hover {
	background: url(../img/menu/menu-actu-h.gif) no-repeat top left;
}

#prod, #prod0 {
	background: url(../img/menu/menu-prod-n.gif) no-repeat top left;
}

#prod-h, #prod0-h, #prod0 a:hover {
	background: url(../img/menu/menu-prod-h.gif) no-repeat top left;
}

#forma, #forma-tmp a {
	background: url(../img/menu/menu-forma-n.gif) no-repeat top left;
}

#forma-h, #forma-tmp-h a, #forma-tmp a:hover {
	background: url(../img/menu/menu-forma-h.gif) no-repeat top left;
}

#telech a, #telech_param {
	background: url(../img/menu/menu-telech-n.gif) no-repeat top left;
}

#telech-h a, #telech a:hover, #telech_param-h {
	background: url(../img/menu/menu-telech-h.gif) no-repeat top left;
}

#bilan a {
	background: url(../img/menu/menu-bilan-n.gif) no-repeat top left;
}

#bilan-h a, #bilan a:hover {
	background: url(../img/menu/menu-bilan-h.gif) no-repeat top left;
}

#assist a {
	background: url(../img/menu/menu-assist-n.gif) no-repeat top left;
}

#assist-h a, #assist a:hover {
	background: url(../img/menu/menu-assist-h.gif) no-repeat top left;
}

#param, #param2 a {
	background: url(../img/menu/menu-parametrage-n.gif) no-repeat top left;
}

#param-h, #param2-h a, #param2 a:hover {
	background: url(../img/menu/menu-parametrage-h.gif) no-repeat top left;
}


/* ---------- Listes secondaires ---------- */

ul#liste-prod, ul#liste-param, ul#liste-forma, ul#liste-telech_param {  
	margin: 0;
	padding: 0.4em;
	padding-left: 0.6em;
	font-size: 1.0em;
	color: #000000;
	list-style: none;
	border: 1px solid #14A162;
	border-top: 0;
	background: #d9ecd9;
}

#liste-prod li, #liste-param li, #liste-forma li, #liste-telech_param li {
	width: auto;
	height: auto;
	margin: 0;
}


#menu .bas {
	background: url(../img/menu/menu-bas.gif) no-repeat top #FFFFFF;
	width: 160px; 
	height: 75px;  
	margin-left: 0px;	
}

 
/* -------------------------------------------------------------------
	Onglet (titres, bordure)
 ------------------------------------------------------------------- */

#contenu
{
	margin-left: 160px;
	margin-right: 0px;
}
	
#onglet
{
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}

/* ----------  Titres des onglets (sous-menu)  ---------- */

ul#titres-onglets
{
	height: 25px;
	margin: 0;
	padding: 0;
	margin-left: 18px;
	list-style: none;
}

#titres-onglets li
{
	height: 25px;
	float: left;
}

#titres-onglets a
{
	display: block;
	height: 25px;
	text-decoration: none;
}

#titres-onglets span
{
	display: none;
}

/* ----- Images de fond des liens des titres d'onglets ----- */

.actualite #onglet1 a {
	background: url(../img/onglets/ong-actualites-n.gif) no-repeat top left;
}

.actualite #onglet1-h a, .actualite #onglet1 a:hover {
	background: url(../img/onglets/ong-actualites-h.gif) no-repeat top left;
}

.actualite #onglet2 a {
	background: url(../img/onglets/ong-archives-n.gif) no-repeat top left;
}

.actualite #onglet2-h a, .actualite #onglet2 a:hover {
	background: url(../img/onglets/ong-archives-h.gif) no-repeat top left;
}
	
.produit #onglet1 a {
	background: url(../img/onglets/ong-presentation-n.gif) no-repeat top left;
}

.produit #onglet1-h a, .produit #onglet1 a:hover {
	background: url(../img/onglets/ong-presentation-h.gif) no-repeat top left;
}

.produit #onglet2 a {
	background: url(../img/onglets/ong-equipe-n.gif) no-repeat top left;
}

.produit #onglet2-h a, .produit #onglet2 a:hover {
	background: url(../img/onglets/ong-equipe-h.gif) no-repeat top left;
}

.produit #onglet3 a {
	background: url(../img/onglets/ong-faq-n.gif) no-repeat top left;
}

.produit #onglet3-h a, .produit #onglet3 a:hover {
	background: url(../img/onglets/ong-faq-h.gif) no-repeat top left;
}
	
.formation #onglet1 a {
	background: url(../img/onglets/ong-present-n.gif) no-repeat top left;
}

.formation #onglet1-h a, .formation #onglet1 a:hover {
	background: url(../img/onglets/ong-present-h.gif) no-repeat top left;
}

.formation #onglet2 a {
	background: url(../img/onglets/ong-modalites-n.gif) no-repeat top left;
}

.formation #onglet2-h a, .formation #onglet2 a:hover {
	background: url(../img/onglets/ong-modalites-h.gif) no-repeat top left;
}

.formation #onglet3 a {
	background: url(../img/onglets/ong-plans-n.gif) no-repeat top left;
}

.formation #onglet3-h a, .formation #onglet3 a:hover {
	background: url(../img/onglets/ong-plans-h.gif) no-repeat top left;
}

.seminaire #onglet1 a {
	background: url(../img/onglets/ong-sem-n.gif) no-repeat top left;
}

.seminaire #onglet1-h a, .seminaire #onglet1 a:hover {
	background: url(../img/onglets/ong-sem-h.gif) no-repeat top left;
}

.seminaire #onglet2 a {
	background: url(../img/onglets/ong-metier-n.gif) no-repeat top left;
}

.seminaire #onglet2-h a, .seminaire #onglet2 a:hover {
	background: url(../img/onglets/ong-metier-h.gif) no-repeat top left;
}

.seminaire #onglet3 a {
	background: url(../img/onglets/ong-teleform-n.gif) no-repeat top left;
}

.seminaire #onglet3-h a, .seminaire #onglet3 a:hover {
	background: url(../img/onglets/ong-teleform-h.gif) no-repeat top left;
}
	
.assistance #onglet1 a {
	background: url(../img/onglets/ong-demande-n.gif) no-repeat top left;
}

.assistance #onglet1-h a, .assistance #onglet1 a:hover {
	background: url(../img/onglets/ong-demande-h.gif) no-repeat top left;
}

.assistance #onglet2 a {
	background: url(../img/onglets/ong-suggestion-n.gif) no-repeat top left;
}

.assistance #onglet2-h a, .assistance #onglet2 a:hover {
	background: url(../img/onglets/ong-suggestion-h.gif) no-repeat top left;
}

.assistance #onglet3 a {
	background: url(../img/onglets/ong-suivi-n.gif) no-repeat top left;
}

.assistance #onglet3-h a, .assistance #onglet3 a:hover {
	background: url(../img/onglets/ong-suivi-h.gif) no-repeat top left;
}
	
.parametrage #onglet1 a {
	background: url(../img/onglets/ong-contact-n.gif) no-repeat top left;
}

.parametrage #onglet1-h a, .parametrage #onglet1 a:hover {
	background: url(../img/onglets/ong-contact-h.gif) no-repeat top left;
}

.parametrage #onglet2 a {
	background: url(../img/onglets/ong-interloc-n.gif) no-repeat top left;
}

.parametrage #onglet2-h a, .parametrage #onglet2 a:hover {
	background: url(../img/onglets/ong-interloc-h.gif) no-repeat top left;
}

	
/* ----- Dimensions des titres d'onglets (celle des images de fond ci-dessus) ----- */

.actualite #onglet1, .actualite #onglet1-h
	{ width: 205px;}
.actualite #onglet2, .actualite #onglet2-h
	{ width: 179px; }

.produit #onglet1, .produit #onglet1-h
	{ width: 141px; }
.produit #onglet2, .produit #onglet2-h 
	{ width: 140px; }
.produit #onglet3, .produit #onglet3-h 
	{ width: 140px;}
.produit #onglet4, .produit #onglet4-h 
	{ width: 139px;}

.formation #onglet1, .formation #onglet1-h 
	{ width: 141px; }
.formation #onglet2, .formation #onglet2-h 
	{ width: 140px; }
.formation #onglet3, .formation #onglet3-h 
	{ width: 179px; }

.seminaire #onglet1, .seminaire #onglet1-h 
	{ width: 141px; }
.seminaire #onglet2, .seminaire #onglet2-h 
	{ width: 140px; }
.seminaire #onglet3, .seminaire #onglet3-h 
	{ width: 179px; }	
	
.assistance #onglet1, .assistance #onglet1-h 
	{ width: 205px; }
.assistance #onglet2, .assistance #onglet2-h 
	{ width: 176px;}
.assistance #onglet3, .assistance #onglet3-h 
	{ width: 179px; }
	
.parametrage #onglet1, .parametrage #onglet1-h 
	{ width: 141px; }
.parametrage #onglet2, .parametrage #onglet2-h 
	{ width: 179px; }
 
/* ---------- Bordure du contenu de l'onglet ---------- */

#cadre-onglets
{
  /* Afin d'éviter divers bugs d'affichage liés aux blocs flottants, il suffit de définir un "contexte de formatage bloc" 
 ( http://www.blog-and-blues.org/articles/Float%2C_clear_et_contextes_de_formatage ), de la manière suivante (il en existe d'autres) : */
	overflow: auto; /* Ne fonctionne pas sous IE 5.x-6.0 */
	height: 1%;	/* Pour IE 5.x-6.0 */
  /* Ainsi un clear dans ce bloc n'influera pas sur le menu flottant hors de ce bloc, il n'y aura pas de décalage intempestifs sous IE, etc. */
}

/* ----- Images de fond pour les coins et le cadre ----- */

/* Attention, les images des coins ne doivent pas être transparentes 
  (mettre la même couleur que le fond pour l'extérieur */
  
#ongtop {
	background: url(../img/cadre/ong-bord-haut.gif) repeat-x;
}

#ongtop div {
	background: url(../img/cadre/ong-haut-g2.gif) no-repeat top left;
}

#ongtop div div {
	background: url(../img/cadre/ong-haut-d2.gif) no-repeat top right;
}

#ongbottom {
	background: url(../img/cadre/ong-bord-bas.gif) repeat-x;
}

#ongbottom div {
	background: url(../img/cadre/ong-bas-g.gif) no-repeat top left;
}

#ongbottom div div {
	background: url(../img/cadre/ong-bas-d.gif) no-repeat top right;
}

#ongbord {
	background: url(../img/cadre/ong-bord-d.gif) repeat-y right;
}

#ongcontenu {
	background: url(../img/cadre/ong-bord-g.gif) repeat-y left;
}


/* ----- Marges, hauteur et largeur pour le cadre ----- */
 
#ongtop, #ongtop div, #ongtop div div, #ongbottom, #ongbottom div, #ongbottom div div
{
	height: 18px;	/*hauteur de l'image des coins*/
	margin: 0;
}

#ongcontenu  
{ 
	padding: 0 18px; 
	margin: 0;  
}


/* -------------------------------------------------------------------
	Zones de contenu (à l'intérieur de l'onglet)
 ------------------------------------------------------------------- */

#zone3
{
	width: 35%;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

#zone2
{
	clear: right;
	margin-top: 0.8em;
}

#zone3.large
{
	width: 50%;
}


/* -------------------------------------------------------------------
	Footer - Pied de page
 ------------------------------------------------------------------- */

#footer hr
{
	display:block;
	width: 95%;
	height: 1px;
	color: #808080;
	background-color: #808080;
	border: 0;
}

 
/* -------------------------------------------------------------------
	Style global
 ------------------------------------------------------------------- */ 
 
/* ----------  Titres  ---------- */
	
h1 	/*titre page centrale*/
{
	font-size: 1.9em;
	font-weight: normal;
	color: #336699;
	margin: 0px;
	font-variant: small-caps;
	text-align: left;
}
	
h2 	/*titre post-it*/
{
	color: #336699;
	font-size: 1.1em;
	margin: 8px 5px 5px;
	font-variant: small-caps;
}
	
h3	/*sous-titre page centrale*/
{
	font-size: 1.3em;
	color: #336699;
	font-weight: normal;
	margin: 0.1em;
	font-variant: small-caps;
	text-align: left;
}

a.h3  /*h3 en mode lien hypertexte */
{
	font-size: 1.3em;
	color: #336699;
	font-weight: normal;
	margin: 0.1em;
	font-variant: small-caps;
	text-align: left;
	text-decoration: none;
}
a.h3:hover  /*h3 en mode lien hypertexte */
{
	text-decoration: underline;
}
	
h4 	/*titre tableau*/
{
	color: #FFFFFF;
	font-size: 0.9em;
	margin: 5px;
	text-align: left;
}
	
h5
{
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: lighter;
	font-variant: small-caps;
	margin-left: 4px;
	margin-bottom: 0px;
	text-align: left;
}
	
h6 
{
	font-size: 1.9em;
	font-weight: normal;
	color: #336699;
	margin: 0.1em;
	font-variant: small-caps;
	text-align: center;
}

p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	color: #336699;
	margin: 5px 5px 0px 0px;
	text-align: justify;
}


/* ----------  Liens  ---------- */
a
{
	color: blue; /* pour éviter les couleurs par défaut */
}
a.bold
{
	font-weight: bold;
	color: #333366;
	font-size: 1.0em;
	font-variant: small-caps;
}
a.bold:hover
{
	font-weight: bold;
	color: #666699;
	font-variant: small-caps;
}

a.lien1, a.lien2, a.lien3 
{
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin: 0px 2px;
	text-align: left;
}
a.lien2 
{
	font-size: 0.8em;
}
a.lien1:hover 	/* Menu */
{
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.85em;
}
a.lien2:hover 
{
	color: #666699;
}
a.lien3:hover 
{
	color: #666699;
}

a img	/* Liens sur les images <=> Boutons */
{
	border: none;
} 

.triable thead, .triable tfoot
{
	background: #666699;
	border:  none;
}
	
a.h4 	/* Liens dans l'entête */
{ 
	color: #FFFFFF;
	/*margin: 5px;*/
	text-align: left;
	text-decoration: none;
}
a.h4:hover 	/* Liens dans l'entête */
{ 
	text-decoration: underline;
}

.rupture
{
	background: #999999;
	font-size: 1.0em;
}

.rupture1
{
	background: #888888;
	font-size: 1.0em;
}
.rupture2
{
	background: #AAAAAA;
	font-size: 1.0em;
}
.rupture1 h4
{
	margin-left: 0.5em;
}
.rupture2 h4
{
	margin: 3px;
	margin-left: 1.5em;
}
.ligne-paire
{
	background: #CCFFCC;
}
.ligne-impaire
{
	background: #FFFFFF;
}


#table-sem td
{
	vertical-align: top;
}
#table-calendrier td
{
	padding-left: 0.5em;
}

#table-documentation, #table-equipe, #table-affiche-contact
{
	width: 75%;
}
#table-faq p
{
	text-align: justify;
}
#table-affiche-contact td
{
	border: 1px solid #14A162;
	padding: 0.1em;
}

.tabforma th {
	font-size: 12pt;
	font-weight: bold;
	color: rgb(13,117,100);
	text-transform: uppercase;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 20px;
}

.tabforma td {
	/*font-size: 11pt;*/
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
	/*line-height: 10pt;*/
}

.tabforma span.soustitre {
	font-size: 8pt;
}

sup {
	font-size: 5pt;
}

span.titre_teleforma {
	font-weight: bold;
	color: #008066;	
}

.icone
{
	width: 25px;
}
.w1
{
	width: 15%;
}
.w2
{
	width: 10%;
}
.w3
{
	width: 30%;
}
.w4
{
	width: 35%;
}
.w5
{
	width: 45%;
}
.moitie
{
	width: 50%
}

.bgcolor1
{
	background-color: #99CC99;	/* vert */
}
.bgcolor2
{
	background-color: #CCFFCC;	/* vert clair */
}


/* ----------  Formulaires  ---------- */
/* Liste des formulaires :
#form-identification
#form-inscription
#form-lostpwd
#form1-archives
#form2-archives
#form-seminaire
#form-reservation
#form-telech
#form-assistance
#form-suggestion
#form-contact
*/

form
{
	margin: 0px;
}
form table
{
   border-collapse: collapse;
}
form td
{
   border: none;
   padding: 0.2em;
}

#form-identification
{
	margin: 1.0em 0;
}
#form-identification table
{
	width: auto;
}

#form-inscription, #form-reservation, #form-assistance, #form-suggestion
{
	border: 1px solid #808080;
}
#form-inscription table, #form-reservation table, #form-assistance table, #form-suggestion table
{
	width: 95%;
	margin:auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#form1-archives, #form-seminaire
{
	width: 60%;
}
#form2-archives
{
	float: right;
}

#redirectme select
{
	width: 100%;
}

#form-reservation p input
{
	width: 20em;
}

input.chp:focus
{
	background-color:#ffffcc;
	color:#ffff99 ;
}

textarea 
{
	color: #000000;
	text-align: left;
}

.boutonvert
{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 1.0em; 
	color:#ffffff ;
	font-weight:bold;
	background-color: #339933;
	width:8.0em;
}

.obligatoiremaj 
{
	color: #CC3300;
	text-transform: uppercase;
}
.obligatoiremin 
{
	color: #CC3300;
}


/* ----------  Listes  ---------- */
#list-forma
{
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
}


/* ----------  Autres styles personnels  ---------- */

strong, .bold
{
	font-weight: bold;
}
em
{
	font-style: italic;
}

.left
{
    text-align: left;
}
.center
{
    text-align: center;
}
.right
{
    text-align: right;
}

.vtop
{
	vertical-align: top;
}
.middle
{
	vertical-align: middle;
}

.invisible
{
	display: none;
} 

.top
{
	margin-top: 0;
}
 
.mailcolor 
{
	color: #666699;
	font-weight: bold;
}	
.rouge 
{
	color: #CC3300;
}
a.rouge
{
	text-decoration: underline;
}

.rmq
{
	font-style: italic;
	font-size: 0.95em;
}
.conseil
{
	border: 1px dashed #14A162;
	padding: 0.5em;
}

.bu
{
	font-weight: bold;
	text-decoration: underline;
}
.underline
{
	text-decoration: underline;
}

.flottant-g
{
	float: left;
}
.clear-g
{
	clear: left;
}

.mini-spacer
{
	font-size: 0.1em;
	line-height: 0.1em;
}

#layer1
{
	width: 70%;
}

.hr1
{
	background-color: #009966;
}

/* style réservé à l'impression */
@media print
{
	.noprint 
	{ 
		display: none; 
	}
}





/* -------------------------------------------------------------------
	Feuille de détails des séminaires
 ------------------------------------------------------------------- */
 
#detail
{
	margin-top: 1.0em;
	overflow: hidden;
	height: 1%;	
	font-size: 1.0em;
}

/* ----- Bandeau titre ----- */

#tit1
{
	background-color: #E8E8E8;
	border-right: solid #464646 7px;
	height: 30px;
	margin-right: 25px;
	margin-left: 65%;
}
#tit2
{
	background-color: #008066;
	border-right: solid #808285 32px;
	margin: 0;
	margin-left: 25%;
	padding: 0.2em 0.5em;
}
#tit3
{
	background-color: #008066;
	border-right: solid #808285 32px;
	height: 6px;
}
#tit4
{
	background-color: #E8E8E8;
	height: 6px;
	margin-right: 32px;
	margin-left: 65%;
}

/* ----- Corps ----- */

#det-infos
{
	float: left;
	width: 200px;
	text-align: right;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#det-contenu, #det-objectif
{
	margin-left: 240px;
}

#det-contenu .parag
{
	font-size: 0.9em;
	color: #000000;
	margin: 5px 5px 0px 0px;
	text-align: justify;
}
#detail p
{
	font-size: 1.0em;
	color: #000000;
}

#detail td
{
	font-size: 1.0em;
}

#det-infos p
{
	text-align: right;
	color: #696A6C;
	margin: 0;
}

.caseVerte
{
	font-size: 1.0em;
	text-align: right;
	font-weight: bold;
	background-color:#008066;
	color: #FFFFFF;
	height: 1.2em;
	padding: 3px;
	margin: 0;
}
.caseVertClair 
{
	font-size: 0.9em;
	text-align: right;
	background-color:#DBF5F0;
	color: #696A6C;
	padding: 0.3em;	
}
.stitreVert 
{
	font-size: 1.4em;
	text-align: left;
	font-weight: normal;
	color: #008066;
}
.textVert
{
	font-size: 1.2em;
	text-align: left;
	font-weight: normal;
	color: #008066;
}

.grisLibelle
{
	font-size: 0.9em;
	color: #696A6C;
}
.gtitblanc 
{
	font-size: 1.6em;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}

.spacer-l
{
	clear: left;
}