h1 { color: #007684 !important; }
h1 em { color: #98c5cf !important; }

#txt_1col {
font-size:11px;
float:left;
position: relative;
margin: 0;
width: 680px;
padding-bottom: 40px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

#txt_1col h3 {
color: #007584;
font-size: 14px;
line-height:18px;
position: relative;
float: left;
font-weight: bold;
}

#txt_1col a:link, #txt_1col a:visited, #txt_1col a:active {
color: #000;
text-decoration:underline;
}

#txt_1col a sup {
font-size:8px;
}

#txt_1col a:hover  {
color:#000;
text-decoration:none;
}

#txt_1col.fiche {
display: block;
clear: both;
margin: 0;
padding-bottom: 40px;
position: relative;
float: left;
width: 680px;
}

#txt_1col.fiche .length {
color: #007584;
font-size: 10px;
text-align:right;
display: block;
clear: both;
margin: 0;
padding-bottom: 40px;
position: relative;
float: left;
width: 680px;
}


/* ---------------------------------- viewpresentation ------------------------------------------ */

#txt_1col .viewpresentation {
	background-color: #98c5cf;
	padding:3px 10px 3px 10px;
	margin-bottom:10px;
	text-align:right;
	position: relative;
}
#txt_1col .viewpresentation a, #txt_1col .viewpresentation a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007584;
	text-decoration: none;
	font-weight: bold;
}
#txt_1col .viewpresentation a:hover {
	text-decoration: underline;
}

/* ---------------------------------- dimensions ------------------------------------------ */

#dimension {
margin-bottom:2px;
padding-bottom:0;
border-bottom: 2px #d1e7ea solid;
position: relative;
float: left;
}

#dimension h2{
color: #007684;
margin:0;
padding:0;
font-size:18px;
font-weight:normal;
}

#dimension h3{
color:#007684;
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
width: 280px;
}

#dimension ul{
padding:0 0 10px 0;
}

#dimension ul, #dimension li{
margin:0;
position: relative;
float: left;
display: block;
width: 280px;
}

#dimension li{
list-style-type: disc;
list-style-position: inside;
padding:0;
}

/* ---------------------------------- crossrefback ------------------------------------ */

#crossrefback{
float: left;
position: relative;
display: block;
margin: 0 0 40px 0;
padding: 0;
width: 680px;
background-color: #007584;
}

.back {
float:left;
margin:0;
color:#ffffff;
font-size:14px;
padding:10px 10px 10px 30px;
position: relative;
width: 110px;
line-height: 16px;
background-image: url(../../../Commun/img/KEY/flecheback.gif);
background-repeat: no-repeat;
background-position: 5px 15px;
}

.back sup{
font-size:10px;
}

.back a{
font-size:18px;
line-height:20px;
padding:0;
margin:0;
display: block;
clear: both;
}

.back a:link, .back a:visited, .back a:active {
color:#fff;
text-decoration:underline;
}

.back a:hover  {
color:#fff;
text-decoration:none;
}

#crossrefback .thumbblock {
background-color: #FFF;
display: block;
padding: 0 0 0 10px;
float: left;
position: relative;
margin: 0;
}

#crossref .thumbrow, #crossrefback .thumbrow {
display: block;
margin: 0px;
padding: 0 0 20px 0;
float: left;
position: relative;
clear: both;
}

#crossref .thumb, #crossrefback .thumb {
display: block;
margin: 0px;
padding: 0 15px 0 0;
float: left;
position: relative;
width: 70px;
clear: right;
}

#crossref .lastthumb,  #crossrefback .lastthumb {
display: block;
margin: 0px;
padding: 0px;
float: left;
position: relative;
width: 80px;
clear: right;
}

#crossrefback .thumb a:link, #crossrefback .thumb a:visited, #crossrefback .thumb a:active, #crossrefback .lastthumb a:link, #crossrefback .lastthumb a:visited, #crossrefback .lastthumb a:active {
color:#000;
text-decoration:none;
font-size: 10px;	
}

#crossrefback .thumb a:hover, #crossrefback .lastthumb a:hover {
color:#000;
text-decoration:underline;
}

#crossrefback .thumb a sup, #crossrefback .lastthumb a sup {
font-size: 8px;
text-decoration:none;
}

.backfeatured{
width: 500px;
}

.featured, .backfeatured {
font-size:12px;
text-transform:uppercase;
color:#fff;
background-color: #007684;
padding:3px 10px 3px 10px;
text-align:left;
float: left;
position: relative;
display: block;	
margin: 0 0 10px 0;
font-weight: bold;
}

