/* ------------------------------------------------------------------
   ancien-site.css
   Feuille de style de l'ancienne version du site (2008).
   Conservee au cas ou. Kevin a dit de ne pas la supprimer.
   Plus aucune de ces classes n'existe dans les gabarits actuels.
   ------------------------------------------------------------------ */

#ancien-conteneur {
	width: 780px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
}

#ancien-entete {
	height: 96px;
	background-color: #003366;
	background-image: url(../images/entete-2008.gif);
	background-repeat: no-repeat;
}

#ancien-entete h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 28px;
	padding-left: 18px;
}

#ancien-menu-horizontal {
	height: 26px;
	background-color: #336699;
}

#ancien-menu-horizontal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ancien-menu-horizontal li {
	float: left;
	border-right: 1px solid #99CCFF;
}

#ancien-menu-horizontal li a {
	display: block;
	padding: 6px 12px 6px 12px;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

#ancien-menu-horizontal li a:hover {
	background-color: #99CCFF;
	color: #003366;
}

#ancien-menu-vertical {
	width: 160px;
	float: left;
	background-color: #EEEEEE;
}

#ancien-menu-vertical li a {
	display: block;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px dotted #999999;
	font-size: 11px;
}

#ancien-corps {
	width: 600px;
	float: right;
	padding: 10px;
}

#ancien-pied {
	clear: both;
	height: 40px;
	background-color: #003366;
	color: #CCCCCC;
	text-align: center;
	padding-top: 12px;
}

.ancien-titre-rouge {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #CC0000;
	border-bottom: 1px dashed #CC0000;
}

.ancien-titre-bleu {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #003366;
	border-bottom: 1px dashed #003366;
}

.ancien-paragraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
}

.ancien-encadre-gris {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-bottom: 10px;
}

.ancien-encadre-jaune {
	background-color: #FFFFCC;
	border: 1px solid #E6DB55;
	padding: 8px;
	margin-bottom: 10px;
}

.ancien-encadre-vert {
	background-color: #EAF7E9;
	border: 1px solid #9BCB9B;
	padding: 8px;
	margin-bottom: 10px;
}

.ancien-bouton-bleu {
	background-color: #336699;
	color: #FFFFFF;
	border: 2px outset #99CCFF;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	cursor: pointer;
}

.ancien-bouton-gris {
	background-color: #DDDDDD;
	color: #333333;
	border: 2px outset #FFFFFF;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	cursor: pointer;
}

.ancien-tableau-produits {
	width: 580px;
	border: 1px solid #999999;
}

.ancien-tableau-produits th {
	background-color: #336699;
	color: #FFFFFF;
	font-size: 11px;
	padding: 4px;
}

.ancien-tableau-produits td {
	background-color: #FFFFFF;
	font-size: 11px;
	padding: 4px;
	border-bottom: 1px solid #DDDDDD;
}

.ancien-tableau-produits tr.impaire td {
	background-color: #F7F7F7;
}

.ancien-tableau-tarifs {
	width: 580px;
	border: 2px solid #CC0000;
}

.ancien-tableau-tarifs caption {
	font-weight: bold;
	color: #CC0000;
	padding-bottom: 4px;
}

.ancien-fil-ariane {
	font-size: 10px;
	color: #666666;
	padding-bottom: 6px;
}

.ancien-fil-ariane a {
	color: #336699;
}

.ancien-pagination {
	text-align: center;
	padding-top: 10px;
}

.ancien-pagination a {
	border: 1px solid #CCCCCC;
	padding: 2px 5px 2px 5px;
	margin-right: 3px;
	text-decoration: none;
}

.ancien-pagination a.actif {
	background-color: #336699;
	color: #FFFFFF;
}

.ancien-galerie-vignette {
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 3px double #999999;
}

.ancien-galerie-legende {
	font-size: 10px;
	color: #666666;
	text-align: center;
}

.ancien-lightbox-fond {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 900;
}

.ancien-lightbox-cadre {
	position: absolute;
	background-color: #FFFFFF;
	border: 6px solid #FFFFFF;
	z-index: 950;
}

.ancien-lightbox-fermer {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../images/fermer-2008.gif);
	cursor: pointer;
}

.ancien-infobulle {
	position: absolute;
	background-color: #FFFFCC;
	border: 1px solid #999999;
	padding: 3px;
	font-size: 10px;
	z-index: 800;
}

.ancien-onglets {
	height: 24px;
	border-bottom: 1px solid #999999;
}

.ancien-onglets li {
	float: left;
	list-style: none;
	border: 1px solid #999999;
	border-bottom: 0;
	margin-right: 3px;
	background-color: #EEEEEE;
}

.ancien-onglets li.actif {
	background-color: #FFFFFF;
	position: relative;
	top: 1px;
}

.ancien-onglets li a {
	display: block;
	padding: 4px 10px 4px 10px;
	font-size: 11px;
	text-decoration: none;
}

.ancien-panneau-onglet {
	border: 1px solid #999999;
	border-top: 0;
	padding: 10px;
}

.ancien-formulaire-devis label {
	display: block;
	width: 150px;
	float: left;
	font-size: 11px;
	padding-top: 3px;
}

.ancien-formulaire-devis input.champ {
	width: 220px;
	border: 1px inset #999999;
	font-size: 11px;
}

.ancien-formulaire-devis .ligne {
	clear: both;
	padding-bottom: 5px;
}

.ancien-formulaire-devis .obligatoire {
	color: #CC0000;
	font-weight: bold;
}

