/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal}
html, body {background-color:#FFF; margin:0; padding:0}

#conteneur {
position: relative;
width: 972px;
margin: 1% auto;  
background-color:#FFFFFF;

}
/* lien par défaut */
A {color:#c00; text-decoration:none}
A:hover {color:#fff; background:#c00; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {font-weight:bold; font-size:16px;}

#coulcentre h1 {color:#B8046F;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #B8046F solid}

/* image par défaut */
IMG{border:0}


/* temp.html */

/* header */
#headerh {
height: 200px;
background-color: #FFF;
background-image: url(/images/bannierehaut.jpg);

}

#header{
    margin:0;left:0;width:100%;height:18px;
    background:#fff;
    text-align:right;padding:0;padding-top:3px
}
    #header ul{margin-right:10px;display:inline;border-right:2px solid #eee}
    #header ul li{border-left:2px solid #eee;display:inline;padding:0 6px 0 10px}
    #header a {color:#999}
    #header a:hover{color:#fff}

#header2{
    background:#c00;background-image:url(xxl/fdtitre.jpg);margin:0;left:0;
    width:100%;height:101px;background-position:left top;
    background-repeat:repeat-x
}
    #header2 div {width:350px;margin:0;padding:1px 1px 1px 1px}
    #header2 div h1 {margin-top:30px;background:#600;padding:5px 5px 5px 15px}
    #header2 div h1 a {color:#fff}
    #header2 div h1 a:hover {color:yellow;background:none}

#mentete {float:left;width:100%;background:#300;margin:0;padding:0;border-top:1px #600 solid}
    #entete a{color:#FFF;font-weight:bold}
    #entete a:hover{color:#000}
    #entete{margin-left:15px;color:#FFF;font-weight:normal}

#header3{
    clear:left;
    background:#AC0464;margin:0;left:0;
    width:100%;height:20px
}
#footer3{
    clear:left;
    background:#006CA0;margin:0;left:0;
    width:100%;height:20px
}
#menugauche {
    border-bottom:#000 0px solid;
    border-right:#000 0px solid;
    border-top:#000 0px solid;
    width:230px;
    float:left;
    background:#FFF;
    margin-top:15px
}

    .mg1 {clear:left; font-size:9pt; color:#ff6; font-weight:bold; background:#000; height:21px; padding-left :4px; padding-top:2px}
    .mg3 {color:#000; padding:4px; margin-left: 20px}
    .mg3 a {color:#000}
    .mg3 form {padding:0;margin:0}


    
 
#contenupage {
    padding-left:235px;
    padding-right:5px
} 
    #coulcentre {padding:20px; background:#FFF}

#cadrehautzone {
margin-left: 0px;
width: 230px;
height: 40px;
background-image: url(/images/hautcadrezone.jpg);
}
#cadrehautrose {
margin-left: 0px;
width: 230px;
height: 40px;
background-image: url(/images/hautcadrerose.jpg);
}
#cadrehauttags {
margin-left: 0px;
width: 230px;
height: 40px;
background-image: url(/images/hautcadretags.jpg);
}
#cadremilieuzone {
margin-left: 0px;
width: 230px;
height: auto;
background-image: url(/images/milieucadrezone.jpg);
}
#cadremilieurose {
margin-left: 0px;
width: 230px;
height: 200px;
background-image: url(/images/milieucadrerose.jpg);
}
#cadremilieutags {
margin-left: 0px;
width: 230px;
height: 110px;
background-image: url(/images/milieucadrerose.jpg);
}
#cadrebaszone {
margin-left: 0px;
width: 230px;
height: 25px;
background-image: url(/images/bascadrezone.jpg);
}
#cadrebasrose {
margin-left: 0px;
width: 230px;
height: 25px;
background-image: url(/images/bascadrerose.jpg);
}
#cadrehautagen {
margin-left: 0px;
width: 230px;
height: 40px;
background-image: url(/images/hautcadreagen.jpg);
}
#cadrehautactu {
margin-left: 0px;
width: 230px;
height: 40px;
background-image: url(/images/hautcadreactu.jpg);
margin-right: 20px;
}
#cadremilieuactu {
margin-left: 0px;
width: 230px;
height: 465px;
background-image: url(/images/milieucadreactu.jpg);
}
	.aa02t {background-image: url(/images/milieucadreactu.jpg);margin-right: 20px;}

#cadrebasactu {
margin-top: auto;
width: 230px;
height: 40px;
background-image: url(/images/bascadreactu.jpg);
}
#footer{
    clear:both;
    width:972px;
	text-align:right;
    height:200px;
	background-image: url(/images/pied.jpg);
}
	.foot2 {margin-right: 22px;}

    #footer ul { margin-right:10px; display:inline; border-right:2px solid #FFF}
    #footer ul li {border-left:2px solid #FFF; display:inline; padding-right:6px; padding-left:10px}
    #footer A {color:#FFF}
    #footer A:hover {color:#FF6600}


/* page accueil */

#accueil{
   float: left;
   width:715px
}

#rubriques{
    float:left;
    width:99%;
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:#666 1px solid
}

    #rubriques h1, #aa01 h1 {float: left; font-size:1.5em;color:#900;border-bottom:1px solid #900}

#aa01{
    float:left;
    width:450px;
    padding:5px
}

#aa02{
    float:left;
	margin-left: 22px;
    width:230px;
    padding:0em;
	background-image: url(/images/milieucadreactu.jpg);
}
    #aa02 h1 {display:inline; font-size:1.5em;color:#900;border:0;}
/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}