/* CSS Document */

/*Page Mariage*/

body {
	background-color:transparent;
	background:url(../Img_clicpostal/Img_site/fond.gif) top;
	background-repeat:repeat-x;
	position:relative;
	}

#global {
	height:auto;
	float:left;
	width:810px;
	padding:10px 5px 10px 5px;
	background-repeat:no-repeat;
	text-align: left;
	position:relative;
	margin-top:140px;
	z-index:100;
	}
	
/********************************************************************************************************************************************************************/

/*CONTACT*/

#conteneur_contact_gammme{
	width:488px; 
	background-image:url(../Img_clicpostal/Img_site/fond_contact_gamme.jpg);
	height:226px;
	left:50%;
	top:50%;
	margin-left:-244px;
	margin-top:-114px;
	position:absolute;
	}
	
#conteneur_contact_gammme .boite{
	height:auto;
	width:auto;
	right:30px;
	bottom:26px;
	position:absolute;
	line-height:16px;
	}
	
#conteneur_contact_gammme img.illustration{
	width:274px; 
	height:173px;
	top:27px;
	left:27px;
	position:absolute;
	}
/********************************************************************************************************************************************************************/

/*LOGGIN*/

#conteneur_loggin_gammme{
	width:488px; 
	background-image:url(../Img_clicpostal/Img_site/fond_loggin_gamme.jpg); 
	height:226px;
	left:50%;
	top:50%;
	margin-left:-244px;
	margin-top:-114px;
	position:absolute;
	}

#conteneur_loggin_gammme img.illustration{
	width:274px; 
	height:173px;
	top:27px;
	left:27px;
	position:absolute;
	}

#conteneur_loggin_gammme .boite{
	height:100px;
	width:148px;
	right:27px;
	bottom:35px;
	position:absolute;
	}

#conteneur_loggin_gammme .boite label{
	width:148px;
	float:left;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	line-height:20px;
	}

#conteneur_loggin_gammme .boite input{
	width:148px;
	float:left;
	margin-bottom:5px;
	border:1px dashed #CCCCCC;
	}

#conteneur_loggin_gammme .boite input:hover{
	background-color:#687297;
	color:#FFFFFF;
	border:1px dashed #CCCCCC;
	}

#mdp{
	text-align:center; 
	position:absolute; 
	bottom:-15px; 
	left:0px; 
	right:0px; 
	font-size:10px
	}	
/********************************************************************************************************************************************************************/

/*INDEX ESPACE MARIAGE*/

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

.bloc_conteneur_cv_entreprise{
	height:301px; 
	width:392px; 
	margin-left:8px; 
	background-image:url(../Img_clicpostal/Img_site/background_entreprise.jpg);
	float:left;
	cursor:pointer;
	padding-bottom:0px;
	}

.bloc_conteneur_cv_public{
	height:301px; 
	width:392px; 
	margin-left:9px; 
	background-image:url(../Img_clicpostal/Img_site/background_public.jpg);
	float:left;
	cursor:pointer
	}
	
.bloc_conteneur_elegance{
	height:357px; 
	width:256px; 
	margin-left:9px; 
	background-image:url('../Img_clicpostal/Img_site/background_elegance.png');
	float:left;
	cursor:pointer
	}

.bloc_conteneur_romantique{
	height:357px; 
	width:256px; 
	margin-left:13px; 
	background-image:url('../Img_clicpostal/Img_site/background_romantique.png');
	float:left;
	cursor:pointer
	}

.bloc_conteneur_tendance{
	height:357px; 
	width:256px; 
	margin-left:13px; 
	background-image:url('../Img_clicpostal/Img_site/background_tendance.png');
	float:left;
	cursor:pointer
	}
	
#panel-cv1, #panel-cv2{
	margin-left:7px;
	padding:5px;
	width:367px;
	text-align:justify;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
}
		
