/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


/*ACCUEIL*/

.GrdeCols p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
}

/***************** CATALOGUE *****************/

#contenu .listing {
	float:left;
	width:735px;
	min-height:202px;
	height:202px;
}
#contenu .GrdeCols .listing .produit-designation span.marq {
	
	width:70px !important;
	float: left;
	text-align:left;
	

}

#contenu .listing p{
	line-height:1.2em;
	font-size:16px;
	text-align:left;
	letter-spacing:0em;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	color:#1684CC;
}


#contenu .listing p.prix{
	background-image:url(../images/email-open-regular2.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

#contenu .listing .bg-produit-img{
	position:relative;
	float:left;
	width:260px;
	height:146px;
	max-height:194px;
	background:url(../images/integration/bg-imgprod2.jpg) no-repeat;
	
	
}

#contenu .listing .bg-produit-img .produit-img{
	float:left;
	margin-top:6px;
	margin-left:6px;
	width:234px;
	height:132px;
	text-align:center;
}

#contenu .listing .produit-designation{
	position:relative;
	float:left;
	height:170px;
	padding-bottom:20px;
	width:435px;
	margin-left:25px;
	padding:30px 0 0 0;
	background-color:#000;
	background:url(../images/integration/bg-blocproduit.gif) no-repeat center center;
	border-bottom:2px solid #1A385C;
}



#contenu .listing .produit-designation .produit-btinfo {
	position:absolute;
	right:0px;
	bottom:5px;
	background:transparent url(../images/charte/listing/infos.gif);
	height:26px;
	width:90px;
	margin-bottom:0px;
}

#contenu .listing .produit-designation .produit-btinfo a:link, #contenu .listing .produit-designation .produit-btinfo a:visited {
	display:block;
	height:26px;
	width:90px;
	background:transparent url(../images/charte/listing/infos.gif);
}
#contenu .listing .produit-designation .produit-btinfo a:hover, #contenu .listing .produit-designation .produit-btinfo a:active {
	background:transparent url(../images/charte/listing/infos-over.gif);
}

/* #contenu .listing-blocGauche {
	float:left;
	width:350px;
	height:201px;
	background:transparent url(../images/charte/listing/bg-listing.gif) no-repeat;
	margin-top:20px;

}


#contenu .listing-blocDroite {
	float:left;
	width:350px;
	height:201px;
	background:transparent url(../images/charte/listing/bg-listing.gif) no-repeat;
	margin-top:20px;
	margin-left:35px;

}


#contenu .listing-title {
	float:left;
	width:100%;
	height:15px;
	margin-top: 0px;

}

#contenu .listing-visu {
	float:left;
	width:125px;
	height:150px;
	margin-top:15px;
	padding-left:5px;

}

#contenu .listing-visu-spacer {
	float:left;
	height:145px;
	width:5px;
	background:url(../images/charte/spacer.gif);
}

#contenu .listing-contenu {
	float:left;
	width:190px;
	height:140px;
	margin-top:15px;
	margin-left:20px;
	padding: 5px 5px 0px 0px;

}

#contenu .listing-infos {
	float:right;
	background:transparent url(../images/charte/listing/infos.gif);
	height:26px;
	width:90px;
	margin-top:10px;
}

#contenu .listing-infos a:link, .listing-infos a:visited {
	display:block;
	height:26px;
	width:90px;
	background:transparent url(../images/charte/listing/infos.gif);
}
#contenu .listing-infos a:hover, .listing-infos a:active {
	background:transparent url(../images/charte/listing/infos-over.gif);
}
*/



#contenu .listing  h1 {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	background:none;
	/*width:123px;*/
	color:#1684CC;
}

#contenu .listing .produit-designation a:link, #contenu .listing .produit-designation a:visited{
	color: #fff;
	text-decoration:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1; opacity:1;
	margin-left:5px;
}
#contenu .listing .produit-designation a:hover, #contenu .listing .produit-designation a:active{
	color: #1684CC;
	text-decoration:none;
	/*filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;*/
}
#contenu .listing .produit-designation .produit-btinfo a:link, #contenu .listing .produit-designation .produit-btinfo a:visited{
	margin-left:0px;
}
#contenu .listing p.couleur, .couleur{
	font-weight:bold;
	color:#d3d3d3;
}










#contenu .PtiteCols .catalogue:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity:0.90;
}

#contenu .PtiteCols .catalogue {
	width:143px;
	margin:10px 7px 10px 7px;
	float:left;
	background: url(../images/charte/bg-catalogue_03.jpg) repeat-y ;

}

