@font-face {
	font-family: 'AND';
	font-display: swap;
	src: url('/bin/font/AND.eot');
	src: url('/bin/font/AND.eot?') format('eot'), url('/bin/font/AND.woff2') format('woff2'), url('/bin/font/AND.woff') format('woff'), url('/bin/font/AND.ttf')  format('truetype');
}

@font-face {
	font-family: 'Arial';
	font-display: swap;
	src: url('/bin/font/Arial.eot');
	src: url('/bin/font/Arial.eot?') format('eot'), url('/bin/font/Arial.woff2') format('woff2'), url('/bin/font/Arial.woff') format('woff'), url('/bin/font/Arial.ttf')  format('truetype');
}

@font-face {
	font-family: 'Arial Black';
	font-display: swap;
	src: url('/bin/font/ArialBlack.eot');
	src: url('/bin/font/ArialBlack.eot?') format('eot'), url('/bin/font/ArialBlack.woff2') format('woff2'), url('/bin/font/ArialBlack.woff') format('woff'), url('/bin/font/ArialBlack.ttf')  format('truetype');
}

@font-face {
	font-family: 'Arphic CN';
	font-display: swap;
	src: url('/bin/font/arphic.eot');
	src: url('/bin/font/arphic.eot?') format('eot'), url('/bin/font/arphic.woff2') format('woff2'), url('/bin/font/arphic.woff') format('woff'), url('/bin/font/arphic.ttf')  format('truetype');
}

@font-face {
	font-family: 'Droid Sans';
	font-display: swap;
	src: url('/bin/font/DroidSansFallback.eot');
	src: url('/bin/font/DroidSansFallback.eot?') format('eot'), url('/bin/font/DroidSansFallback.woff2') format('woff2'), url('/bin/font/DroidSansFallback.woff') format('woff'), url('/bin/font/DroidSansFallback.ttf')  format('truetype');
}

