@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('/styleandscript/fonts/Qlassik_TB-webfont.eot');
    src: url('/styleandscript/fonts/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styleandscript/fonts/Qlassik_TB-webfont.woff') format('woff'),
         url('/styleandscript/fonts/Qlassik_TB-webfont.ttf') format('truetype'),
         url('/styleandscript/fonts/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fc_font
	{
	font-family: QlassikMediumRegular;
	}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('/styleandscript/fonts/QlassikBold_TB-webfont.eot');
    src: url('/styleandscript/fonts/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styleandscript/fonts/QlassikBold_TB-webfont.woff') format('woff'),
         url('/styleandscript/fonts/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('/styleandscript/fonts/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayMedium';
    src: url('/styleandscript/fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RalewayBold';
    src: url('/styleandscript/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.box_sizing, .border-box, *
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

textarea
	{
	resize: vertical;
	box-sizing: border-box;
	}

.font0
	{
	font-size: 0px;
	}

/* TITRE, SOUS TITRE */

.topictitle, h2, .guide_conftenu_explode h3
	{
	font-family:"RalewayBold", sans-serif;
	font-size: 22px;
	color:#348fd1;
	font-weight: normal;
	/*box-shadow: 0px 2px 1px #cccccc;*/
	}
	
h2.content
	{
	/* POUR LES H2 DE CONTENU, AVEC PLUS d4ESPACE*/
	font-size:30px;
	line-height:normal;
	text-align: left;
	margin-top:50px;
	margin-bottom:30px;
	}

h2.h2block
	{
	margin-top:20px !important;
	margin-bottom:10px !important;
	background:#92CB59;
	border-radius: 5px;
	text-shadow: #000000 1px 1px 2px;
	color:#ffffff !important;
	padding:5px;
	font-family: QlassikBoldRegular, sans-serif;
	font-weight:normal;
	font-size:22px;
	box-shadow:1px 1px 2px #333;
	}

h2.black
	{
	font-family:arial;
	font-size: 19px;
	color:#000000;
	}

th h3, .th h2
	{
	font-family:arial;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:14px;
	background:none;
	color:white;
	}

.tr_h2 h2, .tr_h2 h3
	{
	font-family:arial;
	color:#ffffff;
	font-size:15px;
	margin:0px
	}

td.tr_h2
	{
	font-family:"Trebuchet MS", arial;
	background:#8DA973;
	padding:0px;
	}

/* H3 */

h3, .guide_contenu_exfplode h4
	{
	font-family:"RalewayBold", sans-serif;
	font-size: 18px;
	margin-top:25px;
	margin-bottom:10px;
	font-weight: normal;
	color : #3c779e;
	}

h4
	{
	font-family:arial;
	margin-top:10px;
	margin-bottom:10px;
	font-weight: bold;
	font-size: 15px;
	color : #717171;
	}

h4.index
	{
	font-family:arial;
	margin:0px;
	font-size:14px;
	}

h4.index a
	{
	font-family:arial;
	text-decoration:none;
	color:#348FD1 !important;
	}


.nuit h4.index a
	{
	color:#25513e !important;
	}

.tablepp h4.index a
	{
	color:#fff !important;
	}

h4.index a:hover
	{
	font-family:arial;
	text-decoration:underline;
	color:#5599BB !important;
	}

.affiche_box h2
	{
	color:#348fd1;
	margin-top:0px;
	margin-bottom:5px;
	}

.affiche_box h2.rectangle_bleu
	{
	color:#fff;
	}

.topictitle, .topiclist	{ font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; text-decoration:none }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* TABLE */

.forumline, .tableclass
	{
	width:100%;
	border-collapse:collapse;
	}
	
table
	{
	box-sizing: border-box;
	}

.tablenospace, .tablenospace tr, .tablenospace tr td
	{
	padding:0px;
	margin:0px;
	}

.tabletitre, th
	{
	background:#348FD1;
	color:#ffffff;
	font-size:13px;
	font-weight:normal;
	height:18px;
	padding:4px;
	border-right:#62943b solid 1px;
	border-left:#91c46b solid 1px;
	}

table .tabletitre:first-child, table th:first-child
	{
	border-left:0;
	}

table .tabletitre:last-child, table th:last-child
	{
	border-right:0;
	}

#content.nuit .tabletitre, #content.nuit th
	{
	background:#334424;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	height:18px;

	/* Bordure */
	border-top:1px solid #324323;
	border-bottom:1px solid #324323;

	/* image de fond 2 */
	background-image: url('/img/structure/fond_th_nuit.gif');
	background-repeat: repeat-x;
	}

tr.th
	{
	/* Bordure */
	border-left:1px solid #348FD1;
	border-right:1px solid #348FD1;
	}

tr.th.nuit
	{
	/* Bordure */
	border-left:1px solid #324323;
	border-right:1px solid #324323;
	}

th.gris
	{
	background:#9E9E9E;
	background-image: url('/img/structure/fond_th_puzzle_nb.gif');
	color:#000000;
	text-align: left;
	}

#content .content_bloc th.gris a
	{
	color:#ffffff;
	}

.disnone, .coucou
	{
	display:none;
	}

.nopuzzle_gris
	{
	padding-left:0px !important;
	background-image: url('/img/structure/fond_th_nb.gif');
	}

.tabletitre a
	{
	color:#4A88CC !important;
	text-decoration:underline;
	}

/*.table1, .row1
	{
	padding:5px !important;
	background: #F0F6E3;
	color:#000000 !important;
	border:1px solid #C7C7C7;
	}

.table2, .row2
	{
	padding:5px !important;
	background:#FFFFFF;
	color:#000000 !important;
	border:1px solid #C7C7C7;
	}

.table3, .row3
	{
	padding:5px !important;
	background:#fdfbe5;
	color:#000000;
	border:1px solid #C7C7C7;
	}
*/

.table1, .row1
	{
	padding:5px !important;
	background:#ededed;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}

.table1.fonce, .row1.fonce
	{
	}

#content.nuit .table1, #content.nuit .row1
	{
	background: #B8D2A1;
	}

.table2, .row2
	{
	padding:5px !important;
	background:#FFFFFF;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}

.table2.fonce, .row2.fonce
	{
	}

/*.table_altern .table1:nth-child(odd), .table_altern .row1:nth-child(odd), .table_altern .row2:nth-child(odd), .table_altern .table2:nth-child(odd), .table_altern .table0:nth-child(odd)
	{
	padding:5px !important;
	background:#ededed;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}

.table_altern .table1:nth-child(even), .table_altern .row1:nth-child(even), .table_altern .row2:nth-child(even), .table_altern .table2:nth-child(even), .table_altern .table0:nth-child(even)
	{
	padding:5px !important;
	background:#FFFFFF;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}*/

#content.nuit .table2, #content.nuit .row2
	{
	background: #B9DFB9;
	}

.vtop
	{
	vertical-align: top !important;
	}

.vcenter
	{
	position:absolute;
	top: 50%;
	right:0px;
	left:0px;
	transform: translateY(-50%);
	}
	

.guide_table
	{
	border:1px solid #ededed;
	bordder-collapse: collapse;
	}

.guide_table_full
	{
	width:100%;
	}

.guide_table_noborder
	{
	border:0;
	}

.guide_table.center
	{
	margin-right:auto;
	margin-left:auto;
	}

.guide_table th
	{
	text-align: center;
	border: 0px;
	padding:7px;

	}

.guide_table tr td
	{
	text-align: left;
	}

.guide_table tr td.center
	{
	text-align: center;
	}

.guide_table tr:nth-child(odd) td
	{
	background:#fff;
	padding:5px;
	}

.guide_table tr:nth-child(even) td
	{
	background:#ededed;
	padding:5px;
	}

.vbottom
	{
	vertical-align: bottom;
	}

.vmiddle
	{
	vertical-align: middle;
	}

.v10
	{
	width:10px;
	height:10px;
	vertical-align: -1px;
	}

.v12
	{
	width:12px;
	height:12px;
	vertical-align: -1px;
	}

.v16
	{
	vertical-align: -3px;
	}
	
.v16_force
	{
	width:16px;
	height:16px;
	vertical-align: -3px;
	}

.v16_plus
	{
	width:16px;
	height:16px;
	vertical-align: -1px;
	}

.v32
	{
	vertical-align: -8px;
	height:32px;
	}

.v48
	{
	height:48px;
	}

.v64
	{
	height:64px;
	}

.v128
	{
	height:128px;
	}

.v24
	{
	vertical-align: -6px;
	height:24px;
	}

.v32plus
	{
	vertical-align: -11px;
	}

.table3, .row3
	{
	padding:5px !important;
	background: #e5e8d4;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}

.table_new
	{
	padding:5px !important;
	background: #ffe972;
	color:#000000 !important;
	border:1px solid #8F8F8F;
	}

.tablepp
	{
	padding:5px !important;
	background: #B34361;
	color:#ffffff !important;
	border:1px solid #8F8F8F;
	background-image:url('/img/forum/fond_pp.gif');
	background-repeat: no-repeat;
	}

.tablepp a
	{
	color:#ffffff !important;
	}

.table3.fonce, .row3.fonce
	{
	background:#DAD7B8;
	}

.nobordertable .table3,.nobordertable .table2, .nobordertable .table1
	{
	border:1px solid #BFBFBF;
	}

td .table_right
	{
	border-right:1px #8F8F8F solid;
	}

.table_left
	{
	border-right:0px;
	border-left:1px #8F8F8F solid;
	}

.table_left2
	{
	border-left:0px;
	}

table.structure_table
	{
	border-collapse: collapse;
	width:100%;
	}

table.structure_table td
	{
	padding:0px;
	margin:0px;
	vertical-align:top
	}

table.structure_table td .fittoheight
	{
	height:250px;
	}



	/* TH SOBRE */

	tr.sobre th
		{
		background:#8F8F8F;
		color:#ffffff;
		border:0px;
		border:1px solid #ffffff;
		font-size:14px;
		padding:4px
		}

	tr.sobre th .vert
		{
		color:#99DFA9;
		}

	tr.sobre th .rouge
		{
		color:#FFAFAF;
		}

	.table
		{
		display: table;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.table_but_iphone, table_to_div
		{

		}

	@media (max-width:930px)
		{
		.table_but_iphone, .table_to_div
			{
			display: block;
			} 
			
		.table_but_iphone tr, .table_to_div tr
			{
			display: block;
			width:100%;
			}
		}

	.table100
		{
		width:100%;
		}

	.tdr
		{
		display: table-row;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.td
		{
		display: table-cell;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: middle;
		}

	.half
		{
		width:50%;
		}

/* AFFICHE BOX */

.affiche_box
	{
	font-size:12px;
	font-family: arial;
	color:#233743;
	position:absolute;
	z-index:2000;
	display:none;
      padding:6px;
	background:#FFFFFF;
      border:0px solid #555;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.affiche_box_notop
	{
	background-image:none;
	}

.affiche_box a
	{
	color:#4C83AF;
	}

.affiche_box .fermer_lien img
	{
	height:16px;
	}

strong.bleu, strong.bleu a
	{
	font-size:17px;
	color:#348fd1 !important;
	}

.bleu
	{
	color:#348fd1 !important;
	}

a.bleu, .bleu a, .affiche_box h2.bleu
	{
	color:#348fd1 !important;
	}

td
	{
	font-size:14px;
	}
	
.rond_blanc
	{
	border:1px solid white;
	border-radius: 50%;
	}

/* COLONNE */

.colonne
	{
	column-gap: 1%;
	/*column-rule: 2px solid rgba(0,0,0,0.2);*/
	
	}

.colonne_3
	{
	column-count: 3;
	column-width: 200px;
	}

.colonne_4
	{
	column-count: 4;
	column-width: 200px;
	}

/* MARGIN et ALIGN */
.center
	{
	text-align:center;
	}
.table_center, .bloc_center
	{
	margin-left:auto;
	margin-right:auto;
	}
.right
	{
	text-align:right;
	}
.left
	{
	text-align:left;
	}
.justify
	{
	text-align:justify;
	}
.nopadding
	{
	padding:0px !important;
	}
.nomargin
	{
	margin:0px !important;
	}
.nopadding_top
	{
	padding-top:0px !important;
	}
.nomargin_top
	{
	margin-top:0px !important;
	}
.nomargin_bottom
	{
	margin-bottom:0px !important;
	}
.margin_top
	{
	margin-top:10px !important;
	}
.margin_left
	{
	margin-left:20px !important;
	}
.margin_bottom
	{
	margin-bottom:10px !important;
	}
.align_top
	{
	vertical-align:top;
	}

.padding_10
	{
	padding:10px;
	}

.padding_15
	{
	padding:10px;
	}

.padding_gauche_10
	{
	padding-left:10px;
	}

.padding_droite_10
	{
	padding-right:10px;
	}

.padding_gauche_5
	{
	padding-left:5px;
	}

.padding_droite_5
	{
	padding-right:5px;
	}

.padding_droite_15
	{
	padding-right:15px;
	}

.padding_5
	{
	padding:5px;
	}

.padding_8
	{
	padding:8px;
	}

.padding_20
	{
	padding:20px;
	}

.padding_0
	{
	padding:0px;
	}

.ultra_padding, .ultra_padding_iphone
	{
	padding:12px;
	padding-top:30px !important;
	padding-bottom:30px !important;
	}
	

.super_padding
	{
	padding:10px;
	padding-top:20px !important;
	padding-bottom:20px !important;
	}

/* POLICE */

.gensmall, .petitefont
	{
	font-size : 10px !important;
	}

.droite
	{
	text-align:right;
	}

.gauche
	{
	text-align:left !important;
	}

.medfont, .normalfont
	{
	font-size : 11px;
	}

.bigfont
	{
	font-size : 15px;
	}

.news_box
	{
	font-size:12px;
	}

.news_box h2
	{
	font-size:14px;
	border:0px;
	background:none;
	margin-bottom:5px;
	padding:0px;
	}

.nowrap
	{
	white-space: nowrap;
	}

.line_height_15
	{
	line-height: 15px;
	}

.line_height_20
	{
	line-height: 20px;
	}

img, iframe { border:0px }


/* Formulaires */

	/* CHECKBOX STYLE */
	
	.checkbox_style input + label
		{
		display:inline-block;
		height:20px;
		width:35px;
		
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
		}
		
	.checkbox_style input 
		{
		position: absolute;
		left: -9999px;
		}
	
	.checkbox_style input + label::before
		{
		position: absolute;
		top:0px;
		left:0px;
		content: '';
		display: block;
		width: 35px;
		height:20px;
		border-radius: 50px;
		background: #b3b3b3;
		transition: background-color .2s;
		}
		
	.checkbox_style input + label::after
		{
		position: absolute;
		top:2px;
		left:2px;
		content: '';
		display: block;
		width: 16px;
		height:16px;
		border-radius: 50px;
		background: #fff;
		transition: all ease 0.2s;
		}
		
	.checkbox_style input:checked + label::before
		{
		background: #55bd14;
		}
		
	.checkbox_style input:checked + label::after
		{
		left:17px;
		}
	
	.checkbox_style input:disabled + label::before
		{
		opacity:0.5;
		}

	form { margin:0px;}


	input
		{
		/*border:0px;*/
		}
	input.large, select.large
		{
		font-size:16px;
		min-width:300px;
		}

	.form_big, .form_big_solo
		{
		text-align: center;
		padding:20px 8px;
		}

	.form_big input, .form_big_solo input
		{
		font-size:21px;
		background-image: url('//www.forumconstruire.com/img/icpa/loupe_s.svg');
		background-size: 32px;
		background-position: 10px center;
		background-repeat: no-repeat;
		width:450px;
		max-width:90%;
		border-radius:3px;
		border:1px solid #ccc;
		padding:10px;
		padding-left:50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.form_big input.short
		{
		font-size:21px;
		background-image: none;
		width:250px;
		border-radius:3px;
		border:1px solid #ccc;
		padding:10px;
		padding-left:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.form_big select.short
		{
		font-size:21px;
		background-image: none;
		width:300px;
		border-radius:3px;
		border:1px solid #ccc;
		height:45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.form_big button, .form_big_solo button
		{
		background: #348FD1;
		color:#fff;
		text-shadow: 0px 0px 2px #555;
		font-size:21px;
		border-radius:3px;
		border:1px solid #ccc;
		padding:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.form_big button.go
		{
		background-image: url('//media1.forumconstruire.com/img/icpa/go_32.png');
		background-position: 10px center;
		background-repeat: no-repeat;
		padding-left:50px;
		}


.nomargin
	{
	margin-top:0px !important;
	}

strong.gras
	{
	font-size:14px;
	}

strong.tres_gras
	{
	font-size:17px;
	}

strong.tres_tres_gras
	{
	font-size:20px;
	}

strong.tres_tres_tres_gras
	{
	font-size:25px;
	}

strong.grand
	{
	font-size:14px;
	font-weight: normal;
	}

strong.tres_grand
	{
	font-size:17px;
	font-weight: normal;
	}

strong.tres_tres_grand
	{
	font-size:20px;
	font-weight: normal;
	}

strong.tres_tres_tres_grand
	{
	font-size:25px;
	font-weight: normal;
	}

.strike
	{
	text-decoration: line-through;
	}

.nongras
	{
	font-weight:normal;
	}

input.useradd_input:-webkit-autofill 
	{
	padding:3px !important;
	}
	
input.useradd_input
	{
	font-size:16px;
	font-size:arial;
	width:250px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 1px #eaeaea;
	border-radius: 2px;
	padding:3px;
	}

input.useradd_input_short
	{
	width:150px !important;
	}

input.useradd_input_big
	{
	font-size:25px;
	width:300px;
	max-width: 100%;
	}

select.useradd_input
	{
	font-size:arial;
	width:250px;
	font-size:16px;
	font-size:arial;
	border:1px solid #ccc;
	box-shadow: 1px 1px 1px #eaeaea;
	border-radius: 2px;
	padding:3px;
	}

textarea.useradd_input
	{
	font-size:arial;
	width:250px;
	min-height:100px;
	font-size:16px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 1px #eaeaea;
	border-radius: 2px;
	padding:3px;
	}

select.useradd_select
	{
	font-size:arial;
	font-size:16px;
	}

input.useradd_input_pseudo
	{
	background-image: url('/img/icpa/user_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_surface
	{
	background-image: url('/img/icpa/plan_16.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_url
	{
	background-image: url('/img/icpa/url_16.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_euro
	{
	background-image: url('/img/icpa/euro_16.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_email
	{
	background-image: url('/img/icpa/mail_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_tel
	{
	background-image: url('/img/icpa/tel_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_code
	{
	background-image: url('/img/icpa/lock_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_ville
	{
	background-image: url('/img/icpa/ville_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

input.useradd_input_search	{
	background-image: url('/img/icpa/loupe_s.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:30px;
	}

.useradd_label
	{
	font-size:18px;
	font-weight: 500;
	color:#888;
	font-family:"QlassikBoldRegular", sans-serif;
	}

.codearea
	{
	width:200px;
	height:100px;
	}

/* quote */
.quote
	{
	border:3px solid #CFCFCF;
	padding:5px;
	background:#ffffff;
	border-radius: 0px 0px 5px 0px;
	margin-bottom:0px;
	}


#content.nuit .quote
	{
	border:2px solid #66844e;
	padding:5px;
	background:#c8e2b1;
	color:#000000;
	}

#content.nuit .quote a
	{
	color:#ffffff !important;
	}

#content.nuit .quote legend
	{
	color:#37412e;
	}

.quote legend
	{
	font-style: normal;
	}

.quote .quote
	{
	margin-right:0px;
	}

/* Bloc */
.table1 td .quote
	{
	background:#FFFFFF;
	}

.table2 td .quote
	{
	background:#EDEDED;
	}

.table3 td .quote
	{
	background:#ffffff;
	}

#content.nuit .table2 td .quote
	{
	background:#B8D2A1;
	}

#content.nuit .table1 td .quote
	{
	background:#B9DFB9;
	}

#content.nuit .table3 td .quote
	{
	background:#DAD7B8;
	}

.img_nota
	{
	text-align:right;
	font-size:11px;
	color:#8F8F8F;
	font-style: italic;
	}

#first_post_pub
	{
	padding:5px;
	float:right;
	background:#ffffff;
	text-align:center;
	width:300px;
        border-radius:3px;
        box-shadow: 1px 1px 3px #555555;
	}

.encadre
	{
	padding:5px;
	background:#ffffff;
	border:1px solid #C7C7C7;
	text-align:center;
	margin-left:15px;
	}

.content_bloc .notice_message
	{
	width:400px;
	margin-left: auto;
	margin-right: auto;
	background:#92C760;
	background-image: url('/img/bloc/notice_message_fond.gif');
	background-repeat: repeat-x;
	color:#ffffff;
	padding:10px;
	font-size:13px;
	}

.content_bloc ul, .table_content_td_div ul
	{
	margin-left:15px;
	padding:0px;
	}

.content_bloc .notice_message ul
	{
	margin:0px;
	}

.content_bloc .notice_message strong
	{
	font-size:15px;
	color:#fef5b9;
	}

.content_bloc .notice_message a
	{
	font-size:15px;
	color:#fef5b9 !important;
	}

.border_left
	{
	border-left:1px dotted #589E34;
	padding-left:10px;
	}

.help
	{
	cursor:help;
	}

a.nounder
	{
	text-decoration:none;
	}

a.nounder:hover
	{
	text-decoration:underline;
	}

a.google
	{
	color:#739B67 !important;
	text-decoration:none;
	}

.overflow
	{
	overflow:auto;
	}

#alert_box
	{
	position:absolute;
	z-index:100;
	}

.alerte
	{
	/*background:#C85353;
	padding:5px;
	color:#ffffff;
	margin-bottom:1px;
	border-bottom:4px #AC3334 solid;
	background-image:url('/img/alerte_rouge.gif');
	background-repeat:no-repeat;
	background-position:10px 25px;
	padding-left:50px;*/

	background:#F5F5F4;
	padding:5px;
	color:#000000;
	border:1px #6F6F6F solid;
	background-image:url('/img/alerte_rouge.gif');
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:50px;
	}

.alerte_pop
	{
	background:#F5F5F4;
	padding:5px;
	color:#000000;
	border:6px #6F6F6F solid;
	-moz-border-radius:10px;
	border-radius:10px;
	}

.alerte hr
        {
        height:1px;
        color:#000000;
        border:0px;
        border-bottom:1px #000000 solid;
        }

hr.gris
	{
        height:1px;
        color:#ddd;
        border:0px;
        border-bottom:3px #ddd solid;
	}

hr.blanc
	{
        height:1px;
        color:#ffffff;
        border:0px;
        border-bottom:3px #ffffff solid;
	}

.rectangle_gris hr.gris, .notice_gris hr.gris
	{
        height:1px;
        color:#bbb;
        border:0px;
        border-bottom:3px #bbb solid;
	}

a.blanc
	{
	color:#fff !important;
	}

.doublehr
	{
        border-top:2px #ddd solid;
        padding-top:7px;
        padding-bottom:7px;
        border-bottom:2px #ddd solid;
	}

.alerte a, .alerte_pop a
        {
        color:#375F7B !important;
        text-decoration:underline;
        }

.alerte strong, .alerte_pop strong
        {
        color:#cc0000 !important;
        font-size: 14px;
        }

.alerte_v4
        {
        padding:8px;
        padding-top:11px;
        border-radius:7px;
        box-shadow: 1px 1px 3px #555555;
        background: rgb(207,4,4); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); /* IE6-9 */
	color:#fff;
        }

.alerte_v4 strong
        {
        font-size:18px;
        text-shadow: #000000 1px 1px 3px;
        }

.notice
	{
	/* Bloc coloré pour afficher du texte important */
	padding:5px !important;
	background: #F0F6E3;
	border:1px solid #C7C7C7;
	}

.notice_v2
        {
        border:1px #BFBFBF solid;
        padding:8px;
        padding-top:11px;
        background:#eeeeee;
        background-image:url('/img/structure/onglet_ombre.gif');
        background-position: top;
        background-repeat: repeat-x;
        border-radius:3px;
        }

/* NOTICE V4 */

	.notice_v4
	        {
	        padding:8px;
	        padding-top:11px;
	        background:#eeeeee;
	        border-radius:3px;
	        box-shadow: 1px 1px 3px #555555;
	        }

	.notice_v4_strong
	        {
	        font-size:22px;
	        margin-bottom:10px;
	        }

	 /* NOTICE NOTICE */

		.notice_v4_notice
			{
			padding-left:140px;
			min-height:130px;
			background-image: url('/img/notice/notice.png');
			background-repeat: no-repeat;
			background-position: 10px left;
			border-top:3px #007AE1 solid;
			text-align: justify;
			}

		.notice_v4_notice .notice_v4_strong
		        {
		        color:#007AE1;
		        text-shadow: #ffffff 1px 1px 2px;
		        }

	/* NOTICE ALERTE */

		.notice_v4_alerte
			{
			padding-left:140px;
			min-height:130px;
			background-image: url('/img/notice/alert.png');
			background-repeat: no-repeat;
			background-position: center left;
			border-top:3px #FFAA1E solid;
			}

		.notice_v4_alerte .notice_v4_strong
		        {
		        color:#F79800;
		        text-shadow: #ffffff 1px 1px 2px;
		        }

	/* NOTICE QUESTION */

		.notice_v4_question
			{
			padding-left:140px;
			min-height:130px;
			background-image: url('/img/notice/question.png');
			background-repeat: no-repeat;
			background-position: center left;
			border-top:3px #BDE94B solid;
			}

		.notice_v4_question .notice_v4_strong
		        {
		        color:#A2CE29;
		        text-shadow: #ffffff 1px 1px 2px;
		        }

	/* NOTICE INTERDIT */

		.notice_v4_interdit
			{
			padding-left:140px;
			min-height:130px;
			background-image: url('/img/notice/interdit.png');
			background-repeat: no-repeat;
			background-position: center left;
			border-top:3px #CF0D0D solid;
			}

		.notice_v4_interdit .notice_v4_strong
		        {
		        color:#CF0D0D;
		        text-shadow: #ffffff 1px 1px 2px;
		        }

.notice_gris
      {
      padding:8px;
      background:#eeeeee;
	box-shadow: 0px 0px 3px #555555;
      }

.notice_jaune
        {
        padding:8px;
        background:#fff585;
		box-shadow: 0px 0px 3px #555555;
        }


.notice_border
	{
	border:1px solid #8f8f8f;
	}

/* NOTICE */
.notice_blanc
	{

	}

/* NOTICE AVEC PICTO */

	/* TOUTES */

		.notice_info, .notice_info_16, .notice_url_16, .notice_ok_16, .notice_reglages_16, .notice_ok_32, .notice_ok_64, .notice_idee_64, .notice_idee_32, .notice_idee_16
			{
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
			box-sizing: border-box !important;
			}

	/* 64 */

		.notice_info, .notice_info_64, .notice_ok_64, .notice_plus, .notice_plus_64, .notice_idee_64
			{
			background-repeat: no-repeat !important;
			background-position: 5px center !important;
			padding-left:80px !important;
			min-height:74px !important;
			}

		.notice_info, .notice_info_64
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/info_64.png') !important;
			}

		.notice_ok_64
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/ok_64.png') !important;
			}

		.notice_idee_64
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/idee_64.png') !important;
			}

		.notice_plus, .notice_plus_64
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/plus_64.png') !important;
			}

		@media (max-width:930px)
			{
			/* TABLETTES */
			.notice_info, .notice_info_64
				{
				background-image: url('//media1.forumconstruire.com/img/icpa/info_32.png');
				background-repeat: no-repeat;
				background-position: 5px 5px;
				padding-left:48px;
				min-height:42px;
				}

			.notice_plus, .notice_plus_64
				{
				background-image: url('//media1.forumconstruire.com/img/icpa/plus_32.png');
				background-repeat: no-repeat;
				background-position: 5px 5px;
				padding-left:48px;
				min-height:42px;
				}

			.notice_idee_64
				{
				background-image: url('//media1.forumconstruire.com/img/icpa/idee_32.png');
				background-repeat: no-repeat;
				background-position: 5px 5px;
				padding-left:48px;
				min-height:42px;
				}

			}

	/* 32 */

		.notice_ok_32, .notice_info_32, .notice_error_32, .notice_reglages_32, .notice_idee_32
			{
			background-repeat: no-repeat !important;
			background-position:5px 5px !important;
			padding-left:46px !important;
			min-height:30px !important;
			}

		.notice_ok_32
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/ok_32.png') !important;
			}

		.notice_info_32
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/info_32.png') !important;
			}

		.notice_reglages_32
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/reglages_32.png') !important;
			}

		.notice_idee_32
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/idee_32.png') !important;
			}

		.notice_error_32
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/error_32.png') !important;
			}

	/* 16 */

		.notice_info_16, .notice_url_16, .notice_ok_16, .notice_reglages_16, .notice_idee_16
			{
			background-repeat: no-repeat !important;
			background-position:5px center !important;
			padding-left:30px !important;
			min-height:26px !important;
			}

		.notice_info_16
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/info_16.png') !important;
			}

		.notice_idee_16
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/idee_16.png') !important;
			}

		.notice_url_16
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/url_16.png') !important;
			}

		.notice_ok_16
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/ok_16.png') !important;
			}

		.notice_reglages_16
			{
			background-image: url('//media1.forumconstruire.com/img/icpa/reglages_16.png') !important;
			}


.notice_blanc, .notice_white, .sospon_box_notice_blanc
	{
	padding:8px;
	background:#fff;
	box-shadow: 0px 0px 3px #555555;
	}

.wait_box
	{
	background-image: url('/img/loader.svg') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	min-height:120px !important;
	}

/* BLOC DE TEXTE POUR CONTENT SANS BORDER */

.nb
      {
      padding:8px;
      background:#fff;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
	margin-bottom:15px;
      }

.nbgris
	{
	background:#eeeeee;
	}

.nbjaune
	{
	background:#fff585;
	}

.nbmr, .nbmr_iphone
	{
	margin-right:15px;
	}

.nbnp
	{
	padding:0px;
	}
.nbbb
	{
	border-bottom: 2px solid #348fd1;
	}

.nb_notice
	{
	padding-left:90px;
	min-height:80px;
	background-image: url('/img/icpa/info_64.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

.nb_alerte
	{
	padding-left:90px;
	min-height:80px;
	background-image: url('/img/icpa/alert_64.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

.nb_question
	{
	padding-left:150px;
	min-height:130px;
	background-image: url('/img/notice/question.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

.nb_interdit
	{
	padding-left:150px;
	min-height:130px;
	background-image: url('/img/notice/interdit.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

/* GENERAL MENU GAUCHE */

.general_menu_droite_contener
	{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index: 10000;
	display: none;
	}

.general_menu_droite_contener .general_menu_droite_black
	{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	opacity: 0.3;
	display: block;
	z-index: 10001;
	background:#444;
	}

.general_menu_droite_contener .general_menu_droite_content
	{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	width:100%;
	max-width:370px;
	overflow-y: auto;
	display: block;
	z-index: 10002;
	background:#212121;

	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_logo
	{
	text-align:center;
	border-bottom:1px solid #555;
	padding-bottom:5px;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc
	{
	padding:10px;
	border-bottom:1px solid #555;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc h2
	{
	text-transform: uppercase;
	font-size:16px;
	font-weight: normal;
	padding-left:20px;
	font-family: arial;
	color:#fff;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc ul
	{
	text-transform: uppercase;
	font-size:13px;
	font-weight: normal;
	padding-left:40px;
	font-family: arial;
	list-style-type: none;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc ul li
	{
	margin-bottom:10px;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc ul li a
	{
	color:#bbb !important;
	text-decoration: none;
	}

.general_menu_droite_contener .general_menu_droite_content .general_menu_droite_bloc ul li a:hover
	{
	text-decoration: underline;
	}

/* LARGEUR DES BLOC */

.l30
	{
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


/* RECTANGLE */

.rectangle_gris
	{
	padding:8px;
	background:#ebebeb;
	}

.rectangle_matera
	{
	padding:8px;
	background:#4266FF;
	color:#fff; 
	}

.rectangle_matera a
	{
	color:#fff !important;
	}
	
.lisere_gris
	{
	border:1px solid #ebebeb;
	padding:3px;
	}

.rectangle_gris_rubrique
	{
	padding:2px;
	background:#e3e3e3;
	border-radius: 2px;
	font-size:10px;
	display: inline-block;
	}

.table1 .rectangle_gris_rubrique
	{
	padding:2px;
	background:#fff;
	border-radius: 2px;
	}

.rectangle_gris_fonce
	{
	padding:8px;
	background:#888;
	}

.rectangle_blanc
	{
    padding:8px;
    background:#fff;
	}

.rectangle_jaune
	{
    padding:8px;
    background:#fff585;
	}

span.rectangle_gris, span.rectangle_jaune
	{
    padding:3px;
	}

.rectangle_bleu
	{
	padding:8px;
	background:#348fd1;
	color:#fff;
	}

.highlight_bleu
	{
	padding:1px;
	background:#348fd1;
	color:#fff;
	}

.highlight_gris
	{
	padding:1px;
	background:#ebebeb;
	color:#555;
	}

.mini_rectangle_bleu
	{
	padding:1px 3px;
	background: #2f7293;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_gris
	{
	padding:1px 3px;
	background: #9b9b9b;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_vert
	{
	padding:1px 3px;
	background: #62ab2e;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_rouge
	{
	padding:1px 3px;
	background: #cc0000;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.mini_rectangle_blanc
	{
	padding:1px 3px;
	background: #fff;
	color:#fff;
	border-radius: 2px;
	font-size:10px;
	}

.rectangle_vert
	{
	padding:8px;
	background:#62ab2e;
	color:#fff;
	}

.rectangle_rouge
	{
	padding:8px;
	background:#cc0000;
	color:#fff;
	}

.rectangle_orange
	{
	padding:8px;
	background:#ffdc7d;
	}

.rectangle_gris_fonce h2, .rectangle_bleu h2,  .rectangle_vert h2
	{
	color:#fff !important;
	}

.rectangle_bleu a
	{
	color:#FEE97B !important;
	}
	
h2.rectangle_bleu img, .rectangle_bleu h2 img
	{
	border:1px solid white;
	border-radius: 50%;
	}

.newrecit_bloc_class
	{
	padding:5px;
	background:#ffffff;
	border:1px solid #8f8f8f;
	border-right:3px solid #8f8f8f;
	border-bottom:3px solid #8f8f8f;
	border-radius: 3px;
	margin-bottom:10px;
	}

.notice_v3
	{
	padding:5px;
	background:#ffffff;
	box-shadow: 1px 1px 3px #555;
	border-radius: 3px;
	margin-bottom:10px;
	}

.newrecit_bloc_class hr, .notice_v3 hr
	{
	color: #8f8f8f;
	background-color: #8f8f8f;
	height: 1px;
	border: 0;
	}

.alerte_v2
        {
        border:3px #7F2F2F solid;
        padding:8px;
        background:#cc0000;
        background-image:url('/img/structure/ombre_alerte_v2.gif');
        background-position: top;
        background-repeat: repeat-x;
        color:#ffffff;
        padding:15px;
        font-size:15px;
        }

.alerte_v2 strong.tres_gras
        {
        font-size:22px;
        color:#FFE87F;
        }

.alerte_v2 a
        {
        color:#FFE87F !important;
        }

.notice h2
	{
	/* Bloc coloré pour afficher du texte important */
	color:#243F0C;
	}

.rouge
	{
	color:#cc0000;
	}

a.rouge
	{
	color:#cc0000 !important;
	}

.orange
	{
	color:#FF7200;
	}

.gris, a.gris
	{
	color:#838383 !important;
	}

.gris_clair, a.gris_clair
	{
	color:#B7B7B7 !important;
	}

.notice_gris .gris_clair, .notice_gris a.gris_clair
	{
	color:#949494 !important;
	}

.vert, a.vert
	{
	color:#1A8F2A !important;
	}

.jaune, a.jaune
	{
	color:#fff668 !important;
	}

.blanc, a.blanc
	{
	color:#fff !important;
	}

.att_blanc
	{
        background-image: url('/img/loading_blanc.gif');
        background-position: center center;
        background-repeat: no-repeat;
	}

#micro_chat_box
	{
	height:150px;
	border:1px solid #EEEEEE;
        margin-bottom:5px;
        overflow:auto;
	}

ul.barre
	{
	margin:0px;
	border-left:3px #7A9F3B solid;
	margin-left:0px;
	padding-left:20px
	}

.vignette_box img
	{
	border:1px solid #848484;
	}

.antifloat
	{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	}

.clear
	{
	clear: both;
	}

.relative
	{
	position:relative;
	}
	
.overflow
	{
	overflow: auto;
	}

/*
Onglets verticaux
*/

.onglet_vertical_barre
	{
	width:320px;
	vertical-align:top;
	padding:0px;
	padding-top:10px;
	}

.onglet_select_vertical
	{
	position:relative;
	left:1px;
	display:block;
	width:320px;
	font-size:14px;
	padding:5px;
	font-weight:bold;
	background:#ffffff;
	text-decoration:none;
	margin-bottom:1px;
	color:#233743 !important;
	border:1px solid #5AA231;
	border-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	}

.onglet_unselect_vertical
	{
	position:relative;
	display:block;
	left:1px;
	width:317px;
	padding:5px;
	font-size:14px;
	background:#D7FFAF;
	color:#385F12 !important;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:1px;
	border:1px solid #5AA231;
	}

.onglet_vertical_content
	{
	border:1px solid #5AA231;
	padding:5px;
	padding-left:15px;
	vertical-align:top;
	}

.onglet_select_bloc
	{
	display:block;
	}

.onglet_unselect_bloc
	{
	display:none;
	}

.display_block
	{
	display:block;
	}

/*
Onglets horizontaux
*/

.onglet_select, a.onglet_select, a.onglet_select:hover, a.onglet_select:visited, a.onglet_select:active
        {
        display:inline-block;
        height:26px;
        padding-top:10px;
        color:#ffffff !important;
        font-weight:bold;
        padding-left:10px;
        padding-right:10px;
        margin-right:3px;
        text-decoration:none;
        background:#348FD1;
        border-radius:3px 3px 0px 0px;
        text-shadow: #000000 1px 1px 2px;
        font-size:15px;
        }

a.onglet_unselect:hover
        {
        /*color:#000000 !important;
        background-image:url('/img/structure/2_2_2_onglet_off2.gif');*/
        }

.onglet_unselect, a.onglet_unselect, a.onglet_unselect:visited, a.onglet_unselect:active
        {
        display:inline-block;
        height:26px;
        padding-top:10px;
        padding-left:10px;
        padding-right:10px;
        margin-right:2px;
        text-decoration:none;
        color:#000000 !important;
        background:#EBEBEB;
        border-radius:3px 3px 0px 0px;
        font-size:15px;
        }

.onglet_unselect:hover, a.onglet_unselect:hover
        {
        background:#AFD2EA;
        }

.onglet_barre
        {
        height:36px;
        white-space:nowrap;
        padding-left:8px;
        }

.onglet_notification
        {
        background:#cc0000;
        }

.onglet_content, .onglet_content_recit
        {
        border-top:3px #348FD1 solid;
        padding-top:8px;
        }

legend.h2
	{
	font-family:arial;
	font-size: 18px;
	color:#6B9F3B;
	font-weight:bold;
	}

.stabilo
	{
	background:#fcff00;
	}

/* FIELDSET */
fieldset.aere
	{
	padding:20px 10px 20px 10px;
	margin-bottom:30px;
	}

fieldset.aere legend
	{
	font-family:"Trebuchet MS", arial;
	font-size: 17px;
	color:#6B9F3B;
	font-weight:bold;
	}

fieldset.design
	{
	margin-bottom:10px;
	border:1px solid #909090;
	}

fieldset.design legend
	{
	font-size:15px;
	color:#719A58;
	font-weight:bold;
	}

#iphone_alerte_box
	{
	background-image: url('/img/iphone/structure/barre.png');
	height:60px;
	text-align:center;
	padding:30px 0px 30px 0px;
	}

#iphone_alerte_box a
	{
	font-size:40px;
	font-family:arial;
	color:#000000;
	text-shadow: #ffffff 1px 1px 3px;
	font-weight:bold;
	}

/* WORD TO LINK - Liens vers le lexique */
a.wordtolink
	{
	text-decoration: underline;
	cursor:help;
	font-style: italic;
	}

a.wordtolink_guide
	{
	color:#000 !important;
	}

a.wordtolink2:hover
	{
	background:#E4FF8C;
	padding:0 2px;
	}

/*a.wordtolink_guide:before
	{
	content:url('/img/pictos/petite_fiche.png');
	margin-left:2px;
	display: inline-block;
	margin-right:2px;
	}*/

.ombre
	{
	text-shadow: #9f9f9f 1px 1px 1px;
	}

.box_ombre
	{
	box-shadow: 1px 1px 2px #888;
	}

.box_ombre_center
	{
	box-shadow: 0px 0px 2px #888;
	}

/* Bouton */

.lien
	{
	cursor: pointer;
	text-decoration:underline;
	color:#6887b0;
	}

.bouton_bloc, .bouton_block
	{
	display:block;
	white-space:normal !important;
	}

.carre_vert, a.carre_vert, .carre_bleu, a.carre_bleu
	{
	text-align:center;
	font-weight:bold;
	font-face:arial;
	color:#fff !important;
	border:0px;
	padding:2px 3px 2px 3px;
	text-decoration:none;
	-webkit-border-radius:1px;
	border-radius:1px;
	-moz-border-radius:1px;
	white-space: nowrap;
	background:#88C156;
	transition: all 0.5s ease;
	}

.carre_bleu, a.carre_bleu
	{
	background:#348FD1;
	}

.animation
	{
	transition: all 0.5s ease;
	}

.carre_vert a, .carre_bleu a
	{
	color:#fff !important;
	}

a.carre_vert:hover
	{
	background:#5D8C31;
	}
	
.bloc_petit_avis
	{
	padding:8px;
	background:#ebebeb;
	border-radius:4px;
	vertical-align: top;
	margin:5px;
	}

/* BOUTON */

	a.bouton_barre_gris
		{
		display: inline-block;
		padding:4px 8px;
		border-radius: 3px;
		border:1px solid #ccc;
		text-decoration: none !important;
		color:#999999 !important;

		}

	a.bouton_barre_gris:hover
		{
		background: #f7f7f7 !important;
		}
		
	

	a.bouton_gris_2, .bouton_gris_2, #header_part_1 #st_login ul li a, .actu_bouton_barre a
		{
		display: inline-block;
		padding:4px 8px;
		border-radius: 3px;
		border:1px solid #ccc;
		text-decoration: none !important;
		color:#828282 !important;
		cursor: pointer;
		}
	
	a.bouton_gris_2:hover, .bouton_gris_2:hover, #header_part_1 #st_login ul li a:hover
		{
		background: #bae2ff;
		}

.bouton_gris, .bouton_vert, .bouton_orange, .bouton_rouge, .bouton_vrai_vert
	{
	text-align:center;
	font-size:15px;
	font-weight:normal;
	font-face:arial;
	border:0px;
	padding:4px 8px 4px 8px;
	mafrgin:8px;
	text-decoration:none;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	white-space: nowrap;
	box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
	cursor: pointer;
	font-family:arial !important;
	}
	
.bouton_vert img
	{
	border:1px solid white;
	border-radius: 50%;
	position: relative;
	top:1px;
	}
	
.bouton_vert img.vx_no_border
	{
	border:0px;
	}
	
.bouton_vert img.noround 
	{
	border:0;
	border-radius: 0;
	}

div.bouton_gris, div.bouton_vert, div.bouton_orange, div.bouton_rouge, div.bouton_vrai_vert
	{
	margin:0px;
	}

.bouton_gris.bouton_left, .bouton_vert.bouton_left, .bouton_orange.bouton_left, .bouton_rouge.bouton_left
	{
	text-align:left;
	white-space:normal;
	}

.bouton_gris, .bouton_gris a
	{
	background:#969696;
	color:#ffffff !important;
	border-bottom: 2px solid #969696;
	}

.bouton_gris.bouton_sousligne, .bouton_gris.bouton_sousligne a
	{
	}

.bouton_vert, .bouton_vert a, .bouton_gris:hover, .bouton_gris a:hover
	{
	padding:4px 8px 4px 8px;
	background: #348FD1;
	color:#ffffff !important;
	border-bottom: 2px solid #1f6ea6;
	}

.bouton_vrai_vert, .bouton_vrai_vert a
	{
	padding:4px 8px 4px 8px;
	background: #76b51d;
	color:#ffffff !important;
	border-bottom: 2px solid #538013;
	}

.bouton_orange, .bouton_orange a
	{
	background:#cc8900;
	background-image:url('/img/bouton/bouton_orange_fond.gif');
	background-repeat: repeat-x;
	color:#ffffff !important;
	border-bottom: 2px solid #9E6900;
	}

.bouton_rouge, .bouton_rouge a
	{
	background:#930000;
	background-repeat: repeat-x;
	color:#ffffff !important;
	border-bottom: 2px solid #700000;
	}

.gros_bouton
	{
	font-size:20px;
	}

.tres_gros_bouton
	{
	font-size:20px;
	padding:15px;
	}

/* POPUP DHTML */

#dhtml_pop .dhtml_pop_close_bouton
	{
	position:absolute;
	top:-20px;right:-20px;
	}

#dhtml_pop_centered_container
	{
	position:fixed;
	display:none;
    	top:0px;
    	left:0px;
    	bottom:0px;
    	right:0px;
	}

#dhtml_pop_centered_black
	{
	position:absolute;
	background:#000000;
	opacity:.6; /* for modern non-IE browsers - Firefox/Gecko, Opera, Safari */
    	filter:alpha(opacity=60); /* for IE only */
    	top:0px;
    	left:0px;
    	bottom:0px;
    	right:0px;
	}

#dhtml_pop_background
	{
	position:fixed;
	display:none;
    	top:0px;
    	left:0px;
	}

.dhtml_pop_background_black
	{
	background:#000;
	opacity: 0.5;
	}

#dhtml_pop_centered_box
	{
	position:fixed;
	font-family:arial;
	top:50%;
	left:50%;
	top:20px\9;
	left:20px\9;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size:12px;
	transition: all 0.5s ease;
	max-width:95% !important;
	}

#dhtml_pop_centered_box a.fermer_lien
	{
	display:block;
	background:#c3c3c3;
	background-image:url('/img/structure/fond_barre_affichebox.gif');
	background-repeat: repeat-x;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	}

#dhtml_pop_centered_box_content
	{
	position: relative;
	}

/* Actu box */

#hp_actu_scroll
	{
	}
	
.hp_actu_header
	{
	padding:5px;
	background: #ebebeb;
	position: relative;
	}
	
.hp_actu_header .hp_actu_picto_time
	{
	margin-right:0px;
	width:14px;
	height:14px;
	font-size: 11px;
	vertical-align: -2px;
	}
	
.hp_actu_header .hp_actu_read
	{
	padding:3px;
	background: #cc0000;
	color:#fff;
	font-size: 10px;
	border-radius: 10px;
	vertical-align: 2px;
	}
	
.hp_actu_header a.nounder
	{
	text-transform: capitalize;
	}

.hp_actu_bloc_tag_unread .table .td a
	{
	text-decoration: none;
	}

.hp_actu_bloc_tag_unread .table .td_mr
	{
	padding-right:8px;
	}

.hp_actu
	{
	border-top:1px solid #a6a6a6;
	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	padding-bottom:10px;
	padding-top:5px;
	}
	
.hp_actu_bloc
	{
	margin-bottom:17px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	position: relative;
	background: #fff;
	}
	
.hp_actu_bloc_pub
	{
	width:100%;
	max-width: 640px;
	overflow:hidden;
	}
	
.hp_actu_bloc_texte
	{
	border-left:3px solid #ebebeb;
	margin-left:200px;
	padding:10px 10px 10px 15px; 
	text-align: justify;
	line-height: 20px;
	color:#5d5d5d;
	font-style: italic;
	margin-top:25px;
	}
	
.hp_actu_bloc_bouton
	{
	margin-top:25px;
	text-align:right; 
	}
	
.hp_actu_bloc_content_photo .hp_actu_bloc_texte
	{
	position: relative;
	border-left:0;
	margin-left:0px;
	padding-left:0px;
	background:#fff;
	text-align: center;
	padding:10px;
	line-height: normal;
	border-radius: 10px;
	z-index: 10;
	}

.hp_actu_bloc_content
	{
	overflow:hidden;
	position: relative;
	padding:10px;
	background: #fff;
	}
	
.hp_actu_cell_photo_box
	{
	position: absolute;
	top:-50px; 
	left:-45px;
	width:225px;
	height:225px;
	border-radius: 50%;
	overflow: hidden;
	}
	
.hp_actu_cell_photo
	{
	position: absolute;
	top:0px; 
	left:0px;
	bottom:0px; 
	right:0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
/* BACKGROUND */
	
	.hp_bleu
		{
		background-color: #1f5988; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #1f5988 0%, #5598cf 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #1f5988 0%,#5598cf 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #1f5988 0%,#5598cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5988', endColorstr='#5598cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
		}
	
	.hp_vert
		{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#419831+0,7bc346+100 */
		background-color: #419831; /* Old browsers */
		background-color: -moz-linear-gradient(-45deg,  #419831 0%, #7bc346 100%); /* FF3.6-15 */
		background-color: -webkit-linear-gradient(-45deg,  #419831 0%,#7bc346 100%); /* Chrome10-25,Safari5.1-6 */
		background-color: linear-gradient(135deg,  #419831 0%,#7bc346 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419831', endColorstr='#7bc346',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	
	.hp_orange
		{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcc100+0,ffec82+100 */
		background: #fcc100; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #fcc100 0%, #ffec82 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #fcc100 0%,#ffec82 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #fcc100 0%,#ffec82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc100', endColorstr='#ffec82',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	
	.hp_pink
		{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c073ce+0,edc1ff+100 */
		background: #c073ce; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #c073ce 0%, #edc1ff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #c073ce 0%,#edc1ff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #c073ce 0%,#edc1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c073ce', endColorstr='#edc1ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		}
	
	.hp_violet
		{
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c3248+0,49355f+2,8e3beb+100 */
		background: #2c3248; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #2c3248 0%, #49355f 2%, #8e3beb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #2c3248 0%,#49355f 2%,#8e3beb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #2c3248 0%,#49355f 2%,#8e3beb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3248', endColorstr='#8e3beb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	
	.hp_beige
		{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a59978+0,eae4c0+100 */
		background-color: #a59978; /* Old browsers */
		background-color: -moz-linear-gradient(-45deg,  #a59978 0%, #eae4c0 100%); /* FF3.6-15 */
		background-color: -webkit-linear-gradient(-45deg,  #a59978 0%,#eae4c0 100%); /* Chrome10-25,Safari5.1-6 */
		background-color: linear-gradient(135deg,  #a59978 0%,#eae4c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a59978', endColorstr='#eae4c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

		}
		
	.hp_gris
		{
		}

	
	.hp_bleu .hp_actu_cell_photo, .hp_vert .hp_actu_cell_photo, .hp_orange .hp_actu_cell_photo
		{
		background-size: 130px;
		background-repeat: no-repeat;
		background-position: 55px 55px;
		}

.hp_actu_bloc_content h3
	{
	font-size:25px;
	position: relative;
	margin-top:15px;
	margin-bottom:0px;
	padding-left:200px;
	z-index: 10;
	}

.hp_actu_bloc_content .hp_actu_bloc_sous_titre
	{
	display: block;
	position: relative;
	padding-left:200px;
	z-index: 10;
	}


.hp_actu_bloc_content .hp_actu_bloc_sous_titre .bleu
	{
	font-weight:bold;
	}
	
.hp_actu_header_avatar
	{
	width:50px;
	height:50px;
	border-radius: 50%;
	position: absolute;
	top:-5px;
	left:145px;
	background: #cceaff;
	border:4px solid white;
	z-index: 10;
	}
	
.hp_actu_cell_droite
	{
	
	}

.hp_actu_bloc .hp_actu_del, .hp_actu_del
	{
	position: absolute;
	right:5px;
	top:5px;
	}

.hp_actu_options
	{
	text-align: right;
	}

.hp_actu_content .hp_actu_photobox_large img
	{
	max-width:100%;
	margin-right:8px;
	}

.hp_actu_content .hp_actu_photo_other
	{
	text-align: center;
	white-space: nowrap;
	}
	
.hp_actu_content .hp_actu_photobox_large img.projet_photo
	{
	margin:0px 5px 5px 0px;
	widdth:auto;
	}

.hp_reload_recit img.projet_photo_small, img.projet_photo_small
	{
	width:172px;
	margin-right:10px;
	}

.hp_actu_content .hp_actu_photobox_large
	{
	margin-top:5px;
	}


.hp_actu_content .hp_actu_message
	{
	    padding:8px;
	    background:#fff;
	    margin-top:10px;
	    font-size:12px;
	    word-wrap: break-word;
	}

.hp_actu .hp_actu_photobox
	{
	margin-top:10px; 
	}

.hp_actu .hp_actu_photobox img
	{
	width:100px;
	margin-right:10px;
	}

#hp_loading
	{
	height:300px;
	background-image: url('/img/hp/loading.gif');
	background-position: center;
	background-repeat: no-repeat;
	}
	
ul.hp_actu_sans_rep_ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top:5px;
	}
	
ul.hp_actu_sans_rep_ul li
	{
	margin-bottom:7px;
	position: relative;
	background: #f0f0f0;
	padding:5px;
	padding-left:45px;
	border-radius:4px;
	}
	
ul.hp_actu_sans_rep_ul li a
	{
	font-weight: bold;
	}
	
ul.hp_actu_sans_rep_ul li img
	{
	position: absolute;
	top:5px;
	left:5px;
	width:32px;
	filter: grayscale(100%);
	}
	
.hp_actu_best_photo
	{
	margin:0px !important;
	margin-top:15px !important;
	margin-bottom:15px !important;
	font-size:0px;
	padding:0px;
	list-style-type: none;
	}
	
.hp_actu_best_photo_box
	{
	display: inline-block;
	width:50%; 
	margin:0px !important;
	font-size:0px;
	padding:0px;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	}
	
.hp_actu_best_photo_love
	{
	background: #fff;
	font-size:8px;
	color:#000;
	border-radius: 4px;
	display: block;
	position: absolute;
	top:3px;
	right:3px;
	padding:3px;
	}
	
.hp_actu_best_photo_love img
	{
	width:8px;
	vertical-align: -1px;
	}
	
.hp_actu_best_photo_photo
	{
	width: 100%; 
	height:100%;
	}
	
.hp_actu_best_photo_box:hover 
	{
	transform: scale(2);
	box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.35);
	z-index: 100;
	}
	
.hp_actu_best_photo_box:nth-child(1):hover 
	{
	transform: translate(40%, 40%) scale(1.8);
	}
	
.hp_actu_best_photo_box:nth-child(2):hover 
	{
	transform: translate(-40%, 40%) scale(1.8);
	}
	
.hp_actu_best_photo_box:nth-child(3):hover 
	{
	transform: translate(40%, -40%) scale(1.8);
	}
	
.hp_actu_best_photo_box:nth-child(4):hover 
	{
	transform: translate(-40%, -40%) scale(1.8);
	}
	
.hp_actu_bloc_tag_quote h3, .hp_actu_bloc_tag_pmess h3, .hp_actu_bloc_tag_photoatt h3, .hp_actu_bloc_tag_like h3
	{
	margin-top:0px;
	} 
	
.hp_actu_bloc_tag_quote .hp_actu_bloc_sous_titre
	{
	margin-bottom:5px;
	} 
	
.hp_actu_bloc_tag_pmess .hp_actu_bloc_sous_titre, .hp_actu_bloc_tag_photoatt .hp_actu_bloc_sous_titre, .hp_actu_bloc_tag_like .hp_actu_bloc_sous_titre
	{
	display:none;
	} 
	
.hp_actu_bloc_tag_quote .hp_actu_bloc_bouton, .hp_actu_bloc_tag_pmess .hp_actu_bloc_bouton, .hp_actu_bloc_tag_photoatt .hp_actu_bloc_bouton, .hp_actu_bloc_tag_like .hp_actu_bloc_bouton
	{
	margin-top:5px;
	} 
	
.hp_actu_bloc_tag_quote .hp_actu_cell_photo
	{
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: 80px 48px;
	}
	
.hp_actu_bloc_tag_pmess .hp_actu_cell_photo, .hp_actu_bloc_tag_photoatt .hp_actu_cell_photo, .hp_actu_bloc_tag_like .hp_actu_cell_photo
	{
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: 100px 55px;
	}

/* HP MESSAGE PRIVE */

.hp_mp_counter
	{
	text-align: center;
	margin:5px;;
	border-bottom:1px solid #ebebeb;
	}


.hp_mp_nb
	{
	font-size:90px;
	color:#348FD1;
	font-family:QlassikMediumRegular;
	vertical-align: middle;
	}

@keyframes hp_mp_nb_flashing
	{
	0% { opacity:0; }
	20% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
	}

.hp_mp_nb_flash
	{
	animation: hp_mp_nb_flashing 2s infinite; /* IE 10+, Fx 29+ */
	}

.hp_mp_nb img
	{
	vertical-align: -5px;
	margin-left:3px;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%);
	}

.hp_mp_texte
	{
	text-align:center;
	padding:5px;
	}

.td_300, .td_300_iphone
	{
	width:300px;
	}

.td_60,  .td_60_iphone
	{
	width:60%;
	}

.td_50,  .td_50_iphone
	{
	width:50%;
	}

.td_40,  .td_40_iphone
	{
	width:40%;
	}

.td_33,  .td_33_iphone
	{
	width:33%;
	}

.td_25, .td_25_iphone
	{
	width:25%;
	}

.td_20, .td_20_iphone
	{
	width:20%;
	}

.td_sep
	{
	width:10px;
	}

.td_mr, .td_mr_iphone
	{
	padding-right:15px;
	}

.max_300
	{
	max-width:300px;
	}

.qlassik
	{
	font-weight:normal;
	font-family: QlassikBoldRegular, sans-serif;
	}

.raleway
	{
	font-family: "RalewayMedium", sans-serif;
	}

.ralewaygras
	{
	font-family: "RalewayBold", sans-serif;
	}

/* KADS */

.kads_img_etat
	{
	position:absolute;
	top:0px;
	left:0px;
	}

.kads_etat_bloc
	{
	position:absolute;
	}

.kads_etat_bloc div
	{
	position:relative;
	top:-55px;
	left:10px;
	}

/* pAGINATION */

	/* COMMUN */
	
	.pagination .pagination_bouton a, .pagination a .pagination_bouton
        {
        display: inline-block;
        padding:5px;
        background:#eeeeee;
        border-radius:3px;
        font-size:13px;
        white-space: nowrap;
        box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
        text-decoration: none;
        text-align: center;
	    margin:3px 1px;
        }
	
	.rectangle_gris .pagination .pagination_bouton a, .rectangle_gris .pagination a .pagination_bouton
        {
        background:#fff;
        }


	.pagination .pagination_bouton_no, .pagination .pagination_bouton a:hover, .pagination a .pagination_bouton:hover
		{
        display: inline-block;
        position: relative;
        padding:5px;
        border-radius:3px;
        font-size:13px;
        white-space: nowrap;
        box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.5);
        text-decoration: none;
        text-align: center;
	    margin:3px 1px;
		background:#348FD1 !important;
		color:#ffffff !important;
		}


	.pagination .pagination_bouton a:hover, .pagination a .pagination_bouton:hover
		{
        top:1px;
        left:1px;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
		}

/* PRINCIPALE */

	.pagination .pagination_principale
		{
		margin:0px 10px;
		}
		
	.pagination .pagination_principale .pagination_bouton a, .pagination .pagination_principale a .pagination_bouton
        {
	    font-weight: bold;
		min-width: 30px;
        }

	.pagination_short .pagination_principale .pagination_bouton a, .pagination_short .pagination_principale a .pagination_bouton
		{
		min-width: 20px;
		}

/* SECONDAIRE */

	.pagination .pagination_secondaire
		{
		
		}
		
	.pagination .pagination_secondaire .pagination_bouton a, .pagination .pagination_secondaire a .pagination_bouton
        {
        padding:5px 3px;
		min-width: 15px;
        }
	
	
	
	


.pagination .pagination_virgule
        {
	display:none;
        }

.texte_coupe
	{
	word-wrap: break-word;
	}

/* Bloc element */

.element_box_more
	{
	padding:5px;
	}

.element_box_more a
	{
	color: #c5ff25;
	background:#dddddd;
	border-radius: 5px;
	padding:5px;
	margin-right:5px;
	color:#000000 !important;
	text-decoration: none;
	}

.element_box_more a:before
	{
	content:'> ';
	}

.element_box_more a:hover
	{
	background: #d4f45c;

	}

/* Element list */

.element_list_container
	{
	padding:0px;
	}

.element_list_section
	{
	padding-bottom: 20px;
	overflow: auto;
	}

.element_list_section:last-child
	{
	padding-bottom: 0px;
	margin-bottom:0px;
	}

.element_list_bloc
	{
	padding:0px 5px 5px 0px;
	font-size:24px;
	color:#348FD1;
	font-family:"QlassikBoldRegular";
	backgdround: #EBEBEB;
	}

.element_list_bloc a
	{
	color:#555 !important;
	text-decoration: none;
	}

.element_list_bloc a.petitefont
	{
	color:#ffffff !important;
	text-decoration: underline;
	font-family: arial;
	vertical-align: text-top;
	}

.element_list_links
	{
	padding:8px;
	background: #EBEBEB;
	}

.element_list_links a
	{
	color:#348FD1 !important;
	}


.puce_number
	{
	border-radius: 50%;
	padding:5px;
	background:#fff;
	width:23px;
	height:23px;
	box-shadow: 2px 2px 2px #555;
	color:#0072a5;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-right:10px;
	}

.normal_font, .message_du_forum
	{
	font-size:14px;
	line-height:20px;
	}


/* PHOTO DETAIL */

#photo_detail_box li
	{
	list-style-type: none;
	}

#photo_detail_box li
	{
	margin-left:30px;
	}

/* EXPORT */

.export_tr
	{
	cursor:pointer;
	background:#FFF;
	}

.export_tr:hover
	{
	background:#bddcec;
	}

.context_list
	{
	padding:0px;
	width:250px;
	margin:0px;
	list-style: none;
	}

.context_list li
	{
	padding:3px;
	background:#fff;
	cursor:pointer;
	font-weight:bold;
	border-top:1px solid #ddd;
	}

.context_list li:first-child
	{
	border-top:0px;
	}

.context_list li.export_sep_bas
	{
	border-bottom:3px solid #ddd;
	}

.context_list li.export_sep_haut
	{
	border-top:3px solid #ddd;
	}

.context_list li:hover
	{
	background:#f1ffd0;
	}

.context_list li .export_logo
	{
	width:24px;
	height:24px;
	margin-right:7px;
	vertical-align: -7px;
	}

.image_gauche
	{
	float:left;
	margin:0px 10px 5px 0px;
	}

.inline_block
	{
	display:inline-block;
	}

.image_gauche_margin
	{
	margin:0px 5px 5px 0px;
	}

/* SPONSO PUB */
.sospon_contener
	{
	/*overflow:auto;*/
	}

.sospon_box
	{
	margin-right:20px;
	width:175px;
	display:inline-block;
	text-align: center;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	}

.sospon_box:hover .sospon_titre
	{
	}

.sospon_titre
	{
	font-size:16px;
	font-weight: bold;
	/*text-transform: capitalize;*/
	margin:10px 0px 10px 0px;
	}

.majuscule
	{
	text-transform: uppercase;
	}

.sospon_titre_long
	{
	font-size:14px;
	}

.sospon_titre_long a
	{
	color:#25477b !important;
	}

.sospon_box img
	{
	box-shadow: 0px 0px 2px #555;
	}


.sospon_texte
	{
	font-size:12px;
	/*height:60px;*/
	color:#444;
	}

.sospon_texte_max
	{
	font-size:12px;
	height:90px;
	color:#444;
	}

.sospon_titre a
	{
	text-decoration: none;
	}

.sospon_box:hover .sospon_titre a
	{
	text-decoration: underline;
	}


.sospon_texte_large
	{
	font-weight:normal;
	padding:0px 10px 0px 10px;
	font-size:13px;
	height:82px;
	color:#000;
	}

.sospon_link
	{
	position:absolute;
	bottom:15px;
	left:0px;
	right:0px;
	}

.sospon_logo img
	{
	width:140px;
	height:115px;
	}

.rond_noir
	{
	display:inline-block;
	background: #555;
	color:#fff;
	border-radius: 50%;
	padding:1px;
	font-size:9px;
	width:11px;
	text-align:center;
	}

.rond_bleu
	{
	display:inline-block;
	background: #2f7293;
	color:#fff;
	border-radius: 50%;
	padding:1px;
	font-size:9px;
	width:11px;
	text-align:center;
	white-space: nowrap;
	}

.grand_rond_vert
	{
	display:inline-block;
	background: #7db546;
	color:#FFF;
	border-radius: 50%;
	padding:1px;
	width:15px;
	text-align:center;
	}

.rond_rouge
	{
	display:inline-block;
	width:11px;
	text-align:center;
	background: #cc0000;
	color:#fff;
	border-radius: 50%;
	padding:1px;
	font-size:9px;
	}
	
/* QUANTCAST */

 .qc-cmp-button {
	          background-color: #1682cd !important;
	          border-color: #1682cd !important;
	        }
	        .qc-cmp-button:hover {
	          background-color: transparent !important;
	          border-color: #1682cd !important;
	        }
	        .qc-cmp-alt-action,
	        .qc-cmp-link {
	          color: #1682cd !important;
	        }
	        .qc-cmp-button {
	          color: #fff !important;
	        }
	        .qc-cmp-button.qc-cmp-secondary-button {
	          color: #fff !important;
	        }
	        .qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {
	          color:#ffffff !important;
	        }
	        .qc-cmp-button.qc-cmp-secondary-button {
	          border-color: #226390 !important;
	          background-color: transparent !important;
	        }
	        .qc-cmp-button.qc-cmp-secondary-button:hover {
	          background-color: #226390 !important;
	        }
	        .qc-cmp-ui,
	        .qc-cmp-ui .qc-cmp-main-messaging,
	        .qc-cmp-ui .qc-cmp-messaging,
	        .qc-cmp-ui .qc-cmp-beta-messaging,
	        .qc-cmp-ui .qc-cmp-title,
	        .qc-cmp-ui .qc-cmp-sub-title,
	        .qc-cmp-ui .qc-cmp-purpose-info,
	        .qc-cmp-ui .qc-cmp-table,
	        .qc-cmp-ui .qc-cmp-table-header,
	        .qc-cmp-ui .qc-cmp-vendor-list,
	        .qc-cmp-ui .qc-cmp-vendor-list-title {
	            color: #000 !important;
	        }
	        .qc-cmp-ui a,
	        .qc-cmp-ui .qc-cmp-alt-action {
	          color: #226390 !important;
	        }
	        .qc-cmp-ui {
	            background-color: #ccc !important;
	        }
	        .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
	          background-color: #fafafa !important;
	        }
	        .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
	          background-color: #ffffff !important;
	        }
	        .qc-cmp-small-toggle.qc-cmp-toggle-on,
	        .qc-cmp-toggle.qc-cmp-toggle-on {
	            background-color: #7cb6de !important;
	            border-color: #7cb6de !important;
	        }
	       /* .qc-cmp-persistent-link
	        	{
		        display:none !important;
		        }*/

/* IMAGES */

img.image_max_50, .image_max_50 img
	{
	max-width: 50px;
	}
img.image_max_60, .image_max_60 img
	{
	max-width: 60px;
	}
img.image_max_80, .image_max_80 img
	{
	max-width: 80px;
	}
img.image_max_100, .image_max_100 img
	{
	max-width: 100px;
	}
img.image_max_120, .image_max_120 img
	{
	max-width: 120px;
	}
img.image_max_133, .image_max_133 img
	{
	max-width: 133px;
	}
img.image_max_160, .image_max_160 img
	{
	max-width: 160px;
	}
img.image_max_200, .image_max_200 img
	{
	max-width: 200px;
	}
img.image_max_400, .image_max_400 img
	{
	max-width: 400px;
	}

img.image_max_iphone, .image_max_iphone img
	{
	max-width: 300px !important;
	}

img.image_max_100p, .image_max_100p img
	{
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

img.image_max_500h, .image_max_500h img
	{
	max-height: 500px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.deg90
	{
	display: inline-block;
	-webkit-transform: rotate(-90deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	}

.bouton_sous_menu
	{
	padding:8px;
	background:#fff;
	box-shadow: 0px 0px 3px #555555;
	font-size:13px;
	display: block;
	text-decoration: none;
	width:300px;
	margin-top:10px;
	}

.bouton_sous_menu:hover
	{
	background: #fff585;
	}

.inline_but_iphone
	{
	display: inline-block;
	margin:2px;
	}

/* LISTES */

ul.ul_nomargin
	{
	margin:0px;
	}

ul.no_point
	{
	list-style-type: none;
	padding: 0 0 0 0;
	}

ul.li_espace li
	{
	margin-bottom:10px;
	}

ul.li_espace li:last-child
	{
	margin-bottom:0px;
	}

/* LIKES */

.like_round
	{
	position: relative;
	display: inline-block;
	background:#eeeeee;
	width:25px;
	height:25px;
	border-radius: 50%;
	text-align: center;
	padding-top:6px;
	margin-left:20px;
	}

.like_round .like_image
	{
	display: inline-block;
	position: absolute;
	width:25px !important;
	height:25px !important;
	background: #ffffff;
	border:#eeeeee 3px solid;
	border-radius: 50%;
	top:0px;
	left:-17px;
	padding:3px;
	}

.like_round .like_text
	{
	position: relative;
	z-index:10;
	}

.like_compteur
	{
	background:#348fd1;
	padding:2px;
	border-radius:4px;
	display:inline-block;
	margin:2px;
	color:#fff;;
	min-width: 100px;
	}

.like_compteur:nth-child(2)
	{
	background:#4da0dc;
	}

.like_compteur:nth-child(3)
	{
	background:#68b0e4;
	}

.like_compteur:nth-child(4)
	{
	background:#7ebbe7;
	}

.like_compteur_gris
	{
	background:#777;
	}

.like_compteur_bad
	{
	background:#348fd1;
	}

.like_compteur_texte
	{
	padding:3px 5px 5px 5px;
	font-size:15px;
	text-align:center;
	font-weight: bold;
	}

.like_compteur_nb
	{
	background:#fff;
	padding:2px;
	border-radius:2px;
	font-size:20px;
	font-weight: bold;
	display:block;
	text-align:center;
	color:#000;
	}

.user_online_list
	{
	text-align: justify;
	}

.user_online_list a
	{
	text-decoration: none;
	}

.user_online_list a.user_online_link
	{
	background:#f5f5f5;
	padding:1px;
	border-radius: 2px;
	text-decoration: underline;
	}

#notification_box, .notification_box
	{
	background: none repeat scroll 0 0 #348FD1;
	color: #ffffff;
	margin: 2px;
	padding: 20px;
	position:fixed;
	bottom:-500px;
	left:10px;
	z-index:1300;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.51);
	transition: all 0.5s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px 5px 0px 0px;
	text-align:center;
	}

.autocomplete_box
	{
      padding:5px;
      background:#fff;
	box-shadow: 0px 0px 3px #555555;
	margin-bottom:15px;
	font-family: arial;
	font-size: 12px;
	max-height:300px;
	overflow-y: auto;
	max-width:300px;
	position:relative;
	}

.autocomplete_box ul
	{
	margin:0px;
	padding:0px;
	list-style-type: none;
	}

.autocomplete_box li a
	{
	display: block;
	text-decoration: none;
	color:#000 !important;
	}

.autocomplete_box li a b
	{
	text-decoration: none;
	font-size:14px;
	}

.autocomplete_box li a span
	{
	display: block;
	font-size:11px;
	color:#777 !important;
	}

.autocomplete_box li:nth-child(even)
	{
	background: #ddd;
	}

.autocomplete_box li
	{
	margin:0px;
	padding:5px;
	background: #f5f5f5;
	margin-bottom:2px;
	}

/* FLTZ */
.fltz_scroll_box_class_before, .fltz_scroll_box_class_after
	{
	background-position: center center;
	background-repeat: no-repeat;
	height:20px;
	padding:2px;
	text-align:center;
	display: block;
	}
.fltz_scroll_box_class_before
	{
	background-image:url('/img/pictos/scroll_up.png');
	}
.fltz_scroll_box_class_after
	{
	background-image:url('/img/pictos/scroll_down.png');
	}

/* ONGLET ENTETE DE SECTION */

#pre_content_desk #pre_content_menu .new_onglet_box
	{
	text-align: left;
	bordder:1px solid black;
	}

#pre_content_desk #pre_content_menu
	{
	padding: 3px 2px 0px 2px;
	overflow:hidden;
	z-index:1;
	}

#pre_content_desk #pre_content_menu .new_onglet, #pre_content_desk  #pre_content_menu .new_onglet_selected
	{
	display:inline-block;
	height:35px;
	line-height: 35px;
	padding:0px 5px 0px 5px;
	border-radius: 3px 3px 0px 0px;
	text-decoration: none;
	z-index:1;
	font-size: 14px;
	margin-right:3px;
	box-shadow: 0px 0px 2px #555;
	background:#eee;
	color:#777 !important;
	vertical-align:bottom;
	}

#pre_content_desk #pre_content_menu .new_onglet img, #pre_content_desk #pre_content_menu .new_onglet_selected img
	{
	vertical-align: middle;
	}

#pre_content_desk #pre_content_menu .new_onglet_selected, #pre_content_desk #pre_content_menu .new_onglet:hover
	{
	background:#fff;
	color:#000 !important;
	text-shadow: none;
	border-top:3px solid #2D7CA2;
	}

#pre_content_mob
	{
	max-width: 970px;
	margin:5px auto;
	}

#pre_content_mob #pre_content_box
	{
	background:#ccc;
	overflow: hidden;
	position: relative;
	border-radius:10px 10px 0px 0px;
	}

#pre_content_mob #pre_content_box_roller
	{
	overflow-x: auto;
	overflow-y: hidden;
	}

#pre_content_mob #pre_content_box_strip
	{
	overflow-x: auto;
	overflow-y: hidden;
	}

#pre_content_mob #pre_content_cache
	{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;:0px;
	display:none;
	width:45px;
	background-image: url('http://www.forumconstruire.com/img/iphone/menu_cache.png');
	background-repeat: no-repeat;
	}

#pre_content_mob #pre_content_menu
	{
	display:block;
	text-align:center;
	white-space: nowrap;
	}

#pre_content_mob #pre_content_menu .new_onglet, #pre_content_mob #pre_content_menu .new_onglet_selected
	{
	display: inline-block;
	white-space: nowrap;
	text-transform: uppercase;
	}

#pre_content_mob #pre_content_menu .new_onglet:last-child, #pre_content_mob #pre_content_menu .new_onglet_selected:last-child
	{
	margin-right:25px;
	}

#pre_content_mob #pre_content_menu a.new_onglet, #pre_content_mob #pre_content_menu a.new_onglet_selected
	{
	color:#777; !important;
	text-decoration:none;
	padding:10px 5px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #aaa;
	font-size:11px;
	}

#pre_content_mob #pre_content_menu a.new_onglet:hover, #pre_content_mob #pre_content_menu a.new_onglet_selected:hover
	{
	text-decoration:underline;
	}

#pre_content_mob #pre_content_menu a.new_onglet:last-child, #pre_content_mob #pre_content_menu a.new_onglet_selected:last-child
	{
	border-right:0;
	}

#pre_content_mob #pre_content_menu a.new_onglet:first-child, #pre_content_mob #pre_content_menu a.new_onglet_selected:first-child
	{
	border-left:0;
	}

#pre_content_mob #pre_content_menu a.new_onglet_selected
	{
	color:#1d89c4; !important;
	}


/* PHOTO BOX */

	.option_photo_box
		{
		display: block; /* Je teste, a voir */
		margin:4px 4px 4px 4px;
		position:relative;
		box-shadow:0px 0px 2px #aaa;
		text-align:center;
		background:#000;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cccccc+100 */

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}

	.hp_actu_photo .option_photo_box, .quote .option_photo_box
		{
		display: inline-block; /* Je teste, a voir */
		}

	.option_photo_box .option_photo_pinit
		{
		position: absolute;
		right:10px;
		top:10px;
		opacity: 0.5;
		z-index:20;
		}

	.option_photo_box:hover .option_photo_pinit
		{
		opacity: 1;
		}

	.option_photo_box img
		{
		margin:0px auto !important;
		digsplay:block;
		}

	.option_photo_box_photo
		{
		font-size: 0px;
		line-height: 0px;
		}
		
	.option_photo_box_photo_span
		{
		display: inline-block;
		font-size:0px;
		line-height: 0px;
		}

	.option_photo_box_photo img
		{
		ddisplay:block;
		max-width: 100%;
		max-height:500px;
		}

	.option_photo_box .option_photo_toolbar
		{
		text-align:center;
		background:#fff;
		padding:5px;
		border-top:1px solid #ddd;
		white-space: nowrap;
		display:block;
		}

	.option_photo_box .option_photo_toolbar img
		{
		display:inline;
		width:auto !important;
		margin:0px;
		}

	.option_photo_box .option_photo_description
		{
		text-align:center;
		background:#ddd;
		padding:5px;
		display:block;
		font-size:12px;
		}

	#photo_post_message_menu
		{
		padding-left:10px;
		white-space: nowrap;
		}

	#photo_post_message_menu_forum, #photo_post_message_menu_mp
		{
		display: inline-block;
		font-weight:bold;
		background:#fff;
		color:#348fd1;
		padding:8px;
		font-size: 14px;
		border:1px solid #e3e3e3;
		border-bottom:0px;
		cursor:pointer;
		vertical-align: bottom;
		}

	.photo_post_message_menu_ok
		{
		background:#348fd1 !important;
		color:#fff !important;
		border:1px solid #5AA231 !important;
		border-bottom:0px !important;
		}

	#photo_post_message_forum, #photo_post_message_mp
		{
		background:#fff;
		padding:10px;
		border:1px solid #e3e3e3;
		}

	.sl_autocomplete_box
		{
	      padding:8px;
	      background:#fff;
		box-shadow: 0px 0px 3px #555555;
		margin-bottom:15px;
		font-family: arial;
		font-size: 12px;
		}

/* ELEMENT OUTBRAIN */

	.elm_ob_cont
		{
		text-align: center;
		box-sizing: border-box;
		}

	.elm_ob
		{
		text-align: left;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		line-height: 20px;
		}

	.elm_ob_4
		{
		margin:0 1% 0 1%;
		width:22%;
		}

	.elm_ob_3
		{
		margin:0 1% 0 1%;
		width:30%;
		}

	.elm_ob .elm_ob_vig_blc
		{
		width:100%;
		height:150px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		box-sizing: border-box;
		margin-bottom:10px;
		position: relative;
		}

	.elm_ob .elm_ob_vig_blc .elm_ob_pix
		{
		width:100%;
		height:100%;
		}

	.elm_ob .elm_ob_vig_blc .elm_ob_art
		{
		position: absolute;
		left:0px;
		top:5px;
		}

	.elm_ob .elm_ob_vig_blc .elm_ob_for
		{
		position: absolute;
		left:25px;
		top:15px;
		opacity: 0.8;
		}

/* WIDGET */

	.photo_widget
		{
		width:100%;
		background:#EBEBEB;
		padding:10px;
		box-sizing: border-box;
		}

	.photo_widget .photo_widget_diaporama
		{
		height:145px;
		overflow: hidden;
		position: relative;
		z-index: 10;
		}

	.photo_widget .photo_widget_diaporama_slide
		{
		position:absolute;
		top:0px;
		left:0px;
		right:00px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		z-index: 11;
		}

	.photo_widget .photo_widget_diaporama img
		{
		max-height:130px;
		}

	.photo_widget .photo_widget_next
		{
		position: absolute;
		top:5px;
		bottom:5px;
		width:50px;
		right:5px;
		max-height:110px;
		cursor: pointer;
		display: block;
		z-index: 30;
		}

.pointer
	{
	cursor:pointer;
	}

.widget_photo_loader
	{
	min-height:100px;
	background-image: url('/img/loading/album.svg');
	background-position: center center;
	background-repeat: no-repeat;
	}

.popin_600
	{
	max-width:600px;
	}

.popin_500
	{
	max-width:500px;
	}

.popin_400
	{
	max-width:400px;
	}

.popin_300
	{
	max-width:300px;
	}

/* MOBILE */

.iphone_block, .iphone_inline_block
	{
	display:none;
	}

.mob_inf_930
	{
	display:none;
	}

.only_iphone
	{
	display: none;
	}

/* PRINT */

.onlyprint
	{
	display: none;
	}

/* VIGNETTE PHOTO */

.vig_bloc
	{
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin:5px;
	border-radius: 8px 8px 8px 8px;
	padding:10px;
	background:#eeeeee;
	}

.vig_bloc:hover
	{
	background:#ddd;
	}

.vig_bloc .vig_more
	{
	position:absolute;
	top:10px;
	left:10px;
	display: none;
	}

.vig_bloc:hover .vig_more
	{
	display: block;
	opacity:0.7;
	}

.vig_bloc  .vig_bout
	{
	position:absolute;
	top:5px;
	right:5px;
	opacity:0.5;
	}

.vig_bloc:hover .vig_bout
	{
	opacity:1;
	}



.vig_bout_love, .vig_bout_post, .vig_bout_lock
	{
	font-family: "QlassikBoldRegular",sans-serif;
	white-space: nowrap;
	background: #eee;
	border-radius: 3px;
	text-align: right;
	font-size: 15px;
	text-shadow: none;
	display: inline-block;
	margin-left:2px;
	padding: 2px 5px 2px 25px;
	color:#777;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	}

.vig_bout_love
	{
	background-image: url('//www.forumconstruire.com/img/icpa/love_16.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 13px;
	}

.vig_bout_post
	{
	background-image: url('//www.forumconstruire.com/img/icpa/forum_16.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 13px;
	}

.vig_bout_lock
	{
	background:#ffcb00;
	background-image: url('//www.forumconstruire.com/img/icpa/lock_16.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 13px;
	padding: 2px 7px 2px 7px;
	background-position: center center;
	}



.vig_new
	{
	position:absolute;
	right:0px;
	bottom:0px;
	}

.vig_photo_box
	{
	position:relative;
	}

.vig_phot
	{
	border-radius: 6px 6px 0px 0px;
	}

.vig_com
	{
	max-width:225px;
	padding:15px 5px;
	box-sizing: border-box;
	color:#333;
	font-size:12px;
	font-family: sans-serif;
	border-radius: 0px 0px 6px 6px;
	background:#fff;
	}

.vig_com_no
	{
	color:#aaa;
	font-style: italic;
	font-size:11px;
	}

.vig_lock
	{
	position:absolute;
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
	}

.vig_lock img
	{
	width:100%;
	height:100%;
	}

/* BOUTON PINIT */

.pinit
	{
	transition: all 0.5s ease;
	z-index:20;
	background:#B50B1A;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:12px;
	font-weight:bold;
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	padding:4px;
	line-height: normal;
	font-size:15px;
	}

.pinit a
	{
	padding-left:20px;
	background-image: url('/img/pictos/pinterest-20.png');
	background-position: 0px center;
	background-repeat: no-repeat;
	color:#fff !important;
	text-decoration: none;
	}
	
/* SIDE PANEL */

#side_panel
	{
	display: none;
	position: fixed;
	right: -300px;
	opacity:0.7;
	top:10px;
	width:300px;
	background:#ddd;
	z-index:1200;
	}

#side_panel_bouton
	{
	display: block;
	position: absolute;
	left:-42px;
	top:15px;
	background:#ddd;
	padding:20px 5px 20px 5px;
	border-radius: 10px 0px 0px 10px ;
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	z-index:1210;
	}

#side_panel:hover
	{
	opacity:1;
	}

#side_panel_content
	{
	position: relative;
	max-height: 80vh;
	overflow: auto;
	z-index:1220;
	background: #fff;
	}

#side_panel a
	{
	color:#348fd1;
	}
	
#side_panel_black
	{
	background: #000;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity: 0.5;
	z-index:1159;
	display: none;
	}
	
.video_box {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video_box iframe,  
.video_box object,  
.video_box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* LIENS */

.affiche_box .ul_for_iphone ul
	{
	padding-left: 5px;
	list-style-type: none;
	}

.affiche_box .liste_de_recit
	{
	display: block;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-decoration: none !important;
    color: #000000 !important;
    margin-top:3px;
    padding-left:30px; 
    background-image: url('/img/icpa/home_s.svg');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    font-weight: bold;
	}

.affiche_box .liste_de_recit:hover
	{
    background:#a8cfeb;
    background-image: url('/img/icpa/home_s.svg');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
	}

@media (max-width:930px)
	{
	/* TABLETTES */
		
	#side_panel
		{
		display: block; 
		}

	.inline_but_iphone
		{
		display: block;
		margin:3px;
		}

	.noiphone
		{
		display:none !important;
		}

	.only_iphone
		{
		display: inherit;
		}

	div.only_iphone, form.only_iphone
		{
		display: block;
		}

	span.only_iphone
		{
		display: inline;
		}

	.iphone_block, .table_to_div, .tr_to_div
		{
		display:block;
		}

	.iphone_inline_block
		{
		display:inline-block;
		}

	.cell_to_div_iphone, .cell_to_div
		{
		display: block;
		width:auto;
		}
	
	.cell_to_tr_iphone
		{
		display: table-row;
		}

	.mob_sup_930
		{
		display:none;
		}

	.mob_inf_930
		{
		display:block;
		}

	.nbmr_iphone
		{
		margin-right:auto;
		}

	.td_300_iphone
		{
		width:auto;
		}

	.td_50_iphone, .td_33_iphone, .td_25_iphone, .td_40_iphone, .td_60_iphone, .td_20_iphone
		{
		width:auto;
		}

	.td_mr_iphone
		{
		padding-right: 0px;
		}

	.onglet_menu_option_1
		{
		display:none;
		}
		
	.ultra_padding_iphone
		{
		padding:12px !important;	
		}
		
	/* MENU DU HAUT */
	
	
	
	#pre_content_desk
		{
		margin: 0px 4px;
		border:1px solid red;
		z-index:1;
		background:#fff;
		border-radius: 5px 5px 0px 0px;
		border:1px solid #aaa;
		padding: 5px;
		}
	
	#pre_content_desk #pre_content_menu
		{
		overflow:hidden;
		text-align: center;
		white-space: nowrap;
		max-width: 100%;
		overflow: auto;
		}
	
	#pre_content_desk #pre_content_menu .new_onglet, #pre_content_desk  #pre_content_menu .new_onglet_selected
		{
		display:inline-block;
		padding:2px 5px;
		border-radius: 3px;
		white-space: nowrap;
		text-decoration: none;
		z-index:1;
		font-size: 14px;
		box-shadow: 0px 0px 2px #555;
		background:#eee;
		color:#777 !important;
		vertical-align:bottom;
		border:3px solid #eee;
		margin:3px; 
		height:auto;
		line-height:normal;
		}
	
	#pre_content_desk #pre_content_menu .new_onglet img, #pre_content_desk #pre_content_menu .new_onglet_selected img
		{
		vertical-align: middle;
		}
	
	#pre_content_desk #pre_content_menu .new_onglet_selected, #pre_content_desk #pre_content_menu .new_onglet:hover
		{
		background:#fff;
		color:#000 !important;
		text-shadow: none;
		border:3px solid #9cc6e3;
		}
		
	.force_hidden_iphone
		{
		display: none;
		}
	}
	
@media (max-width:930px) and (hover: none) and (pointer: coarse) 
	{
    /* SEULEMENT LES TOUCH SCREEN */
    
    
	
	#pre_content_desk #pre_content_menu
		{
		overflow: hidden;
		}
    
	}

@media (max-width:700px)
	{
	/* PETITS ECRANS, PHABLETTE */


	.elm_ob_4
		{
		width:45%;
		margin:0 1% 10px 1%;
		}

	.vig_phot
		{
		widtsh:150px;
		}

	.mob_sup_700
		{
		display:none;
		}

	.form_big input
		{
		width:300px;
		}
	}

@media (max-width:600px)
	{
	/* PETITS ECRANS, PHABLETTE */

	.mob_sup_600
		{
		display:none;
		}
	}

@media (max-width:500px)
	{
	/* PETITS ECRANS, PHABLETTE */


	.elm_ob_3
		{
		width:45%;
		margin:0 1% 10px 1%;
		}

	.cell_to_div_iphone_500
		{
		display: block;
		width:auto;
		}


	.form_big input.short
		{
		width:200px;
		}

	.popin_500, .popin_400
		{
		max-width:100%;
		}

	/* VIGNETTE PHOTO */

	.vig_bloc
		{
		padding:5px;
		}

	.vig_bloc .vig_more
		{
		top:5px;
		left:5px;
		display:block;
		}

	.vig_new
		{
		position:absolute;
		right:0px;
		bottom:0px;
		}

	.vig_com
		{
		max-width:150px;
		padding:10px 5px;
		}

	.vig_phot
		{
		width:150px;
		}

	.mob_sup_500
		{
		display:none;
		}
		
	

	.hp_reload_recit img.projet_photo_small, img.projet_photo_small
		{
		max-width:150px;
		}
		
	input.useradd_input, select.useradd_input
		{
		width:200px;
		}
		
	.hp_actu_bloc_content h3
		{
		padding-left:120px;
		}
		
	.hp_actu_header_avatar
		{
		left:65px;
		}
		
	.hp_actu_bloc_content .hp_actu_bloc_sous_titre
		{
		padding-left:120px;
		}
		
	.hp_actu_bloc_texte
		{
		margin-left:0px;
		}
	
	.hp_bleu .hp_actu_cell_photo, .hp_vert .hp_actu_cell_photo, .hp_orange .hp_actu_cell_photo
		{
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 55px 55px;
		}
	
	.hp_actu_bloc_tag_quote .hp_actu_cell_photo, .hp_actu_bloc_tag_pmess .hp_actu_cell_photo, .hp_actu_bloc_tag_photoatt .hp_actu_cell_photo, .hp_actu_bloc_tag_like .hp_actu_cell_photo
		{
		background-size: 70px;
		background-repeat: no-repeat;
		background-position: 55px 55px;
		}
		
	/* 500 */

	.useradd_label
		{
		font-family: arial;
		font-size:13px;
		}
	

	.form_big input
		{
		width:250px;
		}
		
	

	.form_big input
		{
		background-image: none;
		padding-left:10px;
		}
		
	.hp_actu_cell_photo_box
		{
		top:-50px; 
		left:-45px;
		width:150px;
		height:150px;
		}
		
	.notice_v4_notice
		{
		padding-left:90px;
		min-height:80px;
		background-image: url('/img/notice/notice.png');
		background-repeat: no-repeat;
		background-position: 10px left;
		background-size: 80px;
		border-top:3px #007AE1 solid;
		text-align: justify;
		}
	}

@media (max-width:400px)
	{

	.mob_sup_400
		{
		display:none;
		}
		
	input.useradd_input, select.useradd_input
		{
		width:150px;
		}
	

	.form_big input
		{
		width:150px;
		}

	.vig_com
		{
		max-width:130px;
		padding:10px 5px;
		font-size:11px;
		}

	.vig_phot
		{
		width:130px;
		}

	.form_big button.go
		{
		background-image: none;
		background:#348FD1;
		padding-left:10px;
		}
		
	.hp_actu_cell_photo_box
		{
		top:-30px; 
		left:-25px;
		width:100px;
		height:100px;
		}
	
	.hp_actu_bloc_content h3
		{
		padding-left:80px;
		font-size:20px;
		}
		
	.hp_actu_header_avatar
		{
		width:40px;
		height:40px;
		left:35px;
		}
		
	.hp_actu_bloc_content .hp_actu_bloc_sous_titre
		{
		padding-left:80px;
		font-size:12px;
		}
	
	.hp_bleu .hp_actu_cell_photo, .hp_vert .hp_actu_cell_photo, .hp_orange .hp_actu_cell_photo, .hp_violet .hp_actu_cell_photo, .hp_actu_bloc_tag_quote .hp_actu_cell_photo, .hp_actu_bloc_tag_pmess .hp_actu_cell_photo, .hp_actu_bloc_tag_photoatt .hp_actu_cell_photo, .hp_actu_bloc_tag_like .hp_actu_cell_photo
		{
		background-size: 45px;
		background-repeat: no-repeat;
		background-position: 30px 30px;
		}
	
	.notice_v4_notice
		{
		padding-left:10px;
		min-height:auto;
		background-image: none;
		background-repeat: no-repeat;
		background-position: 10px left;
		background-size: 80px;
		border-top:3px #007AE1 solid;
		text-align: justify;
		}
	}

@media (max-width:330px)
	{
	/* IPHONE */

	.form_big input.short
		{
		width:150px;
		}

	.popin_500, .popin_400, .popin_300
		{
		max-width:100%;
		}

	.elm_ob_cont
		{
		width:100%;
		}

	.elm_ob_3, .elm_ob_4
		{
		width:100%;
		margin:0;
		padding-bottom:10px;
		border-bottom: 3px solid #eee;
		}

	.mob_sup_330
		{
		display:none;
		}

	.vig_com
		{
		max-width:120px;
		}

	.vig_phot
		{
		width:120px;
		}

	}

@media (max-width:300px)
	{
	/* PETITE RESILUTION DE MOBILES */


	.mob_sup_300
		{
		display:none;
		}
	}

@media (max-width:1100px)
	{
	.mob_sup_1100
		{
		display:none !important;
		}
	}

@media print
	{
	.noprint
		{
		display: none;
		}
	.onlyprint
		{
		display:initial;
		}
	}

/* ANIMATION */

.animation_rotation
	{
	animation: rotate_anim 1s linear infinite;
	}

@keyframes rotate_anim
	{
	0%   { transform: rotate(0deg);}
	50%   { transform: rotate(180deg);}
	100%   { transform: rotate(360deg);}
	}
	
/* LIKES */

.photo_top_like_box
	{
	float:left;
	position:relative;
	box-shadow: 2px 2px 2px #555;
	background:#9DCE6C;
	color:#fff;
	margin:0px 25px 10px 0px;
	}
	
.photo_top_like_box .photo_top_like_box_texte
	{
	text-align: center;
	color:#fff;
	font-size: 15px;
	font-weight: bold;
	padding:3px;
	text-shadow: 1px 1px 1px #555;
	}
	
.photo_top_like_box .photo_top_like_box_texte img, .forum_by_love img
	{
	vertical-align: bottom;
	}

.forum_by_love
	{
	background:#9DCE6C;
	color:#fff !important;
	font-size: 15px;
	font-weight: bold;
	padding:3px;
	text-shadow: 1px 1px 1px #555;
	
	}
	
.like_overflow
	{
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis;
	width:400px;
	cursor:se-resize;
	}
	
.like_overflow:hover
	{
	white-space:normal;
	overflow:visible;
	}
	
.like_page_box
	{
	position:relative;
	display: inline-block;
	width:250px;
	height:225px;
	margin:0px 10px 10px 0px;
	box-shadow: 1px 1px 3px #888;
	}
	
.like_page_box .like_page_box_title
	{
	background: #999;
	text-align: center;
	color:#fff;
	text-transform: capitalize;
	padding:5px;
	font-weight:bold;
	font-size:16px;
	}
	
.like_page_box .like_page_box_title .like_page_box_title_date
	{
	background:#d0d0d0;
	font-size:10px;
	color:#444;
	display: inline-block;
	padding:2px;
	border-radius: 2px;
	font-weight:normal;
	vertical-align: 2px;
	}
	
.like_page_box .like_page_box_title .like_page_box_title_date img
	{
	width:12px;
	}
	
.like_page_box_jaune .like_page_box_title
	{
	background: #d67503;
	}
	
.like_page_box_jaune .like_page_box_title .like_page_box_title_date
	{
	background:#ffd200;
	}
	
.like_page_box .like_page_box_date
	{
	text-align: center;
	color:#444;
	background: #ddd;
	padding:5px;
	font-size:12px;
	}
	
.like_page_box .like_page_box_contenu
	{
	height:120px;
	margin:5px 5px 0px 5px;
	overflow:auto;
	text-align: center;
	}
	
.like_page_box .like_page_box_contenu img
	{
	height:110px;
	}
	
.like_page_box .like_page_box_bouton
	{
	position: absolute;
	background: #ddd;
	text-align: center;
	color:#444;
	padding:10px;
	font-size:12px;
	bottom:0px;
	right:0px;
	left:0px;
	}
	
.like_page_box .like_page_box_liste
	{
	text-align: center;
	padding:5px;
	font-weight: bold;
	cursor: help;
	font-size:14px;
	}
	
.like_page_box .like_page_box_contenu .like_page_box_contenu_top
	{
	background: #eeeeee;
	padding:5px;
	font-weight:bold;
	}
	
.like_page_box .like_page_box_contenu .like_page_box_contenu_top a
	{
	text-decoration: none;
	color:#666 !important;
	}
	
.like_page_box .like_page_box_contenu .like_page_box_contenu_bottom
	{
	padding:5px;
	font-style: italic;
	}
	
@media (max-width:767px)
	{
	.like_page_box
		{
		position:relative;
		display: block;
		width:auto;
		height:250px;
		margin:0px 10px 10px 0px;
		box-shadow: 1px 1px 3px #888;
		padding-bottom:40px;
		height:auto;
		}
		
	.like_page_box .like_page_box_contenu
		{
		height:auto;
		max-height: 100px;
		overflow: visible;
		}
	
	.like_page_box .like_page_box_contenu img
		{
		height:80px;
		}
	}