/*
Silvestri Mauro
*/
html, body {
margin: 10px 0 0px 0;
font-size: 15px;
background-color: #f5e9af;
/*background-color: #d4dff5;*/ /*#f0cd79;*/  /*#ffcc99 ;*/
font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;

text-align: center;
line-height: 15px;

scrollbar-3dlight-color :#000000; 
scrollbar-arrow-color :#A64708;	
scrollbar-darkshadow-color :#000000; 
scrollbar-face-color :#F5E9AF;	
scrollbar-track-color :#A64708;
}
#container {
width: 900px;
margin: auto;
background-color: #fdf1b8;
display: block;
border: 2px solid black;
border-color:#000000  ;
}
html>body #container {
width: 900px;
}
/* colonne gauche */
#gauche {
width: 250px;
float: left;
width: 218px;
}
html>body #gauche {

}
/* colonne droite */
#droite {
width: 650px;
margin-left: 224px; 
}
/* logo */
#logo {
margin-top: -16px; 
}

/* menu gauche */
#menu {
width: 237px;
margin-top: 20px;
background-image: url("../images/bg-menu.jpg");

}
#menu #top {
width: 237px;
height: 52px;
background-image: url("../images/top-menu.jpg");
background-repeat: no-repeat;
}
#foot-menu {
width: 204px;
background-image: url("../images/foot-menu.jpg");
background-repeat: no-repeat;
margin-top: 5px;
}

/* liens menu gauche */
.am:link, .am:visited {
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 20px;
width: 225px;
height: 35px;
background-image: url("../images/off.jpg");
background-repeat: no-repeat;
font-weight: bold;
color: #ffffff;
text-decoration: none;
display: block;
margin: auto;
}

.am:active, .am:hover {
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 26px;
width: 231px;
height: 35px;
background-image: url("../images/on.jpg");
background-repeat: no-repeat;
font-weight: bold;
color: #ffffff ;
text-decoration: none;
display: block;
margin: auto;

}


/* blocs droite */
.bloc {
font-size: 15px;
width: 524px;
background-image: url("../images/bg-bloc_2_bis.jpg");
color: #000000;
margin-top: 20px;
margin-left: 3px;
text-align: justify;
padding: 0 8px 5px 8px;
}

.bloc_bleu {
font-size: 15px;
width: 524px;
background-image: url("../images/bg-bloc_2.jpg");
color: #000000;
margin-top: 20px;
margin-left: 3px;
text-align: justify;
padding: 0 8px 5px 8px;
}

html>body .bloc {
width: 524px;
margin-left: 3px;
}

html>body .bloc_bleu {
width: 524px;
margin-left: 3px;
}

.bloc .top {

width: 540px;
background-image: url("../images/top-bloc.jpg");
background-repeat: no-repeat;
margin: 0 -8px 0 -8px;  
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 36px;
color: #A50818;  /*#A64708 ;*/  /*#A50818;*/
font-weight: bold;
text-indent: 8px;
padding-top: 15px;
text-align: left;
line-height: 50px;
}

.top_droite
{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;

color: #A50818 ; 
font-size: 36px;
}

.ecrite_menu
{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
color: #A50818 ; 
font-size: 25px;
line-height: 35px;
}

.bloc_bleu .top 
{
width: 540px;
background-image: url("../images/top-bloc.jpg");
background-repeat: no-repeat;
margin: 0 -8px 0 -8px;  
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 36px;
color: #A50818 ;  /*#A64708 ;*/  /*#A50818;*/
font-weight: bold;
text-indent: 8px;
padding-top: 15px;
text-align: left;
line-height: 50px;
}

