/* CSS Document */

/*-------------------------Principaux éléments du site--------------------------*/

/*gestion du body (fond de page)*/
body {
	background-color:#FFFFFF;
}

/*gestion de la div qui centre mon site*/
#centre {
	position: absolute;
	height: 700px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	top: 2%;
}

/*gestion du bandeau flash*/
#bandeau {
	position: absolute;
	height: 130px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}

/*Gestion du bouton de sondage*/
#sondage {
	position:absolute;
	width: 980px;
	left: 50%;
	margin-left: -540px;
	top: 678px;
	text-align:right;
}

/*gestion de menu du haut*/
#menuFixe {
	position: absolute;
	top: 145px;
	left: -8px;
	z-index:1;
	height: auto;
	margin:0;
	padding:0;
}

/*gestion du sous menu*/
#menuBas {
	position: absolute;
	top: 580px;
	left: 55px;
	z-index:1;
}

/*gestion du contenu des pages*/
.contenu {
	position: absolute;
	height: 400px;
	width: 864px;
	left: 50%;
	margin-left: -432px;
	top: 180px;
}


/*mise en page*/
#mep {
	position: absolute;
	height: 400px;
	width: 864px;
	overflow:auto;
}

/*pied de page*/
#baseline {
	position: absolute;
	height: auto;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	top: 710px;
	text-align:center;
}

/*gestion du centrage des textes*/
#centrage {
	width: 650px;
	margin-left: 10%;
}

/*gestion des popup*/
#popup {
	position:absolute;
	left: 0px;
	top: 0px;
}

/*gestion des div avec fond blanc et bordures*/
#cadre {
	margin-left: 35px;
	border:ridge;
	width: 610px;
}

/*gestion de l'affichage en boucle des résultats de requette SQL*/
#boucle {
	margin-top: 20px;
	margin-left: 30px;
	width: 550px;
}

/*gestion de ma galerie photo*/
#popup_galerie{
	position: absolute;
	height: 600px;
	width: 600px;
	left: 30%;
	top: 1%;
}

/*images de ma div popup_galerie redimentionnées*/
#popup_galerie img{
	width: 120px;
	text-align:center;
	text-decoration: none;
	border: none;
}


/*gestion du zoom via ma galerie photo*/
#popup_galerie_zoom {
	position: absolute;
	height: auto;
	width: 650px;
	left: 50%;
	margin-left: -300px;
	border: hidden;
	border:0;
	text-align:center;
}

/*gestion des images zoomée via ma galerie photo*/
#popup_galerie_zoom img{
	border: ridge;
	text-align:center;
}

/*gestion des images des news*/
#news img{
	border: double;
	height: 110px;
	margin-left: 35px;
}

#travaux img{
	border: double;
	height: 110px;
	margin-left: 35px;
}

/*-------------------------Fin de gestion des principaux éléments du site--------------------------*/



/*-----------------------gestion du fond des contenu-----------------------*/
#ifs_hier {
	background-image:url(../imgs/fond/ifs_hier.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#collectivite {
	background-image:url(../imgs/fond/collectivite.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#vie_locale {
	background-image:url(../imgs/fond/vie_locale.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#demarches_admin {
	background-image:url(../imgs/fond/demarches_admin.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#infos {
	background-image:url(../imgs/fond/infos.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#activite_eco {
	background-image:url(../imgs/fond/activite_eco.png);
	background-position:  top;
	background-repeat:no-repeat;
}

#accueil {
	background-image:url(../imgs/fond/accueil.png);
	background-position:  top;
	background-repeat:no-repeat;
}

/*-----------------------fin de gestion du fond des contenu-----------------------*/

/*---------------Gestion des zoom et diapo------------------*/
/*gestion des zoom sur photos*/
#popup_photo {
	position:absolute;
	height: auto;
	width: 500px;
	left:50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -200px;
	border:groove;
	text-align:center;
	vertical-align:middle;
}

/*Gestion des diaporamas*/
#diapo {
	text-align:left;
	width: auto;
	height: auto;
	margin-left: 35px;
}

/*gestion des images des diapo*/
#diapo img{
	border:groove;
}

/*gestion des pages fonction "JS" popup*/
#popup_diapo {
	position:absolute;
	height: 400px;
	width: 500px;
	left:50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -200px;
	border:groove;
}