.ancien-message-erreur {
	background-color: #FFEBE8;
	border: 1px solid #CC0000;
	color: #CC0000;
	padding: 6px;
	font-size: 11px;
}

.ancien-message-succes {
	background-color: #EAF7E9;
	border: 1px solid #339933;
	color: #006600;
	padding: 6px;
	font-size: 11px;
}

.ancien-actualite {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.ancien-actualite .date {
	font-size: 10px;
	color: #999999;
}

.ancien-actualite .titre {
	font-size: 13px;
	font-weight: bold;
	color: #003366;
}

.ancien-actualite .chapeau {
	font-size: 11px;
	color: #333333;
}

.ancien-livre-or {
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-bottom: 8px;
	background-color: #FDFDFD;
}

.ancien-livre-or .signature {
	font-style: italic;
	text-align: right;
	font-size: 10px;
	color: #666666;
}

.ancien-plan-du-site ul {
	margin-left: 18px;
	list-style-type: circle;
}

.ancien-plan-du-site li {
	font-size: 11px;
	padding-bottom: 2px;
}

.ancien-partenaires img {
	margin-right: 10px;
	border: 1px solid #DDDDDD;
}

.ancien-drapeaux {
	float: right;
	padding-top: 6px;
	padding-right: 8px;
}

.ancien-drapeaux img {
	margin-left: 4px;
	border: 1px solid #FFFFFF;
}

.ancien-recherche {
	float: right;
	padding-top: 4px;
}

.ancien-recherche input.mot {
	width: 120px;
	font-size: 11px;
	border: 1px inset #999999;
}

.ancien-recherche input.valider {
	font-size: 10px;
}

.ancien-imprimer {
	float: right;
	font-size: 10px;
	padding-right: 6px;
}

.ancien-imprimer a {
	color: #666666;
	text-decoration: none;
}

.ancien-taille-texte a {
	font-size: 10px;
	color: #666666;
	padding-left: 2px;
}

.ancien-haut-de-page {
	text-align: right;
	font-size: 10px;
	padding-top: 6px;
}

.ancien-separateur-pointille {
	height: 1px;
	background-image: url(../images/pointille-2008.gif);
	background-repeat: repeat-x;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 1px;
	overflow: hidden;
}

.ancien-coin-haut-gauche {
	background-image: url(../images/coin-hg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.ancien-coin-haut-droit {
	background-image: url(../images/coin-hd.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.ancien-coin-bas-gauche {
	background-image: url(../images/coin-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.ancien-coin-bas-droit {
	background-image: url(../images/coin-bd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.ancien-ombre-boite {
	background-color: #F4F4F4;
	border-right: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
}

.ancien-marge-haute {
	margin-top: 12px;
}

.ancien-marge-basse {
	margin-bottom: 12px;
}

.ancien-sans-marge {
	margin: 0;
}

.ancien-centre {
	text-align: center;
}

.ancien-droite {
	text-align: right;
}

.ancien-gauche {
	text-align: left;
}

.ancien-gras {
	font-weight: bold;
}

.ancien-italique {
	font-style: italic;
}

.ancien-souligne {
	text-decoration: underline;
}

.ancien-petit {
	font-size: 10px;
}

.ancien-grand {
	font-size: 14px;
}

.ancien-rouge {
	color: #CC0000;
}

.ancien-vert {
	color: #006600;
}

.ancien-bleu {
	color: #003366;
}

.ancien-orange {
	color: #FF6600;
}

.ancien-gris {
	color: #666666;
}

.ancien-flottant-gauche {
	float: left;
}

.ancien-flottant-droit {
	float: right;
}

.ancien-vider {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.ancien-cache {
	display: none;
}

.ancien-invisible {
	visibility: hidden;
}

.ancien-curseur-main {
	cursor: pointer;
}

.ancien-bordure-fine {
	border: 1px solid #DDDDDD;
}

.ancien-bordure-epaisse {
	border: 3px solid #003366;
}

.ancien-fond-blanc {
	background-color: #FFFFFF;
}

.ancien-fond-creme {
	background-color: #FFFDF5;
}

.ancien-hauteur-100 {
	height: 100px;
	overflow: auto;
}

.ancien-hauteur-200 {
	height: 200px;
	overflow: auto;
}

.ancien-largeur-50pc {
	width: 50%;
}

.ancien-largeur-33pc {
	width: 33%;
}

.ancien-liste-puces-bois li {
	list-style-image: url(../images/puce-bois.gif);
}

.ancien-liste-puces-fleche li {
	list-style-image: url(../images/puce-fleche.gif);
}

.ancien-defilement-actus {
	height: 120px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

.ancien-defilement-actus ul {
	position: relative;
}

.ancien-compteur-2008 {
	font-family: "Courier New", monospace;
	font-size: 12px;
	color: #00FF00;
	background-color: #000000;
	padding: 2px 4px 2px 4px;
}

.ancien-meteo {
	font-size: 10px;
	color: #666666;
	text-align: center;
}

.ancien-horloge {
	font-family: "Courier New", monospace;
	font-size: 11px;
	color: #333333;
}

.ancien-carte-google {
	width: 560px;
	height: 340px;
	border: 1px solid #999999;
}

.ancien-flux-rss a {
	background-image: url(../images/rss.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-size: 10px;
}

.ancien-badge-w3c {
	float: right;
	padding-top: 4px;
}

.ancien-mentions-legales {
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding-top: 8px;
}