.bloc-foot 
{
width: 540px;
height: 10px;
display: block;
margin-left: 3px;
clear: both;
background-image: url("../images/foot-bloc.jpg");
background-repeat: no-repeat;
/* hack pour MSIE qui ne sait pas gérer le margin ! */
voice-family: "\"}\"";
voice-family: inherit;

}
html>body .bloc-foot {
margin-left: 3px;
}
/* liens normaux */
a:link, a:visited{
color: #A50818;
text-decoration: none;

}
a:active, a:hover{
font-size: 26px;
color: #CC3300;
text-decoration: underline;
}
/* Titres */
h1 {
font-size: 24px;
color: #a64708; /*#0000cc;*/ /*#0033CC;*/ /*#A64708;*/
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-weight: bold;
text-align: left;
margin-top: 0;
margin-bottom: 3px;  
display: block;
}
#gauche h1 {
color: #A50818;
text-decoration: underline;
}
/* Mini titre */
.minititre {
font-weight: bold;
border-bottom: 1px solid #000000;
}
/* lignes */
hr {
border-top: 1px dotted black;
width: 100%;
clear: both;
margin-top: 10px;
/* hack pour MSIE qui ne sait pas gérer le margin ! */
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 0;
}
html>body hr {
margin-top: 10px;
}
#gauche hr {
border-bottom: 1px solid #EFE7C6;
border-left: 1px solid #EFE7C6;
border-right: 1px solid #EFE7C6;
}
#droite hr {
border-bottom: 1px solid #E0D19A;
border-left: 1px solid #E0D19A;
border-right: 1px solid #E0D19A;
}
/* footer pied de page */
#footer {
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
width: 900px;
text-align: center;
font-size: 15px;
color: #A50818; 
margin: auto;
line-height: 20px;
}
/* liens footer */
.af:link, .af:visited{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 16px;
color: #A50818;
text-decoration: underline;
}
.af:active, .af:hover{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
color: #CC3300;
}
/* Eléments de formulaire */
form {
width: auto;
text-align: center;
margin: 0;
font-weight: bold;
}
input {
margin: 1px;
font-size: 10px;
vertical-align: middle;
}
.inpt {
background-image: url("../images/input.jpg");
background-repeat: no-repeat;
border: 2px inset black;
}
.sub {
border: 2px solid #CE871D;
background-color: #A50818;
color: #EFE7C6;
font-weight: bold;
}
/* Image flottante a gauche */
.pic-left {
float: left;
border: 1px solid #A64708;
margin-right: 5px;
}
/* Image flottante a droite */
.pic-right {
float: right;
border: 1px solid #A64708;
margin-left: 5px;
}
/* Eléments divers */
img {
border: 0;
vertical-align: middle;
}

.myp {
margin: 0;
}
.end {
clear: both;
height: 0;
line-height: 0;
}

p
{
margin-left: 50px;
margin-right: 50px;
color: #A64708   ;
font-size: 16px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-weight: bold;
line-height: 1.3;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   float: left; /* Flotte à gauche */
   font-weight: bold; /* En gras */
   font-size: 2em; /* Hauteur de 3 lignes */
   color: #A50818; /* En bleu */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste
                      du texte */

}

.texte_ski
{
margin-left: 50px;
margin-right: 50px;
color: #A64708   ;
font-size: 16px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-weight: bold;
line-height: 1.3;
}

.texte_service
{
margin-left: 100px;
margin-right: 100px;
color: #A64708   ;
font-size: 23px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
line-height: 1.3;
}

.texte_service_bis
{
margin-left: 100px;
margin-right: 100px;
color: #A64708   ;
font-size: 16px;
font-weight: bold;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
}

.alignement
{
margin-top: -8px;
}

.bordure
{
border: 2px solid black;
border-color:#a64708 ;
}

.bg_col_g
{
background-image: url("../images/gauche.jpg");
}

.bg_col_d
{
background-image: url("../images/droite.jpg");
}

.bg_banniere_container
{
background-image: url("../images/bg_bann_cont.jpg");
}

.margin_left
{
margin-left:50px;
vertical-align: top;
}

.margin_right
{
margin-right:50px;
}

.entete_tab
{
color: #A50818   ;
font-size: 17px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;

}


.cell_tab
{
color: #a64708   ;
font-size: 15px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-weight: bold;
line-height: 1.3;
}

.cellules_tab
{
color: #a64708   ;
font-size: 22px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;

}

.image_puce
{
list-style-image: url("../images/puce.jpg");
}

.tout_majusc
{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
float: left; /* Flotte à gauche */
font-weight: bold; /* En gras */
font-size: 2em; /* Hauteur de 3 lignes */
color: #A50818; /* En bleu */
margin-left: 25px;
}

.sous_titre
{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
float: left; /* Flotte à gauche */

font-size: 1.7em;
color: #A50818; /* En bleu */
margin-left: 25px;
}

.retrait_puces
{
margin-left: 130px;
color: #a64708   ;
font-size: 16px;
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
line-height: 1.3;
font-weight: bold; /* En gras */
}

.msg_mail
{
font-family: "Calligraph421 BT", "Georgia", "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
color: #cf3001 ; 
font-size: 15px;
font-weight: bold;
}