/* 	Caribois
	CSS Document 
	AGWANET	2004-2009
*/
/*---------------------------------------------------------------------------------------------
	Paramètres communs à toutes les pages
		-	modèle
		-	contenu des pages
---------------------------------------------------------------------------------------------*/		
BODY {
  scrollbar-base-color: #007b69;	/* couleur du scrollbar	*/
  scrollbar-track-color: #91c6bf;	/* couleur du cadre dans lequel se déplace le scrollbar	*/
  scrollbar-arrow-color: #6bffdf;	/* couleur des flêches (haut et bas)	*/
  background-color: #91c6bf;	
/*  font-family: "Futura Lt";	*/
	font-family: Helvetica;
  font-size: 12px;
	color: #e3c79a;
}
#entete {
	background: url(images/images/fond_template_01.jpg) no-repeat;
}
#Table_Haut {
	margin: 0px;
	background-color: #FFFFFF;
}

#Table_Bas {
	background-color: #007b69;
}
#logo {
	background: url(images/logo_caribois.png) center no-repeat;
	width: 200px;
	height: 150px;
	position: relative;
	top: 0px;
/*	margin-left: 350px;	*/
	border: 1px #0033FF solid;
}
#logo_accueil {
/*	background: url(images/logo_caribois.png);	*/
	width: 200px;
	height: 150px;
	position: relative;
	top: 0px;
	left: 350px;
	border: none;
}
#accroche {
	text-align: center;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	color: #007b69;
	position: relative;
	top: 5px;
	left: 0px;
}
#pieddepage {
	text-align: center;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	position: relative;
	top: 5px;
	left: 0px;
}
#mentions_legales {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color:#4ca296;
	position: relative;
	top: 5px;
	right: 0px;
	width: 120px;
	height: 18px;
	padding: 2px;
}
a.mentions:link, a.mentions:visited {
	color:#FFFFFF;
	text-decoration: none;
}
a.mentions:hover, a.mentions:active {
	color:#FFFFFF;
	text-decoration: underline;
}
#menu {
	position: relative;
	margin-top: 0px;
	padding-top: 5px;
	text-align: center;
	font-size: 14px;
	font-style: bold;
	color: #e3c79a;
	text-transform: uppercase;
}
#menu_gauche {
	display: block;
	width: 200px;
	height: 60px;
	float: left;
	font-size: 90%;
	margin-top: 20px;
}
#menu_gauche:hover {
	text-decoration: underline;
	cursor: pointer;
}
#menu_gauche1 {
	margin-top: 25px;
	margin-left: 25px;
}
#menu_gauche2 {
	margin-top: 0px;
	margin-left: 40px;
}
/*	Rajout des 2 lignes ci-après pour correction d'un pb
de mise en page sur IE 8
*/
#colonne_droite {
	background: url(images/images/fond_template_04.jpg) no-repeat;
	width: 160px;
	height: 363px;
	background-color: #007b69;
}
#menu_droite_index {
	height: 100px;
	border: 0px #FFFFFF solid;
}
#menu_droite_template {
	height: 100px;
	border: 0px #FFFFFF solid;
}
#menu_droite_intro_conteneur {
	height: 100px;
	border: 0px #FFFFFF solid;
}
#menu_droite_intro {
	display: block;
	width: 157px;
	height: 100px;
	float: right;
	font-size: 90%;
	margin-top: 20px;
}
#menu_droite_intro:hover {
	text-decoration: underline;
	cursor: pointer;
}
#menu_droite_intro:hover {
	text-decoration: underline;
	cursor: pointer;
}
#menu_droite {
	display: block;
	width: 160px;
	height: 60px;
	float: right;
	font-size: 90%;
	margin-top: 20px;
}
#menu_droite:hover {
	text-decoration: underline;
	cursor: pointer;
}
#menu_droite:hover {
	text-decoration: underline;
	cursor: pointer;
}
#menu_droite1 {
	margin-top: 0px;
	margin-right: 40px;
}
#menu_pourquoi1 {
	margin-top: 26px;
	margin-right: 40px;
}
#menu_pourquoi2 {
	margin-top: 3px;
	margin-right: 44px;
}
/*	Menu page contact sur template
	autres pages que page accueil
	*/
