/* CSS Document */
#header {
	width:977px;
	margin:0 auto 0 auto;
	padding:0 0 0 18px;
	background:url(img/header_background.png) no-repeat;
	height:130px;
}

	#header img {
		margin:10px 0 0 0;
	}
/* TEXTES */

.T_Titr_BO
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #1C87B8;
	font-weight: bold;
}

.T_Titr_BO_Black
{
	color: #000000;
}

.T_S18b
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.T_S18
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 18px;
}

.T_S16b
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.T_S16
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 16px;
}

.T_S14b
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.T_S14b_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.T_S14b_blanc
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.T_S14
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

.T_S14_PROMO
{
    color: #FF0000;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.T_S14_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 14px;
}

.T_S12b
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.T_S12b_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.T_S12bu
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;	
}

.T_S12
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.T_S12_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}

.T_S12grisbleu
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F383F;
}

.T_S12bleugris
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #155A8F;
}


.T_S11b
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.T_S11b_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.T_S11
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

.T_S11_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 11px;
}

.T_S11jus
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

.T_S11grisbleu
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F383F;
}

.T_S11bleugris
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #155A8F;
}

.T_S10b
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.T_S10b_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.T_S10
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

.T_S10_Zap
{
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}

.T_S9
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
}



.TClassique
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}


.T_bleu
{
	color: #23509B;
}

.T_jaune
{
	color: #FFFF00;
}

.T_gris
{
	color: #808080;
}

.T_orange
{
	color: #D14D05;
}

.T_blanc
{
	color: #FFFFFF;
}

.T_rouge
{
	color: #FF0000;
	text-decoration: underline;
}

/* PAGES PERSONNALISEES */
.VEOLIA_CadrePrincipal
{
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #00CFFF;
	BORDER-STYLE: solid;
	BACKGROUND-COLOR: #FFFFFF;
}
.VEOLIA_Titre
{
    COLOR: #009ECE;
    FONT-FAMILY: Verdana,Arial ;
    FONT-SIZE: 28px;
    FONT-WEIGHT: bold
}
.VEOLIA_BasDePage
{
	BACKGROUND-COLOR: #009ECE;
	COLOR: #C0C0C0;
    FONT-FAMILY: Verdana,Arial ;
    FONT-SIZE: 8px;
}

.VEOLIA_LienProduit
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: uppercase;
    LETTER-SPACING: 2px;
}


/* LIENS */
a.orangeST:link, a.orangeST:visited
{
	text-decoration: underline;
	color: #D14C03;
}
a.orangeST:hover
{
	text-decoration: none;
	color: #000000;
}

a.orangeNav:link, a.orangeNav:visited
{
	text-decoration: underline;
	color: #FF6600;
	font-weight: bold;
}
a.orangeNav:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.orangeChap:link, a.orangeChap:visited
{
	text-decoration: underline;
	color: #D64A00;
}
a.orangeChap:hover
{
	text-decoration: none;
	color: #000000;
}

a.bleuSsT:link, a.bleuSsT:visited
{
	text-decoration: underline;
	color: #086D9C;
}
a.bleuSsT:hover
{
	text-decoration: none;
	color: #000000;
}

a.bleu:link, a.bleu:visited
{
	text-decoration: underline;
	color: #0A47F6;
}
a.bleu:hover
{
	text-decoration: none;
	color: #000000;
}

a.bleu02:link, a.bleu02:visited
{
	text-decoration: underline;
	color: #0408AE;
}
a.bleu02:hover
{
	text-decoration: none;
	color: #000000;
}

a.bleu_sU:link, a.bleu_sU:visited
{
	text-decoration: none;
	color: #0A47F6;
}
a.bleu_sU:hover
{
	text-decoration: underline;
	color: #000000;
}

a.bleutable:link, a.bleutable:visited
{
	text-decoration: underline;
	color: #0408AE;
	font-weight: bold;
}
a.bleutable:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.vert:link, a.vert:visited
{
	text-decoration: underline;
	color: #339933;
	font-weight: bold;
}
a.vert:hover
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

