/* document css pour la mise en page  l'cran du site web-analyzer.net */

body, html {
	background:#669966;
	font-size:62,5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0; margin:0;
}

/*RAZ*/
h1, h2, h3, h4, h5, p, a {
padding:0; margin:0;
font-size:1em;
font-weight:normal;
text-decoration:none;
}
ul, li {
margin:0; padding:0;
list-style:none;
}
a img {border:none;}

/*positionnement du div header et de ses lments*/
.conteneur {
width:790px;
margin:10px;
}

.header {
z-index:1;
width:764px;
height:146px;
margin:12px 12px 0 12px;
background-color:#6F6F6F;
/*border:solid black 1px;*/
}

.headtop {
z-index:100;
width:764px;
background-image:url(../img/headtop.png);
height:8px;
}

#logo {
margin:7px 15px 7px 14px;
}

.ban_flash {
position:absolute;
top: 22px;
left:290px;
}

.BAO {
position:absolute;
z-index:150;
top:12px;
left:771px;
height:60px;
width:15px;
}

.BAO a#b1 {
background-image:url(../img/picto_contact_R.png);
display:block;
height:21px;
width:15px;
}
.BAO a#b1:hover {
background-image:url(../img/picto_contact_V.png);
}
.BAO a#b2 {
background-image:url(../img/picto_home_R.png);
display:block;
height:21px;
width:15px;
}
.BAO a#b2:hover {
background-image:url(../img/picto_home_V.png);
}
.BAO a#b3 {
background-image:url(../img/picto_plan_R.png);
display:block;
height:25px;
width:15px;
}
.BAO a#b3:hover {
background-image:url(../img/picto_plan_V.png);
}

.menutop {
position:absolute;
z-index:50;
top:106px;
left:285px;
height:28px;
color:#FFFFFF;
}

.menutop a {
color:#fff;
}

.menutop a:hover {
color:#27E227;
}

.menutop dl {
display:block;
float: left;
height:28px;
margin: 0 1px;
}

.menutop dl dt {
display:block;
height:28px;
}


.menutop dt#m1 {
display:block;
width:129px;
background:url(../img/boutons-WA.png) no-repeat 0 0;
}
.menutop dt#m1:hover {
background:url(../img/boutons-WA.png) no-repeat 0 -28px;
}

.menutop dt#m2 {
width:91px;
display:block;
background:url(../img/boutons-WA.png) no-repeat -129px 0;
}
.menutop dt#m2:hover {
background:url(../img/boutons-WA.png) no-repeat -129px -28px;
}

.menutop dt#m3 {
width:95px;
display:block;
background:url(../img/boutons-WA.png) no-repeat -220px 0;
}

.menutop dt#m3:hover {
background:url(../img/boutons-WA.png) no-repeat -220px -28px;
}

.menutop dt#m4 {
width:61px;
display:block;
background:url(../img/boutons-WA.png) no-repeat -315px 0;
}

.menutop dt#m4:hover {
background:url(../img/boutons-WA.png) no-repeat -315px -28px;
}

.menutop dt#m5 {
width:107px;
display:block;
background:url(../img/boutons-WA.png) no-repeat -376px 0;
}

.menutop dt#m5:hover {
background:url(../img/boutons-WA.png) no-repeat -376px -28px;
}

.menutop a#liens {
display:block;
font-size:1.2em;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
position: absolute;
font-size: 0.7em;
background-color:#138913;
height:15px;
}

#smenu1 {
left: -39px;
}
#smenu2 {
left: -19px;
}
#smenu3 {
left: 129px;
}
#smenu5 {
left: 253px;/*si ajout des webnews externes*/

}


.headbottom {
z-index:100;
background-image:url(../img/headbottom.png);
float:right;
width:764px;
height:9px;
}

.main {
margin:12px;
background-color:#FFFFFF;
width:764px;
}
.maintop{
background-image:url(../img/main-top.png);
height:10px;
}

.maintop p {
line-height:2.5em;
font-size:0.6em;
color:#6F6F6F;
text-align: center;
}

.news {
float:left;
background-color:#CCFFCC;
width:135px;
height:234px;
margin-left: 18px;
}

.news h2 {
font-size:0.8em;
text-align:center;
margin:5px;
font-weight:bold;
color:#138913;
}

.news h3 {
font-size:0.7em;
color:#666666;
margin:5px;
}

.news h3 a {
color:#666666;
text-decoration:underline;
}

.news p#date {
text-align:right;
font-size:0.6em;
color:#666666;
margin:5px;
}

.news ul {
display:block;
margin: 10px;
}

.news ul li {
text-align:center;
margin: 5px 0 5px 0;
line-height:0.9em;
display:block;
}

.news ul li a {
display:block;
font-size: 0.7em;
color:#138913;
}

.news ul li a:hover {
color:#27E227;
background-color:#138913;
}

.newstop {
background-image:url(../img/new-top.png);
height:9px;}

.newsmiddle {
height:216px;}

.newsbottom {
background-image:url(../img/news-bottom.png);
height:11px;}

.contenu {
float:left;
top:0;
width:580px;
margin: 0 10px 10px 15px;
background-color:#FFFFFF;
}

.contenu p {
color:#6F6F6F;
font-size:0.7em;
margin:5px 0 5px 0;
text-align:justify;
text-indent:20px;
line-height:1.5em;
}

.contenu h2 {
text-align:center;
font-weight:bold;
margin:10px 0 10px 0;
font-size:1em;
color:#138913;
}

.contenu h3 {
text-align:justify;
font-weight:bold;
margin:15px 0 10px 0;
font-size:0.9em;
color:#138913;
}
.contenu h4 {
text-align:justify;
font-weight:bold;
margin:15px 0 10px 0;
font-size:0.7em;
color:#138913;
}

.contenu em {
font-weight:bold;
}

.contenu a {
font-style:italic;
color:inherit;
}

.contenu ul li {
font-size:0.7em;
text-indent:20px;
color:#6F6F6F;
text-indent:20px;
line-height:1.5em;
}

.contenu ul.cdp li {
font-size:0.7em;
list-style-type: square;
color:#6F6F6F;
list-style-position:inside;
text-indent:40px;
line-height:1.5em;
}

.contenu .col1 {
float:left;
margin-right:4%;
width:48%;
}
.contenu .col2{
float:left;
width:48%;
}

/*---------------- pagination -----------------------------------*/

span.active-page {
font-weight:bold;
color:#138913;
}


/*---------------- Contenu des liens externes ----------------------------*/

.contenu .abondance, .contenu .rss  {
background-color:#FFFFFF;
font-size:0.7em;
color:#6F6F6F;
margin-left:20px;
}

.contenu .rss p.desc {
text-align:justify;
font-size:0.9em;
margin:0 0 5px 10px;
}

.mainbottom {
clear:both;
background-image:url(../img/main-bottom.png);
height:28px;
}

.mainbottom p {
margin-top:20px;
font-size:0.6em;
color:#6F6F6F;
text-align: center;
}


.mainbottom a {
font-style:italic;
color:inherit;
}

/*Elements potentiellement communs  tous les div */

span.invisible {
visibility:hidden;
clear:both;
}

p.centrer {
text-align:center;
}

img.float {
display:block;
margin:5px 0 10px 10px;
float:right;
}

.dont-exist {
visibility:hidden;
display:none;}

p.alert {
text-align: center;
background-color:#CCFFCC;
color:#138913;
}

/* Elements spcifiques du formulaire de contact */

input#envoi {
background-color:#CCFFCC;
color:#138913;
}