@font-face {
	font-family: 'ShouShu851';
	font-display: swap;
	src: url('/bin/font/851ShouShu-2.eot');
	src: url('/bin/font/851ShouShu-2.eot?') format('eot'), url('/bin/font/851ShouShu-2.woff2') format('woff2'), url('/bin/font/851ShouShu-2.woff') format('woff'), url('/bin/font/851ShouShu-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'Free851CHIKARA-DZUYOKU-kanaB';
	font-display: swap;
	src: url('/bin/font/Free851CHIKARA-DZUYOKU-kanaB-2.eot');
	src: url('/bin/font/Free851CHIKARA-DZUYOKU-kanaB-2.eot?') format('eot'), url('/bin/font/Free851CHIKARA-DZUYOKU-kanaB-2.woff2') format('woff2'), url('/bin/font/Free851CHIKARA-DZUYOKU-kanaB-2.woff') format('woff'), url('/bin/font/Free851CHIKARA-DZUYOKU-kanaB-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'FreeBaoTuXiaoBaiTi';
	font-display: swap;
	src: url('/bin/font/FreeBaoTuXiaoBaiTi-2.eot');
	src: url('/bin/font/FreeBaoTuXiaoBaiTi-2.eot?') format('eot'), url('/bin/font/FreeBaoTuXiaoBaiTi-2.woff2') format('woff2'), url('/bin/font/FreeBaoTuXiaoBaiTi-2.woff') format('woff'), url('/bin/font/FreeBaoTuXiaoBaiTi-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'FreeMuyao-Softbrush';
	font-display: swap;
	src: url('/bin/font/FreeMuyao-Softbrush-2.eot');
	src: url('/bin/font/FreeMuyao-Softbrush-2.eot?') format('eot'), url('/bin/font/FreeMuyao-Softbrush-2.woff2') format('woff2'), url('/bin/font/FreeMuyao-Softbrush-2.woff') format('woff'), url('/bin/font/FreeMuyao-Softbrush-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenRyuMinJP-Bold';
	font-display: swap;
	src: url('/bin/font/GenRyuMinJP-Bold-2.eot');
	src: url('/bin/font/GenRyuMinJP-Bold-2.eot?') format('eot'), url('/bin/font/GenRyuMinJP-Bold-2.woff2') format('woff2'), url('/bin/font/GenRyuMinJP-Bold-2.woff') format('woff'), url('/bin/font/GenRyuMinJP-Bold-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenRyuMinJP-Light';
	font-display: swap;
	src: url('/bin/font/GenRyuMinJP-Light-5.eot');
	src: url('/bin/font/GenRyuMinJP-Light-5.eot?') format('eot'), url('/bin/font/GenRyuMinJP-Light-5.woff2') format('woff2'), url('/bin/font/GenRyuMinJP-Light-5.woff') format('woff'), url('/bin/font/GenRyuMinJP-Light-5.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenRyuMinJP-Medium';
	font-display: swap;
	src: url('/bin/font/GenRyuMinJP-Medium-6.eot');
	src: url('/bin/font/GenRyuMinJP-Medium-6.eot?') format('eot'), url('/bin/font/GenRyuMinJP-Medium-6.woff2') format('woff2'), url('/bin/font/GenRyuMinJP-Medium-6.woff') format('woff'), url('/bin/font/GenRyuMinJP-Medium-6.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenShinGothic-Bold';
	font-display: swap;
	src: url('/bin/font/GenShinGothic-Bold-2.eot');
	src: url('/bin/font/GenShinGothic-Bold-2.eot?') format('eot'), url('/bin/font/GenShinGothic-Bold-2.woff2') format('woff2'), url('/bin/font/GenShinGothic-Bold-2.woff') format('woff'), url('/bin/font/GenShinGothic-Bold-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenShinGothic-ExtraLight';
	font-display: swap;
	src: url('/bin/font/GenShinGothic-ExtraLight-2.eot');
	src: url('/bin/font/GenShinGothic-ExtraLight-2.eot?') format('eot'), url('/bin/font/GenShinGothic-ExtraLight-2.woff2') format('woff2'), url('/bin/font/GenShinGothic-ExtraLight-2.woff') format('woff'), url('/bin/font/GenShinGothic-ExtraLight-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'GenShinGothic-Regular';
	font-display: swap;
	src: url('/bin/font/GenShinGothic-Regular-2.eot');
	src: url('/bin/font/GenShinGothic-Regular-2.eot?') format('eot'), url('/bin/font/GenShinGothic-Regular-2.woff2') format('woff2'), url('/bin/font/GenShinGothic-Regular-2.woff') format('woff'), url('/bin/font/GenShinGothic-Regular-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'Hanwangkantan';
	font-display: swap;
	src: url('/bin/font/hanwangkantan.eot');
	src: url('/bin/font/hanwangkantan.eot?') format('eot'), url('/bin/font/hanwangkantan.woff2') format('woff2'), url('/bin/font/hanwangkantan.woff') format('woff'), url('/bin/font/hanwangkantan.ttf')  format('truetype');
}

@font-face {
	font-family: 'I-Ngaan';
	font-display: swap;
	src: url('/bin/font/I-Ngaan-2.eot');
	src: url('/bin/font/I-Ngaan-2.eot?') format('eot'), url('/bin/font/I-Ngaan-2.woff2') format('woff2'), url('/bin/font/I-Ngaan-2.woff') format('woff'), url('/bin/font/I-Ngaan-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'I-PenCrane-B';
	font-display: swap;
	src: url('/bin/font/I-PenCrane-B-2.eot');
	src: url('/bin/font/I-PenCrane-B-2.eot?') format('eot'), url('/bin/font/I-PenCrane-B-2.woff2') format('woff2'), url('/bin/font/I-PenCrane-B-2.woff') format('woff'), url('/bin/font/I-PenCrane-B-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'PangMenZhengDaoBiaoTiTi';
	font-display: swap;
	src: url('/bin/font/PangMenZhengDaoBiaoTiTi-1.eot');
	src: url('/bin/font/PangMenZhengDaoBiaoTiTi-1.eot?') format('eot'), url('/bin/font/PangMenZhengDaoBiaoTiTi-1.woff2') format('woff2'), url('/bin/font/PangMenZhengDaoBiaoTiTi-1.woff') format('woff'), url('/bin/font/PangMenZhengDaoBiaoTiTi-1.ttf')  format('truetype');
}

@font-face {
	font-family: 'PlayfairDisplay-Bold';
	font-display: swap;
	src: url('/bin/font/PlayfairDisplay-Bold-4.eot');
	src: url('/bin/font/PlayfairDisplay-Bold-4.eot?') format('eot'), url('/bin/font/PlayfairDisplay-Bold-4.woff2') format('woff2'), url('/bin/font/PlayfairDisplay-Bold-4.woff') format('woff'), url('/bin/font/PlayfairDisplay-Bold-4.ttf')  format('truetype');
}

@font-face {
	font-family: 'PlayfairDisplay';
	font-display: swap;
	src: url('/bin/font/PlayfairDisplay-Regular-7.eot');
	src: url('/bin/font/PlayfairDisplay-Regular-7.eot?') format('eot'), url('/bin/font/PlayfairDisplay-Regular-7.woff2') format('woff2'), url('/bin/font/PlayfairDisplay-Regular-7.woff') format('woff'), url('/bin/font/PlayfairDisplay-Regular-7.ttf')  format('truetype');
}

@font-face {
	font-family: 'Roboto-Thin';
	font-display: swap;
	src: url('/bin/font/Roboto-Thin-15.eot');
	src: url('/bin/font/Roboto-Thin-15.eot?') format('eot'), url('/bin/font/Roboto-Thin-15.woff2') format('woff2'), url('/bin/font/Roboto-Thin-15.woff') format('woff'), url('/bin/font/Roboto-Thin-15.ttf')  format('truetype');
}

@font-face {
	font-family: 'SetoFont';
	font-display: swap;
	src: url('/bin/font/SetoFont-1.eot');
	src: url('/bin/font/SetoFont-1.eot?') format('eot'), url('/bin/font/SetoFont-1.woff2') format('woff2'), url('/bin/font/SetoFont-1.woff') format('woff'), url('/bin/font/SetoFont-1.ttf')  format('truetype');
}

@font-face {
	font-family: 'ShouShuTi';
	font-display: swap;
	src: url('/bin/font/ShouShuTi-2.eot');
	src: url('/bin/font/ShouShuTi-2.eot?') format('eot'), url('/bin/font/ShouShuTi-2.woff2') format('woff2'), url('/bin/font/ShouShuTi-2.woff') format('woff'), url('/bin/font/ShouShuTi-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'Slidefu-Regular';
	font-display: swap;
	src: url('/bin/font/Slidefu-Regular-2.eot');
	src: url('/bin/font/Slidefu-Regular-2.eot?') format('eot'), url('/bin/font/Slidefu-Regular-2.woff2') format('woff2'), url('/bin/font/Slidefu-Regular-2.woff') format('woff'), url('/bin/font/Slidefu-Regular-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'SoukouMincho';
	font-display: swap;
	src: url('/bin/font/SoukouMincho-2.eot');
	src: url('/bin/font/SoukouMincho-2.eot?') format('eot'), url('/bin/font/SoukouMincho-2.woff2') format('woff2'), url('/bin/font/SoukouMincho-2.woff') format('woff'), url('/bin/font/SoukouMincho-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'SuCaiJiShiKangKangTi';
	font-display: swap;
	src: url('/bin/font/SuCaiJiShiKangKangTi-2.eot');
	src: url('/bin/font/SuCaiJiShiKangKangTi-2.eot?') format('eot'), url('/bin/font/SuCaiJiShiKangKangTi-2.woff2') format('woff2'), url('/bin/font/SuCaiJiShiKangKangTi-2.woff') format('woff'), url('/bin/font/SuCaiJiShiKangKangTi-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'tanukimagic';
	font-display: swap;
	src: url('/bin/font/tanukimagic-2.eot');
	src: url('/bin/font/tanukimagic-2.eot?') format('eot'), url('/bin/font/tanukimagic-2.woff2') format('woff2'), url('/bin/font/tanukimagic-2.woff') format('woff'), url('/bin/font/tanukimagic-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'WangHanZongChaoMingTiFan';
	font-display: swap;
	src: url('/bin/font/WangHanZongChaoMingTiFan-1.eot');
	src: url('/bin/font/WangHanZongChaoMingTiFan-1.eot?') format('eot'), url('/bin/font/WangHanZongChaoMingTiFan-1.woff2') format('woff2'), url('/bin/font/WangHanZongChaoMingTiFan-1.woff') format('woff'), url('/bin/font/WangHanZongChaoMingTiFan-1.ttf')  format('truetype');
}

@font-face {
	font-family: 'Yellowtail-Regular';
	font-display: swap;
	src: url('/bin/font/Yellowtail-Regular-2.eot');
	src: url('/bin/font/Yellowtail-Regular-2.eot?') format('eot'), url('/bin/font/Yellowtail-Regular-2.woff2') format('woff2'), url('/bin/font/Yellowtail-Regular-2.woff') format('woff'), url('/bin/font/Yellowtail-Regular-2.ttf')  format('truetype');
}

@font-face {
	font-family: 'Comic Sans MS';
	font-display: swap;
	src: url('/bin/font/ComicSansMS.eot');
	src: url('/bin/font/ComicSansMS.eot?') format('eot'), url('/bin/font/ComicSansMS.woff2') format('woff2'), url('/bin/font/ComicSansMS.woff') format('woff'), url('/bin/font/ComicSansMS.ttf')  format('truetype');
}

@font-face {
	font-family: 'Georgia';
	font-display: swap;
	src: url('/bin/font/Georgia.eot');
	src: url('/bin/font/Georgia.eot?') format('eot'), url('/bin/font/Georgia.woff2') format('woff2'), url('/bin/font/Georgia.woff') format('woff'), url('/bin/font/Georgia.ttf')  format('truetype');
}

@font-face {
	font-family: 'Impact';
	font-display: swap;
	src: url('/bin/font/Impact.eot');
	src: url('/bin/font/Impact.eot?') format('eot'), url('/bin/font/Impact.woff2') format('woff2'), url('/bin/font/Impact.woff') format('woff'), url('/bin/font/Impact.ttf')  format('truetype');
}

@font-face {
	font-family: 'Lucida Console';
	font-display: swap;
	src: url('/bin/font/LucidaConsole.eot');
	src: url('/bin/font/LucidaConsole.eot?') format('eot'), url('/bin/font/LucidaConsole.woff2') format('woff2'), url('/bin/font/LucidaConsole.woff') format('woff'), url('/bin/font/LucidaConsole.ttf')  format('truetype');
}

@font-face {
	font-family: 'Lucida Sans Unicode';
	font-display: swap;
	src: url('/bin/font/LucidaSansUnicode.eot');
	src: url('/bin/font/LucidaSansUnicode.eot?') format('eot'), url('/bin/font/LucidaSansUnicode.woff2') format('woff2'), url('/bin/font/LucidaSansUnicode.woff') format('woff'), url('/bin/font/LucidaSansUnicode.ttf')  format('truetype');
}

@font-face {
	font-family: 'Palatino Linotype';
	font-display: swap;
	src: url('/bin/font/PalatinoLinotype.eot');
	src: url('/bin/font/PalatinoLinotype.eot?') format('eot'), url('/bin/font/PalatinoLinotype.woff2') format('woff2'), url('/bin/font/PalatinoLinotype.woff') format('woff'), url('/bin/font/PalatinoLinotype.ttf')  format('truetype');
}

@font-face {
	font-family: 'Tahoma';
	font-display: swap;
	src: url('/bin/font/Tahoma.eot');
	src: url('/bin/font/Tahoma.eot?') format('eot'), url('/bin/font/Tahoma.woff2') format('woff2'), url('/bin/font/Tahoma.woff') format('woff'), url('/bin/font/Tahoma.ttf')  format('truetype');
}

@font-face {
	font-family: 'Times New Roman';
	font-display: swap;
	src: url('/bin/font/TimesNewRoman.eot');
	src: url('/bin/font/TimesNewRoman.eot?') format('eot'), url('/bin/font/TimesNewRoman.woff2') format('woff2'), url('/bin/font/TimesNewRoman.woff') format('woff'), url('/bin/font/TimesNewRoman.ttf')  format('truetype');
}

@font-face {
	font-family: 'Trebuchet MS	';
	font-display: swap;
	src: url('/bin/font/TrebuchetMS.eot');
	src: url('/bin/font/TrebuchetMS.eot?') format('eot'), url('/bin/font/TrebuchetMS.woff2') format('woff2'), url('/bin/font/TrebuchetMS.woff') format('woff'), url('/bin/font/TrebuchetMS.ttf')  format('truetype');
}

@font-face {
	font-family: 'Verdana';
	font-display: swap;
	src: url('/bin/font/Verdana.eot');
	src: url('/bin/font/Verdana.eot?') format('eot'), url('/bin/font/Verdana.woff2') format('woff2'), url('/bin/font/Verdana.woff') format('woff'), url('/bin/font/Verdana.ttf')  format('truetype');
}


@media (orientation: landscape) {
	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 18px;
		color: #D71317;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100vw;
		max-width: 100%;
		overflow-x: hidden;
	}
	
	#index_logo_gauche {
		position: absolute;
		width: 50%;
		height: 100%;
		background-color: #FFFFFF;
	}

	#login {
		margin-left: 50%;
		position: absolute;
		width: 50%;
		height: 100%;
		background-color: #D71317;
	}
}

@media (orientation: portrait) {
	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 20px;
		color: #D71317;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		height: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}
	
	#index_logo_gauche {
		position: absolute;
		width: 50%;
		height: 100%;
		background-color: #FFFFFF;
	}

	#login {
		margin-left: 50%;
		position: absolute;
		width: 50%;
		height: 100%;
		background-color: #D71317;
	}
}

a, a:hover {
	color: #D71317;
}

input {
	font-size: 1.1vw;
}

select {
	font-size: 1.1vw;
}

#page {

}

#loadfont {
	position: absolute;
	top: 98%;
	left: 0px;
	color: #FFFFFF;
	font-size: 0.4em;
}

#loadfont_indicator {
	position: absolute;
	top: 25px;
	left: 135px;
	background-color: #EEEEFF;
	border: 1px solid #8888FF;
	border-radius: 0.4vw;
	font-size: 0.7vw;
	padding: 0.2vw;
}

.lfont {
	float: left;
}

#table_index_logo{
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
}

#table_index_logo td {
	vertical-align: center;
	text-align: center;
}

#table_login {
	width: 100%;
	height: 100%;
	background-color: #D71317;
}

#td_login {
	vertical-align: center;
	text-align: center;
}

#table_login_box {
	width: 220px;
	margin: 0 auto;
	background: #FFFFFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#table_login_box td {
	vertical-align: center;
	text-align: center;
}

.input {
	font-size: 1vw;
	width: 185px;
	color: #D71317;
	background-color: #FFFFFF;
	margin: 8px;
	padding-left: 15px;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#but_login {
	cursor: pointer;
	font-size: 20px;
	width: 204px;
	color: #FFFFFF;
	margin: 8px;
	height: 30px;
	background-color: #D71317;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#login_erreur {
	margin-top: 20px;
	color: blue;
}

#bandeau {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 85px;
	background-color: #D71317;
	z-index: -10;
}

#bandeau_decal {
	width: 100%;
	height: 85px;
}

#img_bandeau {
	height: 75px;
	vertical-align: middle;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 10;
	cursor: pointer;
}

#islider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 25vw;
	cursor: pointer;
}

