/*  ~~~LES FILMS ~~~*/
#cont_produit div.produit h1 {
    font-size: 16px;
    color: red;
    font-weight: bold;
    margin: 0px;
    font-family: Verdana;
}

input {
text-align: right;
padding-right: 2px;
}

input.invi {
border: none;
background-color: transparent;
}

input.invi2 {
border: none;
background-color: transparent;
text-align: left;
}

input.invi3 {
border: none;
background-color: transparent;
color: white;
text-align: left;
}

input.invipromo {
border: none;
background-color: transparent;
text-decoration: line-through;
}

input.inviprix {
border: none;
background-color: transparent;
font-weight: normal;
color: green;
font-size: 20px;
}

a#savoirplus {
    color : #99C325;
}

.film_produit {
	width: 985px;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;
	text-align: left;
	padding-left: 8px;
}

#cont_produit {
	float: left;
	width: 710px;
	margin-bottom: 20px;
}

#cont_img {
	float: left;
	width: 335px;
	/*height : 420px;*/
	margin-bottom: 10px;
}

#zoomimg {
	width: 335px;
	height : 312px;
	margin-bottom: 20px;
}

#miniatures {
	width: 335px;
	margin-bottom: 20px;
}

#apercu {
	float: left;
	width: 710px;
	height: 160px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.btApercu {
	width: 131px;
	height : 96px;
	margin-left:30px;
	margin-top:20px;
	cursor:pointer;
}

.divScroll {
	width: 700px;
	height:140px;
	overflow: auto;
	text-align: left;
	background : #EFEFEF;
	border : solid 1px #CCC;
}

.divScroll ul {
       list-style-type: none;
}

.divScroll ul li {
       float:left;
        height:84px;
        margin-left:0;
        margin-right:25px;
        margin-top:7px;
        padding-top:12px;
        text-align:center;
        width:131px;
        cursor:pointer;
}

.divScroll ul li.on {
      background-image: url(/images/films/btApercu/optim/background-on.jpg);
}

.divScroll ul li h3 {
      font-weight: normal;
      font-size:0.8em;
      color:#454545;
      margin:0px;
}

.divScroll ul li h3 a {
      color:#454545;
      text-decoration: none;
}

.divScroll_coloris{
	height:150px;
	overflow: auto;
	text-align: left;
	background : #EFEFEF;
	border : solid 1px #CCC;
}

.produit {
	float: right;
	width: 375px;
	}
.infobulle{
	position : relative;
}

.bandeau_droite{
	float: right;
	width: 240px;
	height : 590px;
	margin-right : 20px;
}

div#Tabmesure {
	text-align : right;
	margin-left : 0px;
	padding-left : 20px;
}

div#tab_roll {
	text-align : right;
	margin-left : 0px;
	padding-left : 10px;
}

#txtBas1 {
	float: left;
	width: 925px;
	height: 380px;
	padding-top : 10px;
	display : block;
	color : #9F9595;
	padding-left : 30px;
	background : #EFEFEF;
}

#txtBas2 {
	float: left;
	width: 925px;
	height: 405px;
	padding-top : 10px;
	display : none;
	padding-left : 30px;
	color : #9F9595;
	background : #EFEFEF;
}

#txtBas3 {
	float: left;
	width: 925px;
	height: 380px;
	padding-top : 10px;
	display : none;
	color : #9F9595;
	padding-left : 30px;
	background : #EFEFEF;
}

.present_films{
	width: 975px;
	/*height : 1215px;*/
	background-image: url(../images/films/fond_present.png);
	text-align: justify;
	float : left;
	margin-top : 0px;
	margin-left : 20px;
	padding : 0px;
}

.present_standards{
	width: 975px;
	/*height : 1015px;*/
	text-align: justify;
	float : left;
	margin-top : 0px;
	margin-left : 20px;
	padding : 0px;
}

.present_mesure{
	width: 975px;
	/*height : 1115px;*/
	text-align: justify;
	float : left;
	margin-top : 0px;
	margin-left : 20px;
	padding : 0px;
}

.txt_films_entete{
	position : absolute;
    margin-top : 270px;
	margin-left : 26px;
	z-index : 2;
}


.txt_films_cat{
	position : absolute;
	margin-top : 30px;
	margin-left :150px ;
	z-index : 2;
	text-align: justify;
	width: 286px;
	height : 120px;
}

.txt_standard_cat{
	position : absolute;
    margin-top : 30px;
	margin-left :150px ;
	z-index : 2;
	text-align: justify;
	width: 286px;
	height : 120px;
}

.txt_films_cat2{
	position : absolute;
    margin-top : 30px;
	margin-left :150px ;
	z-index : 2;
	text-align: justify;
	width: 286px;
	height : 280px;
}

.txt_cmd_film{
	position : absolute;
     margin-top : 4px;
	margin-left :7px ;
	z-index : 2;
	text-align: justify;
	width: 286px;
	height : 20px;
}


