/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(article.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #7b7563;
 background: url(../img/bg2.jpg);
}

a:link, a:visited{
  color: #a17900;
}

a:hover {
 color: #9e9782;
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #00f;
}

ul li {
 margin:0;
 padding:0;
 float: left;
 list-style-type: none;
}

*:focus {
 outline: none;
}

* {
margin:0;
padding:0;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
   background: url(../img/bg.jpg) repeat-x;
}

.in-conteneur {
  background:  url(../img/bgwrapper.jpg) center 231px no-repeat; 
}


#page {
 width: 980px;
 margin: auto;
}


#header h1 {
}

#header  .newsletter {
 float: left;
 width: 450px;
}

#header  .newsletter img {
 margin: 5px 5px 0 10px;
}

#header  .newsletter .btnok {
  margin-top: 5px;
}

#header  .newsletter .id_text {
 border: none;
 width: 182px;
 height: 26px; 
 background: url(../img/news-bgfield.jpg) top center no-repeat;
 margin: 5px 8px 0 0px;
 display: block;
 float: left;
 color: #978F78;
}

#header .tophead {
 height: 40px;
}

#header .tophead .linkshead {
 float: right;
 margin: 10px 0 0 0;
}

#header .tophead .linkshead a {
 color: #978f78;
 font-size: 12px;
}

#header .tophead .linkshead a:hover {
 color: #ebe0c0;
 font-size: 12px;
}

#header .midhead {

}

#header .midhead .logo {
 float: left; 
}

#header .midhead .topmenu ul li a {
 width: 114px;
 height: 94px;
 color: #fff;
 font-size: 11px;
 font-weight:bold;
 font-weight: bold;
 background: url(../img/bgtopmenu.jpg) no-repeat;
 display: block;
 text-align: center;
 padding-top: 65px;
}

#header .midhead .topmenu ul li a:hover {
 background: url(../img/bgtopmenu_over.jpg) no-repeat;
}

#header #arbo {
 padding: 8px 0 0 28px;
 font-size: 14px;
 height: 33px;
 background: url(../img/bgarbo.jpg) no-repeat;
}

#header #arbo .arbo a {
 color: #857a57;
 font-size: 14px;
}

#header #arbo .arbo a:hover {
 color: #a17900;
 font-size: 14px;
}


#body {
 margin: 5px 0;
}

#body #wrapper {
 float: right;
}

#body #left {
 width: 266px;
 float: left;
 min-height: 300px;
 background: url(../img/bgleft.png) no-repeat;
 margin-top: 12px;
}

/* ------ MENU ACCORDEON ------ */

#body #left .navigation {
 padding-top: 25px;
 margin: 0px 0 25px 0;
}

#body #left .navigation .acc_toggler {
 height: 25px;
 width: 200px;
 font-size: 14px;
 font-style: normal;
 background: url(../img/mn_line.png) bottom center no-repeat;
}

#body #left .navigation .acc_toggler a {
 display: block;
 height: 25px;
 width: 200px;
 padding: 3px 0 0 27px;
 color: #7b7563;
 background: url(../img/mn-arrow.png) 218px no-repeat; 
}

#body #left .navigation .acc_element h3 a {
 display: block;
 padding: 3px 0 0 50px;
 height: 25px;
 width: 200px;
 font-size: 12px;
 color: #7b7563;
 background: url(../img/mn_line.png) bottom left no-repeat; 
}

#body #left .navigation .acc_toggler a:hover {
 display: block;
 height: 25px;
 width: 266px;
 color: #fff;
 background: url(../img/bgmenu_over.png) no-repeat;
}

#body #left #actualites {
border: none;
}

#body #left #actus {
 width: 248px;
 height: 385px;
 background: url(../img/bgactus.png) no-repeat;
 padding: 0 0 0 5px;
}

#body #left #actus h2 {
 height: 26px;
 width: 248px;
 background: url(../img/heading_actus.png) center no-repeat;
 padding: 56px 0 0 15px;
}

#body #left #actus .actualite h3 {
 background: none;
 visibility: hidden;
 height: 0;
}

