/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : gere les CSS de la structure générale
// Contient les CSS des éléments contenant du texte en image.
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// Typo et liens
// Général
// Structure
//  - Bandeau Haut
//  - moteur de recherche
//  - Abonnement news
//  - Menu Gauche
//  - Menu bas
//  - Sous menu haut
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Typo et liens
///////////////////////////////////////////////////////////////////////////////////*/
h1.h1Style1{
	margin:0 20px 5px 0;	padding:0;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;	color:#4c78aa;
}
h1.h1Actubleu{
	margin:0 20px 5px 0;	padding:0;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;	color:#1463AA;
}
h1.h1Actuturq{
	margin:0 20px 5px 0;	padding:0;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;	color:#5CC5ED;
}
h1.h1Actuvert{
	margin:0 20px 5px 0;	padding:0;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;	color:#96BF0D;
}
h1.h1Acturose{
	margin:0 20px 5px 0;	padding:0;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;	color:#E2007A;
}
h1#h1TitrePage{
	margin:0 20px 0 0;	padding:0 0 5px 0;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;	color:#8faed1;
}
h2.h2Style1{
	margin:0 20px 5px 0;	padding:0;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;	color:#1463AA;
}
h2.h2Style2{
	margin:0 20px 5px 0;	padding:0;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;	color:#8F8F8F; text-transform:uppercase;
}
h2.h2Style3{
	margin:10px 20px 5px 0;	padding:0;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;	color:#5CC5ED; text-transform:uppercase;
}
h3.h3Style1{
	margin:0 20px 5px 0;	padding:0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;	color:#1BACDF;
}
p.pStyle1{
	margin:5px 20px 0 0;padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa; text-align:justify;
}
p.pStyle2{
	margin:0;	padding:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;	color:#FF5FB8; text-align:justify;	
}
p.pStyle3{
	margin:0;	padding:0 5px 5px 5px;
	font:italic normal 11px Verdana, Arial, Helvetica, sans-serif; color:#5B8EC0; text-align:justify;	
}
p.pStyle4{
	margin:0;	padding:5px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa; text-align:center;	
}
p.pCoordonnees{
	margin:0 20px 20px 0; padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa; text-align:justify;	
}
span.spanStyle1{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;	color:#5F5F5F;
}
a.aStyle1:link, a.aStyle1:visited{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;	color:#1463AA; text-decoration:underline;
}
a.aStyle1:hover, a.aStyle1:active{
	text-decoration:none;
}
a.aStyle2:link, a.aStyle2:visited{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;	color:#5CC5ED; text-decoration:none;
}
a.aStyle2:hover, a.aStyle2:active{
	text-decoration:underline;
}


