/* CSS Document */

body {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color:#5F6D6F;
	height: 100%;
	/*color: #d8cabd;*/
	background-color: #d8cabd;
	text-align: center;
	/* part 1 of 2 centering hack */
	}

a#rouge { font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color:#E6171A;}
a#rouge:visited { font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color:#E6171A;}
a#rouge:hover { font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration: underline; color:#5F6D6F;}
a#rouge:active { font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration: underline; color:#E6171A;}

a {
    color: #000000;
    text-decoration: none;
  }
a:hover {
    text-decoration: underline;
  }
.lienfiche { color:#0033FF; text-decoration:underline;}
.lienfiche:hover {text-decoration:underline; color:#000066;}

#rouge {
	color:#E6171A;
}

#page {
	position:relative;
	border: 0px solid green;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;

	/* opera does not like 'margin:20px auto' */
	/*background: #FFFFFF;*/
	/* part 2 of 2 centering hack */
	width: 876px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color: #d8cabd;
	/*position:relative;
	left: 150px;*/
	}
html>body #page {
	width: 876px; /* ie5win fudge ends */
	height: auto;
	}
	
h1 { margin:0; padding:0; font-size:inherit; font-weight:normal; line-height:normal; }
h2 { margin:0; padding:0; font-size:inherit; font-weight:normal; line-height:normal;}
h3 { margin:0; padding:0; font-size:inherit; font-weight:normal; line-height:1;}
h4 { margin:0; padding:0; font-size:inherit; font-weight:normal; line-height:1;}

.h1 {
    font-size: 18px;
}
.h2 {
    font-size: 16px;
}
.h3 {
    font-size: 14px;
}
.h4 {
    font-size: 12px;
}
#pageDroite {
	float:right;
	padding-left:10px;
	padding-bottom:20px;
	padding-top: 15px;
	margin-right:10px;
	/*border: 10px solid #000000;*/
}
#catalogue {
    float:left;
	clear: none;
	position:relative;
	top:10px;
	/*left:10px;*/
	padding-bottom:20px;
}
/*fondus*/
#fonduHaut {
    height: 15px;
	background-image:url(../images/commun/fond_top.gif);
	/*padding-left: 150px;
	position: relative;
	left: 150px;*/
}
#fonduBas {
    height: 15px;
	clear: both;
	background-image:url(../images/commun/fond_bottom.gif);
}
#fonduGauche {
    width: 10px;
	height: 100%;
	float: left;
	background-image:url(../images/commun/fond_left.gif);
}
#fonduDroit {
    width: 15px;
	height: 100%;
	float: right;
	background-image:url(../images/commun/fond_right.gif);
}

#titre_fondu {background:url(../images/commun/fondu_titre.gif); background-position:left; background-repeat:repeat-y; color:#FFFFFF; padding:5px; font-weight:bold; margin:0;}

/* haut de page */
#bandeauHaut {
	height: 140px;
	width: 870px;
	/*float: left;*/
	background-color: #FFFFFF;
}
#menuHaut {
	height: 28px;
	float: right;
	text-align: right;
	font-size: 10px;
	/*vertical-align: text-bottom;*/
	}
.menuHaut a {
	font-weight: bold;
	color: #000000;
    text-decoration: none;
}
.menuHaut a:hover {
    text-decoration: underline;
}
#pub_haut {
    height: 65px;
	width: 470px;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 5px;
}
#menuRecherche {
	width: 850px;
	/*height: 45px;*/
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #f8c6c9;
	float: left;
	margin: 0px;
	padding: 0px;
	clear:left;
}
.menuRechercheTexte {
    font-size: 10px;
}
#logo_cadhi {
    float: left;
    padding: 15px;
	width: 250px;
}
.menuRecherche {
    font-size: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f8c6c9;
}
.menu_gauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	margin: 10px;
}
.marge {
	margin-left: 7px;
	margin-right: 7px;
}
.marge_entree_rubrique {
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	/*text-align: justify;*/
}
/* Colone gauche */
#coloneGauche {
	float: left;
	width: 174px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-style: solid;
	/*border-bottom-style: solid;*/
	border-color: #f8c6c9;
	font-weight: bold;
	color: #000000;
	}
.coloneGauche a {
	font-weight: bold;
	color: #000000;
    text-decoration: none;
	}
.coloneGauche a:hover {
	text-decoration: underline;
	}
