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

body {
font-family:calibri,arial;
background-color:#cccccc;
}

.Style-footer {
font-size:x-small;
}

.Style-minicontact {
font-size:small;
}

#allsite{
width:780px;
margin-left:auto;
margin-right:auto;
}

#header {
background-image:url('../img/header.png');
height:129px;
width:780px;
}

#menu {
background-image:url('../img/menu.png');
height:39px;
width:780px;
float:left;
}

#corps {
background-image:url('../img/fond.png');
background-repeat:repeat-y;
height:auto;
width:780px;
float:left;
}

#footer {
padding-top:10px;
background-image:url('../img/fond.png');
background-repeat:repeat-y;
width:780px;
float:left;
}

#surfooter {
background-image:url('../img/footer.png');
height:11px;
width:780px;
clear:both;
}


/***************** navigation bar *******************/
.Style-menu {
margin-top:16px;
margin-left:45px;
}

#menu li {
display:inline;
}

#menu a{
color:#ffffff;
padding:5px 10px 5px 10px;
text-decoration:none;
border-left:1px solid #999999;
}

#menu a:hover{
color:#000000;
}

/***************** Central *******************/

#corps-gauche {
margin:5px 0px 5px 10px;
padding:20px 0px 0px 8px;
float:left;
width:500px;
}

#corps-droite {
margin-top:25px;
margin-right:15px;
padding:15px 5px 15px 5px;
background-color: #FFFFFF;
float:right;
width:220px;
}

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

#corps-droite a:hover {
color:#042a76;
}

/********************* Style du formulaire ********************/
.erreur {
font-style:oblique;
font-size:14px;
color:#FF0000;
}
.lab {
font-style: normal;
font-size:14px;
color:#1b1b1b;
}
.Stylef1 {
font-size: 20px;
color:#042a76;
}
.Stylef0 {
color: #FF0000;
}
.form-contact{
width:220px;
}

.popmess {
background-color:#ffffe0; 
border:1px solid #000000; 
width:260px; 
margin-left:auto; 
margin-right:auto; 
padding:3px 3px 3px 3px;
color:#000000;
}

.popups {
position:absolute; 
visibility:hidden;  
background-image:url("../img/popup_ok.png");
background-repeat:repeat;
border:3px solid #000000; 
width:300px; 
margin-top:20px; 
margin-left:20px; 
padding:3px 3px 3px 3px;
color:#FFFFFF;
}

.poperr {
position:absolute; 
visibility:hidden;  
background-image:url("../img/popup_err.png");
background-repeat:repeat;
border:3px solid #000000; 
width:300px; 
margin-top:20px; 
margin-left:20px; 
padding:3px 3px 3px 3px;
color:#FFFFFF;
}

#linkpop a {
color:#ffffff;
text-decoration:none;
}

#linkpop a:hover {
color:#000000;
}

/************************* page tarifs ****************/
#linktarif{
padding-top:10px;
padding-bottom:10px;
}

#linktarif a {
font-size:larger;
color:#0033FF;
text-decoration:none;
}
#linktarif a:hover {
color:#042a76;
}

.devtarif {
text-align:justify;
padding-left:30px;
padding-right:30px;
color: #042a76;
}

/************************* page activite ****************/
#act-corps {
background-image:url('../img/fond.png');
background-repeat:repeat-y;
height:auto;
width:760px;
float:left;
padding:0px 10px 0px 10px;
}
#act-head {
padding-top:15px;
padding-bottom:15px;
clear:both;
width:760px;
}
#act-gauche {
float:left;
width:379px;
}
#act-droite {
float:right;
width:379px;
}
#act-foot {
padding-top:15px;
padding-bottom:15px;
clear:both;
width:760px;
}

/************************* page book ****************/
#book-cadre {
height:220px;
}

#book-cadre a{
font-style:oblique;
font-weight:bold;
font-size:small;
color: #0000CC;
text-decoration:none;
}

#book-cadre a:hover{
color: #006633;
}

#book-in-cadre-l {
float:left; 
width:300px;
}

#book-in-cadre-r {
float:left; 
width:195px;
}