html, body
{
	margin: 0px;
	padding: 0px;

	background-color: #fff;
	background-image: url(images/bg_blanc.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
	
	color: #56565d;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;

}
img
{
	border: none;

}
a
{
	text-decoration:none;
	color: #56565d;
}
a:hover
{
	text-decoration:none;
	font-weight:bold;
	color: #56565d;
}
/* ------------------------ CONSTRUCTION DE LA PAGE  ------------------------------------ \*/
/*corrections ie 6*/
*html #pagewidth {margin-top: 0px;}
/* seulement ie7*/
*+html #pagewidth {margin-top: 0px;}

#pagewidth
{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -11px;
}

#totalitelargeur
{
	width: 97%;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 5px; /*background-color:#FFF;*/
}
#header
{
	position: relative;
	height: auto;
	width: 100%; /*border:solid 1px red;*/
}

#maincol
{
	float: right;
	display: inline;
	position: relative;
	width: 655px;
	height: auto;
	overflow: hidden; /*background-color:#FFF;*/ /* border:solid 1px black;*/

}

#maincolhp
{
	float: right;
	display: inline;
	position: relative;
	width: 930px;
	height: auto;
	overflow: hidden;
	padding-top: 10px; /*background-color:#FFF;*/ /* border:solid 1px black;*/
}

#leftcol
{
	width: 270px;
	float: left;
	position: relative; /*background-color:#FFF;*/ /*border:solid 1px blue;*/
	overflow: hidden;
}
#footer
{
	height: 84px;
	clear: both; /*border:solid 1px green; */
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */
@media print
{
	/*hide the left column when printing*/
	#leftcol
	{
		display: none;
	}
	#maincol
	{
		width: 100%;
		float: none;
	}
}


/* ------------------------ CONTENU  ------------------------------------ \*/
.filariane
{
	margin-left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #6e6f6d;
	text-decoration: none;
}
.filariane a
{
	font-weight: bold;
	color: #84af43;
	text-decoration: none;
}

.gauche
{
	width: 491px;
	height: 238px;
	display: inline;
	float: left;
	background-image: url(images/lyon_bureau.png);
	background-repeat: no-repeat;
}

.gauche a
{
	width: 491px;
	height: 238px;
	display: block;
	float: left;
}
.gauche a h1
{
	display: none;
}

.droite
{
	width: 449px;
	height: 238px;
	display: inline;
	float: right;
	/*background-image: url(img/diapo1.png);
	background-repeat: no-repeat;*/
}
* html .droite
{
	overflow: hidden;
}

.hpcenter
{
	float: left;
	width: 570px;
}

.menugauche a:link
{
	background-image: url(images/menu_pageint.png);
	background-repeat: no-repeat;
}
/* unvisited link */
.menugauche a:visited
{
	background-image: url(images/menu_pageint_visited.png);
	background-repeat: no-repeat;
}
/* visited link */
.menugauche a:hover
{
	background-image: url(images/menu_pageint_over.png);
	background-repeat: no-repeat;
}
/* mouse over link */
.menugauche a:active
{
	background-image: url(images/menu_pageint.png);
	background-repeat: no-repeat;
}
/* selected link */

/* ----------------------------           MENU accordéon VERTICAL       ---------------------------------------------*/

div.menu-accordionfond
{
	width: 250px;
	height: auto;
	display: block;
	float: left;
	background: url(images/fd_menu_gauche.png) no-repeat top right;
}
div.menu-accordioncontainer
{
	position: relative;
	margin-top: 40px;
}

div#menu-accordion
{
	margin: 10px;
	width: 210px;
	height: auto;
	margin-left: 5px;
	display: block;
	float: left;
}

div.accordion
{
	position: relative;
}

div.accordion-toggle
{
	position: relative;
	z-index: 10;
	cursor: pointer;
	height: 40px;
	background: url(images/menu_pageint.png) no-repeat top left;
	padding: 0 10px 0 35px;
	line-height: 30px;
	color: #84af43;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

div.accordion-toggle-active
{
	position: relative;
	z-index: 10;
	cursor: pointer;
	height: 40px;
	background: url(images/menu_pageint_over.png) no-repeat top left;
	padding: 0 10px 0 35px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

div.accordion-content
{
	overflow: hidden;
	background: #fff;
}

/* ----------------------------           SOUS MENU VERTICAL       ---------------------------------------------*/
.container_navertical
{
	width: 230px; /*width: 400px;*/
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	overflow: hidden;
}
.navertical_navlist
{
	width: 200px;
}
.container_navertical ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
.container_navertical a
{
	display: block;
	padding: 3px;
	width: 160px;
	border-bottom: 1px dashed #9fb8cb;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	margin: 2px 0px 0px 0px;
	color: #9598a1;
}
.container_navertical Li.last a
{
	border-bottom: 0px dashed #9fb8cb;
}

.container_navertical Li a:hover
{
	color: #82af0c;
	font-weight: bold;
}

.navertical_navlist BR
{
	clear: both;
}

.bottom
{
	background-image: url(images/ombre_bottom.png);
	width: 230px;
	overflow: hidden;
	height: 31px;
	border: solid 0px red;
}

.container_navertical Li a.active
{
	color: #82af0c;
	font-weight: bold;
}

#visor
{
	margin: 0px auto;
	width: 640px;
	height: 300px;
}


/* ------------------------      NAVIGATION HORIZONTALE    --------------------------- */
.fdnavigationhorizontale
{
	padding: 5px 0 0 1em;
	margin: 0;
	height: 35px;
	position: relative;
	background: transparent url(images/fond_onglet.png) repeat-x left bottom;
	font-size: 11px;
}

.navigationhorizontale
{
	list-style: none;
	margin-top: 12px;
	height: 22px;
	float: right;
}
* html .navigationhorizontale
{
	overflow: hidden;
}
.navigationhorizontale li
{
	float: left;
	height: 35px;
	margin-right: 5px;
}
.navigationhorizontale li a
{
	display: block;
	float: left;
	height: 35px;
	color: #fff;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 0px 15px;
	cursor: pointer;
}
/*fond gauche*/
.navigationhorizontale li a strong
{
	float: left;
	display: block;
	height: 35px;
	padding: 5px 16px 5px 12px;
}
/*fond droit*/
.navigationhorizontale li.current a
{
	color: #fff;
}
.navigationhorizontale li.current a strong
{
}

.navigationhorizontale li.rouge a
{
	background: url(images/ongltctg_rouge.png) no-repeat;
}
.navigationhorizontale li.rouge a strong
{
	background: url(images/ongltctd_rouge.png) no-repeat right top;
}
/* rouge over */
.navigationhorizontale li.rouge a:hover, .navigationhorizontale li.rouge.current a:hover
{
	color: #fff;
	background: url(images/ongltctg_rouge_over.png) no-repeat;
	cursor: default;
}
.navigationhorizontale li.rouge a:hover strong, .navigationhorizontale li.rouge.current a:hover strong
{
	color: #fff;
	background: url(images/ongltctd_rouge_over.png) no-repeat right top;
	cursor: default;
}

.navigationhorizontale li.vert a
{
	background: url(images/ongltctg_vert.png) no-repeat;
}
.navigationhorizontale li.vert a strong
{
	background: url(images/ongltctd_vert.png) no-repeat right top;
}
/* vert over */
.navigationhorizontale li.vert a:hover, .navigationhorizontale li.vert.current a:hover
{
	color: #fff;
	background: url(images/ongltctg_vert_over.png) no-repeat;
	cursor: default;
}
.navigationhorizontale li.vert a:hover strong, .navigationhorizontale li.vert.current a:hover strong
{
	color: #fff;
	background: url(images/ongltctd_vert_over.png) no-repeat right top;
	cursor: default;
}

.navigationhorizontale li.orange a
{
	background: url(images/ongltctg_orange.png) no-repeat;
}
.navigationhorizontale li.orange a strong
{
	background: url(images/ongltctd_orange.png) no-repeat right top;
}
/* vert orange */
.navigationhorizontale li.orange a:hover, .navigationhorizontale li.orange.current a:hover
{
	color: #fff;
	background: url(images/ongltctg_orange_over.png) no-repeat;
	cursor: default;
}
.navigationhorizontale li.orange a:hover strong, .navigationhorizontale li.orange.current a:hover strong
{
	color: #fff;
	background: url(images/ongltctd_orange_over.png) no-repeat right top;
	cursor: default;
}


/*deux onglets du haut */
.navtopdroite
{
	height: auto;
	width: 100%;
	display: block;
	float: right;
	clear: both;
}
UL.navtop
{
	width: auto;
	float: right;
	list-style: none;
}
.navtop li
{
	float: left;
	height: 35px;
	margin-right: 5px;
}
.navtop li a
{
	display: block;
	float: left;
	height: 35px;
	color: #fff;
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 0 15px;
	cursor: pointer;
}
/*fond gauche*/
.navtop li a strong
{
	float: left;
	display: block;
	height: 35px;
	padding: 5px 16px 5px 12px;
}
/*fond droit*/
.navtop li.current a
{
	color: #fff;
	background: url(../../pro_seventeen_2a.gif) no-repeat;
}
.navtop li.current a strong
{
	background: url(../../pro_seventeen_2b.gif) no-repeat right top;
}

.navtop li a:hover
{
	color: #fff;
	background: url(../../pro_seventeen_1a.gif) no-repeat;
}
.navtop li a:hover strong
{
	background: url(../../pro_seventeen_1b.gif) no-repeat right top;
}

.navtop li.current a:hover
{
	color: #fff;
	background: url(../../pro_seventeen_2a.gif) no-repeat;
	cursor: default;
}
.navtop li.current a:hover strong
{
	background: url(../../pro_seventeen_2b.gif) no-repeat right top;
}


.navtop li.bleu a
{
	background: url(images/ongltctg_bleu.png) no-repeat;
}
.navtop li.bleu a strong
{
	background: url(images/ongltctd_bleu.png) no-repeat right top;
}
/* bleu over */
.navtop li.bleu a:hover, .navtop li.bleu.current a:hover
{
	color: #fff;
	background: url(images/ongltctg_bleu_over.png) no-repeat;
	cursor: default;
}
.navtop li.bleu a:hover strong, .navtop li.bleu.current a:hover strong
{
	color: #fff;
	background: url(images/ongltctd_bleu_over.png) no-repeat right top;
	cursor: default;
}

.navtop li.violet a
{
	background: url(images/ongltctg_violet.png) no-repeat;
}
.navtop li.violet a strong
{
	background: url(images/ongltctd_violet.png) no-repeat right top;
}
/* bleu violet */
.navtop li.violet a:hover, .navtop li.violet.current a:hover
{
	color: #fff;
	background: url(images/ongltctg_violet_over.png) no-repeat;
	cursor: default;
}
.navtop li.violet a:hover strong, .navtop li.violet.current a:hover strong
{
	color: #fff;
	background: url(images/ongltctd_violet_over.png) no-repeat right top;
	cursor: default;
}



.encartfournitures
{
	/*border:solid 1px red;*/
	background-image: url( "images/fd_fournitures.gif" );
	background-repeat: no-repeat;
	background-position: left top;
}
.encartlivraison a
{
	display: inline;
	float: left;
	width: 430px;
	height: 75px;
	margin-top: 10px;
	background-image: url( "images/encart_livraison.png" );
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	padding-left: 10px;
	padding-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; /*border:solid 1px green;*/
}

.encartlivraison a
{
	color: #b8bfc6;
}

.titfournitures a
{
	display: inline;
	margin-top: 2px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b8bfc6;
	text-decoration: none;
	height: 19px;
	overflow: hidden;
}
.btncmdezligne a
{
	display: inline;
	margin-top: 2px;
	float: right;
	height: 19px;
	overflow: hidden;
}

.clear
{
	clear: both;
}

/*-----------------------------------MIEUX NOUS CONNAITRE-------------------------------------------------- */
.mieuxconnaitre
{
	display: inline;
	float: left;
	width: 290px;
	height: 214px;
	background-image: url( "images/fdmieux-connaitre.png" );
	background-repeat: no-repeat;
	background-position: left top;
}
.cubes_mieuxconnaitre
{
	display: inline;
	float: left;
	text-align: right;
	width: 280px;
	height: 214px;
	background-image: url( "images/cubes-connaitre.png" );
	background-repeat: no-repeat;
	background-position: left bottom;
}

.titremieuxconnaitre a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #7b7f85;
	text-decoration: none;
}
UL.mieuxconnaitre_list
{
	margin-top: 10px;
}
UL.mieuxconnaitre_list, UL.mieuxconnaitre_list LI
{
	list-style-type: none;
	line-height: 14px;
}
.mieuxconnaitre_list LI a, .mieuxconnaitre_list LI a:hover, .mieuxconnaitre_list LI a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6e6f6d;
	text-decoration: none;
	line-height: 12px;
}


.footerliens
{
	width: 100%;
	height: 65px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 15px;
}

div.footerliens span.footercentre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #47613a;
	text-decoration: none;
}

.footerliens a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #47613a;
	text-decoration: none;
}