/*Position bu btn retour sur les diapo*/
#retour_diapo {
	position:absolute;
	left: 86%;
	top: -10%;
}

/*---------------Fin de gestion des zoom et diapo------------------*/



/*--------------------------gestion du texte-------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 15px;
	color: #FFFFFF;
	margin: 0;
	margin-top: 2px;
	padding:0;
	text-align:center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #7b852f;
	line-height: 1.8;
	margin-bottom: 4px;
	margin-top: 2px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 2;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
	line-height: 2;
}

h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-top: 14px;
	line-height: 1.5;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 1.5;
	text-align:center;
}


/*--------------------------gestion des listes-------------------------------*/
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b852f;
}

/*--------------------------Mise en valeur du texte-------------------------------*/
#miseEnValeur {
	color: #7b852f;
}

/*--------------------------gestion des liens-------------------------------*/
/*liens standards*/
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b852f;
	text-decoration: underline;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}

a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

#tabStandard  a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
	line-height: 2;
	text-decoration: none;
}

#tabStandard  a:hover{

	text-decoration: underline;
}


/*menu*/
li a:link {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	text-decoration:underline;
}

li a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b852f;
	font-weight:bold;
	text-decoration: underline;
}

li a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

dt a:link,a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
}

dt a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b852f;
	font-weight:bold;
	text-decoration: underline;
}


/*--------------------------gestion des class-------------------------------*/
/*class standards*/

.center {
	text-align:center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.vif,
.vif  a,
.vif a:visited {
	color: #990000;
}

.floatRight {
	margin-right: 10px;
	float: right;
}

.justify {
	text-align:justify;
	margin-left: 35px;
}

.justifySimple {
	text-align:justify;
}

.news_left {
	left : 0px;
	text-align: left;
}

.margeGauche {
	margin-left: 35px;
}

.margeESP {
	margin-left: 15px;
	line-height: 2;
}

.noBorder {
	border: hidden;
	border: none;
}

.underline {
	text-decoration:underline;
}

.cadre {
	background-image: url(../imgs/general/fond_cadre.png);
	background-repeat:repeat;
}

/*class avancés*/

.listeDer {
	z-index:1;
	line-height: 1.5;
	height: 2.5px;
	width: auto;
}

.deroulant {
	height: auto;
	width: 161px;
	background-image:url(../imgs/general/deroulant.png);
	background-repeat:repeat;
	background-position:top;
	z-index:1;
}

.sousMover {
	width: 161px;
	height: 20px;
	background-image:url(../imgs/general/deroulant.png);
	background-repeat: repeat;
	z-index:1;
	line-height:1;
}

.titre {
	width:842px;
	height: 22px;
	background-image: url(../imgs/general/fond_titre.png);
	background-repeat:no-repeat;
	margin-left: 2px;
	border-left:hidden;
	border-right: hidden;
	border-top: groove;
	border-bottom: groove;
	
}

.titreNscroll {
	width:844px;
	height: 22px;
	background-image: url(../imgs/general/fond_titre.png);
	background-repeat:no-repeat;
	margin-left: 3px;
	border-left:hidden;
	border-right: hidden;
	border-top: groove;
	border-bottom: groove;
	
}

.soustitre {
	width: auto;
	padding: 5px;
	margin-left: 35px;
	color: #7b852f;
	height: 20px;
	background-repeat:no-repeat;
	border-bottom: double;
	border-left: hidden;
	border-top: hidden;
	border-right: hidden;
}

/*--------------------------Fin de gestion des class et du texte-------------------------------*/



/*--------------------------gestion des pages spécifiques-------------------------------*/

/*--------------spécifique général--------------*/
/*gestion d'une tab en haut de chaque page*/
#entete {
	position:absolute;
	width: 800px;
	top: 50px;
}

/*gestion du contenu de ma page*/
#corp {
	position:absolute;
	width: 800px;
	top: 180px;
}

/* ma page sans tab en haut*/
#corpHaut {
	position:absolute;
	width: 800px;
	top: 60px;
}

/*tab par défaut*/
#tabStandard {
	width: 615px;
	margin-left: 35px;
	text-align:center;
	height: auto;
}

#tabMini {
	width: 600px;
	margin-left: 35px;
	text-align:center;
}

#tabPlus {
	width: 800px;
	margin-left: 30px;
	text-align:center;
	height: auto;
}

