/*css collectivite*/

/*bande bleu foncé titre des collectivités, si on agrandi cette hauteur il faut agrandir d'autant*/
/* le Top de la classe div#men_nav_coll pour positionner le menu*/

#bandecollectivite {
	position: relative;
	width: 1016px;
	height: 28px;
	background-color: #1095B6;
}

#bandecollectivite-index {
position: relative;
width: 893px;
height: 28px;
background-color: #0e7d98;
}






/*23 02 11 style tableaux de donnée espace coll*/

td.legende {text-align: center;}

td.celluleadroite {text-align: right;}

.actioncollect { padding: 2px}


.tableblue {
background-color: #dff2f6;
}

.jaunepal{background-color: #FFFFCC; }
.orangetable {background-color: #FFCC99}

table td tr.dechetteriebord1 {
border: 1px #006633;}

/**/
h1.titrecollectivite {
	color: #FFFFFF;
	font-size: 20px;
	display: inline;
	font-weight: normal;
	padding-left:5px;
}

a.lientextetitrecoll {
color: #FFFFFF;
text-decoration: none;
 }

a.lientextecolltitre:hover {
color: #FF9900;
text-decoration: none;
 }
 
#bandecollectivite-index {
	position: relative;
	width: 853px;
	height: 28px;
	background-color: #0e7d98;
} 

.bleuecacc{background-color: #dff2f6;}

.beigeclair{
	background-color: #E4DFDC;
}

#pavehauteur-indexcollectivite {
	overflow:hidden;
	position: relative;
	width: 853px;
}
.ascenceurtonnages {
	position: relative;
	float: left;
	width: 300px;
	border: 1px solid black;
	overflow: auto;
	height: 100px;
	left: 2px;}

.ascenceurmodules{
	position: relative;
	float: left;
	width: 300px;
	border: 1px solid black;
	overflow: auto;
	height: 70px;
	left: 2px;
	background-color: #EFFAD1;
}

.ascenceurmodulesM{
	position: relative;
	float: left;
	width: 300px;
	border: 1px solid black;
	overflow: auto;
	height: 70px;
	left: 2px;
	background-color:  #D9D5CE;
}
.ascenceurmodules2{
	position: relative;
	float: left;
	width: 390px;
	border: 1px solid black;
	overflow: auto;
	height: 70px;
	left: 2px;
	background-color: #EFFAD1;
}	
.ascenceurmodules2M{
	position: relative;
	float: left;
	width: 390px;
	border: 1px solid black;
	overflow: auto;
	height: 70px;
	left: 2px;
	background-color: #D9D5CE;
}
	
.ascenceurratios {
	position: relative;
	float: left;
	width: 390px;
	border: 1px solid black;
	overflow: auto;
	height: 100px;
	left: 2px;}
	
/*Menu gauche collectivité index, plus large que syctom (+ px)*/
#men-gauche-collectivite {
position: absolute;
left:0;
width: 165px;
background-color: #c6d5d3;
text-align: center;
padding-top: 34px;
padding-bottom: 20px;}

#contenutexte-index-collectivite{
overflow: hidden;
position: relative;
width: 853px;
margin-left: 165px;
background-color: #FFFFFF; }


. p.ecoute-coll {
text-align: right;
margin: 1px;
font-size: 11px; }

.ecouterpage-coll {
position: relative;
    float: right;
    text-align: right;
    height: 16px;
    margin-right: 5px;
    margin-top: 6px;
    font-size: 11px;
}

.colorligne-index-collectivite { /*ligne verte clair en haut de page ACCUEIL. Ne pas la bouger */
	background-color: #E0EBE7;
	width: 853px;
	height: 20px;
	text-align: center;
}
/*Menu page interne collectivité*/
#menuderoulecollec {
	width: 1016px;
	height: 38px;
background-color: #dff2f6;
z-index: 10;
}

div#men_nav_coll {
	width:1016px;
	height:auto;
	position: absolute;
	top: 52px;
	left: 1px;
	margin: auto;
	padding:0;
	z-index:10;
}


