#leftSidePage			{ width:228px; height:auto; }


/* SOUS MENU *************************************************************************/
#smNav					{ position:relative; top:0; left:0; width:228px; height:245px; background:#6eafd8; margin:0 0 5px 0}
#smNav ul				{ font-size: 11px ;float: left; margin:0px; padding: 10px 8px 5px 20px; list-style:none }
#smNav li				{ color:#FFFFFF}
#smNav li.titre			{ font-size:12px; font-weight:bold; color:#FFFFFF; margin: 5px 0 2px 0}
#smNav li a				{ display: block; color: #FFFFFF; margin:1px 0 1px 0; text-decoration:none; padding: 0 0 0 10px}
#smNav li a:hover		{ color:#c7e6fa; text-decoration:underline; background-image: url('../images/img_arrowBlue.gif'); background-position: 0px 6px; background-repeat:no-repeat;}




/* INFO A GAUCHE *************************************************************************/
#leftColorMesure		{ position:relative; top:0; left:0; width:108px; height:114px; background:url(../images/bkg_couleursMesure.jpg) no-repeat #999; color:#666; margin:0; padding : 10px 110px 10px 10px}
#leftColorMesure_en		{ position:relative; top:0; left:0; width:108px; height:114px; background:url(../images/bkg_couleursMesure_en.jpg) no-repeat #999; color:#666; margin:0; padding : 10px 110px 10px 10px}
#leftNews				{ position:relative; top:0; left:0; width:228px; background:#e2e3e7; color:#666; margin:5px 0 0 0; padding:0 0 10px 0; }
.bkgArrowNews			{ position:absolute; top:26px; left:10px;}
.bkgNews				{ background:#6eafd8; color:#FFF; height:18px; padding:4px 0 4px 10px; font-size:12px; font-weight:bold;}
.leftTitleNews			{ padding: 30px 10px 0 10px; color:#135790; font-size:12px; font-weight:bold}
.leftTexteNews			{ padding: 5px 10px 0 10px; color:#333; font-size:11px; font-weight:normal}
.leftDateNews			{ padding: 15px 10px 0 10px; color:#666; font-size:10px; font-weight:normal}
.leftDateNews a	 		{ color:#6eafd8; text-decoration:underline}
.leftDateNews a:hover	{ text-decoration:none}
.leftAllNews 	 		{ padding: 15px 10px 0 10px; font-size:11px; font-weight:normal; text-align:right}
.leftAllNews a	 		{ color:#6eafd8; text-decoration:underline}
.leftAllNews a:hover	{ text-decoration:none}




/* INFO A DROITE *************************************************************************/
#rightSidePage			{ position:relative; width:744px; height:auto; display:block; margin: 0 0 0 1px}
#headerPage				{ width:744px; height:245px;  background:#CCC }
.navArbo				{ width:734px; border-bottom:1px solid #CCCCCC; color:#666; margin:16px 8px 8px 8px}
.navArbo a				{ color:#666; text-decoration:none}
.navArbo a:hover, .navArboOpen		{ color:#6eafd8; text-decoration:underline}

.ContentText			{ position:relative; top:0; left:0; width:734px;  color:#666; margin:16px 8px 0px 8px; }
.ContentText p			{ margin:2px 8px 20px 20px; }
.ContentText a			{ color: #6eafd8; text-decoration:underline}
.ContentText a:hover	{ color: #6eafd8; text-decoration:none}
.ContentText li { margin-bottom:4px}


/* PLAN DU SITE *************************************************************************/
.blocSection			{ padding: 4px;font-size:11px; font-weight:normal; border: 1px solid #CCC; color:#666; margin: 0 20px 20px 0}
.blocSection ul			{ list-style:none}
.blocSection ul	p		{ margin-bottom:4px; margin-left:0px}
.titleSection 	 		{ padding: 4px;font-size:11px; font-weight:bold; background:#FFF; color:#6eafd8;}
.titleSection a	 		{ text-decoration:none; color:#6eafd8}
.titleSection a:hover	{ text-decoration:underline; color:#6eafd8}
.linkSection a	 		{ color:#6eafd8; text-decoration:underline}
.blocSection img 		{ border:5px solid #CCC; margin:2px 0px 0px 2px;}
.blocSection fieldset	{ margin-top:15px;}
.blocSection p.nom { margin-bottom:4px; font-weight:bold}
.blocSection p.date { margin-bottom:4px}
.blocSection td { vertical-align:top}

/* TH PRODUITS *************************************************************************/
.blocTitleProduct, .blocTitleProductLong		{ position:relative; padding:5px; width:342px; float:left; margin: 0 15px 15px 0; background-color:#589bc5; color:#FFFFFF}
.blocTitleProductLong	{ width:709px;}
.productColunm { position:relative; width:366px; height:auto; float:left; margin: 0px; padding:0px }
.blocProduct, .blocProductInvisible, .blocText, .blocTextLong{ position:relative; border:1px solid #CCC; padding:5px; width:340px; height:100px; float:left; margin: 0 15px 15px 0}
.blocProductInvisible	{ border:none; width:342px; height:102px}
.blocText { height:auto}
.blocText p, .blocTextLong p  {margin:6px 10px 6px 10px}
.blocTextLong { width:707px; height:auto}
.blocProductThumb		{ border:5px solid #CCC; float:left;}
.blocProductText		{ width:195px; padding:5px; float:left}
.blocProductTextGen		{ width:195px; clear:both; text-align:center}
.blocProductLink		{ position:absolute; top:74px; left:140px;text-align:left;  width:90px; margin:12px 0 0 0}
.blocProductLink a		{ color: #6eafd8; text-decoration:underline; font-size:11px}
.blocProductLink a:hover{ color: #6eafd8; text-decoration:none;}
.blocProductLink img	{ float:left; margin:2px 2px 0 0;}




/* PRODUIT ET DESCRIPTION *************************************************************************/
.DescProductDesc		{ padding:5px; width:700px; float:left; margin: 0 15px 15px 0}
.DescProductBig			{ border:5px solid #CCC; float:left; width:322px; height:242px}
/*.DescProductBig img { margin:0px 7px 10px 0px}*/
.DescProductBig .thumb	{ border:2px solid #CCC; margin:20px 8px 0px 0px;}
.DescProductText		{ width:320px; padding:5px 5px 5px 40px; float:left}
.DescProductText p		{ margin:5px 0 10px 0; padding:0}
.TitleDescProduct		{ width:308px;padding:2px; float:left; background:#dedddd; margin: 15px 0 1px 0; font-weight:bold; color:#5799c2; font-size:12px}
.TextDescProduct		{ width:300px; padding:2px 2px 2px 10px; float:left; background:#eeeeee; margin: 0 0 1px 0}
.descTable				{ margin: 15px 0 1px 0; }
.descTableTitle			{ width:308px; padding:2px; background:#dedddd; font-weight:bold; color:#5799c2; font-size:12px}
.descTitleCell, .descTextCell{ padding:2px 2px 2px 10px; background:#eeeeee; margin: 0 0 1px 0; vertical-align:top}
.descTitleCell			{ width:110px; font-weight:bold}
.descTextCell			{ width:190px;}
.retourProduct			{ width:300px; padding:2px 2px 2px 10px; float:left; margin: 30px 0 0 0}
.retourProduct a		{ color: #6eafd8; text-decoration:underline; font-size:11px}
.retourProduct a:hover{ color: #6eafd8; text-decoration:none;}
.retourProduct img	{ float:left; margin:2px 5px 0 0}

/* soumission */ 
#soumission { border:1px solid #CCC; margin:0 15px 0 15px; padding:25px; width:480px}
#soumission input { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333}
#soumission td { padding:2px 0 2px 0}
#soumission .champsForm { width: 210px}
#soumission .champs { width: 465px}
#soumission .champs2 { width: 210px}
#soumission .form_btn { width:70px}
.error { padding-left:0px; color:#FF0000}