/******************************************
 * CSS Document par Helrod pour RHIM.FR
 * ***************************************/
/******************************************
 * Site
 * ***************************************/

body, html {
margin: 0;
padding: 0;
cursor: default;
}

img {
border: none;
}

body {
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-size: 13px;
color: #000000;
background-repeat: repeat-x;
background-color: #D5CAC6;
background-image: url('image/design/fond.jpg');
background-position: top center;
height: 1617px;
text-align: center;
}

#global {
margin-left: auto; 
margin-right: auto;
width: 1150px;
}

#header {
background: url('image/design/header.png') no-repeat;
width: 100%;
height: 355px;
margin-left: auto; 
margin-right: auto;
}

#haut {
background: url('image/design/haut.png') no-repeat;
width: 1037px;
height: 95px;
margin-left: auto; 
margin-right: auto;
}

#centre {
background: url('image/design/centre.png') repeat-y;
width: 100%;
margin-left: auto; 
margin-right: auto;
}

#contenupage {
background: url('image/design/hcentre.png') no-repeat;
min-height: 525px;
padding-right: 323px;
}

#contenu {
margin-left: 297px; 
margin-right: auto;
width: 530px;
clear: right;
}

#agenda {
padding-top: 160px;
width: 194px;
float: left;
}

#formagenda, .formagenda {
width: 90%;
margin-left: auto; 
margin-right: auto;
}

#filtre {
width: 194px;
height: 128px;
background: url('image/illus/agenda/filtre.png') no-repeat;
}

#calendrier {
width: 194px;
height: 250px;
background: url('image/illus/agenda/calendrier.png') no-repeat;
}

.datecalendrier {
color: #008000;
}

#footer {
background: url('image/design/footer.png') no-repeat;
width: 1037px;
height: 507px;
margin-left: auto; 
margin-right: auto;
}

#cfooter {
width: 523px;
padding-top: 97px; /* Descendre ou monter les éléments du footer */
font-size: 11px;
margin-left: 242px;
margin-right: 270px; 
}

#probarre {
width: 60%;
height: 60px;
text-align: left;
margin-left: auto; 
margin-right: auto;
}

#barre {
float: left;
}

#progress {
width: 150px;
float: right;
}

a {
color: #000000;
text-decoration: none;
}

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

#nations {
background-repeat: no-repeat;
padding-top: 130px;
}

#cartes {
float: left;
}

.logo {
width: 100px;
height: 100px;
margin-left: 4px; 
float: left;
}

.logo:hover {
width: 100px;
height: 100px;
background-position: 0px -100px;
background-repeat: no-repeat;
}

#limg {
float: left;
width: 200px;
}

#rnews {
width: 320px;
float: right;
}

#rpage {
width: 320px;
float: right;
text-align: left;
padding-top: 30px;
}

#rpage:first-letter {
font-size: 3.5em;
line-height: 1em;
margin: 0 0.107em 0 0;
}

#bimg {
clear: both;
}

.races {
margin: 2.5px;
}

#lecteur {
text-align: center;
background-image: url('image/illus/musique/fondmusique.png');
background-repeat: no-repeat;
width: 400px;
height: 358px;
margin-left: auto; 
margin-right: auto;
}

fieldset {
border: 1px solid;
border-color: #999999;
padding: 5px;
}

legend {
color: #000000;
}

.persorecto {
background-image: url('docs/airrecto.jpg');
background-repeat: no-repeat;
width: 1024px;
height: 768px;
}

.persoverso {
background-image: url('docs/airverso.jpg');
background-repeat: no-repeat;
width: 1024px;
height: 768px;
}

.persomagie {
background-image: url('image/illus/perso/magie.png');
background-repeat: no-repeat;
width: 250px;
height: 248px;
}


/******************************************
 * Formulaire
 * ***************************************/

label {
float: left;
}

input, select, textarea {
float: right;
}

input[type=radio] {
float: none;
}

#bouton, #btnValider {
width: 100%;
float: none;
}

p#formulaire {
width: 340px;
line-height: 24px;
margin-left: auto; 
margin-right: auto;
}

p#recup {
text-align: left;
color: #ff0000;
}

p#commentaire {
text-align: right;
}

p#search {
width: 250px;
line-height: 24px;
margin-left: auto; 
margin-right: auto;
}


/******************************************
 * Alignement Texte
 * ***************************************/

#left {
text-align: left;
}

#center {
text-align: center;
}

#right {
text-align: right;
}

#justify {
text-align: justify;
}

/******************************************
 * Menu Déroulant
 * ***************************************/

div#cmenu {
margin-left: 262px;
margin-right: 262px;
padding-top: 20px;
}

#racc {
padding-top: 5px;
padding-right: 19px;
}

#menu, #menu ul {
padding : 0;
margin : 0;
list-style : none;
text-align : center;
line-height: 24px;
}

#menu a {
display : block;
padding : 0;
color : #fff;
text-decoration : none;
width : 119px;
}

#menu li {
float : left;
margin-right : 5px;
width : 119px;
}

#menu li ul {
position : absolute;
width : 119px;
left: -999em;
border : 1px solid #fff;
margin : -7px 0 0 0;
}

#menu li ul li {
background : url('image/design/menu/fond.png');
border-top : 1px solid #fff;
}

#menu li ul li:hover {
background : url('image/design/menu/fondhover.png');
border-top : 1px solid #fff;
}

#menu li ul ul {
margin : -26px 0 0 119px;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
left: auto;
min-height: 0;
}