div#menu ul {
        list-style-type: none;
        margin: auto;
        padding: 0;
        text-align: left;
        }

        /*la liste en horizontal*/
        div#menu li{
            float: left;
            margin-bottom: 0px;
            background-color: #424242;
        }

        /*les liens ne sont plus soulignés*/
        div#menu a{text-decoration: none;}

        div#menu ul a {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 0px;
        padding-top: 0px;
        display: block;
        text-decoration: none;
        color: #371C1C;
        }

        /*on cache la sous liste*/
        div#menu ul ul {
                position: absolute;
                display: none;
                margin-left: 0px;
               }

        /*la sousliste est affichée en vertical*/
        div#menu ul ul li{
                float: none;
                border: 1px solid;
                border-color: #dddddd;
                background-color: #dddddd;
               }
               
               
H1{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9AC252;
	font-size: 14px;
}

H2{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.lienBlog{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        font-weight: bold;
	color: #9AC252;
}

.lienContact{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

.lienPlan{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

.lien{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9AC252;
}

.lienBlanc{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

.traitpointille {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}

.traitpointillecote {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666;
	padding: 5px;
}

.traitpointillecoteleft {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666;
}

.traitpointillecoteleftbottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

a:link {
	text-decoration: none;
}

a:visited {

	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

.menu {
	text-align: right;
}

.titrecitation {
	font-family: verdana;
	font-weight: bold;
	color: #9AC252;
	font-size: 14px;
}

.titreBlog{
        font-family: verdana;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}

.padding {
	margin-right: 10px;
	margin-left: 10px;
}

.padding2 {
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 30px;
}

.paddingtout {
	padding: 5px;
}

.blog {
	background-image: url(images/images/carre_09.jpg);
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666;
}

body {
	margin-left: 0px;
}

.traitpointillecoterightbottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666;
	padding: 5px;
}

.margin {
	margin-left: 5px;
}

.sous {
	font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
	font-size: 12px;
	color: #333333;
        
}


.paddingtop {
	margin-top: 10px;
}

.footer {
	color: #333;
	text-align: center;
}