#panel1, #panel2, #panel3{
	margin-left:5px;
	margin-bottom:5px;
	padding:5px;
	width:234px;
	text-align:justify;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
}
/***********************************************************************/

/*SELECTION DE GAMME*/

.conteneur_selct_gammme, .conteneur_selct_engagement{
	width:198px; 
	float:left; 
	margin-bottom:42px;
	margin-right:42px; 
	background-image:url(../Img_clicpostal/Img_site/fond_selct_gamme.jpg); 
	height:120px;
	padding:17px;
	position:relative;
	}
	
.conteneur_selct_gammme img {
	width:198px; 
	float:left; 
	height:120px;
	}
	
#conteneur_pagination{
	width:780px;
	background-color:#339933;
	position:relative;
	float:left;
	}
	
#conteneur_pagination #page{
	width:400px;
	position:absolute;
	left:50%;
	margin-left:-200px;
	text-align:center;
	}
	
#conteneur_pagination #precedente{
	width:auto;
	position:absolute;
	left:0px;
	text-align:center;
	line-height:10px;
	}
	
#conteneur_pagination #suivante{
	width:auto;
	position:absolute;
	right:0px;
	text-align:center;
	line-height:10px;
	}

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

/* ENGAGEMENTS */

.conteneur_selct_engagement .bandeau{
	z-index:6000;
	width:188px;
	top:17px; 
	height:20px;
	line-height:20px;
	padding-left:10px;
	background-color:#c5c859;
	position:absolute;
	text-align:center;
	}

.conteneur_selct_engagement .corps{
	z-index:6000;
	width:188px;
	top:47px; 
	height:90px;
	line-height:20px;
	padding-left:10px;
	position:absolute;
	}
		

.conteneur_selct_engagement .num{
	right:10px;
	bottom:7px;
	width:auto;
	height:auto; 
	position:absolute;
	}
/*VISUALISATION DE GAMME*/

#conteneur_visu_gammme{
	width:780px; 
	background-image:url(../Img_clicpostal/Img_site/fond_visu_gamme.jpg); 
	height:345px;
	position:absolute;
	z-index:1000;
	padding:10px;
	}
	
#conteneur_visu_gammme #conteneur_image{
	width:440px; 
	height:282px;
	left:21px;
	top:53px;
	position:absolute;
	}

		#conteneur_image .conteneur_pagination{
			width:440px;
			position:absolute;
			bottom:0px;
			height:20px;
			}
			
		.conteneur_pagination #page{
			width:100px;
			position:absolute;
			left:50%;
			margin-left:-50px;
			line-height:20px;
			text-align:center;
			}
			
		.conteneur_pagination #precedente{
			width:auto;
			position:absolute;
			left:5px;
			text-align:center;
			line-height:20px;
			}
			
		.conteneur_pagination #suivante{
			width:auto;
			position:absolute;
			right:5px;
			text-align:center;
			line-height:20px;
			}
		
#conteneur_visu_gammme #conteneur_descriptif{
	width:312px; 
	height:282px;
	right:17px;
	top:53px;
	position:absolute;
	}

	#conteneur_visu_gammme #conteneur_descriptif .description{
		height:auto;
		right:0px;
		left:0px;
		top:0px;
		position:absolute;
		text-align:justify;
		}

#conteneur_personnalisation{
	width:435px; 
	background-image:url(../Img_clicpostal/Img_site/illustration_visu_gamme.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:113px;
	right:0px;
	bottom:20px;
	position:absolute;
	z-index:2000;
	}

	#conteneur_personnalisation .personnaliser{
		position:absolute;
		right:0px;
		height:auto;
		width:200px;
		}
	
#conteneur_tarifs{
	width:400px;
	padding-left:15px;
	height:133px;
	left:50px;
	bottom:0px;
	position:absolute;
	z-index:2000;
	}
	
/*SAVE GAMME*/

