html,body {
background-color : white;
text-align: center;
font-size:small;
}

#global {
position:absolute;
left: 50%;
top: 50%;
width: 750px;
height: 550px;
margin: -275px 0 0 -375px;
border: 1px #ccc solid;
background-color: #fff;
}

p,ul,td {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
background-color : white;
}

li {
font-size : 122%;
color : red;
font-style: italic;
}

.contact {
font-size : 125%;
font-family : Arial, Helvetica, Geneva, sans-serif;
}

.bandeau_logo {
position:absolute;
left: 50%;
top: 50%;
width: 127px;
height: 100px;
margin: -270px 0 0 -370px;
color:#888;
text-align:center;
border:0;
}

.bandeau_sap{
position:absolute;
left: 50%;
top: 50%;
width: 127px;
height: 100px;
margin: -260px 0 0 240px;
color:#888;
text-align:center;
border:0;
}

.bandeau_texte {
position:absolute;
left: 50%;
top: 50%;
width: 500px;
height: 100px;
margin: -260px 0 0 -200px;
color:#888;
text-align:left;
}

.retour_sommaire{
position:absolute;
left: 50%;
top: 50%;
width: 127px;
height: 30px;
margin: -170px 0 0 -370px;
text-align:center;
color:#888;
font-size:97%;
}
.retour_sommaire a:link{
text-decoration: none;
color:#888;
}
.retour_sommaire a:visited{
text-decoration: none;
color:#888;
}
.retour_sommaire a:hover{
text-decoration: none;
color:#000;
}

.corps {
position:absolute;
left: 50%;
top: 50%;
width: 740px;
height: 450px;
margin: -140px 0 0 -370px;
}

.question {
font-size : 120%;
color : #707070;
font-weight:bold;
}

.reponse {
font-size : 120%;
color : #404040;
font-style: italic;
}

h1 {
font-size : 160%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #000000;
margin: 0;
}

h2 {
font-size : 130%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #707070;
margin: 0;
}

h3 {
font-size : 115%;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : #303030;
margin: 0;
font-weight: normal ;
}

.promo {
font-size : 120%;
color : red;
}

.pied1 {
position:absolute;
left: 50%;
top: 50%;
width: 375px;
height: 30px;
margin: 245px 0 0 -375px;
text-align:center;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 87%;
}

.pied2 {
position:absolute;
left: 50%;
top: 50%;
width: 375px;
height: 30px;
margin: 245px 0 0 0px;
text-align:center;
font-family : Arial, Helvetica, Geneva, sans-serif;
font-size : 87%;
}

.copyright{
position:absolute;
left: 50%;
top: 50%;
width: 750px;
height: 30px;
margin: 278px 0 0 -375px;
text-align:center;
color:#888;
font-size:85%;
}
.copyright a:link{
text-decoration: none;
color:#888;
}
.copyright a:visited{
text-decoration: none;
color:#888;
}
.copyright a:hover{
text-decoration: none;
color:#000;
}

.orange {color : #FEA034;}
.gris {color : #707070;}
.rouge {color : red;}

.bandeau_promo{
position:absolute;
left: 50%;
top: 50%;
width: 127px;
height: 100px;
margin: -126px 0 0 124px;
color:#888;
text-align:center;
border:0;
}