html, body{
margin:0;
padding:0; 
text-align:center;
}

body{
background:transparent url(medias/bg_html.jpg) left top repeat-x;
font-size:62.5%;
}

*{margin:0; padding:0;}
ul{list-style:none; margin-bottom:0.8em;}
p{line-height:1.5em; margin-bottom:0.8em;}

#pagewidth{
width:740px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:#fff url(medias/bg_pagewidth.gif) left 40px no-repeat;
}
#wrapper{background:transparent url(medias/bg_wrapper.gif) left top repeat-y;}

#header{
position:relative;
height:102px;
width:100%;
margin-bottom:40px;
}

#leftcol{
width:27%;
float:left;
position:relative;
font-size:1.4em;
}

#maincol{
float: right;
display:inline;
position: relative;
width:73%;
}

#footer{
height:20px;
clear:both;
}

/* main col content */

#maincol {font-size:1.4em;}
#maincol h2{font-size:1.1em; color:#7b7ab7; font-weight:bold;}
h4.spip{font-weight:bold; font-size:1.2em;}


.title{font-size:1.6em;}
.page_article h1.title, .page_rubrique h1.title{margin-bottom:0;}
#home span{color:#e41d8a;}
#r7 span{color:#7b7ab7;}
#r8 span{color:#f3b037;}
#r9 span{color:#382b79;}
#r13 span{color:#84bc47;}
#a40 span{color:#0085ca;}

#nextprev{margin-right:10px;}
#nextart, #prevart{font-size:0.71em;}
#nextart{float:left;}
#prevart{float:right;}

.liste-articles ul li h3{font-size:0.9em;}

.texte .spip_logos {
float:right;
margin-bottom:16px;
margin-left:16px;
}

#sous-rub li a{
padding:2px 5px;
border-left:1px solid #D7D7D7;
border-bottom:1px solid #D7D7D7;
}
#sous-rub li{margin:1.5em 0;}
#sous-rub li a:hover{text-decoration:none; background:#f5f5f5;}

/* slide */

#carte{float:right; margin:0 10px; width:176px;}
#slideshow {
width:176px;
height:117px;
overflow:hidden;
border:1px solid #ccc;
margin:0 auto 1em;
}
#slideshow img {
position:absolute;
left:0;
top:0;
width:176px;
height:117px;
}

/* menu horizontal */

/*#menuh{
list-style:none;
position:absolute;
top:102px;
margin:0 0 0 200px;
padding:5px;
background:transparent url(medias/bg_menuh.jpg) left top repeat-x;
border:1px solid #d7d7d7;
}
#menuh li{
display:inline;
padding:0 10px;
} */

#menuh {
position:absolute;
top:106px;
margin:0 0 0 137px;
padding:0;
font-size:1.4em;
list-style-type:none;
border:1px solid #d7d7d7;
background:transparent url(medias/bg_menuh.jpg) left top repeat-x;
}
#menuh li{
float:left;
position:relative;
}
#menuh li a:hover{
background:#f5f5f5 url(medias/bg_menuh_h.jpg) left top repeat-x;
color:#0085ca;
}
#menuh li a, #menuh ul li a:visited {
float:left;
display:block;
text-decoration:none;
padding:5px 10px 0;
line-height:20px;
height:25px;
color:#333;
}

/* menu gauche */

#leftcol ul{
list-style:none;
margin:0 0 50px;
padding:0;
}
#leftcol ul li{margin:0 0 15px;}
#leftcol ul li a{
padding-left: 25px;
color:#333;
}

#home a{background:transparent url(medias/bg_li_home.gif) 6px 3px no-repeat;}
#m1 a{background:transparent url(medias/bg_li_1.gif) 6px 3px no-repeat;}
#m2 a{background:transparent url(medias/bg_li_2.gif) 6px 3px no-repeat;}
#m3 a{background:transparent url(medias/bg_li_3.gif) 6px 3px no-repeat;}
#m4 a{background:transparent url(medias/bg_li_4.gif) 6px 3px no-repeat;}
#m5 a{background:transparent url(medias/bg_li_5.gif) 6px 3px no-repeat;} /* pit être à virer */
#ma1 a{background:transparent url(medias/bg_li_1.gif) 6px 3px no-repeat;}
#ma2 a{background:transparent url(medias/bg_li_2.gif) 6px 3px no-repeat;}
#ma3 a{background:transparent url(medias/bg_li_3.gif) 6px 3px no-repeat;}
#ma4 a{background:transparent url(medias/bg_li_4.gif) 6px 3px no-repeat;}
#contact a{background:transparent url(medias/bg_li_4.gif) 6px 3px no-repeat;}

#home a.on{color:#e41d8a;}
#m1 a.on{color:#7b7ab7;}
#m2 a.on{color:#f3b037;}
#m3 a.on{color:#382b79;}
#m4 a.on{color:#84bc47;}
#m5 a.on{color:#0085ca;} /* pit être à virer */
#ma1 a.on{color:#7b7ab7;}
#ma2 a.on{color:#f3b037;}
#ma3 a.on{color:#382b79;}
#ma4 a.on{color:#84bc47;}
#contact a.on{color:#84bc47;}

.form_recherche{margin:0 0 0 25px; width:140px; background:transparent url(medias/search.gif) right top no-repeat;}
.form_recherche{color:#7492b1;}
input#recherche{border:1px solid #dce4eb; margin:10px 0 5px;}
input#bouton{display:block; cursor:pointer; background:#fff; color:#7492b1;}


/* ************************************************** */
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/ 
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


#maillist {
margin:25px;
padding:0;
font-family: Verdana, Tahoma, Arial, sans-serif;
}