#diffusion_mini_block_article, #diffusion_mini_block_category {
	max-width:300px;
}

.format_layout {
	background-color:#f8fafb;
	padding:8px;
}

.format_layout_select {
	background-color:#fff;
	padding:8px;
	border:2px solid #000;
}

.txt_de_layout {
	font-size:10px;
	font-style:italic;
	text-align:center;
}


.titre_section {
	font-size:16px;
	font-weight:bold;
	padding-bottom:8px;
	border-bottom:2px solid #ccc;
}

.cadre_btn_format {
	width:100%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.cadre_interieur_btn_format {
	display:inline-block;
	cursor:pointer;
	margin:7px;
	vertical-align:top;
	opacity:0.8;
}

.cadre_interieur_btn_format_select {
	display:inline-block;
	cursor:pointer;
	margin:7px;
	vertical-align:top;
}

.btn_en_image {
	position:relative;
	width:169px;
	height:99px;
	overflow:hidden;
}

.btn_en_image_select {
	position:relative;
	width:169px;
	height:99px;
	overflow:hidden;
	-webkit-box-shadow:inset 0 0 2px 2px #a05656;
	box-shadow:inset 0 0 2px 2px #a05656;
}



.effet_survol_btn_format {
	position:absolute;
	top:99px;
	left:0px;
	width:169px;
	height:99px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#446184+0,567aa0+100&0.1+0,1+50,1+100 */
	background: -moz-linear-gradient(top,  rgba(68,97,132,0.1) 0%, rgba(77,110,146,1) 50%, rgba(86,122,160,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(68,97,132,0.1) 0%,rgba(77,110,146,1) 50%,rgba(86,122,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(68,97,132,0.1) 0%,rgba(77,110,146,1) 50%,rgba(86,122,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a446184', endColorstr='#567aa0',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:21px;
	padding-top:35px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn_en_image:hover .effet_survol_btn_format {
	top:0px;
}


.effet_survol_btn_format_select {
	position:absolute;
	top:99px;
	left:0px;
	width:169px;
	height:99px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#446184+0,567aa0+100&0.1+0,1+50,1+100 */
	background: -moz-linear-gradient(top,  rgba(68,97,132,0.1) 0%, rgba(160,86,86,1) 50%, rgba(160,86,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(68,97,132,0.1) 0%,rgba(160,86,86,1) 50%,rgba(160,86,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(68,97,132,0.1) 0%,rgba(160,86,86,1) 50%,rgba(160,86,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a446184', endColorstr='#567aa0',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:21px;
	padding-top:35px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn_en_image_select:hover .effet_survol_btn_format_select {
	top:0px;
}

.mini_titre_btn_format {
	width:169px;
	padding:5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
    background-color:#567AA0;
    text-align:center;
    font-size:10px;
}

.mini_titre_btn_format_select {
	width:169px;
	padding:5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
    background-color:#a05656;
    text-align:center;
    font-size:10px;
    position:relative;
}


.mini_titre_btn_format_select:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(160, 86, 86, 0);
	border-top-color: #a05656;
	border-width: 10px;
	margin-left: -10px;
}

.presentation_ligne_contenu_page {
	border-bottom:1px dashed #ccc;
}


.cel_titre_type_format {
    position:relative;
    margin-bottom:15px;
}

.dans_cel_titre_type_format {
	width:100%;
	height:100%;
	position:relative;
	background-color: #a05656;
	color:#fff;
	text-shadow: 0 1px 2px #000000;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding:8px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dans_cel_titre_type_format:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(160, 86, 86, 0);
	border-top-color: #a05656;
	border-width: 10px;
	margin-left: -10px;
	margin-top:-1px;
}

.img_decalage_col {
	opacity:0.5;
	position:absolute;
	cursor:pointer;
	top:4px;
}

.img_decalage_col:hover {
	opacity:1;
}

.selecteur_module {
	display:inline-block;
	vertical-align:top;
	margin:5px;
	border:1px solid #567AA0;
	cursor:pointer;
}

.selecteur_module .titre_selecteur_module {
	width:100%;
	font-weight:bold;
	text-align:center;
	padding:5px;
	font-size:17px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#567AA0;
    color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.selecteur_module .titre_selecteur_module:hover {
	background-color:#8c7584;
}

.selecteur_module_select {
	display:inline-block;
	vertical-align:top;
	margin:5px;
	border:1px solid #a05656;
	cursor:pointer;
}

.selecteur_module_select .titre_selecteur_module {
	width:100%;
	font-weight:bold;
	text-align:center;
	padding:5px;
	font-size:17px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#a05656;
    color:#fff;
}

.interieur_selecteur_module {
	display:none;
}

.ligne_element_module {
	background-color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
    border-bottom:1px solid #000;
    padding:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ligne_element_module:hover {
	background-color:#fff2fa;
}

.ligne_element_module_select {
	background-color:#a05656;
	color:#fff;
	 padding:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom:1px solid #000;
}

.cadre_btn_visu {
	display:inline-block;
	cursor:pointer;
	position:relative;
	margin-right:10px;
}

.interdit_visu {
	position:absolute;
	top:5px;
	left:5px;
}

.non_selection_image_deja_use {
	display: inline-block;
	margin: 10px;
	border: 2px solid #6e6e6e;
	padding: 5px;
}

.selection_image_deja_use {
	display: inline-block;
	margin: 10px;
	border: 2px solid #00207c;
	padding: 5px;
}

.non_selection_image_deja_use img, .selection_image_deja_use img {
	max-width: 300px;
	height: auto;
}

#cadre_couleur_fond, #cadre_couleur_text, #cadre_couleur_bord, #cadre_cote_bord, #cadre_epaisseur_bord, #cadre_arrondi, #cadre_sens_fleche, #cadre_use_paralaxe {
	display: inline-block;
	margin: 10px;
	border: 1px solid #567AA0;
	text-align: center;
}

.mini_titre {
	padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #567AA0;
    text-align: center;
    font-weight: bold;
}

/* Compteur de caractère */
.zone_compte_caractère {
	border: 1px solid #454545;
	position: absolute;
	top:-45px;
	left:50%;
	background: #ffffff;
	padding:7px;
	font-weight:bold;
	font-size:12px;
	border-radius:4px;
	display:none;
}
.zone_compte_caractère:after, .zone_compte_caractère:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.zone_compte_caractère:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.zone_compte_caractère:before {
	border-color: rgba(69, 69, 69, 0);
	border-top-color: #454545;
	border-width: 11px;
	margin-left: -11px;
}