#tabFerAgauche {
	width: 700px;
	margin-left: 35px;
	height: auto;
}

#tabFerAgauche h4{
	margin-left: 10px;
	margin-top:3px;
}

/*gestion des tabulations*/
#tabul {
	margin-left:10px;
}

/*-------------------------spécifique html/collectivite/composition_cm.php---------------------*/
#flash {
	width: 700px;
	height:auto;
	margin-left:65px;
	margin-top: 45px;
	border:groove;
}

.coleft {
	float:left;
	width:400px;
    clear:left;
}

.colright {
	float:right;
	width:400px;
}

.coltotale {
	width:800px;
	float:left;
	margin: 40px 0 0 30px !important;
	margin: 40px 0 0 15px;
}

.coltotale li{
	float:left;
	width:200px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_two {
	width:800px;
	float:left;
	margin: 150px 0 0 30px !important;
	margin: 50px 0 0 15px;
}

.coltotale_two li{
	float:left;
	width:200px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_three{
	width:800px;
	float:left;
	margin: 150px 0 0 30px !important;
	margin: 50px 0 0 15px;
}

.coltotale_three li{
	float:left;
	width:200px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_four {
	width:800px;
	height:170px;
	float:left;
	margin: 150px 0 0 30px !important;
	margin: 50px 0 0 15px;
}

.coltotale_four li{
	float:left;
	width:200px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_five {
	width:800px;
	height:170px;
	float:left;
	margin: 20px 0 0 45px !important;
	margin: 20px 0 0 20px;
}

.coltotale_five  li{
	float:left;
	width:250px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_six {
	width:800px;
	height:170px;
	float:left;
	margin: 0px 0 0 45px !important;
	margin: 0px 0 0 20px;
}

.coltotale_six  li{
	float:left;
	width:250px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.coltotale_seven {
	width:800px;
	height:170px;
	float:left;
	margin: 30px 0 0 45px !important;
	margin: 30px 0 0 20px;
}

.coltotale_seven  li{
	float:left;
	width:370px;
	text-decoration:none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


/*-------------------------spécifique html/collectivite/decisions_cm.php---------------------*/
#decisions_cm {
	position: absolute;
	width: 520px;
	left: 50%;
	margin-left: -250px;
	margin-top: 5px;
	height: 80px;
}

#archives_tribunes{
	position: absolute;
	width: 520px;
	left: 50%;
	margin-left: -250px;
	margin-top: 5px;
	height: 80px;
}

#decisions_cm  li{
	width:150px;
}


/*-------------------------spécifique html/plan_acces.php---------------------*/
/*gestion du plan d'accès*/
#map {
	position: absolute;
	top: 12px;
	right:5px;
	z-index:1;
	overflow:hidden;
}

/*-------------------------spécifique cartographie---------------------*/
/*gestion de ma cartographie*/
#cartographie {
	position: absolute;
	height: auto;
	width: 900px;
	left: 0px;
	top: 0px;
	overflow: auto;
}

/*-------------------------spécifique validation form---------------------*/
#validate {
	position: absolute;
	width:500px;
	height:500px;
	left: 50%;
	margin-left: -250px;
	margin-top: 10%;
	
}

#validate img {
	width: 300px;
}

/*-------------------------formulaire special renouvellement urbain---------------------*/

#formulaire_urbain {
	font-family:Arial,sans-ms;
	font-size:13px;
	margin:-10px 0 0 110px;
	width:600px;
}

h4.incomplete{
	color:#FF1F3D;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:2;
	text-align:center;
}

#formulaire_urbain  .left{
	float:left;
	height:60px;
	width:40%;
}

#formulaire_urbain  .left_text{
	float:left;
	height:180px;
	width:80%;
	margin:0px 0;
}


#formulaire_urbain  .obligatoire{
	float:left;
	height:30px;
	width:80%;
	font-size:11px;
	color:red;
	margin:0px 0;
}

#formulaire_urbain  li{
	height:30px;
	color:#000;
	text-decoration:none;
}

/*-------------------------spécifique html/collectivite/composition_cm.php---------------------*/
#compo_cm {
	margin-top: 20px;
}

/*-------------------------Bouton page d'accueil---------------------*/

.btn_home {
    position:absolute;
	width:182px;
	height:189px;
	margin:-46px 0 0 574px;
}

.btn_home  img{
   border:0;
}