a.grisfonce:link, a.grisfonce:visited
{
	text-decoration: none;
	color: #6A6A6A;
	font-weight: bold;
}
a.grisfonce:hover
{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

a.pagina:link, a.pagina:visited
{
	text-decoration: underline;
	color: #808080;
}
a.pagina:hover
{
	text-decoration: none;
	color: #FF0000;
}

a.rouge:link, a.rouge:visited
{
	text-decoration: underline;
	color: #DD0F0F;
}
a.rouge:hover
{
	text-decoration: none;
	color: #000000;
}

a.jaune:link, a.jaune:visited
{
	text-decoration: underline;
	color: #FFFF00;
}
a.jaune:hover
{
	text-decoration: none;
	color: #000000;
}



a.noir:link, a.noir:visited
{
	text-decoration: none;
	color: #000000;
}
a.noir:hover
{
	text-decoration: none;
	color: #0A47F6;
}

a.noir02:link, a.noir02:visited
{
	text-decoration: none;
	color: #000000;
}
a.noir02:hover
{
	text-decoration: underline;
	color: #000000;
}

a.blanc:link, a.blanc:visited
{
	text-decoration: underline;
	color: #FFFFFF;
}
a.blanc:hover
{
	text-decoration: none;
	color: #0A47F6;
}

a.blanc2:link, a.blanc2:visited
{
	text-decoration: none;
	color: #FFFFFF;
}
a.blanc2:hover
{
	text-decoration: underline;
	color: #0A47F6;
}

	/* ZAPETTE */
	/* niveau 0*/
	a.N0:link, a.N0:visited
	{
		text-decoration: underline;
		color: #000000;
	}
	a.N0:hover
	{
		text-decoration: none;
		color: #0A47F6;
	}
	
	/* niveau 1*/
	a.N1:link, a.N1:visited
	{
		text-decoration: underline;
		color: #0408AE;
		font-weight: bold;
	}
	a.N1:hover
	{
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}
	
	/* niveau 2*/
	a.N2:link, a.N2:visited
	{
		text-decoration: none;
		color: #FFFFFF;
	}
	a.N2:hover
	{
		text-decoration: underline;
		color: #0A47F6;
	}
	
	/* niveau 3*/
	a.N3:link, a.N3:visited
	{
		text-decoration: none;
		color: #FFFFFF;
	}
	a.N3:hover
	{
		text-decoration: underline;
		color: #0A47F6;
	}

	/* (voir le suite)*/
	a.suite:link, a.suite:visited
	{
		text-decoration: underline;
		color: #FFFF00;
	}
	a.suite:hover
	{
		text-decoration: none;
		color: #000000;
	}
	
	/* options (print, save ...)*/
	a.options:link, a.options:visited
	{
		text-decoration: underline;
		color: #FFFFFF;
	}
	a.options:hover
	{
		text-decoration: none;
		color: #0A47F6;
	}




/* TABLEAUX */
.T_Zapette
{
	width: 100%;
	background-color: #40A3DC;
}

.Tab100
{
	width: 100%;
}


/* CELLULES */
C_Intercale_Zapette
{
	height: 10px;
}

.C_GdeZapette_GaucheDroite
{
	width: 49%;
	vertical-align: top;
}

.C_GdeZapette_Centre
{
	width: 2%;
}

.C_AlignLeft
{
	text-align: left;
}

.C_AlignRight
{
	text-align: right;
}

.C_AlignCenter
{
	text-align: center;
}

.C_AlignRightZapetteOptions
{
	text-align: right;
	width: 5px;
}

.C_Titr_BO
{
	border-bottom: 1px solid #CCCCCC;
}

.C_LigneRight
{
	border-right: 1px solid #808080;
}

.C_LigneBottom
{
	border-bottom: 1px solid #808080;
}

.C_LigneBottombleue
{
	border-bottom: 1px solid #0E36CA;
}

C_Intercale_5
{
	height: 5px;
}

C_Intercale_10
{
	height: 10px;
}

.C_tableauBlancChiffre
{
	text-align: right;
	background-color: #FFFFFF;
}

.C_tableauBlanc
{
	background-color: #FFFFFF;
}

/* FORMULAIRES */

.F_search_input_connex
{
	font-size: 9px;
	width: 90px;
	font-family: Verdana, sans-serif;
	color: #606060;
}

.F_search_input_inscr
{
	font-size: 9px;
	width: 130px;
	font-family: Verdana, sans-serif;
	color: #7390B0;
}

.F_search_select_inscr
{
	font-size: 9px;
	font-family: Verdana, sans-serif;
	color: #7390B0;
}

.F_select
{
	font-size: 9px;
	font-family: Verdana, sans-serif;
}

.F_select_Options
{
	font-size: 10px;
	font-family: Helvetica, sans-serif;
}

.F_select_Options_Off
{
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	background-color: #E6E4E4;
	color: #808080;
}

.F_select_Options_On
{
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	background-color: #A3D1F5;
	color: #193A85;
}

.F_select_Options_Plus
{
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	background-color: #FF4309;
	color: #FFFFFF;
}

.F_search_input
{
	font-size: 9px;
	font-family: Verdana, sans-serif;
	color: #252AE9;
}

.F_search_submit
{
	font-size: 9px;
}


.F_Input_Total
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right;
    COLOR: #003366;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #F5BB57;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BORDER: 0px;
	width: 70px;
}