/* Partie centrale */
/*#contentPageDroite {
    /*width:619px;
    padding: 10px;
	float:left;
	background-color:#FFFFFF;
}
#pageDroite {
    width:658px;
	background-color:#CCCCCC;
}
#pageCentraleContainer {
	padding:20px;
	background-color: #F0F0F0;
	background-image: url(images/commun/fond_accueil.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#pageCentrale {
    padding:10px;
	background-color: #FFFFFF;
}*/
#menu_onglets {
	float: left;
	clear: both;
	height: 45px;
	width: 675px;
	/*position: relative;
	left: 10px;
	top: 25px;*/
}
#menu_onglets_bas {
	float: left;
	height: 45px;
	width: 675px;
	clear: both;
	/*position: relative;
	left: 10px;
	top: 25px;*/
}
#page_centre {
	min-height: 585px;
	height: auto;
	width: 672px;
	background-image: url(../images/commun/menu_onglets/accueil/fondu_page.gif);
	background-repeat: repeat-x;
	position: relative;
	float: left;
	clear: left;
	/*left: 10px;
	top: 25px;*/
	padding-bottom: 10px;
}
#page_accueil {
	float: left;
	clear: none;
	min-height: 350px;
	height: auto;
	width: 659px;
	margin-top: 10px;
	margin-bottom:10px;
	border: 1px solid #f8c6c9;
	margin-left: 5px;
	position: relative;
	/*left: 0px;
	top: 20px;*/
}
#page_presentation {
	float: left;
	clear: none;
	/*min-height: 350px;*/
	height: auto;
	width: 659px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 5px;
	position: relative;
}
#iframe_centre {
    height: 500px;
	width: 659px;
	overflow: auto;
}
#iframe_centre_contenu {
    height: 570px;
	width:100%;
	overflow: auto;
}
#page_centre_bas {
	float: left;
	/*min-height: 585px;*/
	height: 10px;
	width: 672px;
	background-image: url(../images/commun/menu_onglets/accueil/fondu_page.gif);
	background-repeat: repeat-x;
	z-index: 1;
	background-color: #FFFFFF;
	/*position: relative;
	left: 10px;
	top: 25px;
	padding-bottom: 10px;*/
}
#page_centre_chemin {
	padding-top:10px;
	margin-left:15px;
	margin-right:15px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
	z-index:500;
}
#page_centre_chemin a {
    color: #FFFFFF;
}
#page_centre_contenu {
	border: 0px solid green;
	position: relative;
	top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	background-color: #FFFFFF;
	min-height: 565px;
	left: 0px;
	width: 630px;
}
#bas_centre {
	background-image: url(../images/commun/menu_onglets/fondu_pg_centre_c.gif);
	background-repeat: repeat-x;
	float: left;
	clear: both;
	/*left: inherit;
	position:relative;*/
	height: 10px;
	width: 672px;
	background-color: #FFFFFF;
}
/* pied de page */
#piedDePage {
	text-align: center;
	/*background-color:#d8cabd;
	clear: both;*/
	height: 30px;
	margin-top: 0px;
	font-size: 10px;
	font-weight: normal;
	background-color: #d8cabd;
}

.piedDePage a {
	font-weight: normal;
	color: #000000;
    text-decoration: none;
}
.piedDePage a:hover {
    text-decoration: underline;
}

.floatLeft {
	float:left;
}

.floatRight {
    float:right;
}
.imgFloatLeft {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgFloatRight {
    float:right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 2px;
}
/*entrées rubriques*/
#ent_rub_gauche {
    float: left;
	width: 165px;
	padding-top: 25px;
	padding-left: 5px;
}
#sep_verticale {
	float:left;
	width: 10px;
	position: relative;
	top: 100px;
	height: 330px;
	/*background-position: center;*/
	background-image:url(../images/commun/menu_onglets/accueil/fiche_spacer.gif);
    background-repeat:repeat-y;
}
#ent_rubriques {
	width: 630px;
	background-color: #FFFFFF;
	border: 0px solid yellow;
	padding-top: 10px;
	padding-left: 5px;
}
.titre_rubrique {
    font-size: 14px;
	font-weight: bold;
	color: #AF3521;
}
.menu_rubrique {
    font-weight: bold;
	color: #AF3521;
	text-decoration:none;
}
.menu_rubrique a {
	text-decoration:none;
}
.menu_rubrique a:hover {
	text-decoration:underline;
}

.titre_admin {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;}
.standard_admin { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }

