@charset "UTF-8";
/* CSS Document boites Sébastien Tetard */

/*HOME INDEX*/

#conteneur_home_visu{
	width:800px;
	height:364px;
	background-image:url(../Img_clicpostal/Img_site/fond_home.jpg);
	position:relative;
	float:left;
	z-index:500;
	}

	#conteneur_home_visu #loadarea{
		background-color:#FFFFFF;
		position:absolute;
		top:25px;
		bottom:26px;
		right:13px;
		left:17px;
		z-index:1000;
		}
		
	#conteneur_home_visu #menu_loadarea{
			height:26px;
			position:absolute;
			bottom:26px;
			right:13px;
			left:17px;
			background-color:#e4abc3;
			z-index:1500;
			opacity: .8; 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
			
	#conteneur_home_visu #conteneur_tab{		
			height:26px;
			position:absolute;
			bottom:26px;
			right:13px;
			left:17px;
			z-index:2000;
			}
	
	#conteneur_home_visu  #conteneur_tab .tab{		
			height:26px;
			width:auto;
			line-height:26px;
			border-right:1px #ffffff dotted;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			font-size:13px;
			float:left;
			padding-left:10px; 
			padding-right:10px;
			}
						
.conteneur_home_titre{
	margin-left:15px;
	margin-top:30px;
	border-bottom:1px solid #999999;
	width:770px;
	float:left;
	padding-bottom:10px;
	}

.conteneur_home_produit_phare{
	padding:0px;
	margin-top:20px;
	margin-left:15px;
	width:219px;
	height:288px;
	position:relative;
	float:left;
	margin-right:40px;
	border:solid 1px #999999;
	text-align:center;
	cursor:pointer;
	}
		
	.conteneur_home_produit_phare .texte, .conteneur_home_produit_suite .texte{
		right:0;
		left:0;
		bottom:0;
		line-height:16px;
		height:49px;
		position:absolute;
		padding:0px 3px 0px 3px;
		}
	
.conteneur_home_promos{
	margin-top:20px;
	width:220px;
	height:290px;
	position:relative;
	margin-left:15px;
	float:left;
	cursor:pointer;
	}
	
	.conteneur_home_promos .promo{
		width:219px;
		height:140px;
		position:absolute;
		right:0;
		border:1px #999999 solid;
		}
	
.conteneur_home_produit_suite{
	padding:0px;
	margin-top:20px;
	margin-left:15px;
	width:219px;
	height:203px;
	position:relative;
	float:left;
	margin-right:40px;
	border:solid 1px #999999;
	text-align:center;
	cursor:pointer;
	}

/********************************************************************************************************************************************************/

/*HOME PAGETTES*/

#bloc_edito_titre {
	height:80px; 
	width:60px; 
	float:left; 
	margin:22px 0px 0px 22px; 
	border-right:#666666 solid 1px;
	}
	
#bloc_edito_description{
	height:80px; 
	width:536px; 
	float:left; 
	margin:30px 0px 30px 10px; 
	text-align:justify;
	}

/********************************************************************************************************************************************************/
	
/*CHOIX PRODUIT*/

#conteneur_pack_shot{
	z-index:10;
	left:-10px;
	width:824px;
	height:446px; 
	position:relative;
	}


	#conteneur_pack_shot #lestarifs{
	position:absolute;
	z-index:20;
	left:0px;
	bottom:20px;
	}
	
	#conteneur_pack_shot #bandeau{
		position:absolute;
		background-color:#f7028b;
		top:0;
		bottom:0;
		left:0;
		right:0;
		opacity: .7;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		}
		
	#conteneur_pack_shot #boxinfos{
		bottom:0px;
		position:absolute;
		width:172px;
		height:289px;
		left:0px;
		background-color:#c5c859;
		z-index:30;
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
	
	#conteneur_pack_shot #texteinfos{
		z-index:40;
		position:absolute;
		bottom:0px;
		height:268px;
		width:150px; 
		border-left:dashed 1px #c5c859; 
		border-top:dashed 1px #c5c859; 
		padding:10px;
		text-align:left; 
		left:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		}
	
	#conteneur_pack_shot #texte{
		position:relative;
		width:460px;
		}

	#conteneur_pack_shot #texte .cellule{
		border-right:#FFFFFF 1px dashed;
		border-top:#FFFFFF 1px dashed;
		position:relative;
		height:20px;
		width:114px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		float:left;
		text-align:center;
		line-height:20px;
		}
			
	#conteneur_pack_shot span{
		z-index:30;
		position:absolute;
		}
		
	#conteneur_pack_shot #texteinfos img{
		position:absolute; 
		top:-14px;
		left:0px;
		}		