/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	padding:0; margin:0;
	height:100%;
	background-color:#FFFFFF;
}
img{
	border:0;
}
.positionRelative{
	position:relative;
}
div#divContPageGeneral{
	clear:both;
	position:relative;	
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
form{
	margin:0;	padding:0;
}
div.LienOk a{
	display:block;
	width:26px;	height:20px;
	background:url(../images/menu/ok.png) 0 0 no-repeat;
}
div.LienOk a:hover{	
	background-position: -26px 0;
}
div.divSeparateurInvisible { /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée*/
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr {
  display: none;
}
input.inputInvisible{
	margin:0;
	padding:0;
	width:1px;
	height:1px;
	border:none;
	background:none;
}
span.spanResultatRecherche{
	background:#E2007A;
	color:#FFFFFF;
}
span.spanSectionTexte{
	color:#E2007A;
	font-weight:bold;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
td#tdCellSpacer1{
	height:20px;
}
td#tdCellSpacer2{
	height:10px;
}
td#tdCellContBandeauH{
	height:110px;
	background:url(../images/background/back-bandeau-haut.gif) no-repeat;
}
/* Bandeau Haut */
div#divRetourAccueil{
	position:absolute;
	left:0px;	top:0px;
	width:355px; height:110px;
}
div#divAccesAdmin{
	position:absolute;
	left:618px;	top:78px;
	background:url(../images/picto/lock.gif) no-repeat 0 1px;
	padding-left:15px;
}
div#divAccesAdmin a:link, div#divAccesAdmin a:visited{
	font:normal 10px Arial, Helvetica, sans-serif; color:#1463aa; text-decoration:underline;
}
div#divAccesAdmin a:hover, div#divAccesAdmin a:active{
	text-decoration:none;
}
div#divDeconnexion{
	position:absolute;
	left:783px; top:94px;
	width:160px;
	text-align:center;
}
div#divDeconnexion a:link, div#divDeconnexion a:visited{
	font:normal 10px Arial, Helvetica, sans-serif; color:#1463aa; text-decoration:underline;
}
div#divDeconnexion a:hover, div#divDeconnexion a:active{
	text-decoration:none;
}
div#divLangFR a{
	position:absolute; display:block;
	left:821px;	top:15px;	
	width:33px;	height:20px;
	background:url(../images/menu/langue-FR.jpg) 0 0 no-repeat;
}
div#divLangFR a:hover{	
	background-position: -33px 0;
}
div#divLangEN a{
	position:absolute; display:block;
	left:875px;	top:15px;
	width:33px;	height:20px;
	background:url(../images/menu/langue-EN.jpg) 0 0 no-repeat;
}
div#divLangEN a:hover{	
	background-position: -33px 0;
}
/* Moteur de recherche */
div#divMoteurRecherche{
	position:relative;
	background:url(../images/background/back-moteur-recherche.gif) no-repeat 0 0;
	width:200px; height:30px;
}
div#divMoteurRecherche input{
	margin:2px 0 0 24px;
	font:normal 10px Arial, Helvetica, sans-serif; color:#8c8c8c;
	width:140px;
	border:0;
	background:none;
}
div#divMoteurRecherche div#divLienOk a{
	display:block; position:absolute; top:3px; left:171px;
	width:23px;	height:13px;
	background:url(../images/menu/ok-recherche.png) 0 0 no-repeat;
}
div#divMoteurRecherche div#divLienOk a:hover{
	background-position: -23px 0;
}
/* Abonnement news */
div#divAbonnementLettres-fr, div#divAbonnementLettres-en{
	font-size:10px;
	background:url(../images/background/back-bloc-abonnement-newsletters.gif) repeat-x;
}
div#divAbonnementLettres-fr strong, div#divAbonnementLettres-en strong{
	margin:0 8px 0 8px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;	color:#e2007a;
}
div#divAbonnementLettres-fr p, div#divAbonnementLettres-en p{
	margin:5px 8px 5px 8px;	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa;
}
div#divAbonnementLettres-fr a:link, div#divAbonnementLettres-fr a:visited, div#divAbonnementLettres-en a:link, div#divAbonnementLettres-en a:visited{
	margin-left:8px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa; text-decoration:underline;
}
div#divAbonnementLettres-fr a:hover, div#divAbonnementLettres-fr a:active, div#divAbonnementLettres-en a:hover, div#divAbonnementLettres-en a:active{
	text-decoration:none;
}
div#divTitreAbonnementLettres-fr, div#divTitreAbonnementLettres-en{
	width:200px; height:60px;
}
div#divTitreAbonnementLettres-fr{
	background:url(../images/interface/abonnez-vous-aux-lettres-information-eurogip-fr.gif) no-repeat;
}
div#divTitreAbonnementLettres-en{
	background:url(../images/interface/abonnez-vous-aux-lettres-information-eurogip-en.gif) no-repeat;
}
div#divTitreAbonnementLettres-fr span, div#divTitreAbonnementLettres-en span{
	display:none;
}
/* Menu Gauche */
div#divContMG{
	cursor:pointer;
}
div#divContRechercherDansToutLeSite{
	width:200px; height:44px;
	background:#f7fbfe url(../images/background/back-form-rechercher-tout-site.gif) no-repeat;
}
div#divContRechercherDansToutLeSite input{
	float:left;
	margin:16px 0 0 18px;
	width:133px;
	background:none;
	border:0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa;
}
div#divContRechercherParTheme{
	width:200px;
	background:#f7fbfe url(../images/background/back-rechercher-theme.gif) no-repeat;
	font-size:14px;
}
div#divContRechercherParTheme ul{
	margin:15px 5px 0 5px;	padding:0;
	list-style:none;
}
div#divContRechercherParTheme li{
	margin:0 0 12px 0; padding:0;
	line-height:5px;
}
div#divContRechercherParTheme li a:link, div#divContRechercherParTheme li a:visited{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;	color:#1463aa; text-decoration:none;
}
div#divContRechercherParTheme li a:hover, div#divContRechercherParTheme li a:active{
	text-decoration:underline;
}
div#divLienMGok a{
	float:right;
	margin:15px 10px 0 0;
	display:block;
	width:26px;	height:35px; /* hauteur de 20px mais hack pour la hauteur du div conteneur */
	background:url(../images/menu/ok.png) 0 0 no-repeat;
}
div#divLienMGok a:hover{
	background-position: -26px 0;
}
/* Menu bas */
div#divMenuBasSite{
	margin:20px 0 10px 0;
}
div#divMenuBasSite ul{
	margin:0 0 5px 0;	padding:0;
	list-style-type: none;
	text-align: center;
}
div#divMenuBasSite ul li {
	display: inline;
}
div#divMenuBasSite ul li a{
	padding:0 15px 0 15px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	color: #8b8b8b;	text-decoration: none;
}
div#divMenuBasSite ul li a:hover{
	text-decoration:underline;
}
div#divMenuBasSite p, div#divMenuBasSite p a{
	margin:0;	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	color: #aaaaaa;
}
div#divMenuBasSite p a:hover{
	text-decoration:none;
}
/* Sous menu haut */
/* Width:520px pour Eurogip et 740px pour Normabase */
div.divEltSousMenu-eurogip, div.divEltSousMenu-normabase{
	position:absolute; display:none;
	top:30px;	left:0px;
	background:url(../images/background/back-sous-menu.png); /*#f4f8e7*/
	z-index:100;
	border:1px solid #E5EFB3;
}
div.divSousMenuPosition1-eurogip{
	left:144px;
}
div.divSousMenuPosition2-eurogip{
	left:329px;
}
div.divSousMenuPosition1-normabase{
	left:189px;
}
div.divSousMenuPosition2-normabase{
	left:549px;
}
div.divEltSousMenu-eurogip ul, div.divEltSousMenu-normabase ul{
	margin:10px; padding:0;
	list-style:none;
}
div.divEltSousMenu-eurogip ul li, div.divEltSousMenu-normabase ul li{
	margin:0;	padding:3px 0 3px 10px;
	background:url(../images/picto/fleche-verte.gif) no-repeat 0 6px;
	cursor:pointer;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#96bf0d;
}
div.divEltSousMenu-eurogip ul li:hover, div.divEltSousMenu-normabase ul li:hover{
	background:#FFFFFF url(../images/picto/fleche-verte.gif) no-repeat 0 6px;
}