#menu_contact {
	margin-top: 39px;
	margin-left: 0px;
}
/*	Menu page contact sur template
	page intro
	*/
#menu_contact_intro {
	margin-top: 29px;
	margin-left: 0px;
}
#menu1 {
	display: block;
	width: 116px;
	float: left;
}
#menu2 {
	display: block;
	width: 116px;
	float: left;
	margin-left: 42px;
}
#menu3 {
	display: block;
	width: 116px;
	float: left;
	margin-left: 42px;
}
#menu4 {
	padding-top: 8px;
}
#logos {
	padding-top: 5px;
	height: 250px;
}
#logos_index {
	padding-top: 5px;
	height: 250px;
}
#logos_intro {
	padding-top: 0px;
	height: 330px;
	border: #FF0000 0px solid;
}
a.menu:link, a.menu:visited {
	color:#e3c79a;
	text-decoration: none;
}
a.menu:hover, a.menu:active {
	color:#e3c79a;
	text-decoration: underline;
}
a.menu_pourquoi:link, a.menu_pourquoi:visited {
	font-size: 10px;
	color:#e3c79a;
	text-decoration: none;
}
a.menu_pourquoi:hover, a.menu_pourquoi:active {
	color:#e3c79a;
	text-decoration: underline;
}

#slogan {
	position: relative;
	margin-top: 0px;
	padding-top: 20px;
	text-align: left;
	font-size: 16px;
	font-style: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
#slogan_ligne1 {
	margin-left: 80px;
}
#slogan_ligne2 {
	margin-left: 30px;
}
#menu_template {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #e3c79a;
}
#contenu_principal {
	background-color: #007b69;
	border: 1px #007b69 solid;
}
/*	Couleurs des textes
*/
#contenu_central {
	position: relative;
	margin: 20px 0px 0px 40px;
	text-align: justify;
	font-size: 120%;
}
.titre_vert {
	font-size: 36px;
	font-weight: bol;d;
	color: #49877c;
}

.standard {
	border: none;
	margin: 0;
	padding: 0;
}
.alink1{
text-decoration:none;
/* line-height: 1;	*/
vertical-align: center;
Font-family:Verdana, TrebuchetMS; Font-size:11px; Font-weight:Bold; Color:#FFFFFF}
/*---------------------------------------------------------------------------------------------
	Pramètres d'affichage utilisés dans les pages secondaires du site (hors page d'index)
---------------------------------------------------------------------------------------------*/
.home_LOGO_PAGE {
vertical-align: bottom;
padding: 5px;
}
#Titre_PAGE0 {
/* line-height: 35px;	*/
	position: relative;
	font-size: 24px;
	line-height: 24px;
	margin-left: 40px;
	border: 0px;
	color: #007b69;
	margin-top: 8px;
	padding-top: 0px;
	float: left;
	width: 300px;
	text-align: left;
	text-transform: uppercase;
}
#Titre_PAGE {
/* line-height: 35px;	*/
	position: relative;
	font-size: 24px;
	line-height: 24px;
	margin-left: 40px;
	border: 0px;
	color: #007b69;
	margin-top: 8px;
	padding-top: 0px;
	float: left;
	width: 400px;
	text-align: left;
	text-transform: uppercase;
}
#menu_tpl_bloc0 {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	background-color:#007b69;
	position: relative;
	top: 7px;
	right: 30px;
	width: 120px;
	height: 26px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
}
#menu_tpl_bloc1 {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	background-color:#007b69;
	position: relative;
	top: 7px;
	right: 30px;
	width: 120px;
	height: 26px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
}
#menu_tpl_bloc2 {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	background-color:#007b69;
	position: relative;
	top: 7px;
	right: 30px;
	width: 120px;
	height: 26px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
}
#menu_tpl_bloc3 {
	display: block;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	background-color:#007b69;
	position: relative;
	top: 7px;
	right: 30px;
	width: 120px;
	height: 26px;
	padding: 0px;
	float: right;
	margin-top: 0px;
}
#menu_tpl_txt0 {
	margin-top: 5px;
}#menu_tpl_txt1 {
	margin-top: 5px;
}
#menu_tpl_txt2 {
	margin-top: 5px;
}
#menu_tpl_txt3 {
	font-size: 10px;
	line-height: 12px;
	margin-top: 0px;
}
a.menu_template:link, a.menu_template:visited {
	color: #e3c79a;
	text-decoration: none;
	text-transform: uppercase;
}
a.menu_template:hover, a.menu_template:active {
	color: #e3c79a;
	font-weight: bold;
}
/*
	Page CONTACT
	*/
