@charset "utf-8";
/* CSS Document */

option.optionok {
	font-weight:		bold;
}

div#cadre-clic-all {
	width:				570px;
	margin:				0 27px;
}

div#cadre-clic-dimensions-sujet {
	background: 		transparent url(../cadres-encadrement/images/cadre-clic-dimensions-sujet.png) no-repeat;
	_background:		none; /* IE6 */ 
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cadres-encadrement/images/cadre-clic-dimensions-sujet.png', sizingMethod='image'); /* IE6 */
	width: 				206px;
	height:				96px;
	padding-top:		24px;
	font-weight:		bold;
	float: 				left;
}

div#cadre-clic-all h2 {
	padding-left:		12px;
	font-size:			14px;
}

img#apercu-cadre-clic {
	cursor: 			pointer;
}

div#cadre-clic-recap {
	background: 		transparent url(../cadres-encadrement/images/cadre-clic-recapitulatif-tarif.png) no-repeat;
	_background:		none; /* IE6 */ 
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cadres-encadrement/images/cadre-clic-recapitulatif-tarif.png', sizingMethod='image'); /* IE6 */
	width:				340px;
	height:				96px;
	padding-top:		24px;
	margin-left:		20px;
	overflow: 			hidden;
	float:				left;
	line-height:		15px;
}

div#recap-taille {
	width:				216px;
	padding-left:		10px;
}

div#recap-prix {
	margin-top:			10px;
	padding-left:		10px;
	font-size:			14px;
}

div#recap-ajout {
	margin-top:			18px;
	text-align:			center;
	float:				left;
	display:			inline;
}

div#cadre-clic-dimensions {
	background: 		transparent url(../cadres-encadrement/images/cadre-clic-fond-dimensions.png) 0 12px no-repeat;
	width: 				264px;
	height:				50px;
	padding-top:		41px;
	overflow:			hidden;
	padding-left:		12px;
	font-weight:		bold;
	clear:				left;
}

img#image-cadre-clic {
	margin-right: 		12px;
	float:				left;
}

div#cadre-clic-personnalisation {
	width:				570px;
	overflow:			hidden;
	clear:				left;
	margin-bottom:		20px;
}

div.cadre-clic-personnalisation-gauche {
	float:				left;
	display:			inline;
	width:				285px;
}

div.cadre-clic-personnalisation-droite {
	float:				left;
	display:			inline;
	width:				275px;
	margin-left:		10px;
}

div#cadre-clic-personnalisation h3 {
	color:				white;
	padding-left:		54px;
	height:				22px;
	margin-bottom:		4px;
	_width:				35px;
}

h3.cadre {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-cadre.png) left center no-repeat;
}

h3.marie-louise {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-marie-louise.png) left center no-repeat;
}

h3.image {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-image.png) left center no-repeat;
}

h3.mur {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-mur.png) left center no-repeat;
}
/*
div#cadre-clic-personnalisation-droite {
	float:				left;
	display:			inline;
	width:				246px;
	padding-top:		56px;
	line-height:		14px;
}
*/
div.cadre-clic-selection {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-selectboxes.png) no-repeat;
	height:				85px;
	width:				260px;
	margin-left:		6px;
	margin-bottom:		12px;
	padding:			3px 5px;
}

div#cadre-clic-upload {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-upload.png) no-repeat;
	height:				100px;
	width:				245px;
	margin-left:		12px;
	margin-bottom:		12px;
	padding:			3px 5px;
	color:				white;
	text-align: 		center;
}

div#cadre-clic-mur {
	background:			transparent url(../cadres-encadrement/images/cadre-clic-fond-couleur.png) left center no-repeat;
	height:				153px;
	width:				157px;
	margin-left:		60px;
	margin-bottom:		12px;
	padding:			3px 6px;
	color:				white;
}

span.prix-total {
	color: 				#f30;
	font-weight:		bold;
	margin-left: 		20px;
}

.cadre-clic-selection p {
	display:			none;
}

.cadre-clic-selection ul {
	height:				10px;
}

.cadre-clic-selection ul li {
	position:			absolute;
	left:				-100px;
	width:				40px;
}

div#cadre-clic-recap strong {
	color: 				green;
}

input#cadre-image {
	width: 				150px;
}

div#dialog-dimensions, div#dialog-cadre, div#dialog-ml, div#dialog-image, div#dialog-mur {
	display:			none;
}



div#contenu-cadre-clic {
	margin-left:		10px;
}

div#contenu-cadre-clic div#cadre-clic-gauche {
	width: 				260px;
	float:				left;
}

div#contenu-cadre-clic div#cadre-clic-gauche h2 {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	background: #3C3C3C;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3C3C3C), to(#5c5c5c));
	background: -webkit-linear-gradient(#3C3C3C, #5c5c5c);
	background: -moz-linear-gradient(#3C3C3C, #5c5c5c);
	background: -ms-linear-gradient(#3C3C3C, #5c5c5c);
	background: -o-linear-gradient(#3C3C3C, #5c5c5c);
	background: linear-gradient(#3C3C3C, #5c5c5c);
	-pie-background: linear-gradient(#3C3C3C, #5c5c5c);
	behavior: url(images/pie.htc);
	height: 20px;
	padding-top: 4px;
	margin-bottom: 4px;
}

div#contenu-cadre-clic div#cadre-clic-centre {
	width:				500px;
	float:				left;
	background:			magenta;
}

div#contenu-cadre-clic div#cadre-clic-droite {
	width:				220px;
	float:				left;
	background:			green;
}