#islides {
    position: absolute;
    top: 0;
    left: 0px;
    display: flex;
    height: 25vw;
}

.islide {
	display: inline-block;
    vertical-align: center;
    width: 100vw;
    height: 25vw;
    margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#islide_point {
	cursor: ew-resize;
	position: absolute;
	width: 5vw;
	left: 47.5vw;
	top: 22.5vw;
	background-image: url(../image/slide_point_1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1.7vw;
	-webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#message_accueil {
	color: #000000;
	font-size: 2.5vw;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding-top: 2vw;
}

.rect_accueil_g {
	cursor: pointer;
	float: left;
	width: 36vw;
	height: 21vw;
	margin: 3vw 0 3vw 10vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1.2vw 0 0 3vw;
	color: #FFFFFF;
	font-size: 2.8vw;
	line-height: 3vw;
}

.rect_accueil_d {
	cursor: pointer;
	float: right;
	width: 36vw;
	height: 21vw;
	margin: 3vw 10vw 3vw 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1.2vw 0 0 3vw;
	color: #FFFFFF;
	font-size: 2.8vw;
	line-height: 3vw;
}

.rect_double_accueil {
	cursor: pointer;
	width: 80vw;
	height: 18.2vw;
	margin: 3vw 0 3vw 10vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1.2vw 0 0 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 2.8vw;
	line-height: 3vw;
}


#contenu {
	width: 100%;
}