div#men_nav_coll ul.niveau1 {
display: block;
height: auto;
margin: 0;
padding: 0;
float: left;
position: relative;
list-style: none; }

div#men_nav_coll ul.niveau1_old {
display: block;
height: auto;
margin: 0;
padding: 0;
float: left;
position: relative;
list-style: none;  }

div#men_nav_coll ul li.menu {
background-color:#CCCCCC;
display: block;
width: 170px;
height: auto;
float: left;
position: relative;
margin: 0;
padding: 0;  }

div#men_nav_coll ul ul.niveau2{
display: none;
width: 10.5em;
height: auto;
float:left;
position: relative;
margin: 0;
padding: 0; }

div#men_nav_coll ul ul li.sous_menu {
display: block;
background-color: #666666;
width: 15.2em;
height: auto;
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 1.5em;
color: #FFFFFF;  }

div#men_nav_coll ul.niveau1 li.menu:hover ul.niveau2 {
display: block;
color: #FFFFFF;
}

.lien_menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
letter-spacing: 0.05px;
word-spacing: 0.05px;
line-height: 1.5em;
color: #FFFFFF;
text-decoration: none; }

a.lien_menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
letter-spacing: 0.05px;
word-spacing: 0.05px;
line-height: 1.5em;
color: #FFFFFF;
text-decoration: none;  }

a.lien_menu:hover {
color: #FFFFFF;
font-size: 11px;
font-weight: normal;
text-decoration: none;   }


a.lien_menu:active {
color: #FFFFFF;
font-size: 11px;
font-weight: normal;
text-decoration: none; }

div#men_nav_coll ul.niveau2 li.sous_menu:hover {
background-color: #0e7d98;
color: #FFFFFF;  }

div#men_nav_coll ul.niveau2 li.sous_menu:active {
background-color: #0e7d98;
color: #FFFFFF; }

div#men_nav_coll ul.niveau2 li.sous_menu:focus {
background-color: #0e7d98;
color: #FFFFFF;  }

/*MENU deroulant PAGE INDEX des collectivités*/
/*rajout du zindex plus petit que le menu principal du syctom pour que sous firefox le menu principal */
/*puisse etre lu dans la partie colelctivité (ne passe pas en dessous de l'autre menu)*/
#index-collectivite-menuderoule {
	width: 858px;
	height: 38px;
	background-color: #dff2f6;
z-index: 10;
}


div#index-collect-men_nav_coll {
	width:858px;
	height:auto;
	position: absolute;
	top: 52px;
	left: 1px;
	margin: auto;
	padding:0;
	z-index:10;
}


div#index-collect-men_nav_coll ul.niveau1 {
display: block;
height: auto;
margin: 0;
padding: 0;
float: left;
position: relative;
list-style: none; }

div#index-collect-men_nav_coll ul.niveau1_old {
display: block;
height: auto;
margin: 0;
padding: 0;
float: left;
position: relative;
list-style: none;  }

div#index-collect-men_nav_coll ul li.menu {
background-color:#CCCCCC;
display: block;
width: 170px;
height: auto;
float: left;
position: relative;
margin: 0;
padding: 0;  }

div#index-collect-men_nav_coll ul ul.niveau2{
display: none;
width: 10.5em;
height: auto;
float:left;
position: relative;
margin: 0;
padding: 0; }

div#index-collect-men_nav_coll ul ul li.sous_menu {
display: block;
background-color: #666666;
width: 15.2em;
height: auto;
margin: 0;
padding: 0;
list-style: none;
float: left;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 1.5em;
color: #FFFFFF;  }

div#index-collect-men_nav_coll ul.niveau1 li.menu:hover ul.niveau2 {
display: block;
color: #FFFFFF;
}

div#index-collect-men_nav_coll ul.niveau2 li.sous_menu:hover {
background-color: #0e7d98;
color: #FFFFFF;  }

div#index-collect-men_nav_coll ul.niveau2 li.sous_menu:active {
background-color: #0e7d98;
color: #FFFFFF; }

