body{ background-color:#D8D8D8; font-family:"Trebuchet MS",helvetica,sans-serif; margin: 0; margin-left : 20px; margin-right : 20px; margin-top: 10px; margin-bottom: 10px; }

#container{ background-color:#fff; min-width:760px; }

#pageHeader{ height:150px; background-color:#ccc; background : #fff; } /* url(../img/structure/entete.png) no-repeat right*/
/* #pageHeader #titre{ float: left; font-size:24px; color:#003E8F; text-align:center; height:150px;}
#pageHeader .search{ float: left; font-size:11px; width: 190px; color:#000; text-align:center;}
#pageHeader .search text_box{ border: #fff 1px; color:FFFFFF; }  */
#pageHeader li{ float: right; font-size:16px; list-style: none; display: inline;  color:#000; text-align:center; }
#pageHeader li a{ text-decoration: none; color: #000; display: block; height:150px; width: 100px; border-left: 1px solid #000; }
html>body>#container>#pageHeader>ul>li>a{ margin-top: -16px; }
#pageHeader li a:hover { background: #ddd; color: #fff; border-left: 1px solid #ccc; }
#pageHeader li .a_propos a{ background: url(../img/structure/menu/a_propos.png) no-repeat; }
#pageHeader li .a_propos a:hover{ background: url(../img/structure/menu/a_propos_hover.png) no-repeat; }

#content{  }
#content .img_droite{ padding:3px; margin-left:6px; margin-bottom:2px; margin-top:2px; border:1px solid #333333; float:right; }
#content .img_gauche{ padding:3px; margin-right:6px; margin-bottom:2px; margin-top:2px; border:1px solid #333333; float:left; }
#content h2 {font-family:"Trebuchet MS",helvetica,sans-serif; color:#004BB0; font-size:16px; letter-spacing:1px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:1px solid #004BB0;}
#content h1,h2,h3,h4,h5,h6{ font-family:"Trebuchet MS",helvetica,sans-serif; color:#004BB0; letter-spacing:1px; }
#content h1 {font-size:22px;}
#content h3 {font-size:18px;}
#content h4 {font-size:16px;}
#content h5 {font-size:14px;}
#content h6 {font-size:14px;}

#navigation{ font-size:11px; color:#000; font-style:italic; padding-left: 10px; background-color:#0060DD;}
.leftColumn { padding:0px; width:170px; padding:0px 5px 0px 5px; }
.leftColumn a{ text-decoration: none; color: #000; background : #2C81EF; display: block; height:25px; width: 170px; border: 1px solid #000; border-top: none; padding:0px 5px 0px 5px; }
.leftColumn .top a{ border: 1px solid #000; }
.leftColumn a:hover{ color: #fff; background : #00459F; }
.leftColumn li{ text-decoration: none; color: #000; background : #2C81EF; display: block; width: 170px; border: 1px solid #000; border-top: none; padding:0px 5px 0px 5px; }
.leftColumn .top li{ text-decoration: none; color: #000; background : #2C81EF; display: block; width: 170px; border: 1px solid #000; border-bottom: none; padding:0px 5px 0px 5px; }
.leftColumn .bottom li{ text-decoration: none; color: #000; background : #2C81EF; display: block; width: 170px; border: 1px solid #000; border-top: none; padding:0px 5px 0px 5px; }


.rightColumn {padding:0px 10px 10px 10px; border-left:1px dashed #CCC;}
.rightColumn .important{ color:#f00; }
#footer{ font-size: 11px; color:#fff; padding-left: 10px; background-color:#0060DD;}

/* BORDURE */

#navigation{ border-bottom: 1px solid #000; }
#footer{ border-top: 1px solid #000; }
#footer a{ text-decoration: none; color: #fff; }
#footer a:hover{ text-decoration: underline; color: #fff; }
#pageHeader{ border: 1px solid #000; }
#content{ border: 1px solid #000; border-top: none; }

/* #pageHeader li a{ border: 1px solid #000; } */

textarea { height: 150px; width: 190px; }