.titre_page {
	padding: 1.5vw 0 1vw 0;
	width: 100vw;
	text-align: center;
	font-size: 2vw;
}

.hr_page {
	width: 83vw;
	color: #D71317;
}

#menus_filter {
	margin : 0 auto;
	width: 90vw;
	text-align: center;
	font-size: 1.1vw;
}

.choix {
	max-width: 610px;
	height: 100%;
	border: 0;
	margin: 0 auto;
}
.choix td {
	padding-top: 80px;
	padding-bottom: 0px;
	margin: 0;
	vertical-align: center;
	text-align: center;
	color: #D71317;
	font-size: 1.3em;
}

.choix_div {
	cursor: pointer;
	float:left;
	margin: 0 auto;
	width: 300px;
}

.choix td p {
	padding: 0;
	margin: 0;
}


.choix3 {
	max-width: 910px;
	height: 100%;
	border: 0;
	margin: 0 auto;
}
.choix3 td {
	padding-top: 30px;
	padding-bottom: 0px;
	margin: 0;
	vertical-align: center;
	text-align: center;
	color: #D71317;
	font-size: 1.3em;
}

.choix3 td p {
	padding: 0;
	margin: 0;
}



.suivant {
	cursor: pointer;
	position: absolute;
	right: 3vw;
	bottom: 10vh;
	color: #D71317;
	font-size: 1.3vw;
}

