@charset "utf-8";
/* CSS Document */

body {background-color:#81725e;	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin:0;	padding:0;}

#header {text-align:center;	padding:0; margin:0; background-color:#81725e;}
#header img {width:80%;}

#gauche {float:left; text-align:left; padding:0; width:100%; margin:0; background:#c4b7aa;}
#gauche #suma {text-align:center;}
#gauche #menugauche #suma img {width:90%; /width:190px;}

#acc {width:80%; border:0px; border-spacing:0; margin-left:auto; margin-right:auto;}
#accg {width:20%; text-align:center; vertical-align:top; background-color:#c4b7aa;}
#accd {background-color:#FFFFFF; vertical-align:top;}

#droite #articles {text-align:center;}
#articles  {/width:700px;}
#droite #articles #immenu {width:70%;}
#droite table {width:100%; text-align:center;}
#droite a{text-decoration:none; color:#5c8b33; font-size:100%; cursor:pointer;}
#droite img{border:0;}

#titre_page {background:url(../images/titre-page.gif) no-repeat; margin-bottom:0; padding:26px 0 0 8%; height:44px; width:100%; color:#FFFFFF; font-weight:bold;}
#lientitre {background:url(../images/bouton.jpg) no-repeat; padding-right:2%; padding-top:1px; height:19px; width:245px; text-align:center; color:#FFFFFF; font-weight:bold;}
#lientel {background:url(../images/bouton.jpg) no-repeat; padding-right:2%; padding-top:1px; height:19px; width:245px; text-align:center; color:#FFFFFF; font-weight:bold; margin-left:35%;}
.dr {color:#79664e; text-align:right;}

<!-- Menu -->
#menu {margin-right:5%;}
#menu ul {list-style-type:none; padding:0px; margin:0 0 0 0; cursor:pointer;}
#menu ul li {background-color:#e5e0d8; padding:2%; color:#7f715f; margin:3% 2% 0 3%; font-weight:bold;}
#menu ul li:hover {background-color:#f2f0ee; color:#f29100;}
#menu a {color:#7f715f; text-decoration:none; margin-left:5%;}
#menu a:hover {color:#f29100; text-decoration:underline;}

#menu .lok {background-color:#FFFFFF; margin-bottom:0;}
#menu .ok {color:#f29100;}

<!-- Sous menu -->
#menu #cat {padding-left:0; margin:0; cursor:pointer;}
#menu #cat li {background-color:#ffffff; padding:3px; color:#7f715f; margin-top:0px; font-weight:bold;}
#menu #cat li:hover {color:#f29100;}
#menu #cat a {margin-left:0px;}
#menu .lok {background-color:#FFFFFF; margin-bottom:0;}
#menu .ok {color:#f29100;}

<!-- Partie droite -->
#droite{margin:0; padding:0; width:100%; height:100%;}
#droite p {padding-left:4%; color:#79664e;}
#droite ul {color:#81725e;}
#droite ul li {color:#81725e;}
#articles ul {margin:0; text-align:justify;}
#droite #articles #texte3 a {text-decoration:none;}
#droite #texte4
{
	vertical-align:top;
	margin:5% 5% 0 3%;
	padding:0 5% 0 0%;
}
#droite #texte3
{
	vertical-align:top;
	margin:2% 5% 0 1%;
	padding:0 5% 0 0%;
	text-align:left;
}
#droite #texte2
{
	vertical-align:top;
	margin:2% 5% 0 3%;
	padding:0 5% 0 0%;
	text-align:left;
}

#droite #texte3 img {border:0;}

#droite #texte3 #date{color:#ff9900; font-family:Arial; margin:3%; font-weight:bold;}

#droite #texte3 #photo {background:url(../images/cadrephoto.gif); float:right; width:304px; height:200px; margin:0;}
#droite #texte3 #photo2 {background:url(../images/cadrephoto.gif); float:left; width:304px; height:200px; margin:0;}
#droite #texte3 #photo2 img {max-width:247px; max-height:155px; margin:11% 0 0 12%;}
#droite #texte3 #photo img {max-width:247px; max-height:155px; margin:11% 0 0 12%;}
#droite #texte3 #image img{margin:0 0 0 12%;}

#droite #texte3 p{margin-top:0;}
#droite #texte3 .liste {color:#5c8b33; padding:1%;}
#droite #texte3 a{text-decoration:underline; color:#5c8b33; font-size:100%; cursor:pointer;}

#droite #texte3 table{width:50%; float:left;}
#droite #texte3 .dr{text-align:right;}
#droite #articles input{width:90%; height:20%;}
#droite #articles textarea{width:90%; height:20%;}
#droite #texte3 #message{width:250px; height:150px;}

#droite #texte2 #photo {background:url(../images/cadrephoto.gif); float:left; width:304px; height:200px ;margin:0;}
#droite #texte2 #photo img {max-width:247px; max-height:155px; margin:11% 0 0 12%;}
#droite #texte2 p{margin-top:0;}
#droite #texte2 ul{margin-top:0;}
#droite #texte2 a{text-decoration:underline; color:#5c8b33; font-size:10px;}


#liens {margin:0; text-align:right; width:100%;}
#liens ul {list-style:none; margin:0; padding:0;}
#liens li {display:inline; color:#c4b7aa;}
#liens a {text-decoration:none; color:#c4b7aa; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; border:0;}
#liens a:hover {color:#f19000;}

#droite table .cellule {text-align:center; width:15%; color:#f19000; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:100%; border:0;}
#droite table {margin-right:4%;}

#droite .tabcomp {text-align:center; vertical-align:middle;}
#droite #image {margin:4% 0 5% 0;}

#footer {text-align:center; padding:0; margin:0;}
#footer img {width:80%}
#eq {font-weight:bold; color:#ff9900; font-family:Arial, Helvetica, sans-serif;}
#coordonnees {color:#c4b7aa; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; border:0; text-align:center;}

#plop{
	text-decoration: blink;
}