@charset "utf-8";
/* CSS Document */
html, body {
margin:0px;
padding:0px;
background:#FFF;
}
div.preload img {
width:1px;
height:1px;
opacity:0.1;
}

#in_chapeau {
height:190px;
overflow:scroll;
overflow-x:hidden;
padding:15px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #999;
border-top:1px dashed #999;
margin-left:0px;
margin-bottom:10px;
clear:both;
}
#in_chapeau strong, #in_chapeau h2 {
padding-top:10px;
padding-bottom:0px;
display:block;
}
#in_chapeau h2 {
text-align:left;
}
div.preload {
height:0px;
overflow:hidden;
}
#chapeau {
padding:0px;
margin-right:30px;
}
body {
margin:0px;
padding:0px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
padding:0px;
margin:0px;
}
p, h1, h2, h3 {
padding:0px;
padding-left:10px;
padding-right:10px;
}
:focus {
-moz-outline-style:none;
}

a {
color:#000;
}
div.pdf {
display:block;
padding:6px;
text-align:left;
height:56px;
}
form {
text-align:left;
}
label {
display:block;
}
div.pbm {
/* background:url(/css/bleue_jaune.jpg) 30px 0px no-repeat; */
background:url(/css/img/jaune2.png) -3px 16px no-repeat;
padding-left:52px;
padding-top:33px;
height:325px;
margin-left:0px;
_margin-left:5px;
text-align:left;
_margin-top:-10px;
}


div.pdf strong {
display:block;
margin:0px;

text-align:center;
padding-top:6px;


}
div.pdf img {
border:none;
float:left;
margin:15px;
margin-top:5px;
margin-right:10px;
}
div.pdf small {
border:none;
padding-right:10px;
padding-top:9px;
display:block;
}
div.pdf {
padding:0px;
margin-left:auto;
margin-right:auto;
width:205px;
height:100px;
border-bottom:1px solid #CCC;
}

.head a {
position:absolute;
text-indent:-1000px;
display:block;
height:100px;
width:800px;
background:url(/css/bricolo.png) 0px -18px no-repeat;
}
.head {
height:80px;
width:800px;
_width:814px;
margin:0px;
margin-left:auto;
margin-right:auto;
}
.head h1 {
font:italic bold 14px/10px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-style:italic;
color:#000;
padding-top:90px;
padding-left:20px;
margin:0px;
display:block;


}
.txt {
width:800px;
margin-left:auto;
margin-right:auto;
}
div.pub_b {
position:absolute;
top:137px;
width:180px;
margin-left:0px;
_margin-left:15px;
background:url(/css/img/vert.png) top left no-repeat;
text-align:center;
padding-top:10px;
height:620px;
}

div.pub_d {
position:absolute;
top:755px;
width:180px;
margin-left:0px;
_margin-left:10px;
background:url(/css/img/vert.png) 0px 0px no-repeat;
text-align:center;
padding-top:10px;
height:620px;
}

.both {
clear:both;
}

dl.home dt.home {
text-align:center;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#5c5c5c;
padding-bottom:15px;
background:none;
}
dl.home {
width:205px;
margin-left:0px;
margin-right:4px;
float:left;
}
dl.home dd {
font:11px/10px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
text-align:justify;
background:url(/css/pub_o.gif) bottom left no-repeat;
padding:20px;
padding-top:8px;
margin-bottom:9px;
padding-bottom:26px;
padding-right:26px;
color:#5c5c5c;
height:150px;
}
dl.home dd a {
font:11px/10px Verdana, Arial, Helvetica, sans-serif;
color:#5c5c5c;
text-decoration:none;
}
dl.home dt {
padding:16px;
padding-right:22px;
padding-bottom:0px;
padding-top:6px;
background:url(/css/pub_o.gif) top left no-repeat;
}
dl.home dt a {
color:#5c5c5c;
font:bold 11px/10px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
display:block;
padding:3px;
padding-bottom:0px;
text-decoration:none;
}