.suivant img {
	cursor: pointer;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 5px;
}

.suivant2 {
	cursor: pointer;
	position: absolute;
	right: 3vw;
	bottom: 5vh;
	color: #D71317;
	font-size: 1.3vw;
}

.suivant2 img {
	cursor: pointer;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 5px;
}

.precedent {
	cursor: pointer;
	position: absolute;
	left: 3vw;
	bottom: 10vh;
	color: #D71317;
	font-size: 1.3vw;
}

.precedent img {
	cursor: pointer;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}

.precedent2 {
	cursor: pointer;
	position: absolute;
	left: 3vw;
	bottom: 5vh;
	color: #D71317;
	font-size: 1.3vw;
}

.precedent2 img {
	cursor: pointer;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}

.download_pdf {
	position: absolute;
	right: 3vw;
	top: 105px;
	color: #D71317;
	font-size: 1.3vw;
}

.download_pdf img {
	cursor: pointer;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cut_marks_div {
	cursor: pointer;
	position: absolute;
	right: 4vw;
	top: 155px;
	color: #D71317;
	font-size: 1.3vw;
}

.liste_gauche {
	cursor: pointer;
	position: absolute;
	left: 3vw;
	top: 120px;
	color: #D71317;
	font-size: 0.9vw;
}

.list_gauche {
	position: absolute;
	top: 220px;
	color: #D71317;
	font-size: 1.3vw;
	left: 3vw;
}

#hanbao {
	z-index: 1400;
	cursor: pointer;
	position: absolute;
	width: 40px;
	right: 15px;
	top: 20px;
}

.hanbao_red {
	z-index: 1400;
	background: #FFFFFF;
	width: 100%;
	height: 4px;
}

.hanbao_white {
	z-index: 1400;
	background: #D71317;
	width: 100%;
	height: 4px;
	opacity: 0;	
}

#pop_hanbao {
	z-index: 1400;
	display: none;
	position: absolute;
	width: 200px;
	right: 15px;
	top: 55px;
	background-color: #FFFFFF;
	color: #D71317;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#pop_hanbao p:hover {
	z-index: 1400;
	background-color: #D71317;
	color: #FFFFFF;
}

#pop_hanbao hr {
	z-index: 1400;
	border: 1px dashed #D7262C;
}

#popup {
	color: #D71317;
	position: absolute;
	z-index: 1000;
	width: 80vw;
	margin-left: 10vw;
	margin-top: 30vh;
	padding: 3vw;
	background-color: #FFFFFF;
	border: 2px solid #D71317;
	text-align: center;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
	border-radius: 1vw;
	display: none;
}

.popup_close_but {
	cursor: pointer;
	color: #D71317;
	margin-top: 5vh;
	margin-left: 37vw;
	width: 12vw;
	height: 6vh;
	text-align: center;
	line-height: 6vh;
	background-color: #FFFFFF;
	border: 2px solid #D71317;
	-moz-border-radius: 0.5w;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}

#vide {
	display: none;
 	visibility: hidden;
}

#preload {
	display: none;
 	visibility: hidden;
}

#debug {
	display: none;
 	/* visibility: hidden; */
}

tr.entete {
	color: #D71317;
	font-size: 1.1vw;
}

tr.entete td {
	padding-left: 1vw;
	padding-right: 1vw;
	border: 1px solid white;
	-moz-border-radius: 0.5w;
	-webkit-border-radius: 0.5vw;
	border-radius: 0.5vw;
}

tr.ligne {
	color: #D71317;
	font-size: 1vw;
	border: 1px solid blue;
}

tr.ligne td {
	padding-left: 1vw;
	padding-right: 1vw;
}

tr.ent {
	color: #D71317;
	font-size: 1.1vw;
	font-weight: bold;
}

tr.ent td {
	padding-left: 1vw;
	padding-right: 1vw;
}

tr.lig {
	color: #D71317;
	font-size: 1vw;
}

tr.lig td {
	padding-left: 1vw;
	padding-right: 1vw;
	padding-top: 0.8vh;
	padding-bottom: 0.8vh;
}