#rubrique_sous_menu {
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 50px;
	padding: 15px;
	height: 300px;
	min-height: 300px;
	width: 300px;
	position: relative;
	top: 60px;
	left: 0px;
	float: left;
	display:none;
}
#rubrique_sous_menu a{
    color: #FFFFFF;
}
.rubrique_sous_menu {
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 50px;
	padding: 15px;
	height: 300px;
	min-height: 300px;
	width: 300px;
	position: relative;
	top: 60px;
	left: 0px;
	float: left;
	display:none;
}
.rubrique_sous_menu a{
    color: #FFFFFF;
}
#sous_rubrique {
	position:relative;
	margin-top: 65px;
	margin-left: 15px;
	/*top: 65px;
	left: 10px;*/
	float: left;
	width: 345px;
	min-height: 345px;
	background-color: #00FFFF;
	/*display: none;*/
	color: #FFFFFF;
	padding: 20px;
}
/*formulaire*/
form
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   MARGIN: 0px;
   BORDER-SPACING: 0px;
   PADDING: 0px;
}
input[type="text"] {
   BORDER: #CCCCCC 1px solid;
   PADDING-LEFT: 5px;
   COLOR: #000000;
   BACKGROUND-IMAGE: url('../images/formulaires/form_01.jpg');
   BACKGROUND-REPEAT: NO-REPEAT;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-SIZE: 10px;
}

input[type="password"] {
   BORDER: #CCCCCC 1px solid;
   PADDING-LEFT: 5px;
   COLOR: #000000;
   BACKGROUND-IMAGE: url('../images/formulaires/form_01.jpg');
   BACKGROUND-REPEAT: NO-REPEAT;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-SIZE: 10px;
}

input#go {
   BORDER: #CCCCCC 0px solid;
   PADDING-LEFT: 5px;
   COLOR: #000000;
	font-weight: bold;
   BACKGROUND-REPEAT: NO-REPEAT;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-SIZE: 15px;
}
/* Pour IE
.bg_form {
   BORDER: #CCCCCC 1px solid;
   PADDING-LEFT: 5px;
   COLOR: #000000;
   BACKGROUND-IMAGE: url('images/formulaires/form_01.jpg');
   BACKGROUND-REPEAT: NO-REPEAT;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-SIZE: 12px;
}
*/
textarea {
   BORDER: #CCCCCC 1px solid;
   PADDING-LEFT: 5px;
   COLOR: #000000;
   BACKGROUND-IMAGE: url('../images/formulaires/form_01.jpg');
   BACKGROUND-REPEAT: NO-REPEAT;
   BACKGROUND-COLOR: #FFFFFF;
   FONT-SIZE: 12px;
}
select {
   FONT-SIZE: 12px;
   border: #CCCCCC 1px solid;
   /*width: 140px;*/
}
/*input[type="submit"]{
   height: 25px;
   border: #666666 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color:#FFFFFF;
   background-image:url(images/commun/fond_barre_titre.gif);
   background-repeat:repeat-x;
   background-color:#D90000;

}*/

.textca { border:1px solid #5F6D6F; padding:2px; width:50px;}


#acces_direct {
	text-align: center;
}
#produit {
	font-size: 10px;
	color: #000000;
	background-image: url(../images/commun/menu_onglets/accueil/angle_gauche_prod.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	left: 5px;
	top: 10px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 7px;
	float: both;
}
.produit {
	background-image: url(../images/commun/menu_onglets/accueil/angle_gauche_prod.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}
/*fiche fournisseur*/
.fiche_barre_titre {
	/*background-image: url(images/commun/menu_onglets/fondu_boissons/fondu_barre_titre.jpg);
	background-repeat: no-repeat;*/
	background-position: right 0px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	/*background-color: #BF7F95;*/
	height: 20px;

}
/*#fiche_colonne_gauche {
   width:360px;
   min-height:300px;
   float:left;
   margin-right:2px;
   margin-top:5px;
}
#fiche_colonne_centre {
   width:195px;
   min-height:300px;
   float:left;
   clear:none;
   margin-right:5px;
   margin-top:5px;
}*/
#fiche_spacer {
   float:left;
   clear:none;
   width:3px;
   height:100%;
   min-height:300px;
   background-image:url(../images/commun/menu_onglets/accueil/fiche_spacer.gif);
   background-repeat:repeat-y;
   margin-top: 7px;
}
.fiche_spacer {
   width:3px;
   height:100%;
   background-image:url(../images/commun/menu_onglets/accueil/fiche_spacer.gif);
   background-repeat:repeat-y;
}
#fiche_titre_haut {
border: 1px solid #ffffff;
	width:530px;
	height:80px;
	/*background-color:#FF6666;*/
	float:left;
	clear:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	vertical-align: middle;
	margin-bottom:25px;
}
#fiche_colonne_picto {
float:right;
	border: 0px solid blue;
   position:relative;
    left:-9px;
	width: 50px;
	height:100%;
	min-height:570px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:15px;
	z-index: 400;
}
#fiche_infos {
border: 0px solid red;
   width:560px;
   min-height:350px;
   clear: left;
   margin-right:5px;
   margin-top:5px;
}
#fiche_contact {

   width:560px;
   float:left;
   clear:left;
   margin-right:0px;
   margin-top:0px;
}
/*
.fiche_titre_modif {
	width:100%;
	border:0px solid blue;
	position:relative;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-indent: 3px;
	margin: 0px;
	padding: 0px;
	z-index:0;
}
*/
.fiche_titre {
	background-image:url(../images/commun/menu_onglets/accueil/fondu_barre_titre.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#AF3520;
	/*height:12px;*/
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-indent: 3px;
	margin: 0px;
	padding: 0px;
}
.fiche_texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	list-style-image: url(../images/commun/menu_onglets/accueil/puce.gif);
	list-style-position: inside;
	list-style-type: square;
}