dl.home dt {
background-position:-1px 0px;
background-repeat:no-repeat;
}
dl.home dd {
background-position:-1px 100%;
background-repeat:no-repeat;
}
dl.home dt.b1, dl.home dd.b1 {
background-image:url(/css/box/b1.png);
}
dl.home dt.b2, dl.home dd.b2 {
background-image:url(/css/box/b2.png);
}
dl.home dt.b3, dl.home dd.b3 {
background-image:url(/css/box/b7.png);
}
dl.home dt.b4, dl.home dd.b4 {
background-image:url(/css/box/b4.png);


}
dl.home dt.b5, dl.home dd.b5 {
background-image:url(/css/box/b5.png);
}
dl.home dt.b6, dl.home dd.b6 {
background-image:url(/css/box/b6.png);
}
dl.home dt.b7, dl.home dd.b7 {
background-image:url(/css/box/b3.png);
}
dl.home dt.b8, dl.home dd.b8 {
background-image:url(/css/box/b8.png);
}
dl.home dt.b9, dl.home dd.b9 {
background-image:url(/css/box/b9.png);
}
dl.home dt.b10, dl.home dd.b10 {
background-image:url(/css/box/b10.png);
}
dl.home dt.b11, dl.home dd.b11 {
background-image:url(/css/box/b11.png);
}
dl.home dt.b12, dl.home dd.b12 {
background-image:url(/css/box/b12.png);
}



div.contenu {
width:633px;
_width:641px;
display:block;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin-left:166px;
_margin-left:176px;
padding:20px;
padding-top:0px;
_padding-top:10px;
text-align:justify;
}
dt a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#4cc2dc;
}
div.contenu h1 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#4cc2dc;
margin:0px;
padding:0px;
padding-top:10px;
padding-right:70px;
clear:both;
}
div.contenu h2, h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#4cc2dc;
padding:0px;
margin:0px;
}


/* CSS du menu */

.menu{
position:relative;
display:block;
margin:0;
padding:0;
width:800px;
top:15px;
margin-left:8px;
font:0px Verdana, Arial, Helvetica, sans-serif;
z-index:1000;
_left:10px;
height:35px;
background: url(/css/menu.png) 0px 0px no-repeat;
}
.menu ul{
font:0px Verdana, Arial, Helvetica, sans-serif;
position:absolute;
display:block;
width:142px;
_width:162px;
margin:0;
padding:0;
_border-bottom:none;

}

.menu li ul{
visibility:hidden;
font:0px Verdana, Arial, Helvetica, sans-serif;
top:32px;
}

.menu li li ul{
font:0px Verdana, Arial, Helvetica, sans-serif;
position:absolute;
margin-left:143px;
margin-top:-12px;
}

.menu li{
font:bold 0px Verdana, Arial, Helvetica, sans-serif;
list-style:none;
width:121px;
height:auto;
display:inline;
display/**/:block;
float:none;
float/**/:left;
margin:0;
padding:0;
margin-right:11px;
text-indent:-1000px;
}

.menu li li{
display:block;
float:none;
width:141px;
font:0px Verdana, Arial, Helvetica, sans-serif;
height:auto;
}
.menu li{
text-indent:-10000px;
}
.menu li li{
text-indent:0px;
}
* html .menu li li{
display:inline;
}

.menu li ul li a, .menu li ul li ul li a , .menu li ul li ul li ul li a {
text-decoration:none;
}
.menu li a{
border:none;
font:bold 15px/13px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#4fc2f9;
display:block;
text-decoration:none;
padding:12px;
margin:0px;
padding-left:6px;
padding-right:6px;
border:none;
height:28px;
}

.menu li ul li a{
border:none;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#3bff0a;
display:block;
text-decoration:none;
padding:2px;
padding:2px;
margin:0px;
padding-left:4px;
padding-right:4px;
border:none;
height:auto;
}

.menu li.vert ul li a, .menu li.vert ul {
background:#cef6c4;
color:#65d44a;
}
.menu li.orange ul li a, .menu li.orange ul {
background:#ffe7c6;
color:#ff9e14;
}

.menu li.jaune ul li a, .menu li.jaune ul {
background:#fff7d7;
color:#ffd118;
}
.menu li.orange ul li {
border-bottom:#ff9e14 1px solid;
}

