html
{
height: 100%;
}

body
{
    margin          : 0;
    background      : url(img/fondB.jpg) fixed repeat-y 20% 0;
	font-family: Microsoft Sans Serif, Tahoma, Arial, Verdana, Helvetica;
	 height: 100%;
margin: 0;
padding: 0;
font-size:12px;
}
h1.stitre{font-size:16px;}
#fixe-haut
{
	height          : 57px;
	position        : absolute;
	top             : 0;
	width           : 100%;
	left            : 0;
	background-image: url(img/store.png);
	background-repeat: repeat-x;
}
#fixe-bas
{
	height          : 30px;
	position        : absolute;
	bottom          : 0;
	width           : 100%;
	left            : 0;
	background-image: url(img/barre_bas.png);
	background-position: right top;

}
#colonne-gauche{
	position        : absolute;
	top          : 60px;
	width           : 20%;
	left            : 0;
	height: 100%;
	overflow: auto;
}

body>#fixe-haut, body>#fixe-bas, div>#colonne-gauche { position: fixed !important; } 


#esp-colonne-gauche{
float : left;
width : 20%;
height:auto;
}

#colonne-centre{
	float : left;
	width : 78%;
	padding: 15px 1% 35px 1%;
}

#conteneur-colonnes {
padding : 57px 0 42px 0;
}
/*******************************************************/

.referencemement{display:none;}
#colonne-gauche{
 font-size: 10px;
}
a:link,a:active,a:visited{
 CURSOR: hand;
 TEXT-DECORATION: none;
 color: #660000;
}
a:hover{
 CURSOR: hand;
 TEXT-DECORATION: none;
 color: #FF6600;
}
a img
{
border: none;
}
.ldes {
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 background-color: #FFCC00;
 text-align: center;
 }
.lpdt {
 font-size: 9px;
 }
.ltot {
 font-size: 11px;
 color: #000000;
 font-weight: bold;
 background-color: #FFCCCC;
 }
 
 .tshbl{
	font-size: 140%;
	font-weight: bold;
	background-color: #FFCC00;
	padding:3px;
	color: #A55A0E;
}
.ttfl {

}

.tbbl {
 font-size: 10px;
}
.bloc_tab {padding-left: 20%; text-align:left;}
.bloc_tab br{line-height:25px;}
.inform {
 font-size: 11px;
 font-weight: bold;
 color: #660000;
 background-color: #FF9933;
 text-align: center;
 border: thin #FFCC00;
}

.plusgros {
 font-size: 13px;
 font-style: normal;
 font-weight: bold;
 background-color: #FF9900;
 font-family: Arial, Helvetica, sans-serif;
 color: #660000;
}

#onglet td {
	height:12px;
	background-color:#FEECCB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666666;
	padding:3px 3px 3px 3px;
}
#onglet .sel {
	background-color:#FDDC9F;
	font-weight:bold;
	color: #000000;
}
.cachediv, .cacher {
display: none;
    visibility: hidden;
}
.montrer{
display: block;
visibility:visible;
}
	.photos{
	border-style: solid;
	border-width: 1px;
	border-color: #DFDFDF #CACACA #CACACA #DFDFDF;
	background-color: White;
	padding: 5px;
}
table , body {font-size: 15px; color:#6A4D47;}
.s_menu{
font-size:90%;
}
.ttmenu{
font-weight: 500;
}
marquee {
border: 0pt none; 
font-family: Arial; 
font-size: 9px; 
-moz-box-shadow: inset 2px 0px 5px 5px #ffffff, inset -2px 0px 5px 5px #ffffff;
-webkit-box-shadow:  inset 2px 0px 5px 5px #ffffff, inset -2px 0px 5px 5px #ffffff;
-o-box-shadow:  inset 2px 0px 5px 5px #ffffff, inset -2px 0px 5px 5px #ffffff;
box-shadow:  inset 2px 0px 5px 5px #ffffff, inset -2px 0px 5px 5px #ffffff;
}
.fondbeigeform{
	background-color: #FDE86C;
	border-style: solid;
	-moz-border-radius: 10px;
	border: 0px;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	width: 90%;
	clear: both;
}
.titre-orange-22 {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 22px;
	font-weight: bold;
	color: #e25a09;
}
.titre-orange-30 {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 30px;
	font-weight: bold;
	color: #e25a09;
}
.titre-orange-16, .titre-orange-16 td {
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #e25a09;
	padding: 2px 0 0 10px;
}
.progressBar{
	width:350px;
	height:50px;
	background:url(http://www.saintongealim.com/images/barre_fond.png) no-repeat 0 0;
	position:relative;
	    color: green;
    font-size: 6pt;
}
.progressBar span{
	position:absolute;
	display:block;
	width:325px;
	height:30px;
	background:url(http://www.saintongealim.com/images/barre_niv.gif) no-repeat 0 0;

	top:10px;
	left:12px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:325px;
	height:30px;
	background:url(http://www.saintongealim.com/images/barre_blc.png) repeat-x 0 0;
	top:0;
}
#cartouche{
	display: none;
}
#info{
-moz-box-shadow: 3px 3px 5px 0px #643403; float:left;
-webkit-box-shadow: 3px 3px 5px 0px #643403;
-o-box-shadow: 3px 3px 5px 0px #643403;
box-shadow: 3px 3px 5px 0px #643403;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; max-height:57px; min-height:48px; background-color:#FCF7CF; font-size:10px; margin-right:5px; margin-top:5px; padding:5px;}
#info li{
 list-style-type: none;
 }
/******************************************************************/


input[type=text],
input[type=password], textarea {
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:3px 1px;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	border-color:#666666;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}
select, option{
	cursor:pointer;
	padding:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
}
select:active,
select:focus{
	border:1px solid #666666;
	-moz-box-shadow:0 0 3px #FDAB22;
	-webkit-box-shadow:0 0 3px #FDAB22;
	outline:none;
}
/*
tres fonce #F19201
fonce #FEAE36
clair  #FEBB56
*/
input[type=submit], button[type=submit],
a.submit{
	background:#F19201;
	background:-moz-linear-gradient(90deg, #FEBB56, #FEAE36); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#FEAE36), to(#FEBB56)); /* Webkit */
	border:1px solid #666666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus,
button[type=submit]:hover, button[type=submit]:active, button[type=submit]:focus,
a.submit:hover, a.submit:active, a.submit:focus{
	background:#FEAE36;
	background:-moz-linear-gradient(90deg, #F19201, #FEAE36);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEAE36), to(#F19201));
	border-color:#093c75;
	text-decoration:none;
	color:white;
}
/*************************************************************/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
#colonne-centre, #conteneur-colonnes{
	float : none;
	width : 98%;
	padding: 0;
}
.milieu {
	width: 95%;
	}
table {font-size: 12px;}
	.droite , #esp-colonne-gauche{
	display: none;
}
.menu{
	display: none;
	}
#cartouche{
	display: block;
}
.noprint{
    display: none;
}
}