.but {
	cursor: pointer;
	display: inline-block;
	font-size: 1vw;
	color: #D71317;
	margin: 2px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.but_img_editor {
	cursor: pointer;
	font-size: 1vw;
	width: 12vw;
	text-align: center;
	color: #D71317;
	margin: 5px auto 5px auto;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.div_mymenus_item {
	float:left;
	width: 13vw;
	height: 20vw;
	margin: 0.4vw;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	display: table-cell;
	vertical-align: bottom;
	word-break: break-all;
	border: 1px solid #D71317;
	overflow: hidden;
}	

.div_mymenus_img {
	margin: auto;
	height: 14vw;
	width: 13vw;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.div_mymenus_item img {
	margin: auto;
	max-height: 13vw;
	max-width: 12vw;
}

.mymenus_engr {
	cursor: pointer;
	z-index: 100;
	float:left;
	/* margin : 0.7vw 0 0 -1.7vw;  */
	margin : 0.2vw 0 0 -2.2vw;
	padding: 0.5vw;
	width: 1vw;
}

.mymenus_sub {
	display: none;
	z-index: 100;
	float:left;
	margin : 2vw 0 0 -8.7vw;
	width: 7vw;
	background-color: #FFFFFF;
	color: #D71317;
	border: 1px solid #D71317;
	padding: 0.5vw;
	border-radius: 0.5vw;
}

.mymenus_sub div {
	cursor: pointer;
	background-color: #FFFFFF;
	color: #D71317;
}

.mymenus_sub div:hover {
	cursor: pointer;
	background-color: #D71317;
	color: #FFFFFF;
}

.channel_titre {
	cursor: pointer;
	font-size: 1.2vw;
	color: #D71317;
	background-color: #FFFFFF;
	float: left;
	padding: 0.3vw 1vw 0.3vw 1vw;
	margin: 2vh 1px -0.1vw 0;
	border: 0.2vw solid #D71317;
	-moz-border-radius: 1vw 1vw 0 0;
	-webkit-border-radius: 1vw 1vw 0 0;
	border-radius: 1vw 1vw 0 0;
	border-bottom: 0px;
}

#channelbox {
	width: 60vw;
	border: 0.2vw solid #D71317;
	-moz-border-radius: 0 1vw 1vw 1vw;
	-webkit-border-radius: 0 1vw 1vw 1vw;
	border-radius: 0 1vw 1vw 1vw;
}

.channel_div {
	min-height: 100px;
	width: 58.5vw;
	margin: 2vh auto 1vh auto;
}

.channel_item {
	float:left;
	width: 11vw;
	height: 14vw;
	margin: 0.4vw;
	text-align: center;
	font-size: 0.7vw;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
}

.channel_div_img {
	margin: auto;
	height: 12vw;
	width: 10.2vw;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.channel_item img {
	margin: auto;
	max-height: 11.5vw;
	max-width: 10vw;
}

#nom_template {
	position: absolute;
	left: 20vw;
	top: 22px;
	color: #FFFFFF;
	text-align: center;
	width: 60vw;
}

#modele_page {
	position: relative;
    width: 500px;
    height: 707px;
    margin: 20px 0 0 0;
    padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	outline : 1px solid #D71317;
	box-shadow: 3px 2px 2px rgba(0,0,0,0.5);
}

#div_search_img {
	width: 75vw;
	height: 3vw;
	font-size: 0.8vw;
	text-align: left;
}

#div_search_img input {
	font-size: 0.7vw;
}

#div_search_img select {
	font-size: 0.7vw;
}

#bo_box {
	width: 28vw;
	border: 1px solid #D71317;
	background-color: #F5F5F5;
	margin-top: 20px;
	font-size: 0.6vw;
	min-height: 80vh;
}

#bo_nom_template {
	width: 100%;
	text-align: center;
	background-color: #C5C5C5;
	font-size: 1vw;
}

#bo_table_tools {
	width: 100%;
	padding: 0.2vw 0 0.5vw 0;
}

.bo_td_tool1 {
	text-align: center;
	width: 25%;
	padding: 0 0.25vw 0 0.5vw;
	cursor: pointer;
}

.bo_td_tool2 {
	text-align: center;
	width: 25%;
	padding: 0 0.25vw 0 0.25vw;
	cursor: pointer;
}

.bo_td_tool3 {
	text-align: center;
	width: 25%;
	padding: 0 0.5vw 0 0.25vw;
	cursor: pointer;
}

.div_tool {
	margin: 0;
	padding: 0;
	line-height: 0.8vw;
	border: 1px solid #D71317;
	box-shadow: 3px 2px 2px rgba(0,0,0,0.5);
}

#bo {
	width: 100%;
}

.bo_titre {
	width: 27.2vw;
	background-color: #C5C5C5;
	font-size: 0.8vw;
	padding-left: 0.8vw;
	margin: 0.1vw 0 0.3vw 0;
}

.bo_cle {
	width: 25%;
	padding: 0 0.3vw 0 0.3vw;
	background-color: #E5E5E5;
	border: 1px solid #C5C5C5;
}

.bo_val {
	padding-left: 0.3vw;
	border: 1px solid #C5C5C5;
}

#bo input {
	font-size: 0.6vw;
}

#bo textarea {
	font-size: 0.6vw;
}

#bo select {
	font-size: 0.6vw;
}

#bo .but {
	font-size: 0.7vw;
}

#pdfpage {
	position: relative;
    width: 500px;
    height: 707px;
    margin: 20px 0 0 0;
    padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* outline-top: 1px solid #888888; */
	/* outline-right: 1px solid #88888; */
	/* outline-left: 1px solid #222222; */
	/* outline-bottom: 1px solid #222222; */
	outline : 1px solid #D71317;
	box-shadow: 3px 2px 2px rgba(0,0,0,0.5);
}

#rlogo {
	cursor: pointer;
	position: absolute;
	opacity: 0.2;
	padding: 0;
	margin: 0;
	width: 500px;
	top: 0px;
	left: 0px;
	height: 135px;
}

