body {
   font-family: Verdana, sans-serif;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   height: 100%;
}
a {
   color: #A9122A;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a img {
   border: none;
}
h1 {
	color:#5E6A76;
	font-size:16px;
	margin-bottom:10px;
}
h2 {
    color:#316aa2;
	font-size:14px;
	margin-bottom:5px;
	margin-top:0px;
	
}
h3 {
	font-weight:bold;
	font-size:13px;
}
hr {

}
form{margin:0px;}
.separateur {
   clear: both;

}


/***************************   structure générale   ***************************/
/*ECE65C vert
5E6A76 gris
EBECEE gris contour et hr haut*/

#conteneur {
   position: relative;
   width: 960px;
   margin: 0 auto;
   color: black;
   background-color: white;
  border:1px solid #5E6A76;
}
#header {
position:absolute;
top:0px;
	height:52px;
	width:560px;
	background:white url(../images/angle_droit.jpg) no-repeat top right;
	margin:0px;
}
#header .trait{
	background-color:#EBECEE;
	height:3px;
	width:400px;
	margin:0px;
	border:0px;
	margin-left:80px;
	clear:left;
}
#header ul{
	
}
#header li{
	
}
#header li a{
	
}
#header li a:hover{
	
}
#header .adresse{
	font-size:10px;
	color:#5E6A75;
	text-align:right;
	padding-right:50px;
}
#header-print{display:none;}

#corps {
    height:500px;
    width:570px;
	vertical-align:top;
    padding:0px;
    background:white url(../images/angle_gauche.jpg) no-repeat bottom left;
    padding-left:10px;
    position:relative;
}
#contenu_corps{
    padding:50px 5px 25px 5px;
}
html>body #corps {

}
#gauche {
 	background:#ECE65C url(../images/bas_gauche.jpg) no-repeat bottom;
 	width:205px;
 	height:100%;
    margin:0px;
    vertical-align:top;
    padding:0px;
}
#droite {
    background-color:#5E6A76;
    width:185px;
    margin:0px;
    padding:0px;
    vertical-align:top;
}
#footer {
	width:100%;
	height:70px;
	margin:0px;
	background:white url(../images/footer.jpg) no-repeat top;
}
#signature {
    height: 15px;
    color:#666666;
    text-align:right;
    font-size:10px;
}
#signature a{
	color:#666666;
}
#zoneIdent{
    color:#ffffff;
	font-weight:bold;
	font-style: italic;
	padding-top:10px;
	padding-left:20px;
	margin-bottom:30px;
}

#zoneIdent input{
	background-color:#E1E1E2;
	border:1px solid #ffffff;
}
#zoneIdent .bouton{
	color:#ffffff;
	background-color:#5E6A75;
	border:1px solid #ffffff;
	width:35px;
}
#zoneIdent a{
	font-weight:normal;
	font-style: normal;
	color:#ECE65C;
}
@media print{
	#conteneur {width:100%;border:0px;}
	#header-print {display:block;}
	#header {display:none;}
	#gauche {display:none;}
	#droite {display:none;}
	#corps{margin-left:0px;}
	#menu{display:none;}
	#footer img{display:none;}
	#footer .texte{position:relative;width:auto;}
}
.bouton{
	border:1px solid #333333;
	background-color:#ebebeb;
	color:#333333;
	font-weight:bold;
}
.entete_tableau{
	font-weight:bold;
	color:#f5f5f5;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	background-color:#789ab1;
	padding-left:5px;
}
.presentation, .presentation2{
	border:3px solid #EBECEE;
	margin:0px 20px;
	background : white url(../images/picto_activite.jpg) no-repeat top left;
	padding-left:100px;
	padding-top:10px;
	padding-bottom:20px;
}
.presentation2{
	background : #e5e5e5 url(../images/picto_elus.jpg) no-repeat top right;
	padding-right:20px;
	padding-left:10px;
}
.presentation h1, .presentation2 h1{
	color:#5E6A75;
	font-family:verdana;
	font-size:14px;
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom:5px;
}
.presentation img, .presentation2 img{
    float:right;
    margin:0 10px;
    /*width:100px;*/
    
    max-width: 100px;
    width: expression(this.width > 100 ? 100: true);
    max-height: 130px;
    height: expression(this.height > 130 ? 130: true);
}
.actualitesdefilantes{
	position:absolute;
	padding-top:10px;
	z-index:1;
	height:120px;
	/*width:337px;*/
	width:390px;
}
.message{
	color:#A9122A;
	font-weight:bold;
	text-align:center;
}
.sommaire{
    border:1px solid #5e6a76;
/*	background-color:#e5e5e5;*/
	width:300px;
}
.sommaire li{
	margin-bottom:10px;
	list-style-image:url(../images/fleche.gif);
}
#post-it{
	background-image:url(../images/post-it.jpg);
	background-repeat:no-repeat;
	width:148px;
	height:148px;
	overflow:hidden;
	color:#5E6A76;
	position:absolute;
	top:4px;
	left:0px;
	padding:5px;
	z-index: 2;
	font-family:verdana;
	font-size:10px;
	/*font-family:tahoma;*/
}
#post-it p{
	margin:0px;
}
#post-it .contenu_cadre{
	width:140px;

}
#corps form .captcha-form{
    border: 1px solid black;
    text-align: left;
    padding: 10px;
    width: 365px;
}
#corps form .captcha-form td{
    padding: 3px;
}