@charset "utf-8";

* {
margin : 0;
padding : 0;
}
html, body {
width : 100%;
height : 100%;
font-family : "Times New Roman", Verdana, Garamond, "Book antiqua", Arial, Helvetica, "Rage Italic", sans-serif;
color : #003399;
background-color : #FFCC99;
}
p {font-size :1 em;}

#header_beige {
position : absolute;
background : url(../menu/bleu2-v.gif) top left;
top : 0%;
left : 0%;
right; 0%;
height : 33px;
width : 100%;
background-color : #FFCC99;
text-align : center;
z-index :1;
}
a:link {
color : #FF9933;
background : inherit;
}
a:visited {
color : #FFFFFF;
background : inherit;
}
a:hover {
color : #FFCC99;
font-weight : bold;
background : inherit;
}
a:active {
font-weight : bold;
background : inherit;
}
.bt-index {
position : absolute;
top : 7px;
margin-left : 92%;
color : white;
font-family : Arial, sans-serif;
font-weight : bold;
font-size : 10pt;
font-style : italic;
z-index : 3;
}
#chromemenu {
position : absolute;
width : 700px;
left : 50%;
margin-left : -350px;
padding : 0;
text-align : center;
z-index: 3;
}
#chromemenu:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#chromemenu ul {
border-bottom : 4px solid #003399;
width : 100%;
background : url("../menu/barre-bio.gif") center center repeat-x;
margin-left : 0;
padding-left : 0;
float : left;
font : bold 12px Verdana, sans-serif;
}
#chromemenu ul li {
display : inline;
}
#chromemenu ul li a {
float : left;
color : #003399;
font-weight : bold;
padding : 6px 12px 6px 7px;
text-decoration : none;
background-color : inherit;
background : url("../menu/divider-b.gif") left no-repeat;
}
#chromemenu ul li a:hover {
color : #7A8FBC;
background : inherit;
}
.dropmenudiv {
position : absolute;
text-align : left;
border : #003399 solid 1px;
font : normal normal 10pt Verdana, sans-serif;
line-height : 18px;
z-index : 4;
color : #003399;
background-color : #FFCC99;
width : 100%;
visibility : hidden;
}
.dropmenudiv a {
width : 100%;
display : block;
text-indent : 3px;
border-bottom : 0 solid #FFFFFF;
padding : 2px 0;
text-decoration : none;
color : #003399;
background-color : inherit;
}
.dropmenudiv a:hover {
color : #FFFFFF;
background-color : #003399;
}
.dropmenudiv a:visited {
color : #CA7B40;
background-color : inherit;
}
h1 {
font-size : 22px;
letter-spacing : 5px;
color : #003399;
background-color : #FFCC99;
margin-left : -17px;
padding-left:15px;
}
.ligne {
width : 100%;
height : 4px;
}
.justify {
text-align : justify;
}
.center {
text-align : center;
}
.txt8 {
font-size : 8pt;
}
.txt7 {
font-size : 7pt;
}
.txt30 {
font-size : 30pt;
}
main {
position : relative;
font-size : 1.2em;
width : 60%;
height : auto;
margin-left : auto;
margin-right : auto;
margin-top : 50vh;
transform : translateY(-50%);
padding-bottom : 50px;
overflow: auto;
}

#footer_beige {
position : absolute;
background : url(../menu/bleu2-v.gif) top left;
bottom : 0%;
left : 0%;
height : 35px;
width : 100%;
font-variant : small-caps;
font-weight : bold;
background-color : #FFCC99;
text-align : center;
z-index :1;
}
footer {
display : flex;
width : 100%;
height : 35px;
bottom : 0;
}
#w3c-css {
width : 2%;
text-align : left;
}
#adresse {
width : 96%;
text-align : center;
margin-top : -10px;
}
#w3c-html5 {
width : 2%;
}