@charset "iso-8859-1";

html, body {
margin: 0 auto 0 auto;
padding: 0px;
width: 100%;
height: auto;
font-family: "Times New Roman", arial, verdana, serif;/*78%/1*/
font-size: 11pt;
color :#463F32; /*taupe*/
text-align: center;
}
#container {
position: absolute;
top: 0px;
left: 50%;
width: 1024px;
margin-left: -512px;
height: auto;
text-align: left;
}
 /* page NAET*/
#frame-menu {
position: absolute;
width: 200px;
margin-top : 126px;
margin-left: 0px;
height:auto;
background: url('../images/interface/motif-menu.png');
background-repeat: repeat-y;
}
.menuh-624 {
 min-height:624px;
 }
.menuh-635 {
min-height:635px;
 }
.menuh-650 {
 min-height:650px;
 }
.menuh-670 {
 min-height:670px;
 }  
.menuh-700 {
 min-height:700px;
 }
 .menuh-720 {
 min-height:720px;
 }
 .menuh-740 {
 min-height:740px;
 }
 .menuh-760 {
 min-height:760px;
 }
.menuh-800 {
 min-height:800px;
 }
 .menuh-810 {
 min-height:810px;
 }
 .menuh-830 {
 min-height:830px;
 }
 .menuh-850 {
 min-height:850px;
 }
 .menuh-950 {
 min-height:950px;
 }
 .menuh-960 {
 min-height:960px;
 }
 .menuh-980 {
 min-height:980px;
 }
.menuh-1100 {
 min-height:1100px;
 }
 .menuh-1425 {
 min-height:1425px;
 }
 .menuh-1500 {
 min-height:1500px;
 }
 .menuh-1770 {
 min-height:1770px;
 }  
 
.pos-menu {
margin-top: 40px;
margin-left: 15px;
}

#header {
position: absolute;
width: 1024px;
height: 126px;
top: 0px;
left: 0px;
right: 0px;
background-color: #ABC937;
}
.fond-header {
background-color: #ABC937;/*vert banniere*/
}
#pos-fond2 {
position: absolute;
top: 95px;
left: 0px;
}
.menus-header {
position: absolute;
top: 100px;
left: 512px;
width: 430px;
margin-left: -215px;
font-size: 10pt;
}
.menu-side {
position: relative;
margin-left: 3px;
margin-top: 130px;
font-family : arial, sans-serif;
color: #3A5626;
background-repeat: no-repeat;
font-weight: bold;
font-size : 11pt;
cursor: pointer;
text-decoration: none;
line-height: 60px;
}
#frame-utile { 
position: absolute;
width: 824px;
top: 126px;
left: 200px;
right: 0px; 
border-right : solid 1px green;
border-left : solid 1px green;
z-index: 2;
}

.fond1 {
background-image:url(../images/interface/fond1.png);
}
.fond1-1 {
background-image:url(../images/interface/fond1-1.png);
}	
.fond1-11 {
background-image:url(../images/interface/fond1-11.png);
}

.border-green {
border-right : solid 1px green;
}
.border-red {
border: solid 1px red;
}
#footer{
position: relative;
line-height: 30px;
text-align: center;
width: 100%;
font-size: 10pt;
color: #5A691D;
background: inherit;
z-index: 3;
}
.pos-footer {
position: absolute;
top: 590px;
}
.pos-travaux {
position: absolute;
top: 265px;
}

a:link {  /*lien non visite*/
color :#463F32; /*taupe*/
text-decoration : none;
background: inherit;
}
a:visited { /*lien visite*/ 
color : #666600;/*#5A691D vert fonce*/
background: inherit;
font-weight : bold;
text-decoration : none;
}
a:hover { /* reaction au survol de la souris*/
color : #990000; /*brique fonce*/
text-decoration : underline;
font-weight : bold;
background: inherit;
}
a:active { /*lien sélectionné*/
color : #FF4000; /*rouge*/
font-weight : bold;
background: inherit;
}

h1 {
font-size : 15pt;
text-align: center;
color: #5A691D;
background: none;
}

h2 {
font-size : 13pt;
text-align: left;
line-height : 8px;
}
h3 {
font-size : 12pt;
text-align: center;
}
.titre2 {
font-weight: bold;
font-size : 1.0em;
text-align: left;
line-height : 8px;
}
.b-table {
border: solid 1px #FF6600;
border-collapse: collapse;
}
.b-th {
border: solid 1px #FF6600;
border-collapse: collapse;

}
.b-td {
border: solid 1px #FF6600;
border-collapse: collapse;

}


#left {
float: left;
width: 310px;
padding-right: 5px;
}
#right {
float: right;
width: 310px;
padding-left: 10px;
}
#middle {
padding-top: 2px;
margin: 0px;
text-align: center;
}
#left2 {
float: left;
width: 290px;
padding-left: 15px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#right2 {
float: right;
width: 290px;
padding-left: 10px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
}
#middle2 {
padding-top: 10px;
margin: 0px;
text-align: center;
}


