/**@font-face { font-family: Clio; src: url('../fonts/LeType - ClioCRegular.otf'); }
@font-face { font-family: Clio; src: url('../fonts/LeType - ClioCMedium-Medium.otf'); } 
@font-face { font-family: Clio; src: url('../fonts/LeType - ClioCBold-Bold.otf'); }
@font-face { font-family: Clio; src: url('../fonts/LeType - ClioCBlack-Black.otf'); }
@font-face { font-family: Clio; font-weight: bold; src: url('../fonts/LeType - ClioCBold-Bold.otf'); }
@font-face { font-family: Clio; src: url('../fonts/LeType - ClioCLight-Light.otf'); }
**/

/** Generated by FG **/
@font-face {
	font-family: 'Conv_LeType - ClioCBlack-Black';
	src: url('fonts/LeType - ClioCBlack-Black.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCBlack-Black.woff') format('woff'), url('fonts/LeType - ClioCBlack-Black.ttf') format('truetype'), url('fonts/LeType - ClioCBlack-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_LeType - ClioCBold-Bold';
	src: url('fonts/LeType - ClioCBold-Bold.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCBold-Bold.woff') format('woff'), url('fonts/LeType - ClioCBold-Bold.ttf') format('truetype'), url('fonts/LeType - ClioCBold-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_LeType - ClioCLightIt-Light';
	src: url('fonts/LeType - ClioCLightIt-Light.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCLightIt-Light.woff') format('woff'), url('fonts/LeType - ClioCLightIt-Light.ttf') format('truetype'), url('fonts/LeType - ClioCLightIt-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_LeType - ClioCMedium-Medium';
	src: url('fonts/LeType - ClioCMedium-Medium.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCMedium-Medium.woff') format('woff'), url('fonts/LeType - ClioCMedium-Medium.ttf') format('truetype'), url('fonts/LeType - ClioCMedium-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_LeType - ClioCRegular';
	src: url('fonts/LeType - ClioCRegular.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCRegular.woff') format('woff'), url('fonts/LeType - ClioCRegular.ttf') format('truetype'), url('fonts/LeType - ClioCRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_LeType - ClioCSemiBold-SemiBold';
	src: url('fonts/LeType - ClioCSemiBold-SemiBold.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCSemiBold-SemiBold.woff') format('woff'), url('fonts/LeType - ClioCSemiBold-SemiBold.ttf') format('truetype'), url('fonts/LeType - ClioCSemiBold-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_LeType - ClioCUltraBlack-UltraBlack';
	src: url('fonts/LeType - ClioCUltraBlack-UltraBlack.eot');
	src: local('Ôÿ║'), url('fonts/LeType - ClioCUltraBlack-UltraBlack.woff') format('woff'), url('fonts/LeType - ClioCUltraBlack-UltraBlack.ttf') format('truetype'), url('fonts/LeType - ClioCUltraBlack-UltraBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,.titre { 
	    font-family: Clio, sans-serif;
	    font-size:24px;
	    padding-left: 12px; }

.menu {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 15px;
	color: #FFF;
}

.texte_d {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 17px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 3px;
	color: #FFF;
	text-decoration: none;
}

.texte {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
}

.texte_marque {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	padding-left: 12px; }

.div_selection {
	padding-left: 12px; }


.imu {
	vertical-align: text-bottom;
}



.border_table {
	border: 1px solid #000;
}

.title {
	font-family: "Conv_LeType - ClioCUltraBlack-UltraBlack";
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	text-decoration: underline;
	padding-left: 12px;
}
.title_simple {
	font-family: "Conv_LeType - ClioCUltraBlack-UltraBlack";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0em;
	color: #000;
	padding-left: 12px;
	word-spacing: normal;
}
.title_simple2 {
	font-family: "Conv_LeType - ClioCUltraBlack-UltraBlack";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0em;
	color: #000;
	padding-left: 12px;
	word-spacing: normal;
}
.title_marque_bold {
	font-family: "Conv_LeType - ClioCUltraBlack-UltraBlack";
	font-size: 24px;
	font-weight: bold;
	letter-spacing: normal;
	color: #000;
	padding-left: 12px;
	word-spacing: normal;
}
.title_marque {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 24px;
	letter-spacing: normal;
	color: #000;
	padding-left: 12px;
	word-spacing: normal;
}
.title_selection {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 22px;
	letter-spacing: normal;
	color: #000;
	word-spacing: normal;
	padding: 0px;
	bottom: 10px;
	top: 1250px;
}





.marca {
	font-family: "Conv_LeType - ClioCUltraBlack-UltraBlack";
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	padding-left: 12px;
}

.caddy_text2 {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 12px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	padding-left: 12px;
	line-height: 22px;
	border: thin none #000;
}


.caddy_text {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 13px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 1px;
	color: #FFF;
	text-decoration: none;
	padding-left: 12px;
	line-height: 22px;
	border: thin none #000;
}
.text_marque {
	font-family: "Conv_LeType - ClioCBlack-Black";
	font-size: 16px;
	letter-spacing: 2px;
	padding-left: 7px;
}
.text_ref {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	padding-left: 7px;
	font-style: italic;
}

.text_ref2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-style: italic;
}

.text_info {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	font-style: italic;
	text-align: left;
	text-indent: 10px;
	padding: 3px;
}


.text_info2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	font-style: italic;
	text-align: left;

	padding: 30px;
}





.text_prix {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #C5003A;
}
.text_prix_grand {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #000000;
	margin: 1px;
	border: 2px solid #000;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	float: left;
	left: 25px;
}
.text_prix_promo_grand {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1px;
	border: 2px solid #000;
	background-color: #C5003A;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	float: left;
	left: 25px;
}

.text_prix_grand_baree {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-decoration: line-through;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.text_prix_baree {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #C5003A;
	text-decoration: line-through;
}

.text_noir_baree {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: line-through;
}

.table_product {
	border: 1px solid #666666;
	background-color: #FFF;
}




.table_pointure {
	letter-spacing: 3px;
	color: #000;
	padding-left: 12px;
	line-height: 22px;
	border: 1px solid #000;
}

.table_pointure_selected {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 16px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 3px;
	color: #000;
	text-decoration: none;
	padding-left: 12px;
	line-height: 22px;
	border: 3px solid #F00;
}
.text_pointure {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 10px;
	vertical-align: sub;
}
.text_pointure_petit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 10px;
}
.select_menu2 {
	font-family: "Conv_LeType - ClioCBlack-Black";
	font-size: 14px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 1px;
	color: #000;
}





.select_menu {
	font-family: "Conv_LeType - ClioCBlack-Black";
	font-size: 14px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 1px;
	color: #000;
	text-decoration: none;
	border-top-color: #F666666;
	border-right-color: #F666666;
	border-bottom-color: #F666666;
	border-left-color: #F666666;
	height: 35px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
}










.texte_selected {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
}


.texte_selected a:link {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #C5003A;
}

.texte_selected a:visted {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #C5003A;
}

.texte_selected a:hover {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #C5003A;
}





.texte a:link {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #000;
}

.texte a:visted {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #000;
}

.texte a:hover {
	font-family: "Conv_LeType - ClioCRegular";
	font-size: 16px;
	text-align: justify;
	text-decoration: none;
	color: #000;
}




.menu a:link {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 17px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 3px;
	color: #FFF;
	text-decoration: none;
}

.menu a:visited {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 17px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 3px;
	color: #FFF;
	text-decoration: none;
}

.menu a:hover {
	font-family: "Conv_LeType - ClioCMedium-Medium";
	font-size: 17px;
	/* [disabled]font-weight: bold; */
	letter-spacing: 3px;
	color: #FFF;
	text-decoration: underline;
}

h1,.grandtitre { font-family: "Conv_LeType - ClioCRegular"; font-size:35px; }

h3,.titreG { font-family: Clio, sans-serif; font-size:24px; font-weight: bold; }
h4,.texteG {
	font-family: "Conv_LeType - ClioCBold-Bold";
	font-size: 16px;

}
h5, { font-family: Clio, sans-serif; }
h6, { font-family: Clio, sans-serif; font-weight: bold; }
h7,.grandtitre { font-family: "Conv_LeType - ClioCRegular"; font-size:35px; }
h7,.gras { font-family: Clio, sans-serif; font-size:35px; font-weight: bold; }
.legende { font-family: Clio, sans-serif; font-size:14px; font-weight: light;}
.photo {
	border: 1px solid #000;
	margin: 2px;
	padding: 1px;
}
.photo_selected {
	border: 2px solid #F00;
	margin: 2px;
	padding: 1px;
}
.photo_reset {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: -5px;
	padding-left: 0px;
}
.test {	text-overflow: ellipsis;
	overflow:hidden;
	width: 197px;
	height: 19px;
	white-space:pre-line;
}.recherche {
	border: 1px solid #C5003A;
	padding-left: 0px;
	padding-right: 0px;
	height: 33px;
}
.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width:500px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }



.modalDialogPetit {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialogPetit:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialogPetit > div {
		width:675px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}