/********/
/* HTML */
/********/
html, body {
    margin: 0 ;
    text-align: left ;
    font-family:"Arial", sans-serif;
    font-size: 11px;
    background: #A39B81;
    /* height: 100%; */
    padding:0;
}

html a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

html a:hover {
    color: #CCC;
    text-decoration: underline;
}

html a:visited {
    color: #EEE;
}

/**********/
/* HEADER */
/**********/
#header a {
    display: block;
    height: 157px;
    margin: 0;
    width:350px;
}

#header p a {
    color:black;
    display:inline;
    font-weight:normal;
}

#barre-couleur {
    left: 0;
    top: 138px;
    position: absolute;
    width:100%;
    min-width:780px;
    z-index:1;
}

/********/
/* BODY */
/********/
div#global {
    min-height:100%;
    margin: 0 auto;
    padding:0;
    min-width: 760px;
    max-width: 940px;
    width:92%;
    background: white;
    position: relative;
}

div#conteneur {
    color: white;
    background: #050505 url(imgs/back.png) repeat left top;
    position: relative;
    width: 99%;
    margin: 0 0.5% 0px;
}

/**************/
/* CONTENEURS */
/**************/

/* main class pour 
   conteneur article et 
   conteneur central */
.main {
    background: #414240;
    margin-top: 35px;
    text-align: justify;
}

.main p {
    margin: 0px 10px;
}

.main h1 {
    font-size: 17px;
    margin: 0 10px;
    text-align: left;
}

div#conteneur-central {
    overflow:hidden;
}

div.conteneurs {
    width: 21% ;
    margin: 40px 0.5%;
    padding: 0 0;
    text-align: justify ;
}

div#conteneur-gauche {
    float: left;
}

div#conteneur-droite {
    float: right;
}

.clear {
    clear:both;
    display:block;
    height:1px;
    margin:0;
    overflow:hidden;
    padding:0;
}

.conteneurs h2 {
    margin: 0px 10px;
    font-size: 1.05em;
    font-weight: bold;
    padding:2px 0;
}

.contenu {
    padding: 0 0 10px 0;
}

div#partenaires {
    margin : 30px 0 0 0;
    background: #b49700;
    position:relative;
}

div#evenements {
    margin :30px 0;
    background: #74200e;
    position:relative;
}

div#danslapage {
    margin :30px 0;
    background: #57680C;
    position:relative;
}

div#pub {
    background: #b49700;
    height: 100px;
    margin:30px 0;
}

div#diffusion {
    margin: 30px 0 0;
    background: #74200e;
    position: relative;
}

div#reactions {
    margin: 30px 0;
    background: #904c0a;
    position: relative;
}

div#sortir {
    margin: 30px 0;
    background: #57680C;
    position: relative;
}

.blocs a {
    font-weight: normal;
}

.spip_documents img {
    width:100%;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #aaa;
}

.chapeaux {
    margin-bottom: 10px;
    overflow:hidden;
}

.chapeaux a,h1 {
    color: white;
}

.chapeaux h1:hover {
    text-decoration: underline;
}

.chapeaux a {
    color: #aaa;
    font-weight: bold;
}

#conteneur-central p.auteur {
    font-style:italic;
    margin:0 10px;
}

div#footer {
    width: 100%;
    margin:0;
    text-align: center;
    position: relative;
    background: black;
}

div#footer a {
    margin: 0px 10px;
}

div#footer img {
    border: 0px;
}

p.dif1 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#74200e;
 }

p.dif2 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#a22b12;
}

p.green1 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#57680C;
 }

p.green2 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#68791D;
}

.forum-bloc {
    width:94%;
    margin:0;
    padding:2px 3%;
    background: #904c0a;
    position:relative;
    border-top:1px solid;
}

p.rubrique1 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#74200e;
    height: 30px;
}

p.rubrique2 {
    width:94%;
    margin:0;
    padding:4px 3%;
    background:#a22b12;
    height: 30px;
}

p.forum-texte {
    font-style:italic;
    margin:5px 0;
}

.forum-bloc a{
    font-weight: normal;
}
.forum-bloc a:hover{
    text-decoration:underline;
}

p.forum-article {
    margin:5px 0 0;
    font-weight: bold;
}

p.forum-auteur {
    margin:10px 0 5px 0;
}

#sortir h3 {
    margin:0px;
}

div.sortir_evt {
    min-height:180px;
    border-top:1px solid white;
    padding:3px;
    position:relative;
}

div.sortir_img {
    float:right;
    padding:0px 5px;
    z-index:20;
}

p.sortir_description {
    margin:10px 5px;
    text-align: left;
    font-style:italic;
}

.chapeaux-evt {
    padding: 0px 10px;
    margin-bottom: 5px;
    overflow:hidden;
    border-top: 1px white solid;
    height:200px;
}

.chapeaux-evt a,h1 {
    color: white;
}

.chapeaux-evt h1:hover {
    text-decoration: underline;
}

.chapeaux-evt a {
    color: #aaa;
    font-weight: bold;
}

a img {
  border:1px solid white;
}

#logos {
  text-align:center;
}

a.logo {
  margin:2%;
}