.featured sup, .backfeatured sup {
font-size:8px;
}


/* ----------------------- colonne image --------------------------------- */

#col_img {
display: block;
margin: 0px;
position: relative;
float: left;
width: 210px;
z-index: 1;
padding: 0 0 30px 0;
}

#txt_1col #col_img #thumbImage {
display: block;
margin: 0px;
float: left;
position: relative;
z-index: 1;
padding-bottom: 20px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

#col_img #thumbImage a.loupeplus img, #col_img #thumbImage a.loupemoins img{
border: 0;
}

#col_img #thumbImage a.loupeplus, #col_img #thumbImage a.loupeplus:hover, #col_img #thumbImage a.loupeplus:visited{
display: block;
margin: 0;
padding: 2px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
text-decoration:none;
font-size:11px;
font-weight:bold;
color: #007684;
text-align: center;
vertical-align: text-top;
background-image: url(../../../Commun/img/loupebkg.png);
}

#col_img #thumbImage a.loupemoins, #col_img #thumbImage a.loupemoins:hover{
margin: 0;
padding: 2px;
position: absolute;
top: 0px;
left: 0px;
display: block;
z-index: 90;
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#007684;
text-align: center;
vertical-align: text-top;
background-image: url(../../../Commun/img/loupebkg.png);
}

#txt_1col #col_img #mktImages {
display: block;
margin: 0px;
padding: 0px;
clear: both;
float: left;
width: 210px;
position: relative;
z-index: 0;
}


/* ---------------------------------------- colonne de texte -------------------------------------- */ 

#txt_1col .pdtcolumn {
display: block;
margin: 0px;
float: left;
position: relative;
width: 220px;
z-index: 0;
padding: 0 0 30px 20px;
}

#txt_1col .pdtcolumn .pdtcolumnblock {
display: block;
float: left;
width: 220px;
position: relative;
margin: 0;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
}

#txt_1col .pdtcolumn .pdtcolumnblock ul {
display: block;
margin: 0px;
padding: 0px;
position: relative;
width: 210px;
float: left;
}

#txt_1col .pdtcolumn .pdtcolumnblock ul li {
display: list-item;
margin: 0px;
padding: 0px;
width: 210px;
list-style-type: inherit;
list-style-position: inside;
vertical-align: text-top;
position: relative;
padding-right: 10px;
}

/* ---------------------------------- menu de droite ------------------------------------------ */

#txt_1col .pdtcolumnright {
display: block;
margin: 0px;
float: left;
width: 210px;
position: relative;
padding: 0 0 30px 20px;
}

#txt_1col.fiche ul.customized {
font-size: 12px;
margin:0;
padding: 0;
width: 210px;
float: left;
position: relative;
display: block;
}

#txt_1col.fiche ul.customized li {
margin:0;
padding:0;
list-style-type: none;
display: block;
border-bottom: 4px solid #fff;
position: relative;
float: left;
width: 210px;
}

#txt_1col.fiche ul.customized li a {
display: block;
text-decoration: none;
padding: 7px 2px 7px 7px;
}

#txt_1col.fiche ul.customized li.email a:link {
color: #007584;
background: url(../../../Commun/img/KEY/email_fleche.gif) #d1e7ea top left no-repeat;
}

#txt_1col.fiche ul.customized li.email a:hover {
color: #ffffff !important;
background: url(../../../Commun/img/KEY/email_fleche_hover.gif) #98c5cf top left no-repeat !important;
}

#txt_1col.fiche ul.customized li a:link, #txt_1col.fiche ul.customized li a:visited, #txt_1col.fiche ul.customized li a:active {
background-color: #d1e7ea;
color: #007584;
}
#txt_1col.fiche ul.customized li a.fonce:link, #txt_1col.fiche ul.customized li a.fonce:visited, #txt_1col.fiche ul.customized li a.fonce:active {
background-color: #98c5cf;
color: #fff;
}
#txt_1col.fiche ul.customized li a:hover {
background-color:#98c5cf !important;
color: #fff !important;
}
#txt_1col.fiche .bleufonce{
background-color: #007584;
color:#fff;
margin:0;
padding: 7px 2px 7px 7px;
border-bottom: 4px solid #fff;
display: block;
float: left;
width: 201px;
position: relative;
}
#txt_1col.fiche .bleufonce ul {
margin:0;
padding:0;
float: left;
position: relative;
}
#txt_1col.fiche .bleufonce ul li {
margin:0;
padding:0;
list-style-type: none;
}
#txt_1col .bleufonce ul li a:link, #txt_1col .bleufonce ul li a:visited, #txt_1col .bleufonce ul li a:active {
color:#fff;
text-decoration:none;
}
#txt_1col .bleufonce ul li a:hover {
color:#fff;
text-decoration:underline;
}

