@charset "utf-8";
/* CSS Document made by Nono*/
/* Copyright Osmoz 2009 */


/*************/
/* CSS Reset */
/*************/
html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,dl, dt, dd, ol, ul, li,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
pre, sub, sup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*************/
/* Mise en forme générale */
/*************/

html{
    width:100%;
    height:100%;
}
body{
    width:100%;
    height:100%;
    background-color: #000000;
    font-family:"Trebuchet MS","Sans serif";
}
h1,h2,h3,h4,h5,h6{
    font-family:Georgia,Serif;
}
.clear{
    clear:both;
}
#accueil #wrap{
    background: transparent url("/images/bg_motif.jpg") top left repeat-x;
}
#accueil #header{
    width:100%;
    height:557px;
    background:transparent url('/images/header.jpg') top left no-repeat;
}
#accueil #header h1{
    font-size:30px;
    padding-left:470px;
    padding-top:90px;
    color:#555;
    font-variant:small-caps;
}
#accueil #header ol{
    list-style-type: decimal;
    margin-left:520px;
    margin-top:50px;
}
#accueil #header p{
    font-style:italic;
    padding: 30px 50px 20px 480px;
    font-size:12px;

}
#accueil #footer p{
    color:#CCCCCC;
    text-align:right;
    padding-top:15px;
    background-color:black;
    padding-right:30px;

}
#accueil #button span{
    display:none;
}
#accueil #button{
    display:block;
    margin:30px 30px 0 600px;
    width:250px;
    height:50px;
    background: transparent url("/images/button.png") top center no-repeat;
}
#accueil #button:hover{
    background-position:0 -50px;
}

body#inscriptions {
background:#ffffff;
text-align:left;
color:#333;

}

a:focus {
outline: none;
}

#inscriptions h1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
color:#9FC54E;
font-weight:700;
padding:20px 0 0 40px;
}

#inscriptions h2 {
font-size: 18px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px 40px;
}


#inscriptions p {
color:#999999;
line-height:22px;
padding: 20px 80px 40px 80px;
width: 500px;
margin: 20px 0;
}

#inscriptions #container {

background: #dff9ff url("/images/fond_inscriptions.jpg") top right no-repeat;
}

#inscriptions #container a.trigger{
float: right;
background: #9FC54E;
border: 1px solid #9FC54E;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

#inscriptions #container a.trigger:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}


#inscriptions .content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content p {
margin: 10px 0;
padding: 15px 20px;
}

#inscriptions .panel {
position: absolute;
top: 30px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 50px;
filter: alpha(opacity=85);
opacity: .85;
}

#inscriptions .panel p{
margin: 0 0 15px 0;
padding: 0;
width:250px;
color: #cccccc;
}

#inscriptions .panel h3{

font-size:18px;
font-weight:bold;
color: #cccccc;
}


#inscriptions a.trigger{
position: absolute;
text-decoration: none;
top: 30px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
display: block;
}

#inscriptions a.trigger:hover{

padding: 20px 40px 20px 20px;
background:#222222 url(/images/plus.png) 85% 55% no-repeat;
}

#inscriptions a.active.trigger {
background:#222222 url(/images/minus.png) 85% 55% no-repeat;
}
#inscriptions table{
    width:95%;
    margin:auto;
}
#inscriptions td{
    width:22%;
}
#inscriptions .chambre{
    width:200px;
    background: #9FC54E;
    border: 1px solid #cccccc;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    margin: 20px auto;
    padding:0 5px;
    color:white;
}
#inscriptions .chambre h3{
    margin-top:2px;
    margin-right:2px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
}

#inscriptions .chambre .placesRestantes{
    font-style:italic;
    font-size: 12px;
    display:block;
    text-align:right;
    margin-bottom:20px;
}

#inscriptions .chambre p{
    padding: 0;
    margin:0;
    padding-right:10px;
    width:200px;
    color:white;
    font-size:13px;
}
#inscriptions .chambre li{
    font-size:12px
}
#inscriptions .chambre a span{
    display:none;
}
#inscriptions .chambre a.linkForm{
    display:block;
    margin:10px auto;
    width:160px;
    height:32px;
    background: transparent url("/images/buttonForm.png") top center no-repeat;
}
#inscriptions .chambre a.nolinkForm{
    display:block;
    margin:10px auto;
    width:160px;
    height:32px;
    background: transparent url("/images/nobuttonForm.png") top center no-repeat;
}
#inscriptions .chambre a:hover{
    background-position: 0 -32px;
}

#inscriptions #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#inscriptions #boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

 #inscriptions #boxes #form {
  width:375px;
  height:270px;
  padding:80px 50px;

}
 #inscriptions #boxes #form label {
    display:block;
}
 #inscriptions #boxes #form input {
    width:200px;
}
 #inscriptions #boxes #form{
    background : transparent url("/images/modal_form.png") top left no-repeat;
}
#inscriptions #boxes #form p{
width:200px;
font-size:12px;
font-style:italic;
line-height:1.2em;
}
#inscriptions #boxes #form p span{
display:block;
margin-top:-70px;
}
#inscriptions #boxes #form .error{
color:red;
}
#inscriptions #boxes #form .success{
color:green;
}
#message div#content{
    font-size:12px;
    width:400px;
    height:200px;
    padding:120px 10px 140px 10px;
    margin:100px auto;
    background : transparent url("/images/modal_form.png") top left no-repeat;
}
#message #content p{
width:275px;
height:150px;
padding-left:80px
}

#message{
    background-color:white;
}