﻿

<style type="text/css">

/*<![CDATA[*/
/* CSS inspiré des tutoriels css.alsacreations.com */


isindex {
/*
Si on ne met rien de spécial avant body{}, il n'est pas pris en compte !
Utilisation de isindex car presque obsolète.
*/

}



/* PAGE ENTIERE */


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	height: 100%;
}


p {
	margin: 0 0 10px 0;
}


.important { /* Pour le texte important (en rouge par défaut) */

	color: red;

}


#conteneur {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
}



/* BANDEAU HEADER (images + recherche directe) */

#header {
	height: 92px;
	padding: 0px;
	background: #FFFFFF url(../../../fr/images/interface/bandeau.jpg) left top no-repeat ;
}


#zonelogo {

	float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
	width : 125px;
	height: 92px;
	margin-left: 10px;
	margin-top: 0px;

}

#zonelogo:hover {

	cursor: hand;

}

#imgrechercherapide {
	margin-left: -5px;
	background-color: transparent;
}


#coinrecherche {
	float:right;
	height: 100%;
	width: 190px;
	background: transparent url(../../../fr/images/interface/fond_coinrecherche.png) right top no-repeat;
	padding: 0px;
	margin: 0px;
}

#drapeauanglais {
	margin-left: 17px ;
	padding-top: 2px;
	padding: 0px;
	border: 0px;
}

#drapeauallemand {
	margin-left: -4px ;
	padding-top: 2px;
	padding: 0px;
	border: 0px;
}


/* BARRE DE MENUS */
/* Attention, pour le menu principal, une classe CSS issue de menu/menu.css est aussi utilisée ! */


#haut {
	position: relative;
	clear: both;
	background: #FFFFFF url(../../../fr/images/interface/raccord.png) left top repeat-x;
	height: 28px;
	padding: 0px;
	margin: 0px;

}


#menubout {
	float: right;
	position: relative;
	left: 1px;
	width: 26px;
	height: 28px;
	background: #FFFFFF url(../../../fr/images/interface/bout.jpg) left top no-repeat;

}


#menuhaut {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#menuhaut li {
	margin: 0px;
	padding: 0px;
}



#menuhaut a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}




/* CENTRE DE LA PAGE */



#centre {
	background-color:#FFFFFF;
	margin-left: 180px;
	margin-right: 180px;
	padding-left: 30px;
	padding-right: 30px;
}


.retourenhaut {
	color: black;
	text-decoration: none;
	font-size: 8pt;
}

.retourenhaut:hover {
	text-decoration: underline;
}


.liensdubas {

	text-decoration: none;
	border: 0px;

}



/* COLONNE DE GAUCHE (agenda, marchés publics, liens techniques) */


#gauche {
	float:left;
	overflow: hidden;
	width: 180px;
	height: 100%;
}


#imagemarchespublics {
	margin-left: 15px;
	border: 0px;
}


#titreagenda {
	margin-top: 10px;
	margin-left: 50px ;
}


#cadregauche {
	float: left;
	margin-top: -3px ;
	padding-top: 15px;
	padding-right: 30px;
	background: #FFFFFF url(../../../fr/images/interface/cadregauche.jpg) left top no-repeat;
}

#menugauche {
	list-style-type: none;
	margin: 0;
	padding:0;
}

#agenda {
	overflow: auto;
	word-wrap: break-word;
	margin-left: 12px ;
	margin-top: -3px;
	width: 145px;
	height: 175px;
}


#agenda a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}


#agenda a:hover {
	text-decoration: none;
}


.alignementdroite {
	text-align: right;
}




#lienstechnique ul {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	margin-left:0;
	width:100%; 
}


#lienstechnique a {
	float: left;
	font-size: xx-small;
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}


#lienstechnique a:hover {
	text-decoration: none;
}

#lienstechnique ul li{
	float: left;
	list-style-type: none ;
	clear: both;
	width:100%;
}



/* COLONNE DE DROITE (liens importants : "lumière sur") */

#droite {
	float:right;
	width: 180px;
}


#titrelumieresur {
	margin-top: 10px;
	margin-left: 40px ;
}


#cadredroite {
	float: left;
	margin-top: -3px ;
	padding-top: 15px;
	padding-right: 30px;
	background: #FFFFFF url(../../../fr/images/interface/cadredroite.jpg) left top no-repeat;
}


#menudroit {
	list-style-type: none;
	overflow: auto;
	word-wrap: break-word;
	margin-left: -23px ;
	margin-top: 0px;
	width: 145px;
	height: 178px;
}


#menudroit li {
	margin-bottom: 5px;
}


#menudroit a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}

#menudroit a:hover {
	text-decoration: none;
}


#liencontacts {
	color: #000000;
	text-decoration: underline;
	font-size: 8pt;
}

#liencontacts:hover {
	text-decoration: none;
}


/* PIED DE PAGE */

/*#pied {
	clear:both;
	height: 30px;
	background-color: #99CC99;
}*/



/*]]>*/

</style>