#container_adresse{
	float:left;
	margin-left:5px;
	margin-right:15px;
	width:786px;
	border:1px Solid #CCCCCC;
	overflow:hidden;
	height:0px;
	display:none;
	}

#container_adresse #adresse_livraison{
	height:auto;
	width:363px;
	position:absolute;
	left:50%;
	margin-left:-180px;
	}
	
#container_adresse #adresse_livraison label{
	width:160px;
	float:left;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	line-height:20px;
	text-align:left;
	}
	
#container_adresse #adresse_livraison input{
	width:198px;
	float:left;
	margin-bottom:5px;
	border:1px dashed #CCCCCC;
	}

#container_adresse #adresse_livraison input:hover{
	background-color:#687297;
	color:#FFFFFF;
	border:1px dashed #CCCCCC;
	}

.conteneur_save_gammme{
	width:800px; 
	float:left; 
	background-image:url(../Img_clicpostal/Img_site/fond_save_gamme.jpg);
	height:221px;
	position:relative;
	margin-bottom:10px;
	}
	
.conteneur_save_gammme .titre{
	top:17px;
	width:766px;
	left:17px;
	position:absolute;
	left:17px;
	height:24px;
	line-height:24px;
	}
	
.conteneur_save_gammme .conteneur_image{
	bottom:17px;
	left:17px;
	position:absolute;
	height:153px;
	width:239px;
	}

.conteneur_save_gammme .conteneur_format{
	top:51px;
	left:266px;
	position:absolute;
	height:161px;
	width:538px;
	}	
	
.conteneur_save_gammme .conteneur_format .detail{
	height:45px;
	width:249px;
	margin-right:20px;
	margin-bottom:9px;
	float:left;
	}	

.conteneur_save_gammme .conteneur_format .detail .picto{
	height:45px;
	width:54px;
	float:left;
	}	
	
.conteneur_save_gammme .conteneur_format .detail .texte{
	height:45px;
	margin-left:5px;
	width:190px;
	line-height:12px;
	float:right;
	}	

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

/*PERSO GAMME*/

.conteneur_perso_gammme_Elegance{
	width:800px; 
	float:left; 
	height:auto;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	}

.conteneur_perso_gammme_Romantique{
	width:800px; 
	float:left; 
	height:auto;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#b33e55;
	}
	
.conteneur_perso_gammme_Tendance{
	width:800px; 
	float:left; 
	height:auto;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#687297;
	}
	
	.top {
		width:800px; 
		float:left; 
		height:7px;
		background-image:url(../Img_clicpostal/Img_site/fond_perso_gamme_top.jpg);
		}
	
	.center {
		width:786px; 
		float:left; 
		height:auto;
		padding-left:7px;
		padding-right:7px;
		background-image:url(../Img_clicpostal/Img_site/fond_perso_gamme_center.jpg);
		background-repeat:repeat-y;
		}

		.center .conteneur_haut{
			border-bottom:1px dotted #CCCCCC;
			width:752px; 
			float:left; 
			height:19px;
			padding-left:17px;
			padding-right:17px;
			line-height:20px;
			font-size:12px;
			}
				
		.center .conteneur_table{
			width:786px; 
			float:left; 
			height:auto;
			}
						
		.center .conteneur_table td.gauche{
			width:544px;
			font-size:10px;
			}
	
		.center .conteneur_table td.droite{
			width:240px;
			font-size:12px;
			}

		.center .conteneur_table td.droite label{
			width:90px;
			float:left;
			margin-bottom:5px;
			line-height:17px;
			height:17px;
			}

		.center .conteneur_table td.droite select{
			width:120px;
			float:left;
			border:1px solid #cccccc;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#666666;
			margin-bottom:5px;
			}
					
		.center .conteneur_pied{
			border-top:1px dotted #CCCCCC;
			width:752px; 
			float:left; 
			height:19px;
			padding-left:17px;
			padding-right:17px;
			line-height:20px;
			font-size:12px;
			}
			
			.conteneur_perso_gammme_Tendance .conteneur_pied a  {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#687297;
				} 

			.conteneur_perso_gammme_Elegance .conteneur_pied a  {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#999999;
				} 

			.conteneur_perso_gammme_Romantique .conteneur_pied a  {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#b33e55;
				} 
										
			.conteneur_pied a:link {
				text-decoration:none;
				} 
			
			.conteneur_pied a:hover {   
				text-decoration:underline; 
				}  

	.bottom {
		width:800px; 
		float:left; 
		height:7px;
		background-image:url(../Img_clicpostal/Img_site/fond_perso_gamme_bottom.jpg);
		}