#contact_textehaut {
	position: relative;
	margin: 20px 0px 0px 40px;
	text-align: justify;
	font-size: 100%;
	float: left;
	width: 100%;
}
#contact_formulaire {
	position: relative;
	margin: 20px 0px 0px 40px;
	float: left;
	width: 300px;
	border: 0px #FFFFFF solid;
}
.ChampFormulaire {
	font-size: 80%;
}

.ChampSaisie {
	color: #007b69;
	width: 280px;
	font-size: 100%;
	font-family: Helvetica;
}
#fond_envoyer {
	display: block;
	background-color:#4ca296;
	background: url(images/fleche_envoyer.png) right no-repeat;
	position: relative;
	top: 5px;
	width: 100px;
	height: 18px;
	padding: 2px;
	border: 0;
	cursor: pointer;
}
#fond_envoyer:hover {
	background: url(images/fleche_envoyer_hover.png) right no-repeat;
}
#envoyer {
	text-align: left;
	background-color:transparent;
	font-size: 12px;
	font-style: normal;
	margin-top: 1px;
	border: 0;
	cursor: pointer;
}

#contact_photos {
	float: right;
	width: 380px;
}
#contact_photo1 {
	float: right;
	margin-right: 30px;
}
#contact_photo2 {
	float: right;
	margin-right: 30px;
}
#contact_photo3 {
	float: right;
	margin-right: 0px;
}
#contenu_pourquoi_texte {
	position: relative;
	margin: 20px 0px 0px 40px;
	text-align: justify;
	font-size: 120%;
	float: left;
	width: 475px;
}
#contenu_pourquoi_image {
	position: relative;
	margin: 50px 0px 40px 20px;
	float: right;
	width: 200px;
}

/*
	Page PRODUITS = LA GAMME 
	*/
#gamme_haut {
	float: left;
	width: 702px;
	height: 101px;
	margin: 35px 0px 0px 36px;
	background: url(images/images/fond_gamme_06.jpg);
}
#gamme_bas {
	float: left;
	width: 702px;
	height: 101px;
	margin: 25px 0px 0px 36px;
	background: url(images/images/fond_gamme_09.jpg);
}