#fiche_menu_contact {
    font-weight: bold;
	font-size: 10px;
}
#pub_gauche {
	position:relative;
	top: 65px;
    width: 160px;
}
#pub_droite {
	/*z-index:500;*/
	float:left;
	border: 0px solid red;
    position:relative;
    width: 120px;
    padding-top:20px;
}
.blanc_14_gras {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.blanc_12 {
	font-size: 12px;
	color: #FFFFFF;
}
.blanc {
    color: #FFFFFF;
}
#lien_inv a:hover{
    text-decoration: none;
}
.degrade_rouge {
	color: #FFFFFF;
	background-image: url(../images/commun/fond_barre_titre.gif);
	background-repeat: repeat-x;
	float: left;
	height: 25px;
	width: 100%;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
}
.lien_blanc {
    color: #FFFFFF;
}
.lien_blanc a {
    color: #FFFFFF;
}
.lien_blanc a:hover {
    color: #FFFFFF;
}
/*  */
.titreSalon {
   height: 15px;
   margin: 5px;
   font-weight: bold;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #f8c6c9;
}
.picto_0 {
   width: 40px;
   height: 40px;
   background-color:#DFDFDF;
   margin:2px;
   vertical-align:bottom;
   align: center;

}
.fiche_picto {
   /* float: right;
	clear: right;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.legende_picto {
   font-size: 8px;
   color: #000000;
}

/*infobulle caracteres*/
a#info{color:#000;text-decoration:none;position:relative;}
a#info:over{color:#000;text-decoration:none;position:relative;}

.out { display:none;width:180px;border:1px solid red;position:relative;}

.over { display:block;position:absolute;padding:2px;top:0px;left:0px;width:190px;
border:1px outset #6C9876;;background-color: #FFFFFF;color:#000;text-align: center;
font-size:11px;z-index:100;
}


.bloc_gauche { width:341px;border:0px solid red;position:relative;z-index:99;}
.bloc_gauche_contact { width:189px;border:0px solid red;position:relative;z-index:99;}
.bloc_droite { width:208px;border:0px solid red;position:relative;z-index:99;}
.bloc_droite_droite { width:422px;border:0px solid red;z-index:99;}
.bloc_droite_bulle { border:0px solid red;position:relative;z-index:100;}
.bloc_gauche_bulle { border:0px solid red;position:relative;z-index:100;}
/*fin infobulle caracteres*/

.input_br { clear:both;}
.input_motscles {font-size:11px; white-space: nowrap; float:left; color:#000000; text-align: left; position:relative;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:10px; padding-bottom:5px; padding-top:3px; left:0px; border: 0px solid blue; background-color:#FFFFFF;}
.fcontent_bloc {width:98%;float:left; clear:left; color:#000000; text-align: left; position:relative;margin:0px 0px; padding-bottom:5px; padding-top:3px; left:0px; border: 0px solid green; background-color:#FFFFFF;}
#fchoix {font-weight:bold;}
/*.legende_picto {
   font-size:10px;
   color: #000000;
   margin-left: 2px;
   margin-bottom: 0px;
}*/
a.ie_infobullepicto em {
    display:none;
}
a.ie_infobullepicto:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.ie_infobullepicto:hover em {
	font-size: 9px;
    font-style: normal;
    display: block;
    position: absolute;
	top: 10px;
    left: -116px;
    padding: 5px;
    color: #000;
   /* border: 1px solid #535453; */
    background: #ffffff;
    width:100px;
}
a.ie_infobullepicto:hover em span {
    position: absolute;
 	/*top: 14px;*/
    left: 110px;
    float:right;
    height: 11px;
    width: 7px;
   /* background: transparent url(image-infobulle.gif); */
    margin:0;
    padding: 0;
    border: 0;
}
/*----------------*/
a.infobullepicto em {
    display:none;
}
a.infobullepicto:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.infobullepicto:hover em {
	font-size: 9px;
    font-style: normal;
    display: block;
    position: absolute;
    top: -22px;
    left: -116px;
    padding: 5px;
    color: #000;
    border: 1px solid #535453;
    background: #ffffff;
    width:100px;
}
a.infobullepicto:hover em span {
    position: absolute;
 	/*top: 14px;*/
    left: 110px;
    float:right;
    height: 11px;
    width: 7px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}