#flogo {
	cursor: pointer;
	position: absolute;
	opacity: 0.2;
	padding: 0;
	margin: 0;
	width: 500px;
	top: 0px;
	left: 0px;
	height: 135px;
}

#titre_pdf {
	cursor: pointer;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3vw;
}

#titre_cover {
	cursor: pointer;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3vw;
	opacity: 0.2;
}

#stitre_pdf {
	cursor: pointer;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3vw;
}

#stitre_cover {
	cursor: pointer;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3vw;
	opacity: 0.2;
}

#stitre_bcover {
	cursor: pointer;
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 1.3vw;
	opacity: 0.2;
}


.img_art{
	display: inline-block; 
	width: 220px;
	height: 165px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pdfart_A4_1 {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 140px;
	left: 240px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pdfart_A4_2 {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 325px;
	left: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pdfart_A4_3 {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 510px;
	left: 240px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pdfart_A5_1 {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 210px;
	left: 240px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#pdfart_A5_2 {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 465px;
	left: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#artpdf_A4_1 {
	cursor: pointer;
	text-align: right;
	position: absolute;
	width: 190px;
	height: 175px;
	top: 130px;
	left: 30px;
}

#artpdf_A4_2 {
	cursor: pointer;
	text-align: left;
	position: absolute;
	width: 190px;
	height: 175px;
	top: 315px;
	left: 280px;
}

#artpdf_A4_3 {
	cursor: pointer;
	text-align: right;
	position: absolute;
	width: 190px;
	height: 175px;
	top: 500px;
	left: 30px;
}

#artpdf_A5_1 {
	cursor: pointer;
	text-align: right;
	position: absolute;
	width: 190px;
	height: 175px;
	top: 200px;
	left: 30px;
}

#artpdf_A5_2 {
	cursor: pointer;
	text-align: left;
	position: absolute;
	width: 190px;
	height: 175px;
	top: 455px;
	left: 280px;
}

#pdfvide_A4_1 {
	cursor: pointer;
	background-color: white;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 140px;
	left: 240px;
	background-image: url(../image/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}

#pdfvide_A4_2 {
	cursor: pointer;
	background-color: white;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 325px;
	left: 40px;
	background-image: url(../image/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}

#pdfvide_A4_3 {
	cursor: pointer;
	background-color: white;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 510px;
	left: 240px;
	background-image: url(../image/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}

#pdfvide_A5_1 {
	cursor: pointer;
	background-color: white;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 210px;
	left: 240px;
	background-image: url(../image/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}

#pdfvide_A5_2 {
	cursor: pointer;
	background-color: white;
	position: absolute;
	width: 220px;
	height: 165px;
	top: 465px;
	left: 40px;
	background-image: url(../image/plus.png);
	background-position: center;
	background-repeat: no-repeat;
}


.but_cat {
	font-size: 20px;
	font-weight: bold;
	margin-top: 8px;
	width: 204px;
	color: #D71317;
	height: 30px;
	line-height: 30px;
	vertical-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.but_art_cat {
	margin: 0;
	display: none;
	font-size: 18px;
	width: 204px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.but_art_cat > div {
	height: 25px;
	line-height: 25px;
	vertical-align: center;
}


.libimg_main_folder {
	width: 12vw;
	font-size: 0.8vw;
	padding-left: 1vw;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.but_folder {
	font-size: 0.7vw;
	color: #000000;
	width: 12vw;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding-left: 1vw;
}

#foldimg {
	width: 75vw;
	padding: 0;
	margin: 0;
	border: 1px solid grey;
	background-color: #F5F5F5;
}

#foldimg_nom {
	width: 75vw;
	text-align: left;
	font-size: 1.2vw;
	font-weight: bold;
	background-color: #D71317;
	color: white;
}

#foldimg_items {
	width: 75vw;
	min-height: 72vh;
	background-color: #F5F5F5;
}

.foldimg_item {
	float:left;
	width: 8.2vw;
	height: 10vw;
	margin: 0.4vw;
	text-align: center;
	font-size: 0.6vw;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	overflow-y: hidden;
}

.foldimg_div_img {
	margin: auto;
	height: 7.4vw;
	display: table-cell;
	vertical-align: middle;
	width: 8.1vw;
	text-align: center;
}

.foldimg_item img {
	margin: auto;
	max-height: 7vw;
	max-width: 7.9vw;
}

.check_img {
	float: right;
	margin: 0.2vw;
}

#pop_art {
	font-size: 1.1vw;
	z-index: 1001;
	display: none;
	position: absolute;
	/* width: 200px; */
	left: 50vw;
	top: 255px;
	background-color: #FFFFFF;
	color: #D71317;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#pop_art p {
	margin: 2px;
}

#pop_art p:hover {
	cursor: pointer;
	margin: 2px;
	background-color: #D71317;
	color: #FFFFFF;
}

#pop_art hr {
	border: 1px dashed #D7262C;
}