.border1 {
border : solid 1px #5A691D;
padding: 5px;
}

.txt-cadre {
padding: 5px;
background: #788D27;/*vert banniere + fonce*/
color: #FFDA6D;
}
.italic {
font-style: italic;
}
.indent {text-indent: 25px;} 

.bkg_soleil {
background: #FFFF99;
color: inherit;
}
.orange {
color :#FF4000;
background: inherit;
}
.jaune {
color: #FF9900;
background: inherit;
}
.vertfonce {
color: #5A691D;
background: none;
}
.noir {
color: black;
background: none;
}
.blue {
color: #0099FF;
background: none;
}
.red {
color: #FF0000;
background: none;
}
.marron {
color: #8B0000;
background: inherit;
}
.pink {
color: #FF33CC;
background: inherit;
}
.purple {
color: #800080;
background: inherit;
}
.marine {
color: #000066;
background: inherit;
}
.brique {
color: #CC0000;
background: inherit;
}


.bold {
font-weight: bold;
}
.center {
text-align: center;
}
.pos-w3c {
position: absolute;
top: 550px;
left: 10px;
}
.pos-w3css {
position: absolute;
top: 550px;
left: 108px;
}


.ss-bordure {
border-width: 0px;
}

.justify {
text-align: justify;
}

.left {
text-align: left;
}
.right {
text-align: right;
}
.top {
vertical-align: top;
}
.bottom {
vertical-align: bottom;
}
.middle {
vertical-align: middle;
}
.line12 {
line-height: 12px;
}
.line13 {
line-height: 13px;
}
.line15 {
line-height: 15px;
}
.line25 {
line-height: 25px;
}
.line45 {
line-height: 45px;
}
.line500 {
line-height: 500px;
}
.txt9 {
font-size : 9pt;
}
.txt8 {
font-size : 8pt;
}
.txt10 {
font-size : 10pt;
}
.txt12 {
font-size : 12pt;
}
.txt13 {
font-size : 13pt;
}
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
}
.padding15 {
padding: 15px;
}
.padding20 {
padding: 20px;
}
.padding-r10 {
padding-right: 10px;
}
.margin-r {
margin-right: 15px;
}
.bulle {
background: #CCFF99;
}

.legende {
font-size: 1em;
font-style: italic;
}
.legende2 {
font-size: 0.80em;
font-style: italic;
}

.pos-corps {
position: relative;
text-align: center;
top: -10px;
}
.pos-arbre {
position: relative;
text-align: center;
top: -15px;
}

.bloc1 {
display: block;
position: absolute;
top: 100px;
left: 15px;
width: 270px;
height: auto;
padding: 20px;
border : solid 1px #FF0000;
text-align: justify;
}
.bloc2 {
display: block;
position: absolute;
top: 100px;
right: 15px;
width: 270px;
height: auto;
padding: 20px;
border : solid 1px #0000FF;
text-align: justify;
}
.bloc3 {
display: block;
position: absolute;
top: 230px;
left:130px;
width:530px;/*410*/
height: auto;
padding: 20px;
border : solid 1px #8B0000;
text-align: justify;
}
.bloc4{
display: block;
position: absolute;
top: 343px;
left: 15px;
width: 270px;
height: auto;
padding: 20px;
border : solid 1px #FF33CC;
text-align: justify;
}
.bloc5 {
display: block;
position: absolute;
top: 369px;
left: 315px;
width: 255px;
height: auto;
padding: 20px;
border : solid 1px #800080;
text-align: justify;
}
.bloc6 {
display: block;
position: absolute;
top: 390px;
right: 15px;
width: 170px;
height: auto;
padding: 20px;
border : solid 1px #000066;
text-align: justify;
}
.bloc7 {
display: block;
position: absolute;
top: 572px;
left: 15px;
width: 555px;
height: auto;
padding: 20px;
border : solid 1px #CC0000;
text-align: justify;
}
.border-white {
border: solid 1px white;
}
.pos-ligne-v {/*liens*/
position: absolute;
top: 180px;
left: 400px;
}
.centrage {
position: relative;
margin-left: auto;
margin-right: auto;
}
.ss-menu {
color:inherit;
background: #FFD700;
border: solid 1px #006600;
}
.ss-menu2 {
color: inherit;
background: #ABC937;
border: solid 1px #006600;
}

.pos-balai {
position: absolute;
top: 110px;
left :350px;
}
.pos-loupe {
position: absolute;
top: 100px;
left :520px;
}
.pos-arnica {
position: absolute;
top: 320px;
left :640px;
}
.pos-arnica-sol {
position: absolute;
top: 395px;
left :510px;
}
.pos-funambule {
position: absolute;
top: 470px;
left :330px;
}
.pos-poubelle-b {
position: absolute;
top: 300px;
left :590px;
}
.pos-poubelle-r {
position: absolute;
top: 350px;
left :610px;
}
.bord-orange {
border: solid 2px #FF4000;
}