.F_Input_email
{
	font-size: 9px;
	width: 150px;
}



/* DIV */
div#corps
{
	overflow:scroll;
	width:750px;
	height:500px;
	margin-left:5px;
	margin-top:5px;
}
  
  
.divZapetteN1
{
	visibility: visible;
	z-index: 1;
	/*margin-right: 1px;*/
	margin-left: 0px;
	
}

.divZapetteN2
{
	visibility: visible;
	z-index: 1;
	/*margin-right: 1px;*/
	margin-left: 10px;
}

.divZapetteN3
{
	visibility: visible;
	z-index: 1;
	/*margin-right: 1px;*/
	margin-left: 20px;
}




.divContentN1
{
	visibility: visible;
	z-index: 1;
	top: 0px;
	left: 15px;
	bottom: 0px;
	position: relative;
	margin-right: 11px;
}

.divContentN2
{
	visibility: visible;
	z-index: 1;
	top: 0px;
	left: 30px;
	bottom: 0px;
	position: relative;
	margin-right: 21px;
}

.divContentN3
{
	visibility: visible;
	z-index: 1;
	top: 0px;
	left: 45px;
	bottom: 0px;
	position: relative;
	margin-right: 31px;
}



.span_texte
{
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #D14D05;
}


.SelTrunc
{
	WIDTH: 130px;
	OVERFLOW: hidden
}

#mentions {
	width:977px;
	margin:5px auto 0 auto;
	height:30px;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color:#076AAA;
}		
    #mentions span {
		float:right;
	}
	#mentions span.copy {
		float:left;
	}
	#mentions a {
		color:#076AAA;
	}

.container {
    width: 1565px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1565px) {
    .container {
        width: 100%;
        padding: 0 30px;
    }
}
@media (max-width: 600px) {
    .container {
        padding: 0 20px;
    }
}

footer {
    background: #2a107f;
    position: relative;
    z-index: 10;
}

.footer_top {
    padding: 60px 0 150px;
    display: none;
}
@media (min-width: 769px) {
    .footer_top {
        display: block;
    }
}
@media (min-width: 1180px) {
    .footer_top {
        padding: 60px 0 40px;
    }
}
.footer_top ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_top ul li {
    margin: 0 20px;
}
.footer_top ul li a {
    font-size: 14px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
}

.footer_right__logos {
    background: #fff;
    padding: 10px;
}
@media (min-width: 1390px) {
    .footer_right__logos {
        position: absolute;
        top: 127px;
        right: 0;
    }
}
@media (min-width: 1180px) {
    .footer_right__logos {
        top: 30px;
        right: 0;
    }
}
.footer_right__logos ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 769px) {
    .footer_right__logos ul {
        justify-content: flex-end;
    }
}
.footer_right__logos ul li {
    margin-left: 8px;
}

.footer_mid {
    background: #fff;
    padding: 42px 0 30px 0;
    display: none;
}
@media (min-width: 1180px) {
    .footer_mid {
        display: block;
    }
}
.footer_mid .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer_mid ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer_mid ul li:not(last-of-type) {
    margin-right: 35px;
}
.footer_mid ul li {
    color: #969696;
    font-size: 18px;
    font-family: 'Barlow Condensed', sans-serif;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 26px;
    position: relative;
}
.footer_mid ul li:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    border: 4px solid #f39200;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.footer_btm {
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    line-height: 26px;
    color: #969696;
    padding-bottom: 10px;
    background: #2a107f;
}
@media (min-width: 1180px) {
    .footer_btm {
        background: #fff;
    }
}
.footer_btm .footer_mobile {
    display: block;
    padding: 30px 0;
}
@media (min-width: 1180px) {
    .footer_btm .footer_mobile {
        display: none;
    }
}
.footer_btm .footer_mobile img {
    display: block;
    margin: 0 auto;
}
.footer_btm .container > *:not(.footer_mobile) {
    display: none;
}
@media (min-width: 1180px) {
    .footer_btm .container > *:not(.footer_mobile) {
        display: block;
    }
}