html {
background-color: rgb(240,240,250);
}

body { 
width: 970px;
margin: auto;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
font-family: verdana, "Arial", serif;
color: rgb(49,94,213);
font-size: 0.9em;
}

#header {
width: 950px;
margin: auto;
margin-top: 20px;
height: 60px;
border: 1px solid rgb(49,94,213);
}

#header_creation_jpg {
width: 950px;
margin: auto;
margin-top: 20px;
height: 40px;
padding-top: 2px;
padding-bottom: 18px;
border: 1px solid rgb(49,94,213);
font-size: 3em;
font-family: Script MT Bold, "Arial", serif;
background-color: rgb(250,250,250);
}

#global{
width: 950px;
overflow: auto;
margin: auto;
padding-bottom: 20px;
}

#col_gauche{
width: 200px;
float: left;
margin-top: 30px;
}

#annonce{
width: 200px;
padding: 0px;
margin-bottom: 20px;
color: red;
border: 1px solid red;
font-size: 0.9em;
height: 90px;
}

#menu{
background-color: rgb(240,240,250);
width: 200px;
padding: 0px;
border: 1px solid rgb(49,94,213);
font-size: 0.9em;
}

#pub_gauche{
width: 200px;
height: 200px;
margin-top: 10px;
border: 1px solid rgb(49,94,213);
}

#liens, #rech_google, #stats{
width: 194px;
padding: 3px;
margin-top: 10px;
border: 1px solid rgb(49,94,213);
font-size: 0.9em;
}

#heure{
width: 150px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
}

#col_droite{
width: 730px;
float: right;
margin-top: 30px;
}

#pub_haut{
width: 728px;
height: 90px;
border: 1px solid rgb(49,94,213);
}

#corps, #corps_forum{
width: 726px;
font-size: 1em;
border: 2px solid rgb(49,94,213);
background-color: rgb(250,250,250);
margin-left: 0px;
margin-top: 20px;
overflow: auto;
font-family: verdana, "Arial", serif;
}

#corps_forum{
border: 2px solid rgb(49,94,213);
background-color: rgb(240,240,250);
padding: 0px;
text-align: left;
}

#formulaire, #formulaire_contact{
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

#formulaire{
width: 720px;
}

#formulaire_contact{
width: 650px;
text-align: left;
}

#form_gauche{
width: 350px;
text-align: left;
}

#presentation_accueil, #presentation{
width: 600px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
font-size: 1.1em;
text-align: justify;
}

#informations{
width: 680px;
margin: 20px;
font-size: 1em;
text-align: center;
}

#sans_joker, #corps_gauche{
float: left;
margin: 10px;
margin-right: 0px;
padding: 15px;
padding-right: 25px;
text-align: left;
}

#sans_joker{
width: 250px;
border-top: 1px dotted rgb(49,94,213);
border-right: 1px dotted rgb(49,94,213);
}

#corps_gauche{
width: 350px;
}

#avec_joker, #corps_droite{
float: right;
margin: 10px;
margin-left: 0px;
padding: 15px;
padding-left: 25px;
text-align: left;
}

#avec_joker{
width: 362px;
border-top: 1px dotted rgb(49,94,213);
border-left: 1px dotted rgb(49,94,213);
}

#corps_droite {
width: 260px;
}

#result_droite{ /* pas utilisé en ce moment*/
width: 300px;
float: right;
padding: 10px;
margin: 10px;
margin-left: 0px;
}

#commencant_par, #contenant_suite, #finissant_par{
width: 218px;
padding-right: 10px;
padding-left: 10px;
margin: 1px;
margin-top: 10px;
margin-bottom: 30px;
text-align: left;
}

#contenant_suite{
width: 220px;
float: left;
border-left: 1px dotted rgb(49,94,213);
border-right: 1px dotted rgb(49,94,213);
}

#commencant_par{
float: left;
border-right: 1px dotted rgb(49,94,213);
}

#finissant_par{
float: right;
border-left: 1px dotted rgb(49,94,213);
}

