/* STYLES DE BASE */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul {	list-style:none;}
caption { text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
small { color:#58ad39; }
.img-article, .img-article-r {margin-right : 5px;}
.img-article-l {margin-left: 5px;}
.titleGallerie {border-bottom:1px solid #AAD12D; color:#AAD12D; font-size:13px; padding:10px 10px 0 0; display:block; font-weight:bold; margin-bottom:5px; margin-top:6px; }


h1{ color:#E6FF2E; font-size:16px; padding:10px 0; border-bottom:1px solid #AAD12D; text-transform:uppercase;}
h2{ color:#AAD12D; font-size:13px; padding:10px 10px 0 0;}
h3 { color:#AAD12D; font-size:11px; font-style:italic; font-family:verdana,arial,sans-serif; }
h4 { color:#AAD12D; font-size:10px; font-style:italic; text-align : justify; font-family:verdana,arial,sans-serif; margin-left:40px; }
h4:before { content: " + ";}
hr {margin : 0 20px; border:1px dotted #009E31;}
h5 { color:#E6FF2E; font-weight : bold; font-size:14px; }


a { color: #d4f473; }
a:hover { text-decoration: none; }

.clear{clear:both; display:block; }
fieldset{ margin-bottom:10px; padding:10px 10px 15px 10px;}
legend{color:#AAD12D; font-size:13px; font-weight:bold; padding:0px 10px;}
input, textarea { border:solid 1px #5baf39; background:#1a8b3c; margin:7px 0 7px 4px; }
label { color:#58ad39; text-align:right; }
.form th { text-align:right; }


/* CONTAINER */

body { font-family: Verdana, Helvetica, sans-serif; background:#007c3d url("images/bkgd-body.jpg") top center no-repeat; color:#f7febd; font-size:11px; }
#container { background:transparent; width: 920px; margin:0 auto; }



/* BLOCS GENERAUX */

#top { height:432px; position:relative; }
#top #diaporama { position:absolute; bottom:0px; left:3px; }
#left { float: left; width:201px; padding:0 0 0 3px; margin-right:33px; } /* width:205px */
#center { float: left; width: 473px; margin-right:33px; } /* width:506px */
#right { float: left; width: 172px; padding:0; } /* width:190px */
#bottom { clear: both; background:transparent url("images/logo-bottom.jpg") no-repeat 35px 20px; text-align: center; color: white; border-top:1px solid #008241; margin:5px auto 0; width:900px; height:140px; }
#bottom-content { text-align:center; padding:20px 0 0 55px; color:#86CC38; height:120px;}

* html #left { margin-right:-3px; width:235px; }
* html #right { margin-left:-3px; }


/* AUTRES BLOCS */

#menuh { background: #E5E5E5; height: 30px; text-align: center; }
#menuv { }
#breadcrumb { font-size: 10px; color: #666666; }
#breadcrumb a { color: #666666; }
.liste {margin-left: 28px; text-align: justify; background : url("images/puce.png") 0px 5px no-repeat;}
.widget { border:1px solid #026b35; margin-top: 20px; background:#026b35 url("images/bkgd-widget.png") top left repeat-x; }
#left .widget { width:205px; }
.pagination {color : #86CC38; text-decoration:none; }
.pagina { text-decoration:none; }

/* HEADER */
#logo { display: block; width: 210px; height: 185px; }
#langage { position:absolute; top:180px; margin-left: 759px; }
#lg-fr, #lg-en { display:block; float:left; width:16px; height:11px; }
#lg-en { margin-right:10px; }

/* MENU HORIZONTAL */

#menuh { z-index:1000; }
#menuh div { display: inline; float:left;}
#menuh div ul {position: absolute; margin: 0px 0 0 0; background-color: #ccc; line-height:25px; border: 1px solid black; border-top:none; }
#menuh div ul li { font-size: 10px; }
#menuh div a { font-weight: bold; text-decoration: none; display: block; line-height: 30px; padding: 0 10px 0 10px; }
#menuh div a:hover { background-color:#006AB5;  color:white; }
#menuh div a.selected { background-color:#006AB5;  color:white; }
#menuh div ul a { text-align:left; }
#menuh div ul a:hover { background: white; color: #333333; }
#menuh div#push { background: #aad12d; width: 170px; float: right; }
#menuh div#push a{ color: white; }


/* MENU VERTICAL */

#menuv li { display: inline; }
#menuv li a {  text-transform:uppercase; display: block; margin-bottom:3px; line-height: 25px; text-decoration: none; background:transparent url("images/btn-menuV-off.png") top left no-repeat; width:205px; height:34px; padding-top:5px; font-family:verdana, helvetica, sans-serif; font-size:12px; color:#9ed536; text-align:center; }
#menuv li a:hover { display: block; line-height: 25px; text-decoration: none; background:transparent url("images/btn-menuV-on.png") top left no-repeat; width:205px; height:34px; padding-top:5px; font-family:verdana, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#E7FF2F; text-align:center; }
#menuv li ul { padding-bottom:10px; background:#046632; margin-bottom:5px; width:195px; padding-left:10px;}
*html #menuv li ul { padding-bottom:10px; background:#046632; margin-bottom:5px;  padding-left:0px;}
#menuv li ul a {  text-decoration: none;   background:none; border:none; padding:0px; margin:0px; height:20px; text-transform:none; color: #39ad73; text-align:left; font-size:10px; }
#menuv li ul a:before {content:url(images/puce.png); padding-right:10px; }
#menuv li ul a:hover {  text-decoration: none; font-weight:normal; background-image:none; text-transform:none; color: #e7FF2F; background-image:none; background:#046632; border:none; padding:0px; font-size:10px;  margin:0px; height:20px; text-align:left;  width:inherit;}
* #menuv li ul a:hover { padding:0px; width:160px; margin:0px;}



/* PIED DE PAGE */

#menup li { display: inline; }
#menup li a { color: #22B526; line-height: 30px; }


/* ID ET CLASSES DU CENTRE  */

#center .text { line-height: 18px; }
#center .img { float: left; margin: 6px 10px 0 0;  }
#center .list { border-top: 1px solid #EDEDED; clear: both; padding: 10px; overflow:hidden; }
#center .list div { font-style: italic; margin-top: 5px; }


/* WIDGETS */

.widget h6 { color:#e6ff2e; font-weight:bold; text-align:left; padding: 5px; font-size:13px; }
.widget ul { padding: 5px; }
.widget p { padding: 5px; text-align: right; }

/* FORM */
.obligatoire { color: #AAD12D; font-weight:bold; }
input.error, textarea.error{ background-color:#E7FF8F; }
.button { width:177px; height:32px; padding:5px 34px 0 0; text-align:right; border:none; background:#017a3d url("images/bkgd-btn.png") no-repeat left 6px; color:#e6ff2e; font:normal 10px verdana,arial,sans-serif;  cursor:pointer; }