#body #left #actus .actualite p {
 max-width: 235px;
 max-height: 190px;
 height: 190px;
 padding-top: 20px;
}

#body #left #actus .actu_suite {
 margin-left: 30px;
 font-weight: bold;
 color: #ac8100;
 width:128px;
 height:28px;
 background: url(../img/bgactus_plus.jpg) no-repeat;
 margin: 0 0 0 15px;
 padding: 5px 0 0 12px;
}

#body #left #actus .actu_suite a {
 color: #0065ac;
}

#body .center {
 margin: 0 10px;
 width: 670px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
 float: left;
 min-height: 300px;
}


/* ------ FOOTER ------ */
#footer {
 background: #2f2d29;
 min-height: 100px;
 margin: 0 auto;
}

#footer .toplinks {
 width: 980px;
 height: 68px;
 margin: auto;
 background: url(../img/footline.png) bottom no-repeat;  
}

#footer .toplinks .left {
float: left;
}

#footer .toplinks .left img {
 margin: 13px 0 0 0;
}

#footer .toplinks .left p {
 margin: 25px 0 0 0;
 color: #797361;
 float: left;
}

#footer .toplinks .right {
 padding: 25px 0 0 0;
 float:right;
 color: #9e9782;
}

#footer .botlinks {
 margin: auto;
 width: 980px;
 height: 90px;
 margin: auto; 
}

#footer .botlinks .left {
 float: left;
}

#footer .botlinks .left  img {
 padding: 15px 0 0 40px;
}

#footer .botlinks .right {
 float: right;
 padding: 35px 0 0 0;
}

#footer .botlinks .right ul li {
 text-align: right;
}

#footer .botlinks .right ul li a {
 color: #9e9782;
 padding: 0 5px 0 5px;
}


#footer .botlinks .right ul li a:hover {
 color: #f7c326;
}


.clr {
 clear: both;
}

/**********************************************************************************
*****************************FORMULAIRE********************************************
/* ------ NEWSLETTER ------ */

#contenu .bouton_suivant {
 display: block;
 width: 125px;
 height: 28px;
 text-align: center;
 color: #ac8100;
 font-weight: bold;
 font-size: 14px;
 background: url(../img/bgbtn.png) no-repeat;
 padding-top: 5px;
 margin-top: 10px; 
 float: right;
}

#contenu #inscription p {
 margin: 15px 0 15px 0;
}

#contenu #inscription .fcell_title {
 font-size: 14px;
 font-weight: bold;
 height: 35px;
}

#contenu #inscription .fcell {
 height: 60px;
}

#contenu p.msg_erreur {
 color: #FF0000;
 height: 30px;
}

#contenu p.msg_valide {
 color: #009933;
 height: 30px;
}

#contenu h2 {
  color: #574f3e;
  min-height: 40px;
  height: 40px;
  font-size: 20px;
  background: url(../img/bgheading-line.png) bottom no-repeat;
  margin: 20px 0 15px 0;

}

#contenu h2 span {
 background: url(../img/ico-heading.png) no-repeat; 
 height: 60px;
 width: 40px;
 display: block;
 margin: -20px 15px 0 -50px;
 float: left;
}

.center h2 {
  padding-left: 50px;
  height: 60px;
  background: url(../img/ico-heading.png) left no-repeat;
 }

#contenu .bouton1 {
 display: block;
 color: #ac8100;
 font-weight: bold;
}

/* ------ CONTACT ------ */


div.contact_frame {
 margin-top: 40px;
}

div.contact_line {
  display: inline;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 font-weight: bold;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
 clear: both;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_submit input {
 border: none;
 float: right;
 color: #a17900;
 font-weight: bold;
 margin: 35px 8px 0 0;
 width: 125px;
 height: 28px;
 background: url(../img/bgbtn.png) no-repeat;
 cursor: pointer;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
	float: left;
}

.obligatoire {
 color:  #a00;
}

.contactpan {
 margin: 15px 0 35px 0;
 width: 656px;
 height: 232px;
}

/* ------ WEBCALLBACK ------ */

#webcall {
 margin: 20px 0 25px -20px;
}

.Titre1 {
 color: #2265b7;
}