.product_film span.avant{
    background:url('/images/films/arrondi-bleu-avant.gif');
    float:left;
    height:20px;
}
.product_film span.apres{
    background:url('/images/films/arrondi-bleu-apres.gif');
    float:left;
    height:20px;
}
.product_film h2.bleu{
    font-size:1em;
    color:white;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
    text-decoration: none;
    background:#1f9ec7;
    text-transform:uppercase;
    float:left;
    height:18px;
    padding-top:2px;
}


.product_film span.avant_gris{
    background:url('/images/films/arrondi-gris-avant.gif');
    float:left;
    height:20px;
}
.product_film span.apres_gris{
    background:url('/images/films/arrondi-gris-apres.gif');
    float:left;
    height:20px;
}
.product_film h2.gris{
    font-size:1em;
    color:white;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:0px;
    text-decoration: none;
    background:#535353;
    text-transform:uppercase;
    float:left;
    height:18px;
    padding-top:2px;
}

.fond_notice{
	background-image: url(../images/films/fond_notice.png);
	width: 373px;
	height : 27px;
	text-align : center;
	margin-top : 5px;
	margin-bottom : 5px;
}

.imgmini{
	margin-right : 8px;
}

.descript1{
	width : 375px;
	text-align : justify;
	margin-top: 8px;
}

.pub_bas{
	position : relative;
	margin-top : 270px;
	width : 205px;
	text-align : center;
}

table#tab_present_films{
	width : 975px;
	border-collapse:collapse;
	padding:0;
	margin-top : 22px;
}

table#tab_present_films td{
	padding:0;
	margin:0;
	padding-left : 20px;
}
table#tab_present_films td#entete{
	padding:0;
	margin:0;
	padding-left : 1px;
}
table#tab_present_films td#titre_cat{
	padding:0;
	margin:0;
	height : 30px;
	padding-top:10px;
}

table#tab_present_standards{
	width : 975px;
	border-collapse:collapse;
	padding:0;
	margin-top : 2px;
}
table#tab_present_standards td{
	padding:0;
	margin:0;
	padding-left : 20px;
}

table#tab_present_standards td#entete{
	padding:0;
	margin:0;
	padding-left : 20px;
	padding-right : 20px;
}
table#tab_present_standards td#titre_cat{
	padding:0;
	margin:0;
	height : 30px;
	padding-top:10px;
}


table#tab_cmd {
	background-color: #C0C0C0;
	height : 125px;
	width : 370px;
	border : solid 1px #CCC;
	border-collapse:collapse;
	padding:0;
}

table#tab_cmd td#entete{
	background : #EFEFEF;
	height : 25px;
	width : 185px;
}
table#tab_cmd td#corps{
	background : #EFEFEF;
	height : 100px;
	width : 185px;
	border : none;
	text-align : center;
	}

table#tab_cmd td#corps2{
	background : #535353;
	height : 100px;
	width : 280px;
	text-align : right;
	color : white;
	border : none;
	}

table#tab_cmd td#corps3{
	background : #535353;
	height : 10px;
	width : 90px;
	border : none;
	}


table#selectFilm{
	background : #EFEFEF;
	height : 175px;
	border : solid 1px #CCC;
	border-collapse:collapse;
}

table#selectFilm td{
	height : 175px;
	width : 200px;
	border : solid 1px #CCC;
	}

table#panier_film, table#panier_film_roll {
	border-collapse:collapse;
	border : none;
    width: 255px;
}

table#panier_film td#ajout_panier, table#panier_film_roll td#add_roll_to_cart {
	padding-top : 4px;
	text-align : center;
	border : none;
	height : 50px;
}

table#panier_film td.gauche, table#panier_film_roll td.gauche {
	width : 145px;
	height : 30px;
    margin: 0px;
    padding: 1px 1px 1px 4px;
	text-align : left;
	border-right : none;
	background : #EFEFEF;
    float: left;
}

table#panier_film td.droite, table#panier_film_roll td.droite,
table#panier_film td.droite_rouge, table#panier_film_roll td.droite_rouge {
	height : 30px;
    margin: 0px;
    padding: 1px 4px 1px 1px;
	width : 100px;
	background : #EFEFEF;
	text-align : right;
	border-left : none;
    float: left;
}

table#panier_film td.droite #prixTTCM, table#panier_film_roll td.droite #prixTTCM2 {
    width: 76px;
}

#panier_film_roll #display_discount {
    display: none;
}

table#tab_acc{
	border-collapse:collapse;
}

table#tab_acc td#l1{
	font-size : 12px;
}
table#tab_acc td#l2{
	font-size : 12px;
	background : #535353;
	height: 30px;
	width : 200px;
	text-align:right;
	color : white;
	font-weight: bold;
}

table#tab_acc td#l22{
	font-size : 12px;
	background : #535353;
	height: 30px;
	text-align:left;
}

table#TabVelux{
	width : 370px;
}