div#index-collect-men_nav_coll ul.niveau2 li.sous_menu:focus {
background-color: #0e7d98;
color: #FFFFFF;  }


.texte10  {
font-size: 10px;
padding-left:5px;
padding-right:5px;  }


/**/
a.lientexte3 {
color: #000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;  }

/*lien au survol*/
a.lientexte3:hover {
color: #FF9900;
font-size: 10px;
font-weight: bold;
text-decoration: none; }


 /*espace collectivites */


.filetbleu { /*colonne avec filet vert sur bord gauche, la taille de la boite n'est pas définie, ce qui permet son etirement */
	position:relative;
	float:left;
	border-left: 1px solid #0e7d98;
}
.filetbleuG { /*colonne avec filet vert sur bord gauche, la taille de la boite n'est pas définie, ce qui permet son etirement */
	position:relative;
	float:left;
}
.ascenceurlienscollectivite {
	position: relative;
	float: left;
	width: 400px;
	border: 1px solid black;
	overflow: auto;
	height: 100px;
	left: 5px;
}
	
 /*class qui permet de donner une longueur précise a un element. */
 /*Utiliser par exemple dans doc multimedia pour fixer a 400 px le titre de niveau 3 vert*/
.a400pix {
width: 400px;}



.titrebleu001 {
width: 230px;
height: 19px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}



.titrebleu {
min-width: 250px;
max-width: 410px;
height: 19px;
background-color: #dff2f6;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}

.titrebleu410 {
width: 405px;
height: 19px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}

.titrebleu450 {
width: 450px;
height: 19px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}

.titrebleu300 {
width: 300px;
height: 19px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}

.titrebleuclair300 {
width: 300px;
height: 19px;
background-color: #dff2f6;
background-image: url('../img/menusec/decoanglev.gif');
background-repeat: no-repeat;
background-position: top right;
padding-top: 4px;
padding-right: 5px;}

h4.titre-ensavoirbleu {
	background-color: #0e7d98;
	width: 135px;
	height: 15px;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding-left: 5px;}
	
.titreditbleu {
min-width: 170px;
height: 22px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoangle.gif');
background-repeat: no-repeat;
background-position: top right;}

.titreditactubleu {
width: 190px;
height: 22px;
margin-right: 2px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoangle.gif');
background-repeat: no-repeat;
background-position: top right;}

.intitreditbleu {
	width: 498px;
	height: 23px;
	background-color: #1095B6;
	background-image: url('../img/menusec/decoangle.gif');
	background-repeat: no-repeat;
	background-position: top right;
}


.intitreditbleu300 {
width: 300px;
height: 23px;
background-color: #0e7d98;
background-image: url('../img/menusec/decoangle.gif');
background-repeat: no-repeat;
background-position: top right; }

.in-stitbleu300 {/*sous titre interne en orangé */
width: 300px;
height: 22px;
background-color: #dff2f6;
line-height: 0.9em;  }

.intitreditbleu400 {
	width: 350px;
	height: 23px;
	background-color: #0e7d98;
	background-image: url('../img/menusec/decoangle.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

.in-stitbleu400 {/*sous titre interne en orangé */
	width: 350px;
	height: 22px;
	background-color: #dff2f6;
	line-height: 0.9em;
}

.in-stitbleu {/*sous titre interne en orangé */
width: 498px;
height: 22px;
background-color: #dff2f6;
line-height: 0.9em;  }

.in-colgauchecollectivite {
	position:relative;
	float:left;
	width: 350px;
	height: auto;
	padding-left: 2px; /* espace interieur ou sera placer le filet vert, a 7 px, du filet orange par exemple*/
	padding-top: 15px;
	margin-left: 5px;
}

.in-coldroitecollectivite {
	position:relative;
	float:left;
	width: 440px;
	height: auto;
	padding-left: 2px; /* espace interieur ou sera placer le filet vert, a 7 px, du filet orange par exemple*/
	padding-top: 5px;
	margin-left: 5px;
}
.in-colgauchecollectiviteaccueil {
	position:relative;
	float:left;
	width: 486px;
	height: auto;
	padding-left: 2px; /* espace interieur ou sera placer le filet vert, a 7 px, du filet orange par exemple*/
	padding-top: 5px;
	margin-left: 5px;
}

.in-coldroitecollectiviteaccueil {
	position:relative;
	float:left;
	width: 500px;
	height: auto;
	padding-left: 2px; /* espace interieur ou sera placer le filet vert, a 7 px, du filet orange par exemple*/
	padding-top: 5px;
	margin-left: 5px;
}
.pavetonnages {
	float: left;
	width: 305px;
	margin-left: 2px;
	padding-left: 2px;
	margin-right: 2px;
	padding-top: 15px;
	height: 100%;}

.pavetonnagesdroite {
position: relative;
float: left;
width: 255px;
margin-left: 3px;
padding-left: 2px;
margin-right: 3px;
padding-top: 15px;  }

.pave-egal-3colEC {
	float: left;
	width: 270px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 4px;
	padding-top: 15px;
	height: 100%;}

.pave-egal-2colEC {
	float: left;
	width: 484px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 4px;
	padding-top: 15px;
	height: 100%;}
	
.savoirpluslargeurtonnages {
	position: relative;
	float: left;
	width: 405px; /*+ 5px*/
	margin-left: 3px;
	padding-left: 2px;
}
	
.bloclargeurcollectivite {
	overflow:hidden;/*Permet un affichage correct sous Firefox*/
	width: 1002px;
	position: relative;
	margin-top: 20px;
	margin-left: 6px;   /* permet de décaler la bordure orange de 6 px du bord gauche*/
	margin-bottom: 10px;/*espace exterieur de la boite*/
	padding-bottom: 5px;/*espace interieur de la boite entre le texte et le bas de page*/
	border-left: 1px solid #0d7d98; /*Ligne bleue coté gauche */
	background-color: #FFFFFF;
}
.ensavoirplusbleu {
	clear: both;
	position:absolute;
	right: 3px;
	width: 140px;
	background-color: #dff2f6;
	/*background-color: purple;*/
	padding-bottom: 3px;
	margin-bottom: 5px;
	top: 38px;
}

.ensavoirplusbleuacc {
	clear: both;
	position:absolute;
    right: 5px;
	width: 140px;
    background-color: #dff2f6;
	/*background-color: purple;*/
	padding-bottom: 3px;
	margin-bottom: 5px;
    top: 5px;}
	
.agendaacc {
	position:relative;
   float: left;
	width: 350px;
	height:70px;
	margin-left: 10px;
    background-color: #dff2f6;
	/*background-color: purple;*/
    top: 5px;}

h1.titreblanc {
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
padding-left:5px;
display: inline;  }

/* ce H2 permet une police orange et se place sur fond orangé en dessous de H1*/
h2.textebleu12px {
font-size: 12px;
font-weight: bold;
color: #046b84;
padding-left: 5px;
display: inline;
line-height: 1.6em;}

h2.texteblanc12px-acc {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
padding-left: 5px;
display: inline;
line-height: 1.2em;}

h2.textebleu12px-acc {
font-size: 12px;
font-weight: bold;
color: #046b84;
padding-left: 5px;
display: inline;
line-height: 1.2em;}

h3.textebleu12px {
	font-size: 12px;
	font-weight: bold;
	color: #046b84;
	padding-left:5px;
	display: inline;
	line-height: 1.2em;
	padding-right: 5px;
}

/*Titre de type bloc, un saut de ligne avant et apres la balise */
h4.titre-ensavoir {
	background-color: #1095B6;
	width: 135px;
	height: 15px;
	font-size: 11px;
	color: #ffffff;
	margin: 0px;
	padding-left: 5px;
}

.textebleucollectivite13px {
  font-size: 13px;
  font-weight: bold;
  color:  #046b84;
  padding-left:0px;}