#contenu .PtiteCols .catalogue .catalogue-top{
	width:143px;
	height:150px;
	padding:10px 10px 0px 10px;
	position:relative;
	top:0;
	left:0;
	background: url(../images/charte/bg-catalogue_01.jpg) no-repeat top left;
}

#contenu .PtiteCols .catalogue .catalogue-top .picto_c{
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:url(../images/charte/heart1.gif) left top no-repeat;}

#contenu .PtiteCols .catalogue .catalogue-top .picto_p{
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:url(../images/charte/promo.gif) left top no-repeat;}



#contenu .PtiteCols .catalogue .catalogue-top .picto_n{
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:url(../images/charte/new-1.gif) left top no-repeat;}

#contenu  .PtiteCols .catalogue .catalogue-middle .panier{
	position:absolute;
	margin-left:2px;
	bottom:0;
	right:30px;
	width:20px;
	height:20px;
	background: url(../images/charte/pict-panier.gif) right bottom no-repeat;
}

#contenu .PtiteCols .catalogue .catalogue-top .visuel{
	width:123px;
	height:140px;
	/*margin-bottom:8px;
	padding-bottom:10px;*/
	float:left;
}

#contenu .PtiteCols .catalogue .catalogue-middle{
	width:143px;
	position:relative;
	padding:0px 10px 0px 10px;
	margin-bottom:0px;
	margin-right:5px;
}

#contenu .PtiteCols .catalogue .catalogue-bottom{
	width:143px;
	float:left;
	height:23px;
	background: url(../images/charte/bg-catalogue_04.jpg) no-repeat bottom left;
}

#contenu .catalogue   h1{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	background:none;
	width:133px;
	margin:5px 0;
	padding-left:0px;
	color:#1684CC;
	height:33px;
	min-height:33px;
	overflow:hidden;
}

#contenu .catalogue .titre_catalogue{
	float:left;
	padding: 0px 5px 5px 25px ;
	height:70px;

}
#contenu .catalogue p.titre_catalogue2{
	padding: 0px 5px 5px 25px ;
	height:20px;
	color:#1684cc;
	font-weight:bold;
	font-size:13px;

}
.catalogue_rubrique {
	color:#CCCCCC;
	font:bold 10px ;
	height:20px;
}
#contenu .catalogue .rubriquecata  {
	color:#CCCCCC;
	font:bold 10px ;
	text-transform:capitalize;
	height:30px;
	margin-bottom:5px;
}

#contenuTexte .catalogue_desi {
	/*color:#686868;*/
	color:#1684CC;
	font:bold 10px;
	text-transform:capitalize;
	height:20px;
	min-height:20px;
	margin-bottom:5px;
	overflow:hidden;
}

#contenu .catalogue .catalogue-middle p{
	font:bold 1em Arial, Helvetica, sans-serif;
	line-height:normal;
	background:none;
	text-align:left;
	color:#999999;
	width:133px;
	}

p.prixgene{
	height:30px;
	margin-bottom:3px;
}

#contenu .listing p .prix{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	line-height:normal;
	background:url(images/email-open-regular.gif) no-repeat;
	text-align:left;
	margin:5px 0;
	padding:0 0 0 30px;
	color:#1684CC;
}

p .prix_bare{
	font: 1.1em Arial, Helvetica, sans-serif;
	line-height:normal;
	background:none;
	text-align:left;
	text-decoration:line-through;
	margin:5px 2px 5px 0px ;
	padding:0	;
	color: #FF9933;
}
/*--FIN ACCUEIL---*/

/*--LISTING---*/

#contenu #produit_grand_bloc .ariane a:link, #contenu #produit_grand_bloc .ariane a:visited  {
	color: #0099CC;
	text-decoration:none;
}
#contenu #produit_grand_bloc .ariane a:hover {
	color:#F18A28;
}


#contenu .GrdeCols select {
	width:150px;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border: outset 1px solid  #CCCCCC;
	background: #000000;
	color: #CCCCCC;
}

#contenu .GrdeCols .catalogue:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity:0.90;
}

#contenu .GrdeCols .catalogue {
	width:143px;
	margin:10px 0px 10px 40px;
	float:left;
	background: url(../images/charte/bg-catalogue_03.jpg) repeat-y ;

}

#contenu .GrdeCols .catalogue .catalogue-top{
	width:143px;
	height:150px;
	padding:10px 10px 0px 10px;
	position:relative;
	top:0;
	left:0;
	background: url(../images/charte/bg-catalogue_01.jpg) no-repeat top left;
}

