* { text-align: center; margin: 0; padding: 0; }
body { font-size: 0.7em; font-family : "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color : #f1efe2; text-align : left; margin : 0; padding : 0; }
a {color: blue; text-decoration: underline; border-width:0;}
#container { background-color: #fff; background-image: url(../images/bas-coustenoblelurberri.jpg); background-repeat: no-repeat; background-position: center bottom; margin-left: -380px; position: absolute; left: 50%; width: 760px; }
#contenant { background-color: transparent; background-image: url(../images/fond_coustenoble.jpg); background-repeat: repeat-y; background-position: center bottom; width : 760px; height: 2250px; display: block; }
#header { background-color: transparent; background-image: url(../images/header-coustenoble.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; margin: 0; padding: 0; width: 760px; height: 129px; }
.nouveauté { margin-top: 10px; margin-bottom: 10px; }
#sousmenu { background-color: transparent; background-image: url(../images/headersous-coustenoble.jpg); background-repeat: no-repeat; background-position: center top; width: 760px; height: 38px; }
#menuhorizontal { background-color: transparent; background-image: url(../images/fondmenu-coustenoble.jpg); background-repeat: no-repeat; margin: 0; width: 760px; height: 64px; }
.menuhaut { font-size : 0.7em; float : right; margin-top : 20px; margin-right : 40px; list-style-type : none; background-color: #dddac9;}
.menuhaut a, .menuhaut a:visited { color : #2a3f55; font-size: 8pt; font-weight : bold; background-color: #dddac9; text-decoration : none; margin-left : 10px; padding-left : 10px; border-left : 1px solid #a50000; }
.menuhaut a:hover { background-color: #dddac9; text-decoration : underline; }
#menugauche { background-image: url(../images/photo.jpg); background-repeat: repeat-y; background-position: left top; text-align: center; margin: 0; padding-top: 10px; left: 0; width: 270px; height: 1600px; float: left; }
#menu centre { background-image: url(../images/photo.jpg); background-repeat: repeat-y; background-position: left top; text-align: center; margin: 0; padding-top: 10px; left: 0; width: 0; height: 1600px; float: left; }
#menugauche h1 { color : #a50000; font-size : 10pt; line-height : 1.5em; text-decoration: underline; text-align : left; width : 100px; height : 18px; margin-left: 20px; padding-top: 10px; padding-left: 50px; }
#menugauche ul li { text-align : center; padding-left: 0; list-style-type : none; }
#menugauche ul li a, #menugauche ul li a:visited {
color : #9b2; 
font-size : 8pt; 
line-height : 1em; 
text-decoration : none; 
}
#menugauche ul li a:hover {
color : #9b8f7c; 
text-decoration : underline; 
}
#cadre { background-image: url(../images/fond-menu_01.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; margin-left: 40px; width: 200px; padding-top: 40px; }
#bloccadre { background-color: #fff; background-image: url(../images/fond-menu_02.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: center; padding-bottom: 40px; }
#cadreactu { background-image: url(../images/cadrecontenu_01.gif); background-repeat: no-repeat; background-position: left top; padding-top: 40px; width: 400px; }
#bloccadreactu { background-color: #fff; background-image: url(../images/cadrecontenu_02.gif); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 40px; }
.toppage a, .toppage a:visited {
color : #a50000; 
font-size : 8pt; 
text-decoration : none; 
float : right; 
margin-right : 80px; 
}
.toppage a:hover {
color : #2a3f55; 
}
.savoirplus a, .savoir plus a:visited {
color : #9b2; 
text-decoration : none; 
}
.savoirplus {color : #9b2; 
text-decoration : none; }
#contenu { background-image: url(../images/fondcontenu.jpg); background-repeat: repeat-y; background-position: right top; margin: 0; padding: 10px 0 0; width: 490px; height: 1550px; float: left; }
#contenurongeur { color: #a50000; font-size: 14pt; background-color: #fff; background-image: url(../images/fondcontenu.jpg); background-repeat: repeat-y; background-position: right top; text-align: left; margin: 0; padding: 10px 0 0; width: 488px; float: right; }
#contenubiscuit { background-color: #fff; background-image: url(../images/fondcontenu.jpg); background-repeat: repeat-y; background-position: right top; text-align: left; margin: 0; padding: 10px 0 0; width: 488px; height: 800px; float: right; }
#contenurongeur p { color: #9b8f7c; font-size: 0.8em; line-height: 1em; text-align: left; width: 250px; float: left; }
#contenurongeur ul li { color: #9b8f7c; font-size: 0.8em; list-style-type: none; }
.#contenurongeur h3 { color: #a50000; font-size: 14pt; text-align: left; padding-bottom: 10px; }
.#contenurongeur h4 { color: #fff; background-color: #a50000; text-decoration: none; width: 400px; padding: 2px; display: block; }
#contenu p {
color : #9b8f7c; 
font-size : 8pt; 
text-align : justify; 
width : 400px; 
margin-right : 20px; 
margin-left : 20px; 
}
#contenu a span,#contenu a:visited span { color: #a50000; text-decoration: underline; }
#contenu h3 { color : #a50000; font-size: 14pt; text-align : left; margin-left : 10px; padding-top: 10px; }
#texte rouge centré { color: #a50000; font-size: 14pt; text-align: center; margin-left: 10px; padding-top: 10px; }
#pied { background-image: url(../images/fondglobalombre.png); background-repeat: no-repeat; background-position: center; text-align: center; width: 700px; height: 30px; clear: both; margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 80px 30px 28px; display: block; }
#pied p {
color : #2a3f55; 
font-size : 7pt; 
text-decoration : none; 
margin-top : 5px; 
}
#pied a, #pied a:visited {
color : #2a3f55; 
text-decoration : none; 
}
#pied a:hover {
color : #9b2; 
text-decoration : underline; 
}
.texte p { color : #fff; font-size : 8pt; font-weight : bold; width : 300px; height : 20px; float : right; padding-top : 40px; padding-right: 20px; }
#bloccadreactu p { color : #000; line-height : 1.4em; text-align : left; left : 0; right : 0; width : 320px; height : 100px; overflow : auto; margin-left: 25px; padding : 10px 5px; border : solid 1px #9b8f7c; }
#bloccadreactu h3 {
color : #a50000; 
text-decoration : none; 
margin-left : 90px; 
padding-left : 80px; 
}
.soustitresrongeur {
color : #9b2; 
font-weight : bold; 
text-decoration : underline; 
}
.cache {
display : none; 
}
.altlink span { color: #a50000; text-decoration: none; }
. altlink a span,.altlink a:visited span { text-decoration: underline line-through; }
.altlink a:hover span { color: #dddac9; text-decoration: none; }
#image { left: 0; width: 300px; border: solid 1px #a50000; }
.imageoiseaux { float: left; margin-left: 50px; }
.paragraphe { width: 480px; padding-bottom: 10px; display: block; }
.imagerongeur { background-color: #fff; width: 150px; float: left; margin-right: 10px; margin-left: 10px; border-bottom: 1px solid #a50000; border-left: 1px solid #a50000; }
.fleche { font-size: 0.7em; text-align: right; bottom: 0; width: 200px; height: 20px; float: right; margin-top: 10px; margin-right: 30px; border: 0; }
.fleche a:link, .fleche a:visited {  }
a:visited { color: purple; border-width: 0; }
#menugauche2 { text-align: center; width: 200px; float: none; margin-left: 40px; padding-top: 50px; }
.paragraphemenugauche2 { color: #9b8f7c; font-size: 0.7em; padding: 10px 3px; }
#cadre2 { background-image: url(../images/fond-menu_01.jpg); background-repeat: no-repeat; background-position: center top; width: 200px; padding-top: 40px; }
#bloccadre2 { background-image: url(../images/fond-menu_02.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 40px; }
.imagefiche { width: 100px; height: 200px; margin-right: 50px; margin-left: 50px; border: solid 1px #a50000; }
.souligne { color: #a50000; text-decoration: underline; }
.reference { color: #a50000; font-weight: bold; text-decoration: none; }
table#sample { background-color: #fff; width: 420px; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; border: solid 2px #a50000; }
table#sample td { font-size: 8pt; padding: 2px; }
.data { color: #000; font-size: 8pt; background-color: #f0f0f0; text-align: left; padding-left: 3px; }
.data span, .data2 span { color: #a50000; font-weight: bold; text-align: left; padding-left: 3px; }
.data2 { background-color: #fff; text-align: left; padding-left: 3px; }
.toprow { color: #fff; font-weight: bold; background-color: #a50000; text-align: center; order-top-style: solid; }
.leftcol { color: #a50000; font-size: 8pt; font-weight: bold; background-color: #f0f0f0; text-align: left; width: 20px; padding-left: 2px; }
.leftcol2 { color: #a50000; font-size: 8pt; font-weight: bold; background-color: #fff; text-align: left; width: 20px; padding-left: 2px; }

