/*<![CDATA[*/
/* CSS issu des tutoriels css.alsacreations.com */
html, body {
height: 100%;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#conteneur {
width:750px;
margin: auto;
background-color:#FFFFFF;
background-repeat : no-repeat;
background-image : url("../img/fond-3.jpg");
background-position : -35px 8px;
}
#header {
height: 100px;
/*background-color: #FFC0FF;*/
}
#haut {
height: 30px;
/*background-color : #FFFF99;*/
}
#centre {
/*background-color:#AAAAFF;*/
margin-left: 167px;
margin-right: 155px;
padding-right: 0px;
}
#gauche {
background-color:#FFFFFF;
/*background-image : url("../img/tomatepluclair.png");*/
background-repeat : no-repeat;
background-position : 0px 100px;
float:left;
width: 150px;
}
#droite {
position: relative;
/*background-color : #F0037F;*/
float:right;
width: 150px;
/*height: 100%;*/

}
#pied {
clear:both;
/*height: 30px;*/
background-color: #FFFFFF;
padding-top : 1px;
padding-bottom : 5px;
}
#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type : none;
margin: 0px;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0;
color: #000000;
width: 150px;
background-color: #F3D7FF;
color:#336;
display:block;
background-image : url("../img/bouton-fonce.jpg");
background-repeat: repeat-y;
text-decoration: none;
}
#menugauche a:hover {
text-decoration: none;
width: 150px;
background-color: #F3D7FF;
color:#336;
display:block;
background-image : url("../img/bouton-clair.jpg");
background-repeat: repeat-y;
text-decoration: none;
}
#menugauche ul li {
margin-left: -40px;
list-style-image : none; /*url(../img/tictac_green.gif);*/
list-style-type : none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
/*margin: 15px;*/
margin-left: 20px;
margin-right: 0px;
font-weight: bolder;
color: #FFFFFF;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}


#header h1{
padding-left: 50px;
padding-top: 35px;
}

#header h1 a {
font-size: 100%;
color: #336;
font-family: Georgia, Times, "Times New Roman", Serif;
font-style: italic;
border: none;
text-decoration: none;
}

.longtitle {
color: #336;
font-size: 180%;
font-family: Georgia, Times, "Times New Roman", Serif;
font-style: italic;
border: none;
text-decoration: none;
text-align: left;
padding-top: 2px;
}

#pied a{color : #000; text-decoration: underline;}
#pied a:hover{color : #000; text-decoration: underline;}
#pied a:visited{color : #000; text-decoration: underline;}
#pied a:active{color : #000; text-decoration: underline;}


/*]]>*/