.price {
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	color: #D71317;
	margin: 2px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.textart {
	cursor: pointer;
	max-width: 190px;
	max-height: 150px;
	display: inline-block;
	font-size: 20px;
	color: #888888;
	margin: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* INPUT Type RANGE */
input[type=range] {
    -webkit-appearance: none;
    border-radius: 5px;
    width: 250px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 250px;
    height: 7px;
    background: #ABB7B7;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #4B77BE;
    margin-top: -6px;
    vertical-align: middle;
}
input[type=range]::-moz-range-track {
    width: 250px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}
input[type=range]:focus::-moz-range-track {
    background: #ccc;
}
input[type=range]::-ms-track {
    width: 250px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:hover {
	cursor: pointer;
}

.ed {
	margin: 0.2vw;
	font-size: 1.2vw;
	padding: 0.1vw;
}

.edi {
	margin: 0.2vw;
	padding: 0.2vw;
	display: none;
	font-size: 1vw;
	border: 1px solid grey;
}

.eff_title {
	width: 100%;
	text-align: center;
	background-color: #E0E0E0;
}

#crop_top {
	z-index: 1420;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00BBFF;
	opacity: 0.5;
	border: 0px;
	border-bottom: 2px solid black;
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#crop_bottom {
	z-index: 1420;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #00BBFF;
	opacity: 0.5;
	border: 0px;
	border-top: 2px solid black;
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#crop_left {
	z-index: 1420;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #00BBFF;
	opacity: 0.5;
	border: 0px;
	border-right: 2px solid black;
	display: none;
	height: 100%;
	margin: 0;
	padding: 0;
}

#crop_right {
	z-index: 1420;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #00BBFF;
	opacity: 0.5;
	border: 0px;
	border-left: 2px solid black;
	display: none;
	height: 100%;
	margin: 0;
	padding: 0;
}

.e_text {
	border: 1px solid transparent;
}

.e_text:hover {
	border: 1px dashed grey;
}

.e_text .ui-rotatable-handle {
	display: none;
}

.e_text:hover .ui-rotatable-handle {
	display: block;
}

.e_text .ui-resizable-handle {
	display: none;
	visibility: hidden;
}

.e_text:hover .ui-resizable-handle {
	display: block;
	visibility: visible;
}

.e_img {
	border: 1px solid transparent;
}

.e_img:hover {
	border: 1px dashed grey;
}

.e_img .ui-rotatable-handle {
	display: none;
}

.e_img:hover .ui-rotatable-handle {
	display: block;
}

.e_img .ui-resizable-handle {
	display: none;
	visibility: hidden;
}

.e_img:hover .ui-resizable-handle {
	display: block;
	visibility: visible;
}



/* Slider design */
#slider_all {
	width: 750px;
	margin: 0 auto;
	background-color: #777475;
	height: 354px;
}

#slider {
    position: relative;
    max-width: 650px;
    overflow: hidden;
    height: 354px;
}

#slides {
    position: absolute;
    top: 0;
    left: -100px;
    display: flex;
    height: 354px;
}

.slide {
	cursor: pointer;
    display: inline-block;
    vertical-align: center;
    line-height: 354px;
    width: 250px;
    height: 354px;
    margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.span_slide {
	color: #D71317;
	background-color: #FFFFFF;
	border: 1px solid #D71317;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.slider_fleche {
	width: 49px;
	vertical-align: center;
	height: 354px;
	background-repeat: no-repeat;
	background-position: center center;
 }
 
 
 

/* Slider article */
#slider_all_art {
	width: 300px;
	margin: 0 auto;
	background-color: #777475;
	height: 570px;
}

#slider_art {
    position: relative;
    height: 500px;
    overflow: hidden;
    width: 300px;
}

#slides_art {
    position: absolute;
    top: 0;
    left: 0;
    /* display: flex; */
    width: 300px;
}

.slide_art {
    /* display: inline-block; */
    text-align: right; 
    font-size: 12px;
    color: white;
    vertical-align: center;
    width: 300px;
    height: 212px;
    margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider_fleche_art {
	height: 35px;
	vertical-align: center;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center center;
 }

#nbphot {
	width: 300px;
	text-align: cemter;
	height: 20px;
}



/* font selector */

.fontSelect {
	z-index: 1500;
	position: relative;
	padding: 3px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	margin: 3px;

	width: 20vw;

	background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	background-image: -o-linear-gradient(top, #f9f9f9, #f0f0f0);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f0f0f0);
	background-image: linear-gradient(top, #f9f9f9, #f0f0f0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$from', EndColorStr='$to');
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cecece;
}

.fontSelect span {
	z-index: 1500;
	overflow: hidden;
	margin-left: 5px;
}

.fontSelect .arrow-down {
	z-index: 1500;
	position: absolute;
	right: 10px;
	top: 14px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;

	border-top: 6px solid #AAA;
}

.fontSelectUl {
	z-index: 1500;
	list-style: none;
	width: 200px;
	background: #f9f9f9;
	position: absolute;
	left: 0;
	top: 35px;
}

.fontSelectUl li {
	z-index: 1500;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	cursor: pointer;
	padding: 0 10px;

	font-size: 14px;

	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}

.fontSelectUl li:last-child {
	z-index: 1500;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	border-bottom: 1px solid #EEEEEE;
}

.fontSelectUl li:hover {
	z-index: 1500;
	background: #DDD;
}


/*  bcPicker */

.color-picker {
	width: 30px;
	height: 30px;
	padding: 7px;
	border: 1px solid black;
}
			
.bcPicker-picker {
	z-index: 1500;
	width: 100%;
	height: 100%;
	position:  relative;
	cursor: pointer;
}

.bcPicker-palette {
	width: 120px;
	position: absolute;
	top: 40px;
	padding: 5px;
	border: 1px solid #efefef;
	background-color: #fdfdfd;
	z-index: 1510;
	display: none;
}

.bcPicker-palette > .bcPicker-color {
	z-index: 1500;
	width: 14px;
	height: 14px;
	margin: 2px;
	display: inline-block;
	border: 1px solid #efefef;
}