table#TabVelux td#l1{
	width: 150px;
	text-align : left;
}
table#TabVelux td#l2{
	width: 120px;
	text-align : left;
}
table#TabVelux td#l3{
	width: 100px;
	text-align : left;
}

.btn_films_cat{
	/*float: bottom;*/
	position : absolute;
	bottom:5px;
	right : 100px;
}

img#films_cat {
	margin: 0 auto;
	margin-top : 2px;
	height: 157px; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */
	width: 446px; /* spécifiez la largeur de l'image, une bonne habitude à prendre */
}

img#films_cat2 {
	margin: 0 auto;
	margin-top : 2px;
	height: 317px; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */
	width: 446px; /* spécifiez la largeur de l'image, une bonne habitude à prendre */
}

img#films_titre{
	margin-left : 20px;
}

.contour_films{
	border: 1px solid #efefef;
	width: 900px;
	padding: 10px;
}

.entete_descriptif{
	width: 240px;
	height: 25px;
	background-color: #6ba9dc;
	border: 0;
	color: #ffffff;
	text-align: center;
	line-height: 25px;
}

.pose_films{
	background: url(../images/films/fond_degrade.png) repeat-x;
	height : 702px;
	margin-top : 20px;
	margin-bottom: 10px;
}

.photo_text{
	margin-left : 115px;
	margin-top:8px;
	width : 180px;
	font-size: 7pt;

}

.photo_pose1{
	float:left;
	background :  url(../images/films/pose_1.jpg);
	height : 152px ;
	width: 295px;
	margin-top :8px;
	margin-left: 10px;
}
.photo_pose2{
	float:right;
	background :  url(../images/films/pose_2.jpg);
	height : 152px ;
	width: 295px;
	margin-top : 8px;
	margin-right: 0px;
}
.photo_pose3{
	float:left;
	background :  url(../images/films/pose_3.jpg);
	height : 152px ;
	width: 295px;
	margin-top :8px;
	margin-left: 10px;
}
.photo_pose4{
	float:right;
	background :  url(../images/films/pose_4.jpg);
	height : 152px ;
	width: 295px;
	margin-top : 8px;
	margin-right: 0px;
}
.photo_pose5{
	float:left;
	background :  url(../images/films/pose_5.jpg);
	height : 152px ;
	width: 295px;
	margin-top :8px;
	margin-left: 10px;
}
.photo_pose6{
	float:right;
	background :  url(../images/films/pose_6.jpg);
	height : 152px ;
	width: 295px;
	margin-top : 8px;
	margin-right: 0px;
}
.photo_pose7{
	float:left;
	background :  url(../images/films/pose_7.jpg);
	height : 152px ;
	width: 295px;
	margin-top :8px;
	margin-left: 10px;
}
.photo_pose8{
	float:right;
	background :  url(../images/films/pose_8.jpg);
	height : 152px ;
	width: 295px;
	margin-top : 8px;
	margin-right: 0px;
}


#fil_ariane {
    text-align:left;
    margin-bottom:5px;
    width:100%;
    display:block;
    height:12px;
}

#fil_ariane div {
    float:left;
    display:block;
    margin-right:5px;
}

#fil_ariane div a{
    color:#555555;
    text-decoration:none;
    font-size: 0.9em;
}

#fil_ariane div a:hover{
    text-decoration:underline;
}

#fil_ariane div a span.actif{
   font-weight:bold;
}

div.col_gauche_cat h3{
    margin:0px;
    font-size: 1.2em;
}

.films_top_hr {
    width: 955px;
    border: 0px solid black;
    border-top: 1px #EFEFEF solid;
}

/*******************************
 * Caracteristiques techniques *
 *******************************/
.caracTech h3 {
    color: #FFFFFF;
    display: block;
    max-width: 200px;
    text-align: center;
    margin: 0px;
    padding: 5px;
    font-size: 14px;
}

.caracTech .contentBoxCaracTech {
    width: 33.3%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.caracTech .descriptifH3 {
    background-color: #6BA9DC;
}

.caracTech .descriptifH3Box {
    background-color: #F1F8FD;
    margin-left: 20px;
    height: 320px;
    padding: 5px 10px 0px 10px;
    max-width: 288px;
    overflow: auto;
}

.caracTech .caracTechH3 {
    background-color: #1F6D9F;
}

.caracTech .caracTechH3Box {
    background-color: #E3F4FF;
    margin-left: 20px;
    height: 320px;
    padding: 5px 10px 0px 10px;
    max-width: 288px;
    overflow: auto;
}

.caracTech .utilisationH3 {
    background-color: #00456D;
}

.caracTech .utilisationH3Box {
    background-color: #C9E5F3;
    margin-left: 20px;
    height: 320px;
    padding: 5px 10px 0px 10px;
    max-width: 288px;
    overflow: auto;
}



/*************************************
 * Caracteristiques techniques - FIN *
 *************************************/