body { font: 100%/1.4; font-family: Verdana, Arial, Helvetica, sans-serif; background: #96cc1e; margin: 0; padding: 0; color: #222222; }

ul, ol, dl { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

h1 { font-size: 148%; text-align: center; padding-top: 4px; padding-bottom: 8px;}

h2 { font-size: 132%; }

h3 { font-size: 116%; font-weight: 700; }

a img { border: none; }

a:link { color: #6633cc; text-decoration: none; }

a:visited { color: #699fcb; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: underline; color: #045209; }    

a.forumsliensclub:link, a.forumsliensclub:visited { color: #ffffff; text-decoration: none; background: #699fcb; font-size: 80%; font-weight: 600; padding-top: 13px; padding-right: 60px; padding-bottom: 13px; padding-left: 60px; position: relative; top: 21px; }

a.forumsliensclub:hover, a.forumsliensclub:active, a.forumsliensclub:focus { background: #6633cc; color: #ffcc00; font-size: 80%; font-weight: 600; text-decoration: none; padding-top: 13px; padding-right: 60px; padding-bottom: 15px; padding-left: 60px; position: relative; top: 21px; }

.content ul, .content ol { padding: 180 355px 15px 40px; }

.lien-gauche { margin-top: 8px; margin-bottom: 6px; text-align: center; padding-right: 4px; padding-left: 4px; font-size: 80%; font-weight: 600; color: #ffcc00; }

a.lien-gauche:link, a.lien-gauche:visited { text-decoration: none; color: #ffcc00; display: block; width: 160px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; }

a.lien-gauche:hover, a.lien-gauche:active, a.lien-gauche:focus { background: #699fcb; color: #ffffff; text-decoration: none; }

ul.navigation { list-style: none; margin-top: 14px; margin-bottom: 14px; text-align: center; padding-right: 0px; padding-left: 0px; 	font-size: 80%; font-weight: 600; }

ul.navigation li {
	/* border-bottom: ; crée la séparation des boutons */
}
ul.navigation a, ul.navigation a:visited { padding: 5px 4px 5px 4px; display: block; text-decoration: none; background: #699fcb; color: #ffffff; }

ul.navigation a:hover, ul.navigation a:active, ul.navigation a:focus { background: #6633CC; width: 152px; color: #ffcc00; }

.container { width: 1000px; margin: 0 auto; background-image: url(/zimag/fond-content.gif); }

.header { width: 1000px; margin: 0 auto; height: 30px; background: #96cc1e; font-size: 64%; vertical-align: middle; line-height: 30px; text-align: center; color: #045209; font-weight: 600; }

.header2 { width: 100%; height: 100px; background-image: url(/zimag/bande-1000-haut.gif); }

.logoinheader2 { margin-left:40px; vertical-align: middle; }

.pubinheader2 { margin-left:272px; width: 720px; height:90px; position: relative; top: -90px; }

.footerhaut { width: 1000px; clear: both; height: 55px; background-image: url(/zimag/bande-1000-bas.gif); text-align: center; 	vertical-align: middle; background-repeat: no-repeat; background-position: bottom; padding-top: 20px; margin: 0px; }

.footerbas { width: 1000px; margin: 0 auto; height: 76px; clear: both; background: #96cc1e; font-size: 66%; vertical-align: middle;  padding-top: 16px;  padding-bottom: 0px; line-height: 30px; text-align: center; color: #ffffff; font-weight: 600; }

.sidebar1 { float: left; width: 160px; position: relative; left: 0px; top: 0px; margin-top: 0px; }

.content { float: left; width: 640px; padding-top: 8px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; position: relative; left: 20px; top: 12px; text-align:justify; font-size: 80%; background-color: #ffffff; }

.sidebar2 { float: left; width: 160px; position: relative; left: 40px; top: 0px; }

.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right; margin-left: 8px; }
	
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left; margin-right: 8px; }
	
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le .container) si le paramètre .footer est supprimé ou retiré du .container */
	clear:both; height:0; font-size: 1px; line-height: 0px; }
	
.formmarques { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: 700; line-height: 150%; width: 160px; height: 22px; border: 1px solid #ffcc00; }

.image-gauche { border: 8px solid #6633cc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 4px solid #6633cc; margin-bottom: 10px; margin-right: 16px; position: relative; background-color: #ffffff; float: left; }

.image-droite { border: 8px solid #6633cc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 4px solid #6633cc; margin-bottom: 10px; margin-left: 16px; position: relative; background-color: #ffffff; float: right; }

.image-centre { border: 8px solid #6633cc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 4px solid #6633cc; margin-bottom: 18px; margin-top: 16px; background-color: #ffffff; clear: both; display: block; margin-left: auto; margin-right: auto; }

.image-une { border: 8px solid #045209; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 4px solid #045209; margin-bottom: 0px; margin-top: 0px; margin-left: 0px; margin-right: 10px; background-color: #ffffff; clear: both; display: block; width: 144px; height: 94px; float: left; }

.image-une:hover {	border: 8px solid #ffcc00; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 4px solid #ffcc00; }

#contentgauche { float: left; width: 300px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; }
#contentdroit { float: right; width: 390px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

.featured { height: 112px; width: 390px; }

.textevert { font-size: 112%; font-weight: 600; color: #045209; text-decoration: none; }

.marketing-article { text-align:center; padding-top: 12px; padding-bottom: 36px; }

.marketing-liste { text-align: center; vertical-align: middle; padding-top: 12px; padding-bottom: 22px; }