#contenu .GrdeCols .catalogue .catalogue-middle .panier{
	position:absolute;
	bottom:0;
	right:20px;
	width:20px;
	height:20px;
	background: url(../images/charte/pict-panier.gif) right bottom no-repeat;
}

#contenu .GrdeCols .catalogue .catalogue-top .visuelcata{
	width:123px;
	height:140px;
	margin-bottom:8px;
	float:left;
}

#contenu .GrdeCols .catalogue .catalogue-middle{
	width:133px;
	position:relative;
	padding:0px 10px 0px 10px;
	margin-bottom:0px;
	margin-right:5px;
}

#contenu .GrdeCols .catalogue .catalogue-bottom{
	width:143px;
	float:left;
	height:28px;
	background: url(../images/charte/bg-catalogue_04.jpg) no-repeat bottom left;
}
#contenu .GrdeCols .catalogue   h1{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	background:none;
	width:123px;
	color:#1684CC;
}

#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0px 30px 250px;
	text-align:center;
	color: #CCCCCC;
	vertical-align:middle;
}

.flesh_left{ 
	float:left;
	width:20px;
}

.flesh_right{
	float:left;
	width:20px;
}

.pages {
	float:left;
	text-align:center;
	width:200px;
	}
	
#pagination a:visited, #pagination a:link{
	margin:0 5px 0 5px;
	color: #CCCCCC;
	text-decoration:underline;
}

#pagination a:hover {
	margin:0 5px 0 5px;
	color: #0066CC;
	text-decoration:none;
}

.catalogue_ref {
	color:#E0E0E0;
	font: 11px ;
	height:40px;
	margin-bottom:5px;
}

.catalogue_annee {
	color:#E0E0E0;
	font: 11px ;
	margin-bottom:5px;
}
/*-FIN-LISTING---*/

/*--PRODUIT---*/


.bloc_detail_img{
	background:transparent url(../images/integration/bg-imgprod2.jpg) no-repeat scroll 0 0; 
	float:left;
	margin:5px 5px 5px 0px;
	padding:0px;
	width:260px; 
	max-height:194px;
}
.bloc_detail_img1{
	float:left;
	width:234px;
	height:132px;
	}
	
.bloc_detail_img1:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity:0.90;
}
	
.bloc_detail_img img{
margin-bottom:5px;
padding:5px;
}


.vignette{
	float:left;
	width:40px;
	height:40px;
	margin:5px 3px 0 0;
	border:1px solid #999999;
}
.vignette:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity:0.90;
}
.vignette1{
	float:left;
	width:50px;
	height:50px;
	margin-right:5px;
	border:1px solid #999999;
}
.vignette_group{
margin-left:2px;
	float:left;
	hight:50px;
}

.bloc_detail_text{
	float:left;
	width:315px;
	margin:5px;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	text-align:left;
}

.bloc_detail p{
	margin:10px 10px;
}

.produit_detail_td_clair{
	background-color: #EFEFEF;
	height:5px;
}

.produit_detail_td_white{
	background-color: #FFFFFF;
	height:5px;
}

fieldset{
	border:1px solid  #999999;
	float:left;
	width:200px;
}

fieldset p {
	text-align:justify;
	font-size:12px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}



legend {
	font-size:12px;
	color: #999999;
	font-weight:bold;
	margin:5px;
	padding:5px;
	font-style:italic;
	
}

.bloc_detail h3 {
	font-size:12px;
	color: #666666;
	font-weight:bold;
	text-align:left;
	margin:0px 10px;
}


.produit_detail_cadre_prix{
	font-size:12px;
	color:#FF0000;
	text-align:left;
}

.produit_detail_panier {
	font-size:12px;
	color:#660000;
	font-weight:bold;
	text-align:right;
	
}

.produit_detail_panier p {
	float:left;
	vertical-align:middle;
}

.special-admin{

	margin:0;
	padding:0;
	background: url(../images/charte/special.gif) no-repeat left top ;
	width:50px;
	height:50px;
	position:absolute;
	z-index:5;
}



.check{
	margin:3px;
	border:0px;
}


.bloc_detail_personaliser input{
width:100px;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border: outset 1px solid  #CCCCCC;
	background:none;
	color: #CCCCCC;
}

