body {
 margin: 0;
 padding: 0;
 border: 0;
 background: #fff url(medias/images/fondaccueil.jpg) repeat-x scroll center 0;
 color: #666;
 font-family: Arial, sans-serif;
 text-align: center;
 font-size: 90%;
}

h1 {
 margin: 0;
 padding: 0.5em 0 0.3em 0;
 border: 0;
 font-size: 1.4em;
 color: #3d5485;
}
h2 {
 margin: 0;
 padding: 0.5em 0 0.3em 0;
 border: 0;
 font-size: 1.3em;
}
h3 {
 margin: 0;
 padding: 0.5em 0 0.3em 0;
 border: 0;
 font-size: 1.2em;
}
h4 {
 margin: 0;
 padding: 0.5em 0 0.3em 0;
 border: 0;
 font-size: 1.1em;
}

a { text-decoration: none; color: #06c;}

img { border: 0;}

.logo1, h1.logo1, h2.logo1, h3.logo1, h4.logo1 { font-weight: bold; color: #888;}
.logo2, h1.logo2, h2.logo2, h3.logo2, h4.logo2  { font-weight: bold; color: #666;}
.logo3, h1.logo3, h2.logo3, h3.logo3, h4.logo3  { font-weight: bold; color: #3d5485;}

p.clear {
 clear: both;
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 0;
 height: 0;
}

p.credit a {
 padding: 0 20px;
 color: #666;
}
p.credit a:hover {
 color: #06c;
 text-decoration: underline;
}
#boutons {
 margin: 0 auto;
 padding: 0 20px;
 border: 0;
 width: 450px;
 text-align: center;
}
#boutons a {
 display: block;
 float: left;
 margin: 0 5px;
 padding: 10px 3px 20px;
 border: 1px solid #ccc;
 width: 130px;
 height: 40px;
 font-weight: bold;
}
#boutons a:hover {
 background: #efefef;
}
form {
 margin: 0;
 padding: 0;
 border: 0;
}
legend {
 font-size: 2em;
 color: #3d5485;
}
label {
 clear: right;
 color: #3d5485;
}
textarea, input.champ {
 background: #efefef;
 width: 100%;
}

#gabari {
 margin: 0 auto;
 padding: 0;
 border: 0;
 width: 980px;
 background: #fff url(medias/images/accueil.jpg) 0 0 no-repeat;
 text-align: left;
}

#entete {
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 height: 350px;
 text-align: center;
}

#liens_rapides ul {
 display: block;
 margin: 0 0 0 360px;
 padding: 5px 0 0 0;
 border: 0;
 width: 620px;
 list-style: none;
}
#liens_rapides ul li {
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
}
#liens_rapides ul li a {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 width: 150px;
 text-align: center;
 color: #333;
}
#liens_rapides ul li a:hover {
 text-decoration: underline;
}

#accueil {
 position: absolute;
 top: 5px;
 left: 25px;
 text-align: left;
}
#accueil a {
 font-weight: bold;
 color: #fff;
}
#accueil a:hover {
 text-decoration: underline;
}



#annonces {
 position: absolute;
 top: 135px;
 left: 10px;
 padding: 10px;
 width: 220px;
 height: 180px;
 font-size: 1.6em;
 font-weight: bold;
 color: #cff;
}
#annonces a {
 color: #fff;
}
#annonces p {
 margin: 0;
 padding: 0;
 border: 0;
}

#slogan {
 position: absolute;
 top: 135px;
 left: 730px;
 width: 240px;
 height: 200px;
 font-size: 1em;
 color: #369;
}
#slogan p {
 margin: 0;
 padding: 0;
 border: 0;
}
#slogan h1 {
 width: 160px;
}

#navig {
 float: left;
 background: transparent url(medias/images/navigmi.jpg) 0 0 repeat-y;
 width: 260px;
 text-align: left;
}
#navig h1 {
 margin: 0;
 padding: 20px 20px 10px 20px;
 border: 0;
 background: transparent url(medias/images/navighaut.jpg) 0 0 no-repeat;
 text-align: center;
}
#navig h1.je {
 margin: 10px 7px 10px 11px;
 padding: 5px 0;
 border: 0;
 background: #3d5485;
 font-size: 1.2em;
 color: #fff;
 text-align: center;
}
#navig h2 {
 margin: 10px 8px 10px 10px;
 padding: 5px 0;
 border: 0;
 text-align: center;
 background: #eee;
 color: #06c;
 font-size: 1em;
}
#navig p {
 margin: 10px 20px;
 padding: 0;
 border: 0;
 text-align: center;
}
#navig img {
 margin: 0 10px;
}
#navig h2:hover {
 background: #999;
 color: #fff;
}
#navig h2:hover span.logo1 {
 color: #ccc;
}
#navig a {
 display: block;
 margin: 0 20px;
 padding: 5px 10px;
 width: 200px;
}
#navig ul {
 margin: 0;
 padding: 0 20px;
 border: 0;
 list-style: none;
}
#navig p.clear {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}
#navig li {
 border-bottom: 1px solid #ccc;
}
#navig li a {
 display: block;
 margin: 0;
 padding: 5px 10px;
 width: 200px;
}
#navig a:hover {
 background: #efefef;
}
#navig a.active {
 background: #666;
 color: #fff;
}

#page {
 float: left;
 padding: 20px 10px;
 width: 440px;
 text-align: justify;
}



#rapid {
 float: left;
 background: transparent url(medias/images/navigmi.jpg) 0 0 repeat-y;
 width: 260px;
 text-align: left;
}
#rapid h1 {
 margin: 0;
 padding: 20px 0 0;
 border: 0;
 background: transparent url(medias/images/navighaut.jpg) 0 0 no-repeat;
 text-align: center;
}
#rapid h2 {
 margin: 10px 7px 10px 11px;
 padding: 5px 0;
 border: 0;
 background: #3d5485;
 color: #fff;
 text-align: center;
}
#rapid p {
 margin: 10px 20px;
 padding: 0;
 border: 0;
}
#rapid p.clear {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}
#rapid a {
 display: block;
 margin: 0 20px;
 padding: 5px 10px;
 width: 200px;
}
#rapid ul {
 margin: 0;
 padding: 0 20px 20px 20px;
 border: 0;
 list-style: none;
 background: transparent url(medias/images/navigbas.jpg) 0 100% no-repeat;
}
#rapid li {
 border-bottom: 1px solid #ccc;
}
#rapid li a {
 display: block;
 margin: 0;
 padding: 5px 10px;
 width: 200px;
}
#rapid a:hover {
 background: #efefef;
}
#rapid a.active {
 background: #666;
 color: #fff;
}
#rapid a img{
 width: 200px;
}
#rapid a.active img {
 display: none;
}

#marge {
 float: left;
 padding: 20px 20px 20px 10px;
 width: 110px;
 text-align: left;
}


#menubas {
 margin: 40px auto;
 width: 980px;
 background: #ededed;
 color: 999;
 font-size: 12px;
 text-align: left;
}
#menubas ul {
 margin: 0;
 padding: 0;
 border: 0;
 list-style: inside;
}
#menubas a {
 color: #999;
 font-size: 12px;
 text-align: left;
}

.col4 {
 float: left;
 padding: 10px;
 width: 210px;
}