#conteneur_onglet{
	z-index:10;
	left:-10px;
	float:left;
	width:794px;
	height:36px; 
	position:relative;
	line-height:28px;
	text-align:right;
	padding-right:30px;
	}
		
#top_detail_iframe{	
	width:824px; 
	height:27px;
	margin-left:-10px;
	background:url(../Img_clicpostal/Img_site/template/fond_iframe_gamme_top.jpg); 
	float:left;
	margin-top:30px;
	}

#center_detail_iframe{		
	width:809px;
	background:url(../Img_clicpostal/Img_site/template/fond_iframe_gamme_center.jpg);
	float:left;
	height:auto;
	margin-left:-10px;
	text-align:left;
	padding-left:15px;
	}
	
#bottom_detail_iframe{		
	width:824px; 
	float:left;
	margin-left:-10px;
	height:8px;
	background:url(../Img_clicpostal/Img_site/template/fond_iframe_gamme_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
	}

.contenur_produit_global{
	width:160px; 
	position:relative;
	height:auto; 
	float:left; 
	margin-right:54px;
	margin-bottom:20px;
	}
	 
.conteneur_produit{
	float:left; 
	width:100%;
	height:auto;
	position:relative;
	border:1px solid #999999; 
	background-color:#FFFFFF; 
	text-align:center;
	}	
	
	.conteneur_produit .modele{	
		width:100%;
		top:0px; 
		right:0px;
		left:0px;
		height:20px;
		background-color:#999999;
		opacity: .7; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		line-height:20px;
		position: relative;
		float: left;
		z-index: 150; 
		text-align: center;
		}
		
	.conteneur_produit .zoom{
		width:100%; 
		bottom:0px; 
		right:0px;
		left:0px;
		height:20px;  
		background-color:#999999;
		opacity: .7; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		line-height:20px;
		z-index:300;
		float: left;
		position: relative;
		}

.conteneur_vignettes_produits{
	width:100%; 
	height:auto; 
	float:left; 
	margin-top:5px;
	}

	.conteneur_vignettes_produits .recto{	
		width:auto;
		float:left; 
		height:auto; 
		}
		
	.conteneur_vignettes_produits .verso{	
		width:auto; 
		float:right; 
		height:auto; 
		}
		
	.conteneur_vignettes_produits .recto .titre, .conteneur_vignettes_produits .verso .titre{
		height:auto; 
		float:none; 
		width:100%; 
		text-align:center; 
		}
	
	.conteneur_vignettes_produits .recto .photo, .conteneur_vignettes_produits .verso .photo{
		height:auto;
		width:100%; 
		text-align:center; 
		float:none;
		}
		
/********************************************************************************************************************************************************/

/*SELECTION DE GAMME*/

.conteneur_selection_gammme{
	width:198px; 
	float:left; 
	margin-top:25px;
	margin-right:42px; 
	background-image:url(../Img_clicpostal/Img_site/fond_espace_engagement.jpg); 
	height:120px;
	padding:17px;
	position:relative;
	}
	
	.conteneur_selection_gammme img {
		width:198px; 
		float:left; 
		height:120px;
		border:none;
		}
		
#conteneur_pagination{
	width:824px;
	margin-left:-10px;
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	float:left;
	height:20px;
	line-height:20px;
	}
	
	#conteneur_pagination #page{
		width:400px;
		position:absolute;
		left:50%;
		margin-left:-200px;
		text-align:center;
		height:20px;
		line-height:20px;
		top:0px;
		}
	
	#conteneur_pagination #precedente{
		width:auto;
		position:absolute;
		left:20px;
		text-align:center;
		line-height:10px;
		height:20px;
		line-height:20px;
		top:0px;
		}
		
	#conteneur_pagination #suivante{
		width:auto;
		position:absolute;
		right:20px;
		text-align:center;
		height:20px;
		line-height:20px;
		top:0px;
		}
	
/********************************************************************************************************************************************************/

/*SERVICE CLIENT*/