input.file{
	width:80%;
	margin:1px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size : 11px;
	padding:2px;
	border:1px solid  #CCCCCC;
	background:  #FFFFFF;
	color:#666666;}

.fileinputs {
	position: relative;
	height: 60px;
	width: 80%;
}

 input.file {
	width: 141px;
	margin: 0;
}


file{

width:500px;}



.input_quantite{
	width:50px;
}

#contenu #produit_grand_bloc .bloc_detail h2{
	margin:10px 10px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#008CD4;
	
}

#contenu  .bloc_detail_personaliser{
	float:left;
	padding:5px;
	font-size:12px;
	text-align:left;
	width:350px;

}

#contenu .text_produit{
float:left;
size:100%;}


#contenu  .bloc_detail_personaliser p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	line-height:18px;
}

#contenu  .bloc_detail_personaliser  h1{
	font:bold 1.5em;
	margin:5px 0;
	padding-left:0px;
	color: #999999;
}

#contenu  .bloc_detail_personaliser .img_env{
float:left;
margin:3px 2px;
border:0;
}
#contenu  .bloc_detail_personaliser .img_ajouter{
float:left;
margin-top:10px;
margin:3px 2px;
border:0;}

#contenu  .bloc_detail_personaliser img:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity:0.90;
}


.bloc_detail_personaliser textarea{
	border:1px solid  #CCCCCC;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	padding:0px 5px;
	width:350px;
	height:60px;
}


label {
	font-size:11px;
	color: #999999;
	font-weight:bold;
	text-align:left;
	margin:0px 3px;
}
.champRequis{
	color:#FF0000;
}

.nota{
	font-size:9px;
	color:#999999;
	text-align:justify;
}

.propose_bloc{
	float:left;
	width:300px;
	height:100px;
}

.propose_bloc p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10;
	color: #FF9900;
}

.bloc_prix_propose{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #FF9900;
	margin:2px 10px 10px 10px ;
	text-decoration:none;
}

.produit_detail_ami {
	font-size:12px;
	color: #999999;
	font-weight:bold;
	text-align:right;
}

.ami {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	margin-left:0px;}

.nous_contacter {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	margin-left:100;}

.produit_detail_ami p {
	float:right;
	vertical-align:middle;
}
.produit_detail_contact {
	font-size:12px;
	color:#660000;
	font-weight:bold;
	text-align:right;
}

.produit_detail_contact p {
	float:left;
	vertical-align:middle;

}

/*-FIN-PRODUIT---*/

/***--contact------------------***/

#bloc-contact {
	width: 248px;
	float:left;
	margin:0px 0 20px 0 ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	letter-spacing:0.03em;
}

#contactTxte{
	width:160px;
	float:left;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:12px;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:150px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #CCCCCC;
	padding:2px;
	border:   1px solid  #CCCCCC;
	background:none;
	
}

#bloc-contact  #formContact select{
	width:150px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #CCCCCC;
	padding:1px;
	margin-left:0;
	border:   1px solid  #CCCCCC;
	background: #000000;
	
}

#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton{
	width:70px;
	height:20px;
	cursor:pointer;
	color: #CCCCCC;
	border:1px solid  #CCCCCC;
	background:none;
	padding:0 5px 2px 2px;
	margin-right:1px;
	font-size:12px;
}
#bloc-contact  #formContact .bouton:hover, #bloc-contact  #formContact .bouton:active {
	color: #0066FF; 
	border:1px solid #0066FF;
}
#bloc-contact  #formContact input:focus,#bloc-contact  #formContact textarea:focus{
	color: #0066FF; 
	border:1px solid #0066FF;
}
.capa_text{
	font-size:10px;
	color:#CCCCCC;
	text-align:justify;
	padding:5px;}


#bloc-contact  #formContact .input_capa{
	width:60px;
	border:1px solid #CCCCCC;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #CCCCCC;
	padding:0px 5px;
	margin:0 0 18px 5px;
}

.nota{
	font-size:9px;
}

#bloc-merci {
	width:650px;
	margin:30px 50px 100px 30px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}





.bloc_coord_contact{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:80px;
	margin-left:30px;
	line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
	font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

.div_middle {
	float:left;
	margin:0 0 0 0px;
}

/**----FIN CONTACT-----------***/

.roosvelt_color{
	color:#0066CC;
	font-weight:bold;}

.p_indisponible{
background-color:#000000;
border:1px solid #999999;
color:#999999;
font-weight:bold;
font-size:17px;
text-align:center !important;
height:auto;
padding:5px 0 5px 0;
width:205px;
}

/* MODIFS Escape Labs */

#annonce-mod a:link {
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
}

#annonce-mod a:visited {
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
}

#annonce-mod {
text-align:center;
margin: 10px 0 0 0;
}