#txt_1col.fiche .bleupale {
background-color: #e5f1f2;
padding: 7px 2px 7px 7px;
position: relative;
float: left;
width: 201px;
}

#txt_1col .pdtcolumnright .pastille img {
margin:0 8px 8px 0;
height:28px;
width:28px;
}

#txt_1col .pdtcolumnright .trim img {
margin:0 15px 15px 0;
height:66px;
width:66px;
}

#txt_1col .pdtcolumnright .pastille h3, #txt_1col .pdtcolumnright .trim h3 {
display: block;
margin: 0px;
padding: 0px;
float: left;
position: relative;
width: 210px;
}

#txt_1col .pdtcolumnright .pastille h3 {
margin:10px 0 9px 0;
}

#txt_1col .pdtcolumnright .trim h3 {
margin:10px 0 9px 0;
}

/* ------------------------------------------- Conçue pour --------------------------------------- */

#txt_1col #concue_pour, #txt_1col .featured {
display: block;
position: relative;
float: left;
width: 680px;
margin-bottom:10px;
padding:3px 10px 3px 10px;
background: #007584;
font-size:12px;
text-align:left;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}

#txt_1col #concue_pour_images {
display: block;
position: relative;
float: left;
width: 680px;
margin: 0;
padding: 11px 0 0 0;
}

#txt_1col #concue_pour_images .image {
display: block;
position: relative;
float: left;
width: 100px;
margin: 0;
padding: 0;
}

#txt_1col #concue_pour_images .end {
display: block;
position: relative;
float: left;
width: 79px;
margin: 0;
padding: 0;
}


#txt_1col #concue_pour_images .images div {
display: block;
position: relative;
float: left;
width: 79px;
margin: 0;
padding: 0;
}

#txt_1col #concue_pour_images .images img {
display: block;
position: relative;
width: 79px;
margin: 0;
padding: 0;
}

#txt_1col #concue_pour_images p {
display: block;
position: relative;
float: left;
width: 79px;
margin: 0;
padding: 5px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:11px;
font-weight: bold;
text-transform: normal;
color: #000000;
}



/* ------------------------------------------- Notes bas de page --------------------------------------- */

#txt_1col .notepied {
width: 680px;
clear: both;
display: block;
position: relative;
float: left;
margin: 0;
padding: 15px 0 0 0;
border-top: 2px solid #eeeeee;
}

/* ------------------------------------- barre de navigation des produits --------------------------- */

.navproducts {
font-size:11px;
background-color: #e9f5f6;
padding:3px 10px 3px 10px;
margin-bottom:10px;
text-align:right;
width:659px;
}

.navproducts span{
color: #007584;
font-weight:bold;
margin-right:11px;
}

.navproducts span.off{
color: #b5b5b5 !important;
margin:0 0 0 20px;
}

.navproducts span.select{
color:#000;
margin:0;
border:1px #3a7186 solid;
padding:0 3px 0 3px;
}

.navproducts a:link, .navproducts a:visited, .navproducts a:active {
color: #007684;
text-decoration:none;
}

.navproducts a:hover  {
color: #007684 !important;
text-decoration:underline;
}

.navproducts .off a:hover{
color: #b5b5b5 !important;
}

/* ------------------------------------ vignettes ---------------------------------- */

.products {
float:left;
width:115px;
margin:0 26px 30px 0;
position: relative;
padding: 0;
display: block;
}

.lastonrow {
margin:0 0 20px 0;
position: relative;
float: left;
width: 115px;
}

.products a.plus{
text-align:right;
padding:0 0 10px 20px;
margin:0 5px 0 0;
background: url(../../../Commun/img/plus.jpg) top left no-repeat;
}

.products .addfavorites {
display: block;
clear: both;
float: left;
width: 100%;
position: relative;
margin: 0;
padding: 5px 0 10px 0;
}

.product input {
font-size: 10px;
}

#txt_1col .products .modeldim {
display: block;
margin: 0px;
padding: 0px;
clear: both;
float: left;
position: relative;
width: 115px;
text-align: left;
}

#txt_1col .products .modeldim img {
border:0;
display: block;
margin: 0px;
padding: 0px;
float: left;
position: relative;
}

/* ------------------------------------- Fiche Download ------------------------------------ */