html, body {
    height: 100%;
}
body{
font:12px arial,verdana;
}
#conteneur{
position:absolute;
height:100%;
margin:0;
padding:0;
}
/*entete contenant div pour le logo et bandeau pour les drapeaux*/
#entete{
position:absolute;
margin:0;
padding:0;
/*height:34%;*/
width:100%;

}
#entete #logo{
margin:0;
padding:0;
position:absolute;/* a cause d'un bug d'affichage de ie6 qui rajoute 3px entre les 2 div*/
top:0;
left:0;

}
#entete #logo img{
border:none;
}
#entete #drapeaux{
margin:0;
/*margin-left:277px;*/
/*height:53px;*/

color: white;
}
/*contient le menu a gauche et la page principale*/

#corpspage{
position:absolute;
/*top:34%;*/
width:100%;
height:66%;
margin:0;
padding:0;
}
#corpspage #divgauche{
margin:0;
padding:10px 0 0 20px;
width:220px;
height:100%;
float:left;
}
#corpspage #divgauche p{
margin-bottom:1.5em;
}
/*page centrale*/
#page #centrer{
padding:0;
margin:0;
padding-left:15%;
}
#page{
position:absolute;
margin:0;
left:278px;
top:20%;
padding:0;
width:70%;
font:16px arial,verdana;
font-weight:bold;
color:#000066;
z-index:100;
}
#page2{
position:absolute;
margin:0;
left:278px;
top:11%;
padding:0;
width:70%;
background:#E5E5E5;
font:16px arial,verdana;
font-weight:bold;
color:#000066;
z-index:100;
}
/*boutons*/
a.bouton{
display:block;
background:url(../boutons/bouton1_n.jpg);
text-decoration:none;
text-align:center;
line-height:17px;
width:121px;
height:21px;
color:white;
font-weight:bold;
color: #7ff1ff;
}
a:hover.bouton{
background:url(../boutons/bouton1_o.jpg);
}
a.boutonNew{
display:block;
text-decoration:none;
text-align:center;
line-height:17px;
width:121px;
height:21px;
color:red;
font-weight:bold;
}
a:hover.boutonNew{
font-size: 14px;
}
.boutonNewselect{
display:block;
text-decoration:none;
text-align:center;
line-height:17px;
width:121px;
height:21px;
color:red;
font-weight:bold;
}
.boutonselect{
background:url(../boutons/bouton1_s.jpg);
text-align:center;
line-height:17px;
width:121px;
height:21px;
color:black;
font-weight:bold;
}
a.boutonp{
display:block;
background:url(../boutons/bouton2_n.jpg);
text-decoration:none;
text-align:center;
line-height:17px;
width:28px;
height:18px;
color:white;
margin-left:93px;
font-weight:bold;
color: #7ff1ff;
}
a:hover.boutonp{
background:url(../boutons/bouton2_o.jpg);
}
.boutonpselect{
background:url(../boutons/bouton2_s.jpg);
text-align:center;
line-height:17px;
width:28px;
height:18px;
color:black;
margin-left:93px;
font-weight:bold;
}
/* les drapeaux */
#drapfr{
position:absolute;
margin:9px 5%;
background:url(../flags/FR_o.jpg);
width:50px;
height:34px;
display:block;
}
#drapen{
position:absolute;
margin:9px 20%;
background:url(../flags/EN_o.jpg);
width:50px;
height:34px;
}
#drapsp{
position:absolute;
margin:9px 35%;
background:url(../flags/SP_o.jpg);
width:50px;
height:34px;
}
#drapge{
position:absolute;
margin:9px 50%;
background:url(../flags/GE_o.jpg);
width:50px;
height:34px;
}
li{
margin-bottom:10px;
padding-right:10px;
}
/* positionnement des barres entourant le formulaire*/
#page .imagedroit{
	position:absolute;
	left:10%;
}
#page .imagehaut{
	position:absolute;
	left:10%;
}
.imageSansBordure {
	border: none;
}
/*decoration liste*/
.messageConfirmation {
    color: green;
    text-decoration: bold;
    margin-left: 50px;
    font-size: 14px;
}
.messageErreurEnvoiMail {
    color: red;
    text-decoration: bold;
    margin-left: 25px;
    font-size: 14px;
}
#textAlert {
	color: green;
}
.reload {
    border: none;
    position: relative;
    top: 10px;
}
.messageErreur {
    color: red;
    text-decoration: bold;
    margin-left: 20px;
    font-size: 12px;
}
#formulaire {
	width: 650px;
}