.Titre_LOGO_PAGE {
font-family: Times;
font-size: 30px;
font-weight: bold;
vertical-align: middle;
text-align: center;
color:#5F4A33;
}
.Titre_accroche_PAGE {
font-family: Times;
font-size: 16px;
font-weight: bold;
color: #5F4A33;
}
.Texte_PAGE_TITRE {
font-family: Times;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
padding-left: 20px;
}
.Texte_PAGE {
font-family: Times;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
padding-left: 20px;
}
/*---------------------------------------------------------------------------------------------
	Paramètres propres à chaque page
		-	caractéristiques des tableaux (couleur de fond, bord, etc.)
		-	caractéristiques des blocs de textes (polices, couleur, taille, etc.)
---------------------------------------------------------------------------------------------*/		
/*------------------------------
	Page PRODUITS
------------------------------*/	
.Bandeau_HAUT_PRODUITS {
background-color: #FF9999;
background-image:  url("images/frisedetailbordeauxH60.gif");
height: 60;
}
.Tableau_CENTRE_PRODUITS {
background-color: #FF9999;
}
.Texte_CENTRE_HAUT_PRODUITS {
font-family: Times;
font-size: 18px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Texte_CENTRE_PRODUITS {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Texte_CENTRE_BAS_PRODUITS {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
padding-left: 20px;
}
.Tableau_Photos_CENTRE_PRODUITS {
border: 2px #CC6666 solid;
}
.Photo1_CENTRE_PRODUITS {
background-color: #FFCCCC;
}
.Photo2_CENTRE_PRODUITS {
background-color: #FFCCFF;
}
.nom_MAISON_PRODUITS {
font-size: 36px;
}
.prix_MAISON_PRODUITS {
font-size: 24px;
}
.shob_MAISON_PRODUITS {
font-size: 18px;
}
/*------------------------------
	Page SAVOIR FAIRE
------------------------------*/	
.Bandeau_HAUT_SAVOIR_FAIRE {
background-color: #99FFCC;
background-image:  url("images/frisedetailbleuH60.gif");
height: 60;
}
.Tableau_CENTRE_SAVOIR_FAIRE {
background-color: #99FFCC;
}
.Texte_CENTRE_SAVOIR_FAIRE {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Tableau_Photos_CENTRE_SAVOIR_FAIRE {
border: 2px #429FFD solid;
}
.Photo1_CENTRE_SAVOIR_FAIRE {
background-color: #00FF99;
text-align: center;
vertical-align: top;
}
.Photo2_CENTRE_SAVOIR_FAIRE {
background-color: #00FF99;
text-align: center;
vertical-align: top;
}
.Photo3_CENTRE_SAVOIR_FAIRE {
background-color: #00FF99;
text-align: center;
vertical-align: top;
}
.Photo4_CENTRE_SAVOIR_FAIRE {
background-color: #00FF99;
text-align: center;
vertical-align: middle;
}
.Photo5_CENTRE_SAVOIR_FAIRE {
background-color: #00FF99;
text-align: center;
vertical-align: top;
}
/*------------------------------
	Page REALISATIONS
------------------------------*/	
.Bandeau_HAUT_REALISATIONS {
background-color: #0099FF;
background-image:  url("images/frisedetailverteH60.gif");
height: 60;
}
.Tableau_CENTRE_REALISATIONS {
background-color: #0099FF;
}
.Texte_CENTRE_REALISATIONS {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Tableau_Photos_CENTRE_REALISATIONS {
border: 2px #99FFCC solid;
}
.Photo1_CENTRE_REALISATIONS {
background-color: #66FFFF;
text-align: center;
vertical-align: top;
}
.Photo2_CENTRE_REALISATIONS {
background-color: #66CCFF;
text-align: center;
vertical-align: middle;
}
.Photo3_CENTRE_REALISATIONS {
background-color: #66CCFF;
text-align: center;
vertical-align: middle;
}
.Photo4_CENTRE_REALISATIONS {
background-color: #66FFFF;
text-align: center;
vertical-align: top;
}
/*------------------------------
	Page GARANTIE
------------------------------*/	
.Bandeau_HAUT_GARANTIE {
background-color: #FFFFFF;
background-image:  url("images/frisedetailbleuH60.gif");
height: 60;
}
.Tableau_HAUT_GARANTIE {
background-color: #FFFFFF;
font-size: 24px;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
}
.Tableau_CENTREG_GARANTIE {
background-color: #FFFFFF;
font-size: 18px;
font-weight: normal;
color: #000000;
text-align: left;
vertical-align: top;
padding-left: 20px;
}
.TD_Tableau_CENTREG_GARANTIE {
vertical-align: top;
padding-left: 20px;
}
.Tableau_CENTRED_HAUT_GARANTIE {
width: 290px;
height: 210px;
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
}
.Tableau_CENTRED_BAS_GARANTIE {
background-color: #FFFFFF;
font-size: 14px;
font-weight: normal;
color: #000000;
text-align: left;
vertical-align: top;
}
/*------------------------------
	Page CONTACT
------------------------------*/	
.Bandeau_HAUT_CONTACT {
background-color: #FFFFFF;
background-image:  url("images/frisedetailbleuH60.gif");
height: 60;
}
.Tableau_HAUT_CONTACT {
background-color: #FFFFFF;
font-size: 24px;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
}
.Tableau_CENTRE_CONTACT {
background-color: #C6D7FF;
font-size: 14px;
font-weight: normal;
text-align: left;
vertical-align: top;
}
.Tableau_CENTRED_HAUT_CONTACT {
background-image:  url("images/villajardin.jpg");
width: 294px;
height: 221px;
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
}
.Tableau_CENTRED_BAS_CONTACT {
background-color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: left;
vertical-align: middle;
}
.Photo1_CONTACT {
background-color: #4165B9;
text-align: center;
vertical-align: top;
}
/*	Suppression des paramètres obsolètes
.Texte_PAGE_CENTRE_HAUT {
font-family: Times;
font-size: 18px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Texte_PAGE_CENTRE {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
}
.Texte_PAGE_BAS {
font-family: Times;
font-size: 14px;
font-weight: bold;
color: #3300FF;
text-align: left;
vertical-align: middle;
padding-left: 20px;
}
*/
/*
	Paramètres du pied de page
*/
.Pied_PAGE {
font-family: Times;
font-size: 12px;
font-weight: bold;
color: #0066CC;
background-color: #C6D7FF;
height: 25px;
}
/*
	Menu Principal
	Colonne Gauche
*/
.menupp {
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
}
.menupp:link, .menupp:visited {
width: 150px;
height: 48px;
display: block;
font-size: 22px;
color: #FFFFFF;
/* color: #0099FF;	*/
text-decoration: none;
background-color: transparent;
font-weight: bold;
}
.menupp:active, .menupp:hover {
background-color: transparent;
text-decoration: underline;
}
.bgOut_01 {
	background-image:url(images/bgOut_01.jpg);
}
.bgOver_01 {
	cursor:	pointer;
	background-image:url(images/bgOver_01.jpg);
}
.bgOut_03 {
	background-image:url(images/bgOut_03.jpg);
}
.bgOver_03 {
	cursor:	pointer;
	background-image:url(images/bgOver_03.jpg);
}
.bgOut_05 {
	background-image:url(images/bgOut_05.jpg);
}
.bgOver_05 {
	cursor:	pointer;
	background-image:url(images/bgOver_05.jpg);
}
.bgOut_07 {
	background-image:url(images/bgOut_07.jpg);
}
.bgOver_07 {
	cursor:	pointer;
	background-image:url(images/bgOver_07.jpg);
}
.bgOut_09 {
	background-image:url(images/bgOut_09.jpg);
}
.bgOver_09 {
	cursor:	pointer;
	background-image:url(images/bgOver_09.jpg);
}
.bgOut_11 {
	background-image:url(images/bgOut_11.jpg);
}
.bgOver_11 {
	cursor:	pointer;
	background-image:url(images/bgOver_11.jpg);
}
/*
	Menu Pied ed Page
	Colonne Gauche
*/
#menuFooter {
	border: thin #000000 solid;
	padding: 2px;
}
.menuFooter:link, .menuFooter:visited {
font-family: Verdana, Arial, Tahoma, Geneva, sans-serif;
font-size: 9px;
color: #000000;
/* color: #0099FF;	*/
text-decoration: none;
background-color: transparent;
font-weight: bold;
}
.menuFooter:active, .menuFooter:hover {
color: #3366CC;
background-color: transparent;
text-decoration: underline;
}
/* FOOTER Copyrighte*/
#footer {
	height: 15px;
	background-color: transparent;
	font-family: Helvetica;
	font-size: 10px; 
	color: #333333;
}
.footercopyright:link, .footercopyright:visited {
color: #333333;
vertical-align: inherit;
font-weight: bold;
text-decoration: none;
}
.footercopyright:active, .footercopyright:hover {
color: #000000;
vertical-align: inherit;
font-weight: bold;
text-decoration: underline;
}
.lien_site {
	color: #e3c79a;
	font-weight: normal;
}
.lien_site:link, .lien_site:visited {
	text-decoration: none;
	font-weight: normal;
}
.lien_site:active, .lien_site:hover {
	color: #ec7404;
	text-decoration: underline;
	font-weight: bold;
}
/*	bandeau pour le message d'actualité
*/
.actualite {
	text-decoration: none;
	color: #000000;
}
/*
	Page Mentions légales
*/
.TexteLegacy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color:  #000000;
padding: 10px;
}
a.TexteLegacy:link, a.TexteLegacy:visited {
color: #000000;
text-decoration: none;
}
a.TexteLegacy:hover, a.TexteLegacy:active {
color: #3366CC;
text-decoration: underline;
}
.TitreTexteLegacy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold; 
color: #000000;
padding: 10px;
text-decoration: underline;
}