#cadre{
position: fixed;
bottom: 60px;
right: 10px;
padding: 20px;
padding-top: 15px;
padding-bottom: 15px;
border: 1px dashed rgb(49,94,213);
background-color: rgb(250,250,250);
font-size: 0.8em;
}

#footer {
width: 930px;
margin: auto;
height: 15px;
border: 1px solid rgb(49,94,213);
background-color: rgb(250,250,250);
padding: 10px;
}


h1{
color: rgb(49,94,213);
font-weight: bold;
font-size: 1.1em;
margin: 2px;
margin-bottom: 4px;
}

.mise_en_avant a{
color: rgb(230,53,213);
}

h2{
font-size: 0.9em;
font-weight: bold;
margin: 0px;
}

h2:hover {
color: rgb(0,0,0);
cursor: pointer;
}

h3{
font-weight: bold;
font-size: 0.9em;
text-align: left;
text-decoration: underline;
margin-top: 10px;
margin-bottom: 5px;
background-color: rgb(240,240,250);
}

h4{
font-weight: bold;
font-size: 1em;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

h5{
color: rgb(49,94,213);
font-weight: normal;
font-size: 0.9em;
margin: 1px;
}

hr{
width: 75%;
color: rgb(49,94,213);
background-color: rgb(49,94,213);
height: 3px;
}

ul{
margin-top: 0px;
margin-bottom: 0px;
}

a{
text-decoration: none;
color: rgb(49,94,213);
}

a.interne:hover{
text-decoration: none;
background-color: rgb(240,240,250);
}

a.externe { 
color: rgb(49,94,213);
text-decoration: underline;
}

a.externe:hover{
background-color: rgb(240,240,250);
}

#menu h1{
text-align: center;
margin: 0px;
border-top: 1px solid rgb(49,94,213);
}

#menu h1#premier{
border-top: none;
}

#menu a{
display: block;
padding-left: 6px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
}

#menu a:hover{
border: none;
border-left: 10px solid rgb(49,94,213);
border-right: 10px solid rgb(49,94,213);
background-color: rgb(250,250,250);
text-decoration: none;
}

#annonce a, #annonce h1{
color: red;
font-weight: bold;
text-decoration: underline;
}

#formulaire_contact label{
padding-bottom: 10px;
}

.label_gauche {
display:block;
float: left;
width: 355px;
text-align: right;
}

.label_droite {
display:block;
float: right;
width: 355px;
text-align: left;
}

#motus td {
border: 1px solid rgb(49,94,213);
width: 20px;
height: 25px;
text-align: center;
font-weight: bold;
}

#pendu td{
width: 20px;
font-size: 1.5em;
}

label.text{
display:block;
float: left;
width: 160px;
font-weight: bold;
}

label.champ{
display:block;
float: left;
width: 460px;
}

.contact_text, .contact_text_message{
width: 200px;
height: 20px;
float: left;
text-align: right;
font-weight: bold;
padding: 5px;
}

.contact_champ, .contact_champ_long, .contact_champ_message{
width: 175px;
height: 20px;
float: left;
text-align: left;
padding: 5px;
}

.contact_explications{
width: 315px;
height: 50px;
float: right;
padding: 5px;
}

.contact_text_message, .contact_champ_message{
height: 200px;
}

.contact_champ_message, .contact_champ_long{
width: 500px;
}


.bouton, .petit_bouton {
color: rgb(49,94,213);
background-color: rgb(250,250,250);
font-family: Verdana, "Arial", serif;
font-size: 1em;
cursor: pointer;
padding: 2px;
margin-top: 5px;
}

.bouton {
border: 5px ridge rgb(49,94,213);
}

.petit_bouton {
border: 3px ridge rgb(49,94,213);
width: 29px;
height: 29px;
}

.bouton:hover, .petit_bouton:hover {
font-weight: bold;
}

h3.centrer{
text-align: center;
}

p.a_cacher{
font-size: 0.8em;
}

.erreur{
font-weight: bold;
color: red;
}

.ref{
float: left;
}