#cnteneur_texte_sc{
	width:510px;
	float:left;
	padding:15px 0px 15px 0px;
	margin-bottom:10px;
	line-height:18px;
	text-align:justify;
	height:auto;
	}

#conteneur_sc_message{
	width:440px;
	float:right;
	padding:15px 0px 15px 0px;
	}
	
/********************************************************************************************************************************************************/

/*CREATION EN COURS*/

.conteneur_categorie{
	height:122px; 
	width:114px; 	
	float:left; 
	position:relative; 
	margin-right:1px;
	background-image:url(../Img_clicpostal/Img_site/template/fond_mes_creations.gif);
	cursor:pointer;
	}

.conteneur_categorie .pastille{
	position:absolute; 
	right:-5px; 
	top:-5px; 
	z-index:20; 
	height:32px; 
	width:33px; 
	background-image:url(../Img_clicpostal/Img_site/template/pastille_creation.gif); 
	text-align:center; 
	line-height:32px;
	}
	
.conteneur_categorie .textes{
	position:absolute;
	text-align:center;
	height:30px;
	left:3px;
	bottom:3px;
	right:3px;
	line-height:12px;
	}
	
.conteneur_categorie .images{
	left:0px; 
	right:0px; 
	text-align:center; 
	position:absolute; 
	bottom:35px;
	}
	
.conteneur_creation_encours{
	width:768px; 
	height:160px;
	position:relative;
	}
	
.conteneur_creation_encours .conteneur_haut {
	border-bottom:1px dotted #CCCCCC;
	height:25px;
	left:-10px;
	line-height:25px;
	padding-left:7px;
	padding-right:7px;
	position:absolute;
	right:-10px;
	top:-10px;

	}

.conteneur_creation_encours .conteneur_bas {
	border-top:1px dotted #CCCCCC;
	bottom:-10px;
	height:16px;
	left:-10px;
	line-height:14px;
	padding-left:7px;
	padding-right:7px;
	position:absolute;
	right:-10px;
	}
			
.conteneur_creation_encours .image{
	top:25px; 
	bottom:16px; 
	left:0; 
	width:544px; 
	background-color:#e3e3e3; 
	position:absolute;
	}
	
.conteneur_creation_encours .texte{
	bottom:0;
	right:0; 
	text-align:left;
	position:absolute;
	line-height:16px;
	top:36px;
	width:210px;
	}
	
.conteneur_creation_encours label {
float:left;
height:17px;
line-height:17px;
margin-bottom:5px;
width:90px;
}
.conteneur_creation_encours select {
border:1px solid #CCCCCC;
color:#666666;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin-bottom:5px;
width:120px;
}	
/********************************************************************************************************************************************************/

/*ESPACE IMAGE*/

#deplacement_images{
	width:253px; 
	position:absolute; 
	top:220px; 
	left:-3px; 
	height:46px; 
	background-image:url(../Img_clicpostal/Img_site/template/deplacer_photos.jpg); 
	line-height:18px; 
	padding:16px 10px 10px 70px;
	}

#ajout_repertoires{
	width:253px; 
	position:absolute; 
	top:290px; 
	cursor:pointer; 
	left:-3px; 
	height:46px; 
	background-image:url(../Img_clicpostal/Img_site/template/creer_repertoire.jpg); 
	line-height:18px; 
	padding:16px 10px 10px 70px;
	}

#suppresion_images{
	width:253px; 
	position:absolute; 
	cursor:pointer; 
	top:290px; 
	right:-3px; 
	height:46px; 
	background-image:url(../Img_clicpostal/Img_site/template/suprimmer_photo.jpg); 
	line-height:18px; 
	padding:16px 10px 10px 70px;
	}

#suppresion_repertoire{
	width:253px; 
	position:absolute; 
	top:220px; 
	cursor:pointer; 
	right:-3px; 
	height:46px; 
	background-image:url(../Img_clicpostal/Img_site/template/suprimmer_repertoire.jpg); 
	line-height:18px; 
	padding:16px 10px 10px 70px;
	}
	
/********************************************************************************************************************************************************/

/*ESPACE BON D'ACHAT*/	
	
#desbondachats ul{
	list-style-type: disc;
	list-style-image:url(../Img_clicpostal/Img_site/template/carre_petit_rose.gif);
	list-style-position: inside;
	line-height:16px;
	margin:5px 0px 10px 0px;
	padding:0px;
	}	
	