.total_tarifs {
	float:right; 
	margin-right:7px; 
	width:758px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background-color:#959cb6; 
	color:#ffffff; 
	padding:0px 14px 0px 14px; 
	height:20px; 
	line-height:20px; 
	border:#666666 1px dotted
	}	

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

/*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{
background-image:url(../Img_clicpostal/Img_site/fond_perso_gamme_center.jpg); 
width:800px; 
height:970px;
margin:0px; 
margin-left:4px; 
padding:0px; 
border:none;
}

#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;
	 }
	 
/*****************************************************************************************************************************************************************************************/

/*LIENS*/

a.Blanc  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	border:none;
	} 

a.Blanc:link  {
	color:#ffffff;
	text-decoration:none;
	border:none;
	} 

a.Blanc:hover  {   
	color:#ffffff;
	text-decoration:underline; 
	border:none;
	} 

a.violet_voeux  {   
	color:#a47b92;  
	text-decoration:none;
	} 

a.violet_voeux:hover  {   
	color:#a47b92;
	text-decoration:underline; 
	}  

a.violet_voeux:active  {   
	color:#a47b92;
	text-decoration:underline; 
	}  

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

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

a.Gris:active  {   
	color:#666666;
	text-decoration:underline; 
	}  
		
a.Vert  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c5c859;
	text-decoration:none;
	border:none;
	} 

a.Vert:link  {
	color:#c5c859;
	text-decoration:none;
	border:none;
	} 

a.Vert:hover  {   
	color:#c5c859;
	text-decoration:underline; 
	border:none;
	}   

/*LES TEXTES*/

.texte_blanc_tres_tres_tres_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	}
	
.texte_blanc_tres_tres_tres_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:22px;
	}

.texte_blanc_tres_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	}
	
.texte_blanc_tres_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	}

.texte_blanc_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	}
	
.texte_blanc_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	}
	
.texte_blanc_normal_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	}

.texte_blanc_normal_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	}
	
	
.texte_blanc_petit_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	}

.texte_gris_tres_tres_tres_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:22px;
	font-weight:bold;
	}
	
.texte_gris_tres_tres_tres_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:22px;
	}

.texte_gris_tres_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:16px;
	}
	
.texte_gris_tres_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	}

.texte_gris_gros_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	}
	
.texte_gris_gros_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	}
	
.texte_gris_normal_bold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	}

.texte_gris_normal_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	}
	
.texte_gris_normal_regular2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:7pt;
}

.texte_gris_petit_regular{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	}


.texte_vert_petit_regular{
	font-family:verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#c5c859;
	}

.texte_vert_normal_bold{
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#c5c859;
	font-weight:bold;
	} 
	
.texte_vert_normal_regular{
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#c5c859;
	}

.texte_vert_moyen_bold{
	font-family:verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#c5c859;
	font-weight:bold;
	}

.texte_vert_gros_regular{
	font-family:verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#c5c859;
	} 
	
.texte_vert_gros_bold{
	font-family:verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#c5c859;
	font-weight:bold;
	} 

.texte_vert_tres_gros_bold{
	font-family:verdana, Helvetica, sans-serif;
	font-size:24px;
	color:#c5c859;
	font-weight:bold;
	} 
/*IMAGES*/

img{
	border:none;
	}

