/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(top.css);
@import url(bottom.css);
@import url(mooflow.css);

/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 12px;
 background: #333333;
 color: #fff
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #FFF;
}

*:focus {
 outline: none;
}

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

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_element h3 {
 margin: 0;
 padding: 0;
} 


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

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

h2{
font-family: Impact;
font-size: 21px;
color: #fff;
font-weight:normal;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

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

#conteneur {
}

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

#header {
background:url("../img/baniere.png") no-repeat scroll 77% 31% transparent;
min-height:242px;
}

#liens{
margin-top: 10px;
	float:right;
}

#header h1{
background:url("../img/logo.jpg") no-repeat scroll 0 0 transparent;
height:90px;
margin-top:50px;
width:275px;
}

#header .block h2{
background:url("../img/newsletter_title.png") no-repeat scroll 0 0 transparent;
height:24px;
margin:0px 0 0 740px;
width:275px;
float: left;
}

#newsletter{
background:url("../img/newsletter.png") no-repeat scroll 0 0 transparent;
height:50px;
margin:7px 0 0 730px;
width:275px;
float: left;
}

#newsletter .id_text{
text-decoration: none;
border: none;
background: none;
width:212px;
color:#fff;
text-align: center;
padding-left:3px;
}

#newsletter .submit{
text-decoration: none;
border: none;
background: none;
width:30px;
cursor: pointer;
}

#body {
 margin: 5px 0;
}

#body #wrapper {
 height: 100%;
 float: left;
 background: #990000;
}

#body #left {
 background: #cce;
 width: 200px;
 float: left;
 min-height: 300px;
}

#body #right {
 float: right;
 width: 200px;
 min-height: 300px;
}

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

#arbo {
padding:50px 5px 5px;
}

.horaires{
background:url("../img/horaires.png") no-repeat scroll 0 0 transparent;
float:left;
margin:30px 0 0 12px;
min-height:50px;
width:200px;
color: #fff;
}


/* --- Articles --- */

.article h2 {
color:#FFFFFF;
font-family:Impact;
font-size:21px;
font-weight:normal;
margin:35px 0 0;
padding:7px 40px 6px;
}

.article .contenu {
color:#FFFFFF;
font-family:Arial;
font-size:12px;
text-align:justify;
padding-left: 40px;
}

.article .contenuMention{
 padding: 0 40px;
 text-align: justify;
 font-size: 12px;
 height:480px;
 overflow:auto
}


.article a.plus {
 margin: 0 0 10px 10px;
 display: block;
 text-decoration: none;
 color: #333;
 float: left;
 padding: 2px 5px;
 font-size: 11px;
 font-weight: bold;
}

.article a.plus:hover {
 color: #000;
}

.bouton_suivant{
color:#FFFFFF;
font-family:Impact;
font-size:18px;
line-height:70px;
margin:0 0 0 340px;
}

#footer {
  min-height: 100px;
}