.conteneur_bon_achat{
	width:379px; 
	height:132px; 
	float:left; 
	background-image:url(../Img_clicpostal/Img_site/template/fond_bon_achat.png); 
	position:relative;
	margin:11px;
	}

.conteneur_bon_achat .recap{	
	position:absolute; 
	top:10px; 
	line-height:18px; 
	left:10px
	}
	
.conteneur_bon_achat .montant{	
	position:absolute; 
	bottom:29px; 
	right:75px; 
	font-size:49px;
	}
	
.conteneur_bon_achat .numserie{		
	position:absolute; 
	bottom:10px; 
	right:13px
	}
	
/********************************************************************************************************************************************************/

/*ESPACE MODIFICATION DONNEES*/	

#conteneur_md_loggin{
	width:397px;
	float:right;
	margin:15px 0px 15px 0px;
	}
	
#conteneur_md_adresse{
	width:337px;
	float:right;
	padding:15px 0px 15px 0px;
	}
	
/***********************************************************************************************************************************************************/

/*ESPACE SYNTHESE PRODUIT*/

#conteneur_synth_produit{
	width:350px;
	float:right;
	padding:15px 0px 15px 0px;
	}

/*PAGE TARRIFS*/
	
#global #pack_shot {
	width:800px;
	height:232px;
	background-color:#CC6600;
	float:left;
	margin-bottom:30px;
	}
	
#global #formats {
	float:left;
	width:800px;
	height:auto;
	}
		
	#global #formats #titre {
		width:100%;
		height:33px;
		float:right;
		}
		
	#global #formats .bg_activate {
		width:111px;
		height:102px;
		float:left;
		background-image:url(../Img_clicpostal/Img_site/Pages_tarifs/bg_activate.gif);
		text-align:center;
		position:relative;
		margin-top:11px;
		margin-left:11px;
		margin-right:11px;
		margin-bottom:11px;
		}
		
	#global #formats .bg_notactivate {
		width:111px;
		height:102px;
		float:left;
		text-align:center;
		position:relative;
		margin-top:11px;
		margin-left:11px;
		margin-right:11px;
		margin-bottom:11px;
		}
	
	#global #formats .bg_activate .pict, #global #formats .bg_notactivate .pict {
		width:100%;
		height:78px;
		position:absolute;
		top:0px;
		right:0px;
		}
	
	#global #formats .bg_activate .footer, #global #formats .bg_notactivate .footer {
		width:100%;
		height:24px;
		position:absolute;
		bottom:2px;
		right:0px;
		line-height:11px;
	}

#global #devis {
	float:left;
	width:780px;
	height:200px;
	margin-left:20px;
	margin-top:30px;
	}

	#global #devis #titre {
		width:100%;
		height:33px;
		float:right;
		}
	
	#global #devis #packshot {
		width:320px;
		height:167px;
		text-align:center;
		float:left;
		}
		
	#global #devis #formulaire {
		height:107px;
		float:right;
		width:400px;
		}
	
	#global #devis #formulaire label {
		height:20px;
		float:left;
		width:100px;
		text-align:left;
		margin-bottom:6px;
		}
		
	#global #devis #formulaire select {
		float:left;
		background-color:#b7bb2f;
		width:300px;
		border:solid 1px #b7bb2f;
		color:#FFFFFF;
		margin-bottom:6px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	
	#global #devis p{
		height:167px;
		margin-top:10px;
		padding-top:10px;
		float:right;
		width:400px;
		border-top: #f1ccde 2px solid;
		text-align:right;
		}

#iframe_detail{
	width:287px; 
	height:auto; 
	float:left;
	margin-left:4px;
	line-height:18px; 
	}
	
	
#iframe_detail #top_detail{	
	width:287px; 
	height:7px; 
	background:url(../Img_clicpostal/Img_site/fond_iframe_gamme_top.jpg); 
	float:left;
	}

#iframe_detail #center_detail{		
	width:253px;
	 padding-right:17px;
	 padding-top:10px;
	 padding-left:17px;
	 background:url(../Img_clicpostal/Img_site/fond_iframe_gamme_center.png);
	 float:left;
	 }	
	 
a.Gris  {   
	color:#666666;  
	text-decoration:none;
	} 

a.Gris:hover  {   
	color:#666666;
	text-decoration:underline; 
	}  

a.Gris:active  {   
	color:#666666;
	text-decoration:underline; 
	}