/* CSS Document */
html,body{
background-image: url(css/fond.jpg);
background-position: top left;
background-repeat: repeat-x;
margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

#boite {
background-image: url(css/boite.jpg);
background-position: bottom left;
background-repeat: no-repeat;
 margin:5px 5px 0px 5px ; 
padding:0px 0px 30px 20px ; 

}
/* Logos, documents et images */
img { margin: 0; padding: 5px; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {padding:5px 10px 5px 5px; } /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */




#boite img{ }
a:link {
	color:#ee361d;text-decoration: none;
	margin:0px;padding:0px;
}
a:visited{
color:#ff8c00;text-decoration: none;
	margin:0px;padding:0px;
}
a:hover{
color:#ff8000;text-decoration: none;
	margin:0px;padding:0px;
}
a:active {
color:#ff8c00;text-decoration: none;
	margin:0px;padding:0px;
}
p{margin:10px 10px}
h1{font-size:11px;margin:0;padding:0px}
h3{font-size:14px;padding:0px; margin: 0px}
h2{font-size:14px;margin:10px 0px 5px 0px ;padding:7px 0px 0px 10px;
background-color:#666666;
color:#fff;
width:405px;
height:20px
}
#boite2 h2{font-size:14px;margin:10px 0px 5px 0px ;padding:7px 0px 0px 10px;
background-color:#666666;
color:#fff;
width:440px;
height:20px
}
<!-- a{color: #981793;padding:10px} -->
#header a:link {margin:0px 5px 0px 5px;
color:#fff;text-decoration: none;
}
#header a:visited{margin:0px 5px 0px 5px;
color:#99FF00;text-decoration: none;
}
#header a:hover{margin:0px 5px 0px 5px;
color:#000;text-decoration: none;
}
#header a:active {margin:0px 5px 0px 5px;
color:#99FF00;text-decoration: none;
}
#boite2 a:link {
	color:#fff;text-decoration: none;
}
#boite2 a:visited{
color:#99FF00;text-decoration: none;
}
#boite2 a:hover{
color:#000;text-decoration: none;
}
#boite2 a:active {
color:#99FF00;text-decoration: none;
}


div#header {
text-align:right;

height:110px;margin:0;
  padding:20px 30px 0px 350px;
  background: #EEE;color: #000;
  background-image: url(css/haut.jpg);
background-position: top left;
background-repeat: no-repeat;}
div#container{text-align:left;
background-color:#FFFFFF;
}
#boite2{background-color:#67bc34;
padding:0px 0px 20px 0px ;
background-image: url(css/boite2.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
div#content p{line-height:1.4}

div#navigation{background:#fff}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-right: 450px}
div#navigation{float:left;width:450px;margin-left:-450px; }

div#footer{clear:left;width:100%;margin:10px 0px 10px 0px; padding:5px 0px 5px 0px}


/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }