body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 20px ;
padding: 0;
background: #555555 ;
}
#header {
height: 200px;

}
#haut {
height: 20px;
background-color:#FFFFFF;
}
#conteneur {
position: relative;
width: 1000px;
margin: 0 auto; 
background-color:#FFFFFF;
border: 2px solid #0D0D0D ;
}
#centre {
background-color:white;
margin-right: 0px;
padding: 10px ;
border-right: 0px solid #66381c ;
border-bottom: 1px solid #181818 ;
min-height: 1500px;
}


#droite {
position: absolute;
right: 15px ;
width: 140px ;
margin-top: 10px ;
margin-right: 1px ;
background-color: #ffffff ;
background-repeat: no-repeat;
#background-image: url(images/sub.jpg);
}


#pied {
#position: absolute;
height: 30px;
text-align: right ;
color: white ;
padding: 5px ;
background-color: #d7c0a0;
margin: 0 ;
padding-right: 10px ;
line-height: 15px;
}

a img {
border : none ;
}


.tableau {
width:800px;
height: auto;
min-height: 170px;
padding-left:6px;
padding-right:6px;
padding-top:6px;
background-color: #eceee4 ;
border: solid #66381c 1px;
}

.tableau_tuto {
width:800px;
height: auto;
padding-left:6px;
padding-right:6px;
padding-top:6px;
background-color: #eceee4 ;
border: solid #66381c 1px;
min-height: 100px;
}

.comm {
width:800px;
height: auto;
padding-left:6px;
padding-right:6px;
padding-top:6px;
background-color: #ffffff ;
}


.mdj {
width:800px;
height: auto;
min-height: 60px;
padding-left:6px;
padding-right:6px;
padding-top:6px;
background-color: #eceee4 ;
border: solid #66381c 1px;
}

.onglet img:hover{
background-image: url(images/onglet2_h.jpg);
}


.titre {
font-family: verdana, sans-serif;
font-weight: bold;
color: white;
background-color: #d7c0a0;
padding-top:2px;
}

.archives{
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.2em ;
padding-top:6px;
padding-left:6px;
padding-right:6px;

#padding-left: 20px;
background-color: #eceee4 ;
border: solid #66381c 1px;
width:130px;
}

.google{
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.2em ;
padding-top:6px;
padding-left:6px;
padding-right:6px;

#padding-left: 20px;
background-color: #eceee4 ;
border: solid #66381c 1px;
width:130px;
min-height: 200px;
}

.sub1 {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.1em ;
padding-top:29px;
padding-left: 8px;
}


.sub2 {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.1em ;
padding-top:10px;
padding-left: 8px;
}


.sub1 a {
color: #3f3f3f ;
Text-decoration: none;
}

.sub2 a {
color: #3f3f3f ;
Text-decoration: none;
}

.sub1 a:hover {
color: #3f3f3f ;
Text-decoration: underline;
}

.sub2 a:hover {
color: #3f3f3f ;
Text-decoration: underline;
}

.lastrel {
padding-top: 17px;
padding-left: 3px;
font-family: arial, sans-serif;
font-weight: bold;
}

.lastrel a {
color: #3f3f3f ;
text-decoration:underline;
}

.projet {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.2em ;
color: #3f3f3f ;
}

.projet2 {
font-family: arial, sans-serif;
font-weight: bold;
color: #3f3f3f ;
font-size: 1.1em ;
}

.titreprojet {
font-family: verdana, sans-serif;
font-weight: bold;
color: white;
font-size: 1.3em ;
height: 22px ;
background-color: #3f3f3f;
padding-top:3px;
}

.rss {
font-family: arial, sans-serif;
font-weight: bold;
color: #3f3f3f ;
padding-left: 2px;
padding-top: 7px;
}



.decalmenu{
padding-top:20px;
float: left;
}

.staff {
width:700px;
height:150px;
background-color: #eceee4;
border: solid #66381c 1px;
}

.staff img {
float: left;
padding-left:10px;
padding-top:10px;
}

.avatarstaff {
padding-top:25px;
float: left;
}

.avatarstutos {
padding-top:5px;
float: left;
}

.liens {
width:570px;
background-color: #eceee4;
border: solid #66381c 1px;
}




.blocpart2 {
padding-left:115px;
}
.blocpart2_tuto {
padding-left:80px;
}

.menupart2{
padding-left:15px;
}


a.news
{
color: #66381c;
}

a.news:hover
{
color: gray
}

a.news2
{
text-decoration : none;
font-weight: none;
color: #66381c;
}

a.news2:hover
{
text-decoration : underline;
color: gray
}

a.news3
{
text-decoration : none;
font-weight: bold;
color: #66381c;
}

a.news3:hover
{
color: black;
}

.titre {
font-family: verdana, sans-serif;
font-weight: bold;
color: white;
background-color: #3f3f3f;
padding-top:3px;
text-decoration : none;
}

.titre_tuto {
font-family: verdana, sans-serif;
font-weight: bold;
color: white;
background-color: #3f3f3f;
padding-top:3px;
padding-left:15px;
text-decoration : none;
}

.quotetitle, .attachtitle {
        margin: 10px 5px 0 5px;
        padding: 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #A9B8C2;
        color: #333333;
        background-color: #A9B8C2;
        font-size: 0.85em;
        font-weight: bold;
}

.quotetitle .quotetitle {
        font-size: 1em;
}


.quotecontent {
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #A9B8C2;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        font-size: 1em;
        line-height: 1.4em;
        font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
        background-color: #FAFAFA;
        color: #4B5C77;
}

.commentaire
{
font-size: 1.0em ;
text-decoration : none;
font-weight: bold;
color: #66381c;
}

.codetitle {
        margin: 10px 5px 0 5px;
        padding: 2px 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #A9B8C2;
        color: #333333;
        background-color: #A9B8C2;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.8em;
}

.codecontent {
        direction: ltr;
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #A9B8C2;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        color: #006600;
        font-size: 0.85em;
        font-family: Monaco, 'Courier New', monospace;
        background-color: #FAFAFA;
}