@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
font-size: 64.5%; /* Resets 1em to 10px */
font-family: 'Arial', Verdana, Sans-Serif;
background: #260804;
color: #FFF;
height:100%;
}

#page {
width: 900px;
margin: auto;
background: url('../images/charte/fondPage.png') repeat-y;
font-size: 1.1em;
}

#header {
width: 900px;
height: 270px;
background: url('../images/charte/header.jpg') no-repeat;
}

#left {
width: 460px;
float: left;
background: url('../images/charte/headerBas.jpg') no-repeat;
}

.left{
float:left;
width:55px;
}

#right {
width: 440px;
float: right;
}

.right{
float:right;
width:385px;
}

#footer {
width: 100%;
height: 20px;
text-align: center;
clear: both;
font-style: italic;
font-size: 0.9em;
padding: 20px 0 0 0;
}

#sponsors {
width: 460px;
height: 200px;
margin: 130px 0 0 0;
}

#jean {
width: 100px;
height: 72px;
margin: 10px 0 0 80px;
background: url('../images/sponsors/jeanlain.gif') no-repeat;
float: left;
}

#ods {
width: 130px;
height: 41px;
margin: 20px 80px 0 0;
background: url('../images/sponsors/ods.png') no-repeat;
float: right;
}

#menu {
list-style: none;
}

#menu li {
float: left;
}

#menu a {
display: block;
padding: 5px;
font-size: 1.1em;
font-weight: bold;
}

#barreMenu{
width: 436px;
height: 4px;
background: #000;
margin: 27px 0 0 4px;
}

#sponsor {
margin: 40px 0 0 60px;
}

.sponsor{
margin: 15px 0;
float: left;
}

#sponsorL{
margin: 20px 235px 0 0;
float: right;
font-size: 1.1em;
font-weight: bold;
}

.leftSponsor{
width: 75px;
}

.rightSponsor{
width: 350px;
margin: 0 0 0 40px;
}

#entrer {
margin: 55px 0 0 0;
}

.entrer {
font-size: 1.4em;
background: url('../images/charte/flag.png') no-repeat;
padding: 15px 0 15px 80px;
margin: 0 0 0 55px;
display: block;
width: 85px;
float: left;
font-weight: bold;
}

.entrer:hover {
font-weight: bold;
}

.light{
float: left;
margin: 0 10px 0 5px;
}

.sponsor img{
float: left;
margin: 0 7px 0 7px;
}

#contact{
background: url("../images/datas/mail.png") no-repeat;
padding: 10px 10px 10px 30px;
float: right;
font-size: 1.1em;
font-weight: bold;
margin: 10px 295px 0 0;
}

.pub{
color: #FF0;
text-decoration: underline;
margin: 0 0 0 5px;
}

.pub:hover{
text-decoration: none;
}

#img{
margin: 20px 0 20px 5px;
}

.info{
margin: 30px 0 0 0;
font-style: italic;
}

.donwload{
margin: 10px 0 0 10px;
font-size: 1.1em;
font-weight: bold;
background:url(../images/charte/pdf.gif) no-repeat;
display:block;
padding:5px 0 5px 30px;
}

.iframe{
margin: 20px 0 0 5px;
}

.nopub{
border: 0;
margin: 20px 0 20px 80px;
}

.nopubT{
margin: 10px 0 5px 5px;
}

h1 {
font-size: 1.4em;
margin: 45px 0 10px 5px;
color: #FF0;
}

h2 {
font-size: 1.2em;
margin: 45px 0 10px 5px;
color: #FF0;
}

h3{
color: #FFF;
font-size: 1.1em;
margin: 0 0 0 5px;
}

.sponsor h3{
color: #FF0;
}

strong{
color: #FF0;
font-size: 1.1em;
}

#regl{
margin: 0 0 0 15px;
font-size:1.1em;
}

p {
text-align: justify;
margin: 5px;
font-size:1.1em;
}
a {
color: #FFF;
text-decoration: none;
}

a:hover {
color: #FF0;
text-decoration: underline;
}

img{
border: #FF0 solid 1px;
}

.sponsor img{
border: none;
}

/*formulaire*/

fieldset{
border: 0;
margin: 5px;
}

legend{
font-weight: bold;
}

.box, .boxT, .boxA{
border: #000 solid 1px;
background: #FFF;
padding: 3px;
}

.box{
width: 150px;
}

.boxT{
width: 35px;
}

.boxA{
width: 300px;
}

#envoi{
width: 100px;
border: #000 solid 1px;
background: #FFF;
margin: 0 3px;
}

.erreurForm{
margin: 0;
}