body {
margin : 10px;
padding : 0;
background-color:#fff;
color : navy;
font : 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a img { border:0 }

.imgalign {
vertical-align : middle;
}

.pcentre { text-align : center; }

.justif {
text-align : justify;
}

.italique {
font-style : italic; 
}

.imgsponsor {
vertical-align : middle;
}

#sponsor {
height : 90px;
background-color : #fff;
}

.gras {
font-weight : bold;
}

a:link, a:visited, a:active {
color : navy;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}


.plogin {
text-align : center;
color : #ff0000;
font-weight : bold;
}

.imglogin {
margin-left : 5px;
margin-right : 5px;
vertical-align : middle;
}

h1 {
font : 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top : 0;
margin-right :0;
margin-bottom : 20px;
margin-left : 0;
padding : 0;
height : 30px;
font-style : italic;
border-bottom : 1px solid #ff0000;
text-align : left;
color : navy;
}

#haut {
margin : 5px;
margin-top : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 5px;
text-align : center;
border-bottom : 1px solid #ff0000;
background-color : #fff;
}

#ppal {
position : absolute;
background-color : #fff;
color : navy;
margin : 0;
margin-top : 15px;
}

#droite {
float : right;
width : 150px;
margin : 0;
margin-top : 25px;
text-align : center;
font : 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #fff;
padding : 0;
background-color : #fff;
}

#droite img { display:block; }

#droite2 {
font : 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin : 0;
text-align : center;
color : #fff;
padding : 0;
background-color : #195795;
}

#droitescript {
margin : 0;
width : 140px;
height : 300px;
color : #fff;
padding : 0;
background-color : red;
}

.droiteh1 {
font : 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align : center;
font-weight : bold;
border : 0;
padding : 5px;
margin : 0;
color : #fff;
background-color : #195795;
}

.pdroite {
font : 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align : justify;
padding : 5px;
margin : 0;
color : #feb10d;
background-color : #195795;
}

a.droitetitre {
color : #ff8c00;
font-weight : bold;
text-decoration : none;
}
a.droitetitre:visited {
color : #ff8c00;
font-weight : bold;
text-decoration : none;
}
a.droitetitre:hover {
color : #ff8c00;
font-weight : bold;
text-decoration : underline;
}

a.droitetexte {
color : #fff;
font-weight : bold;
text-decoration : none;
}
a.droitetexte:visited {
color : #fff;
font-weight : bold;
text-decoration : none;
}
a.droitetexte:hover {
color : #fff;
font-weight : bold;
text-decoration : underline;
}

#gauche {
float : left;
width : 150px;
margin-top : 25px;
font-size : 0.7em;
text-align : center;
background-color : #fff;
}

#gauche ul {
list-style-type : none;
text-indent : 0;
margin : 0;
padding : 0;
}

#gauche li {
list-style-type : none;
text-indent : 0;
padding-top : 7px;
padding-left : 35px;
height : 30px;
margin : 5px;
background-image : url(../graph/menu.jpg);
background-repeat : no-repeat;
text-align : left;
}

#gauche li a {
color : navy;
font-weight : bold;
text-decoration : none;
}

#gauche li a:hover {
color : #ff0000;
font-weight : bold;
text-decoration : none;
}

.ulcentre {
text-align : center;
list-style-type : none;
text-indent : 0;
margin : 0;
padding : 0;
color : #ff0000;
}

.licentre {
list-style-type : none;
text-indent : 0;
padding-top : 9px;
padding-left : 20px;
height : 30px;
margin : 5px;
background-image : url(../graph/menu.jpg);
background-repeat : no-repeat;
background-position : center center;
text-align : center;
color : #ff0000;
}

a.lienlicentre {
color : #ff0000;
font-weight : bold;
text-decoration : none;
}

#ppal_centre {
margin-top : 0;
margin-right : 150px;
margin-left : 150px;
padding-top : 0;
padding-left : 1%;
padding-right : 1%;
background-color : #fff;
text-align : center;
font-weight : bold;
color : navy;
font : 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#ppal_centre p {
margin : 0;
padding : 3px;
}

#pied {
clear : both;
text-align : center;
border-top : 1px solid #ff0000;
font : 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top : 2px;
padding-bottom : 10px;
margin-top : 20px;
text-align : center;
}

#pied p {
margin : 0;
padding : 0;
text-align : center;
font : 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* ELEMENTS FORMULAIRES */

form {
background-color:#FFF;
color : navy;
padding : 0;
margin : 0;
font : 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.erreur {
background-color : #ff0000; 
color : #fff; 
font-weight : bold; 
border : 1px dashed #fff;
padding-left : 10px;
padding-right : 10px;
margin : 20px;
} 

fieldset {
color : navy;
margin : 10px;
border : 1px solid #FF0000;
}

form p {
padding : 2px;
margin : 0;
}

.champ {
text-align : left; 
padding : 5px; 
} 
.nomchamp {
float: left;
width: 30%;
text-align: right;
background-color : #fff;
}

input, select, textarea {
font : 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : navy;  
border : 1px solid #FF0000;
background-color : #fff;
}

.autresinput {
border : none;
background-color : transparent;
color : #0033FF;
}

.bouton {
font : 0.8em 'Trebuchet MS', Arial, Helvetica, sans-serif;
background-color : #FF0000; 
border : 0; 
color : #fff; 
font-weight : bold; 
}

.boutonimg {
border : 0;
vertical-align : middle;
}

#formdefil {
font : 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
text-align : center;
}

.champ_defil {
font : 1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : #ff0000;
font-weight : bold;
border : 1px solid #FFF;
background-color : #fff;
}

button {
background-color : #fff;
border : 0;
}