/* CSS Document */
* {margin: 0; padding: 0;}

/* éléments généraux */
body {
font-family:Verdana;
font-size:1em;
background-color:#cccccc;
margin:0;
padding:0;
}

ul {
list-style-type: none; 
width:100%;
padding:0;
margin:0;
}

h1 {
font-weight:bold;
font-size:1.5em;;
color:#196caa;
text-align:right;
margin-right:5px;
}
h2 {
color:#666666;
text-decoration:none;
width:400px;
text-align:right;
float:right;
margin-top:30px;
margin-right:5px;
margin-bottom:20px; 
font-size:1em;
}
h3 {
font-family:Verdana;
font-weight:bold;
font-size:large;
color:#196caa;
text-decoration:underline;
text-align:left;
margin-bottom:30px;

}
h4 {
font-family:verdana;
font-weight: bold;
font-size:small;
color:#6DBE5C;
text-align:left;
margin:30px 0 10px 0;
text-decoration:underline;
}
h6 {
font-family:verdana;
font-weight: bold;
font-size:small;
text-align:center;
margin:10px 0 10px 0;
text-decoration:underline;
color:#FFFFFF;
}

kbd {
border-bottom:3px solid #196CAA;
font-size:1.3em;
font-weight:bold;
}
code{
color:#666;
border-left:2px solid #666;
border-right:2px solid #666;
font-size:1.2em;
font-weight:bold;
padding:0 0.2em;
}

table {
text-align:center;
border:1px solid black;
margin:2em auto;
border-collapse:collapse;
}

th {
background-color:#196CAA;
line-height:0.8em;
color:#fff;
padding:0.8em;
border:1px solid black;
}
td {
padding:0.3em;
border:1px solid black;
}

p{
margin:10px 10px 10px 0;
}

acronym {
cursor:help;
border-bottom:1px dotted #333;
}
input {
cursor:pointer;}

hr {
margin-bottom:10px;
}

.bouton:hover {
border:2px inset #196caa;
background-color:#ddd}

/* fin des éléments généraux */


/* éléments ID */
#conteneur {
	position: absolute;
	width:90%;
	background-image:url(images/fondvert.gif);
	background-repeat:repeat-y;
	margin-right:5%;
	margin-left:5%;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	border:1px solid gray;
	background-color:#FFFFFF;
	}

#header {
background-color:white;
background-image:url(images/HEADER.gif);
background-repeat:no-repeat;
background-position: bottom left;
position:relative;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
text-align:right;
}

#header p {
margin-right:5px;
}

#flash {
	left:0px;
	top:0px;
	position:absolute;
	z-index:2;
	height: 130px;
}
#menuhaut {
background-color:#196caa;
background-image:url(images/sous-header.gif);
background-repeat:no-repeat;
text-align:right;
position:relative;
height:4em;
top:0;
border-bottom:1px solid gray;
}

#centre {
background-color:#F2F4F4 ;
margin-left: 14em;
padding:10px;
text-align:justify;
border-left:1px solid gray;}

#centre-contact {
background-color:#F2F4F4 ;
background-image:url(images/oiseau.png);
background-position:bottom right;
background-repeat:no-repeat;
margin-left:14em;
padding:1em;
text-align:justify;
border-left:1px solid gray;}

#pied {
background-color:#196CAA;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
border-top:1px solid gray;
height:40px;
text-align:right;
padding-right:10px;
}

#cartouche {
float:right;
margin:20px;
background-color:#196CAA;
text-align:left;
padding:10px;
border:1px solid gray;
width:170px;}

#cartouche p {
margin:10px 0px;
}
#cartouche li {
list-style-type:disc;
color:#FFF;
margin-left:10px;
}

#cartouchevert {
float:right;
margin:20px;
background-color:#44A72F;
text-align:left;
padding:10px;
border:1px solid gray;
width:170px;}

#cartouchevert p {
margin:10px 0px;
}
#cartouchevert li {
list-style-type:disc;
color:#FFF;
margin-left:10px;
}
/* fin des éléments ID */

/* éléments CLASS */

/*Début du menu horizontal*/

#menuhaut {
background-color:#196caa;
background-image:url(images/sous-header.gif);
background-repeat:repeat-y;
text-align:right;
position:relative;
height:5em;
border-bottom:1px solid gray;
padding-left:15em;
}

#menuhaut li {
float: right;
}

#menuhaut a {
width: 10em;
height: 2em;
display: block;
text-align: center;
line-height: 2em;
border-bottom: 1px solid gray;
border-left: 1px solid gray; 
color: #fff;
font-size: 1.2em;
}

#menuhaut a:hover {
background: #ccc;
color:#196caa;
text-decoration:none; 
}

#nouvelles #Nnouvelles,
#liens #Nliens,
#accueil #Naccueil,
#contact #Ncontact{
background: gray;
color: #fff;
}

/*Début du menu vertical*/

#gauche {
position:absolute;
left:0px;
width: 14em;
}

#gauche a {
height: 2em;
display: block;
text-align: left;
text-decoration: none;
color: #333;
border-bottom: 1px solid gray;
font-size:1.2em;
padding-left:1em;
line-height:2em;
}
#gauche a:hover {
background: #ccc;
color:#44a72f;
}

#administration #Nadministration,
#projets #Nprojets,
#realisations #Nrealisations,
#accueil #N2accueil {
background: gray;
color: #fff;
}
/*Fin du menu vertical*/
	 
.texte{
font-family:verdana;
font-weight:normal;
font-size:small;
color:#333;
text-decoration:none;
text-align:justify;
margin-top:10px;
margin-bottom:10px;
}
.imggauche{
float:left;
margin:10px;
padding:2px;
border:1px solid gray;
}
.imgdroite{
float:right;
margin:10px;
padding:2px;
border:1px solid gray;

}

a{
font-family:Verdana;
font-size:small;
color: #196CAA;
text-decoration:none;}

a:hover{
font-family:Verdana;
font-size:small;
color: #196CAA;
text-decoration:underline;}

.lien2{
font-family:Verdana;
font-size:small;
color: #fff;
text-decoration:none;}

.lien2:hover{
font-family:Verdana;
font-size:small;
color: #fff;
text-decoration:underline;}

.mentions {
margin-top:7px;
margin-right:10px;
color:#fff;
}

.list {
list-style-type:square;
}

.list li {
margin:20px 100px 20px 50px}

.pasdemarges {
margin:0
}

.precision {
color:#666666;
font-style:italic;
font-size:x-small;
}
.encarttype1 {
border:2px solid #44a72f;
border-left-width:20px;
padding:10px;
margin-bottom:20px;
}

.encarttype2 {
border:2px solid #196CAA;
border-left-width:20px;
padding:10px;
margin-bottom:20px;
}

.encarttype2 span {
color:#196caa;
font-weight:bold;
}

.encarttype1 span {
color:#44a72f;
font-weight:bold;
}

.encarttype1 h3 {
color:#44a72f;
}

.clear  {
clear:right;
}
.titreh3vert{
font-family:Verdana;
font-weight:bold;
font-size:large;
color:#44a72f;
text-decoration:underline;
text-align:left;
margin-bottom:30px;
}

/* fin des éléments CLASS */

/* fin de ma feuille de style */