.menu li.vert ul li {
border-bottom:#65d44a 1px solid;
}

.menu li.jaune ul li {
border-bottom:#ffd118 1px solid;
}
.menu li.orange ul {
border:#ff9e14 3px double;
}

.menu li.vert ul {
border:#65d44a 3px double;
}

.menu li.jaune ul {
border:#ffd118 3px double;
}



/* admin */
.spip-admin-float {
bottom:20px;
left:20px;

width:190px;
position:absolute;
position:fixed;
z-index:1000;
}
a.spip-admin-boutons {
white-space:nowrap;
display:block;
border:1px solid #CECECE;
text-decoration:none;
text-align:center;
margin:0;
padding:1px .5em;
background:#FFF;
color:#0C479D;
}
a:hover.spip-admin-boutons {
background:#fc3;
}
ul.foot {
margin:0px;
padding:0px;
display:block;
padding-top:10px;

height:20px;
}
ul.foot li {
display:block;
float:left;
margin-right:5px;
}
dl.forum {
border:1px dotted #4cc2dc;
padding:10px;
padding-top:0px;
}

dl.forum dd {
padding:10px;
padding-top:3px;
margin:0px;
border-bottom:1px dotted #ffba00;
}

dl.forum dt {
padding:0px;
margin:0px;
padding-top:10px;
font-weight:bold;
font-style:italic;
color:#999;
}
dd.qs {
margin:0px;
padding:0px;
text-decoration:none;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
padding-bottom:10px;
}
dd.qs a {
text-decoration:none;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.contenu dl dt.qs a {
margin:0px;
padding:0px;
text-align:left;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
input, textarea {
width:398px;
}
.bouton input {
width:auto;
}

div.cmd {
margin-bottom:0px;
}
div.cmd a.zapm {
background:url(/css/img/mmoins.png) top left no-repeat;
}
div.cmd a.zapp {
background:url(/css/img/mplus.png) top left no-repeat;
}
div.cmd a.suite {
background:url(/css/img/pplus.png) top left no-repeat;
}
div.cmd a.pre {
background:url(/css/img/pmoins.png) top left no-repeat;
}


div.cmd a.zapm, div.cmd a.zapp, div.cmd a.suite, div.cmd a.pre {
display:block;
width:16px;
height:16px;
text-indent:-10000px;
float:right;
margin-left:3px;
}
div.cmd b {
display:block;
width:30px;
height:16px;
float:right;
margin-left:3px;
text-align:center;
}

#txt_cmd {
padding:10px;
padding-top:0px;
float:right;
width:40px;
height:10px;
overflow:hidden;
margin-right:20px;
margin-top:-12px;
}

#txt_cmd a {
display:block;
overflow:hidden;
height:19px;
width:30px;
float:right;
margin-right:0px;
text-indent:-5000px;
text-align:left;
background:url(/css/fontsize.gif) top left no-repeat;
}

#txt_cmd a:hover {
background:url(/css/fontsize.gif) 0px -19px no-repeat;
}


.opaq {
opacity:0.4;
filter:alpha(opacity=30); 
}





div.cmd span {
display:block;
height:16px;
margin-left:3px;
padding-top:10px;
text-align:center;
clear:both;
}
div.cmd span a {
color:blue;
}
dl.home {
height:160px;
_overflow:hidden;
_height:180px;
}
dl.art {
height:auto;
margin-right:25px;
_margin-right:5px;
}
dl.home dd {
height:90px;
_overflow:hidden;
}
dl.home dt {
height:20px;
_height:40px;
_overflow:hidden;
}
dl.art dd {
height:auto;
_overflow:auto;
}
dl.art dt {
height:auto;
_overflow:auto;
}
dl.index dd {
height:40px;
}
dl.index {
height:90px;
}



.vud_ads { font-size:14px; background:#FAEE76; border:2px solid #1DA2E4; -moz-border-radius:10px; padding:5px; color:#7F7F7F; margin-top:15px; margin-bottom:15px;}
.vud_ads a { text-decoration:none }
.vud_ads strong { font-size:18px; color:#1DA2E4 !important; text-decoration:underline }