/* --------------------------- liens additionnels pour le ref-------------------------------------------*/
.footer_navlist
{
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
.footer_navlist li
{
	display: inline;
	padding: 0;
	margin: 0;
}

.footer_navlist li:before
{
	content: "| ";
}
.footer_navlist li:first-child:before
{
	content: "";
}
.footer_navlist li a, .footer_navlist li a:hover, .footer_navlist li a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6e6f6d;
	text-decoration: none;
	line-height: 10px;
}
.footer_navlist li a:hover
{
	font-weight: bold;
	color: #6C0;
}
.footer_navlist li a.active
{
	font-weight: bold;
	color: #6C0;
}

/* IE 7 seumlement*/
* + html .footer_navlist li
{
	border-right: 1px solid #456c05;
	margin: 1px;
	padding: 0px 5px 0px 5px;
}


/********************editeur html***************************/

/* BLEU >  */
.titreBleu
{
	font-size: 16px;
	color: #0ca3fa;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.textBleu
{
	font-size: 12px;
	color: #0ca3fa;
	font-family: Verdana, Geneva, sans-serif;
}
.sstitreBleu
{
	font-size: 14px;
	color: #0ca3fa;
	font-family: Verdana, Geneva, sans-serif;
}
.textBleu a, .textBleu a:hover
{
	font-size: 12px;
	color: #8c8c80;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* BLEU fonce>  */
.titreBleuFonce
{
	font-size: 16px;
	color: #4f6a85;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.textBleuFonce
{
	font-size: 12px;
	color: #4f6a85;
	font-family: Verdana, Geneva, sans-serif;
}
.sstitreBleuFonce
{
	font-size: 14px;
	color: #4f6a85;
	font-family: Verdana, Geneva, sans-serif;
}
.textBleuFonce a, .textBleuFonce a:hover
{
	font-size: 12px;
	color: #4f6a85;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* ORANGE >  */
.titreOrange
{
	font-size: 15px;
	color: #ef7c30;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.textOrange
{
	font-size: 12px;
	color: #ef7c30;
	font-family: Verdana, Geneva, sans-serif;
}
.sstitreOrange
{
	font-size: 14px;
	color: #ef7c30;
	font-family: Verdana, Geneva, sans-serif;
}
.textOrange a, .textOrange a:hover
{
	font-size: 12px;
	color: #ef7c30;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* VERT > */
.titreVert
{
	font-size: 15px;
	color: #7cbd0c;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.textVert
{
	font-size: 12px;
	color: #7cbd0c;
	font-family: Verdana, Geneva, sans-serif;
}
.textVert a, .textVert a:hover
{
	font-size: 12px;
	color: #7cbd0c;
	font-family: Verdana, Geneva, sans-serif;
}
.textVert a, .textVert a:hover
{
	font-size: 12px;
	color: #7cbd0c;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* GRIS > */
.titreGris
{
	font-size: 15px;
	color: #a4a7af;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.textGris
{
	font-size: 12px;
	color: #a4a7af;
	font-family: Verdana, Geneva, sans-serif;
}
.textGris a, .textGris a:hover
{
	font-size: 12px;
	color: #a4a7af;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/*gris foncé*/
.txtGrisFonce
{
	color: #636359;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
/*noir*/
.txtNoir
{
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

a.reference, .reference
{
	color: #56565d;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a .libelle, .libelle
{
	color: #8f8f97;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.categorie, .categorie
{
	color: #aea831;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* BOUTONS >  */
a.btn
{
	width: 172px;
	height: 40px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	margin: 5px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none; /*background-image: url(images/btn_bleu.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

a:hover.btn
{
	color: #FFF; /*background-image: url(images/btn_bleu_over.png);*/
}

/* bouton bleu > */
a.btn.bleu
{
	background-image: url(images/btn_bleu.png);
}
a:hover.btn.bleu
{
	background-image: url(images/btn_bleu_over.png);
}

/* bouton vert > */
a.btn.vert
{
	background-image: url(images/btn_vert.png);
}
a:hover.btn.vert
{
	background-image: url(images/btn_vert_over.png);
}

/* bouton orange > */
a.btn.orange
{
	background-image: url(images/btn_orange.png);
}
a:hover.btn.orange
{
	background-image: url(images/btn_orange_over.png);
}

/* bouton rose > */
a.btn.rose
{
	background-image: url(images/btn_rose.png);
}
a:hover.btn.rose
{
	background-image: url(images/btn_rose_over.png);
}


.formvert {
	font-size: 11px;
	color: #4a6f0d;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;

}
.asterisque {
	font-size: 11px;
	color: #fa5005;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration: none;

}

.formulairecontact
{
	background-image: url(images/fd-contact.png); background-repeat: no-repeat;
}

.module_contact_dropdownlist
{
width:140px;
height:18px;	
border:solid 1px #7f9db9;
margin:3px;
}
.module_contact_textbox
{
height:18px;	
border:solid 1px #7f9db9;
margin:3px;
}

.formulairecontact TEXTAREA, .module_contact_dropdownlist
{
height:18px;	
border:solid 1px #7f9db9;
margin:3px;
}

.formulairecontact DIV.adresse TEXTAREA
{
width:385px;
height:18px;
border:solid 1px #7f9db9;
margin:3px;

}
.formulairecontact DIV.message TEXTAREA
{
width:420px;
height:50px;	
border:solid 1px #7f9db9;
margin-top:3px;
margin-bottom:15px;
}
  #FOOTERBASPOWER { display: none;}