/* FONTS */

	@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700;900&family=Roboto:wght@400;700;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

	.fc_font, .raleway
		{
		font-family: 'Roboto', sans-serif;
		}

/* GROSSE GENERALITES */

	body
		{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-family: 'Roboto', sans-serif;
		}

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

	form { margin:0px;}

	.nowrap, .nowrap_desktop
		{
		white-space: nowrap;
		}
	
	img, iframe { border:0px }
		
	.disnone, .coucou
		{
		display:none;
		}

	.vtop
		{
		vertical-align: top !important;
		}
	
	.vcenter
		{
		position:absolute;
		top: 50%;
		right:0px;
		left:0px;
		transform: translateY(-50%);
		}
	.vbottom
		{
		vertical-align: bottom !important;
		}
	
	.vmiddle
		{
		vertical-align: middle !important;
		}

	.bleu, a.bleu, .bleu a
		{
		color:#348fd1 !important;
		}
		
	.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;
		}
		
	.nomargin_top
		{
		margin-top:0px !important;
		}
		
	.nomargin_bottom
		{
		margin-bottom:0px !important;
		}
		
	.margin_top
		{
		margin-top:15px !important;
		}
		
	.margin_left
		{
		margin-left:20px !important;
		}
		
	.margin_bottom
		{
		margin-bottom:15px !important;
		}
		
	.align_top
		{
		vertical-align:top;
		}
	
	.padding_10
		{
		padding:10px !important;
		}
	
	.padding_15
		{
		padding:15px !important;
		}
	
	.padding_20
		{
		padding:20px !important;
		}
	
	.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;
		}
		
	.padding_bottom
		{
		padding-bottom: 15px;
		}
	
	.ultra_padding, .ultra_padding_iphone
		{
		padding:20px !important;
		padding-top:30px !important;
		padding-bottom:30px !important;
		}
	
	.super_padding
		{
		padding:15px !important;
		padding-top:20px !important;
		padding-bottom:20px !important;
		}

	.droite, .droite_iphone_to_center, .droite_iphone_to_gauche
		{
		text-align:right !important;
		}
	
	.gauche
		{
		text-align:left !important;
		}

	.antifloat
		{
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		clear: both;
		}
	
	.clear
		{
		clear: both;
		}
	
	.relative
		{
		position:relative;
		}
		
	.overflow
		{
		overflow: auto;
		}
		
	.animation
		{
		transition: all 0.5s ease;
		}

	.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;
		}
		
	.image_gauche
		{
		float:left;
		margin:0px 10px 5px 0px;
		}
	
	.inline_block
		{
		display:inline-block !important;
		}
	
	h3.inline_block
		{
		display:inline-block !important;
		margin:0px;
		}
	
	.image_gauche_margin
		{
		margin:0px 5px 5px 0px;
		}
		
	.round
		{
		border-radius: 20px;
		}
		
	.round_top
		{
		border-radius: 20px 20px 0px 0px;
		}
		
	.round_bottom
		{
		border-radius: 0px 0px 20px 20px;
		}
		
	.round_right
		{
		border-radius: 0px 20px 20px 0px;
		}
		
	.round_left
		{
		border-radius: 20px 0px 0px 20px;
		}

/* FORMULAIRES */

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

/* TITRE, SOUS TITRE */

	h1
		{
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		color:#348fd1;
		font-weight: 900;
		}
	
	h2
		{
		font-family: 'Montserrat', sans-serif;
		font-size: 25px !important;
		color:#348fd1;
		font-weight: 700;
		margin-top:60px;
		}
	
	h3
		{
		font-family:"Roboto", sans-serif;
		font-size: 22px;
		margin-top:25px;
		margin-bottom:20px;
		font-weight: 700;
		color : #930f0f;
		}
	
	h4
		{
		font-family:"Roboto", sans-serif;
		margin-top:10px;
		margin-bottom:10px;
		font-weight: 700;
		font-size: 20px;
		color : #717171;
		}


/* TABLE */

	.tableclass
		{
		border:1px solid #ededed;
		bordder-collapse: collapse;
		border-raddius: 15px;
		}
	
	.tableclass_full, .table_100, .width_100
		{
		width:100% !important;
		}
	
	.tableclass_noborder
		{
		border:0;
		}
	
	.tableclass tr td:first-child, .tableclass tr th:first-child
		{
		bordder-top-left-radius: 15px;
		bordder-bottom-left-radius: 15px;
		}
	
	.tableclass tr td:last-child, .tableclass tr th:last-child
		{
		bordder-top-right-radius: 15px;
		bordder-bottom-right-radius: 15px;
		}
	
	.tableclass.center
		{
		margin-right:auto;
		margin-left:auto;
		}
	
	.tableclass th
		{
		text-align: center;
		border: 0px;
		padding:7px;    
		background: #cc0000;
	    color: #fff;
	    font-weight: bold;
		}
		
	
	
	.tableclass th.th_vert
		{  
		background: #62ab2e;
		}
	
	.tableclass th.th_rouge
		{  
		background: #cc0000;
		}
	
	.tableclass tr td, table tr td
		{
		text-align: left;
		}
	
	.tableclass tr td.center
		{
		text-align: center;
		}
	
	.tableclass tr:nth-child(odd) td
		{
		background:#fff;
		padding:5px;
		}
	
	.tableclass tr:nth-child(even) td
		{
		background:#ededed;
		padding:5px;
		}
	
	.tableclass tr.td_rouge td
		{
		background:#ffc5c5;
		padding:5px;
		}
	
	.tableclass tr.td_gris:nth-child(even) td
		{
		background:#d1d1d1;
		padding:5px;
		}
	
	.tableclass tr.td_gris:nth-child(odd) td
		{
		background:#b7b7b7;
		padding:5px;
		}
	
	.tableclass tr.td_orange td
		{
		background:#fadb8f;
		padding:5px;
		}
	
	.tableclass tr.td_vert td
		{
		background:#c1fa8e;
		padding:5px;
		}
	
	.tableclass tr.td_jaune td
		{
		background:#f6eea4;
		padding:5px;
		}
	
	.tableclass tr td.table1
		{
		background:#fff !important;
		padding:5px;
		}
	
	.tableclass tr td.table2
		{
		background:#ededed !important;
		padding:5px;
		}
		
	/* READ ET UNREAD */
		.tableclass tr.tr_unread td.table1
			{
			background:#fee !important;
			padding:5px;
			font-weight:bold;
			text-decoration: underline;
			}
		
		.tableclass tr.tr_unread td.table2
			{
			background:#ffd9d9 !important;
			padding:5px;
			font-weight:bold;
			text-decoration: underline;
			}
			
		.tableclass tr.tr_read td.table1, .tableclass tr.tr_read td.table2
			{
			padding:5px;
			color:#888;
			}
		
	.tableclass tr td.table1 .ligne_grise
		{
		background:#ededed !important;
		}
		
	.tableclass tr td.table2 .ligne_grise
		{
		background:#fff !important;
		}
		
	.tablenospace, .tablenospace tr, .tablenospace tr td
		{
		padding:0px;
		margin:0px;
		}

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

	.table_but_iphone, table_to_div
		{

		}

	.tr
		{
		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;
		}
		
	.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;
		}
	td
		{
		font-size:16px;
		}

/* AFFICHE BOX */
	
	.affiche_box
		{
		position:absolute;
		z-index:2000;
		display:none;
		background:#FFFFFF;
	    border:0px solid #555;
		padding:15px;
		border-radius: 15px;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
		border:1px solid #EBEBEB;
		max-width:300px;
		}
	
	.affiche_box_notop
		{
		background-image:none;
		}
	
	.affiche_box a
		{
		color:#4C83AF;
		}
	
	.affiche_box .fermer_lien img
		{
		height:16px;
		}
	
	

/* COLONNE */

	.colonne
		{
		column-gap: 1%;
		/*column-rule: 2px solid rgba(0,0,0,0.2);*/
		
		}
	
	.colonne_3
		{
		column-count: 3;
		column-width: 200px;
		}
	
	.colonne_2
		{
		column-count: 2;
		column-width: 300px;
		}
		
	ul.colonne
		{
		margin: 0px;
		padding:0px;
		}
		
	.colonne li
		{
		}
	
	.colonne_4
		{
		column-count: 4;
		column-width: 200px;
		}


/* POLICE */
	
	.font0, .nofont
		{
		font-size: 0px;
		}

	.petitefont
		{
		font-size : 10px !important;
		}
	
	.medfont, .normalfont
		{
		font-size : 13px !important;
		}
	
	.bigfont
		{
		font-size : 19px;
		}

	.line_height_15
		{
		line-height: 15px;
		}
	
	.line_height_20
		{
		line-height: 20px;
		}
		
	.gras
		{
		font-weight:bold;
		font-size:18px;
		}
		
	.nogras
		{
		font-weight:normal;
		}
	
	.tres_gras
		{
		font-weight:bold;
		font-size:20px;
		}
	
	.tres_tres_gras
		{
		font-weight:bold;
		font-size:22px;
		}
	
	.tres_tres_tres_gras
		{
		font-weight:bold;
		font-size:25px;
		}
	
	.grand
		{
		font-size:14px;
		font-weight: normal;
		}
	
	.tres_grand
		{
		font-size:17px;
		font-weight: normal;
		}
	
	.tres_tres_grand
		{
		font-size:20px;
		font-weight: normal;
		}
	
	.tres_tres_tres_grand
		{
		font-size:25px;
		font-weight: normal;
		}
	
	.strike
		{
		text-decoration: line-through;
		}
	
	.nongras
		{
		font-weight:normal;
		}
		
	.ucwords
		{
		text-transform: capitalize ;
		}
		
	.majuscule
		{
		text-transform: uppercase;
		}
		
	.miniscule
		{
		text-transform: lowercase;
		}
	
/* PRIX */


	
	.rectangle_bleu_prix, .rectangle_rouge_prix, .rectangle_vert_prix
		{
		background:#348fd1;
		color:#fff;
		font-weight:normal;
		font-size:8px;
		display: inline-block;
		border-radius: 50%;
		padding:14px 0px 0px 0px;
		vertical-align: -7px;
		margin-right:5px;
		text-align: center;
		height:43px;
		width:43px;
		line-height: 12px;
		}
		
	.rectangle_rouge_prix
		{
		background:#CC0000;
		}
		
	.rectangle_vert_prix
		{
		background:#62AB2F;
		}
		
	.rectangle_bleu_prix b, .rectangle_rouge_prix b, .rectangle_vert_prix b
		{
		font-size:21px;
		display: block;
		}
		

		
	.petit_rectangle_bleu_prix, .petit_rectangle_rouge_prix, .petit_rectangle_vert_prix
		{
		background:#348fd1;
		color:#fff;
		font-weight:normal;
		font-size:11px;
		display: inline-block;
		border-radius: 50%;
		padding:7px 0px 0px 0px;
		vertical-align: 0px;
		margin-right:2px;
		text-align: center;
		height:20px;
		width:20px;
		line-height: 8px;
		}
		
	.petit_rectangle_rouge_prix
		{
		background:#CC0000;
		}
		
	.petit_rectangle_vert_prix
		{
		background:#62AB2F;
		}
			
	.petit_rectangle_bleu_prix
		{
		background:#173C73;
		}
		
	.petit_rectangle_bleu_prix b, .petit_rectangle_rouge_prix b, .petit_rectangle_vert_prix b
		{
		font-size:21px;
		display: block;
		}

/* Formulaires */

	/* CHECKBOX STYLE */
	
	.checkbox_style input + label
		{
		/* BLOC CURSEUR */
		display:inline-block;
		padding-left:40px;
		
		position: relative;
		cursor: pointer;
		box-sizing: border-box;
		overflow: hidden;
		min-height:22px;
		vertical-align: -3px;
		}
		
	.checkbox_style input 
		{
		position: absolute;
		left: -9999px;
		}
	
	.checkbox_style input + label::before
		{
		/* FOND DU CURSEUR */
		position: absolute;
		top:2px;
		left:0px;
		content: '';
		display: block;
		width: 35px;
		height:20px;
		border-radius: 50px;
		background: #b3b3b3;
		transition: background-color .2s;
		
		}
		
	.checkbox_style input + label::after
		{
		/* CURSEUR */
		position: absolute;
		top:4px;
		left:2px;
		content: '';
		display: block;
		width: 16px;
		height:16px;
		border-radius: 50px;
		background: #fff;
		transition: all ease 0.2s;
		vertical-align: -3px;
		}
		
	.checkbox_style input:checked + label::before
		{
		background: #62a622;
		}
		
	.checkbox_style:not(.checkbox_style_no_stabilo) input:checked + label
		{
		background: #b1eb7a;
		}
		
	.checkbox_style input:checked + label
		{
		font-weight:bold;
		}
		
	.checkbox_style input:checked + label::after
		{
		left:17px;
		}
	
	.checkbox_style input:disabled + label::before
		{
		opacity:0.5;
		}
		
	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_code_solo
		{
		font-size:35px;
		font-size:arial;
		text-align: center;
		width:35px !important;
		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:20px;
		padding:6px;
		width:300px;
		max-width: 100%;
		border-radius: 2px;
		border:1px solid #ccc;
		vertical-align: -2px;
		}
		
	input.useradd_input_big.useradd_input_pseudo
		{
		background-image: url('/img/icpa/user_s.svg');
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: 5px center;
		padding-left:35px;
		}
		
	input.useradd_input_big.useradd_input_code
		{
		background-image: url('/img/icpa/lock_s.svg');
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: 5px center;
		padding-left:35px;
		}
	
	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/email_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_geo, select.useradd_input_geo
		{
		background-image: url('/img/icpa/map_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;
		}
		
/* HR */

	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;
		}
		
/* POPS & BOXES */

	#alert_box
		{
		position:absolute;
		z-index:100;
		}
	
	.alerte
		{
		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;
		}

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

	.big_wait_box
		{
		background-image: url('/img/loader.svg') !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: contain;
		height:50vh;
		min-height:400px !important;
		}

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

	.wait_box_small div
		{
		filter: blur(2px);
		}
		
	#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:16px;
		transition: all 0.5s ease;
		max-width:90vw !important;
		background:#fff;
		padding:15px;
		border-radius: 15px;
		}
	
	#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;
		}

/* BLOC DE TEXTE POUR CONTENT SANS BORDER */

	.nb
		{
		bacgkground:#fff;
		box-sghadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
		margin-bottom:15px;
		bordger-raddius: 20px;
		padgding:15px;
		}
	
	.nbgris
		{
		background:#eeeeee;
		}
	
	.nbjaune
		{
		background:#fff585;
		}
	
	.nbmr, .nbmr_iphone
		{
		margin-right:15px;
		}
	
	.nbnp
		{
		padding:0px;
		}
		
	.nb_16
		{
		padding-left:27px !important;
		min-height:25px !important;
		background-repeat: no-repeat !important;
		background-size: 16px 16px !important;
		background-position: 5px 10px !important;
		}
		
	.nb_24
		{
		padding-left:45px !important;
		min-height:40px !important;
		background-repeat: no-repeat !important;
		background-size: 24px 24px !important;
		background-position: 10px 10px !important;
		}
		
	.nb_info_64, .nb_alerte_64, .nb_question_64, .nb_interdit_64, .nb_64
		{
		padding-left:90px !important;
		min-height:80px !important;
		background-repeat: no-repeat !important;
		background-size: 64px 64px !important;
		background-position: 10px 10px !important;
		}
		
	.nb_info_48, .nb_alerte_48, .nb_question_48, .nb_interdit_48, .nb_48
		{
		padding-left:70px !important;
		min-height:65px !important;
		background-repeat: no-repeat !important;
		background-size: 48px 48px !important;
		background-position: 10px 10px !important;
		} 
		
	.nb_48.super_padding
		{
		background-position: 10px 20px !important;
		}
		
	.nb_info_32, .nb_alerte_32, .nb_question_32, .nb_interdit_32, .nb_32
		{
		padding-left:50px !important;
		min-height:35px !important;
		padding-top:5px;
		background-repeat: no-repeat !important;
		background-size: 32px 32px !important;
		background-position: 10px 10px !important;
		}
		
	.nb_32.super_padding
		{
		background-position: 10px 20px !important;
		}
	
	.nb_info_64, .nb_info_48, .nb_info_32, .nb_info
		{
		background-image: url('/img/icpa/info.svg') !important;
		}
	
	.nb_alerte_64, .nb_alerte_48, .nb_alerte_32, .nb_alerte
		{
		background-image: url('/img/icpa/alert_s.svg') !important;
		}
	
	.nb_question_64, .nb_question
		{
		background-image: url('/img/icpa/question_s.svg') !important;
		}
	
	.nb_ok
		{
		background-image: url('/img/icpa/ok.svg') !important;
		}
	
	.nb_interdit_64, .nb_interdit
		{
		background-image: url('/img/notice/interdit.png') !important;
		}
	
	.nb_idee
		{
		background-image: url('/img/icpa/idee_s.svg') !important;
		}

/* LARGEUR DES BLOC */

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


/* RECTANGLE */

	
		
	.ligne_grise
		{
		padding:10px;
		margin:3px;
		}

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

	.rectangle_gris_barre
		{
		padding:8px;
		border-top:#ebebeb 2px solid;
		border-bottom:#ebebeb 2px solid;
		}
	
	.rectangle_gris_fonce
		{
		padding:8px;
		background:#888;
		}
	
	.rectangle_blanc
		{
	    padding:8px;
	    background:#fff;
		}
	
	.rectangle_jaune
		{
	    padding:8px;
	    background:#fff585;
		}
	
	.rectangle_vert
		{
	    padding:8px;
	    background:#419821;
	    color:#fff;
		}
	
	.rectangle_rouge
		{
	    padding:8px;
	    background:#cc0000;
	    color:#fff;
		}
		
	.rectangle_bleu
		{
		padding:8px;
		background:#2d5573;
		color:#fff;
		}
		
	.rectangle_dominant
		{
		padding:8px;
		background:#CC0000;
		color:#fff;
		}

	.highlight_bleu
		{
		padding:1px;
		background:#3490d1;
		color:#fff;
		}
	
	.highlight_gris
		{
		padding:1px;
		background:#ebebeb;
		color:#555;
		}
	
	.mini_rectangle_bleu
		{
		font-size:15px;
		font-weight:normal;
		background:#348FD1;
		color:#fff;
		border-radius: 3px;
		padding:2px;
		display: inline-block;
		}
	
	.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;
		}
	
	.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_rouge
		{
		padding:8px;
		background:#cc0000;
		color:#fff;
		}
	
	.rectangle_orange
		{
		padding:8px;
		background:#ffdc7d;
		}
	
	.rectangle_orange_clair
		{
		padding:8px;
		background:#ffedbc;
		}
	
	.rectangle_vert_clair
		{
		padding:8px;
		background:#cae2b1;
		}
	
	.rectangle_gris_fonce h2, .rectangle_bleu h2,  .rectangle_vert h2, .rectangle_gris_fonce h1, .rectangle_bleu h1,  .rectangle_vert h1
		{
		color:#fff !important;
		margin:0px;
		}
	
	h1 img.v
		{
		height:36px;
		vertical-align:-4px;
		}
	
	h1 img.r
		{
		background: #fff;
		border-radius: 50%;
		border:2px solid #fff;
		}
	
	.rectangle_bleu a, .rectangle_rouge a
		{
		color:#FEE97B !important;
		}

	.rouge
		{
		color:#cc0000;
		}

	.noir
		{
		color:#000;
		}
	
	a.rouge
		{
		color:#cc0000 !important;
		}
	
	.orange
		{
		color:#FF7200;
		}
	
	.gris, a.gris
		{
		color:#838383 !important;
		}
	
	.gris_clair, a.gris_clair
		{
		color:#B7B7B7 !important;
		}

	.vert, a.vert
		{
		color:#1A8F2A !important;
		}
	
	.jaune, a.jaune
		{
		color:#fff668 !important;
		}
	
	.blanc, a.blanc
		{
		color:#fff !important;
		}

	.noiretblanc, .noir_et_blanc
		{
		filter: grayscale(100%); 
		}
	
	.stabilo
		{
		background:#fcff00;
		}

/* OMBRE */

	.ombre
		{
		text-shadow: #9f9f9f 1px 1px 1px;
		}
	
	.box_ombre
		{
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
		}
	
	.box_ombre_center
		{
		box-shadow: 0px 0px 2px #888;
		}

/* Bouton */

	.pointer
		{
		cursor: pointer;
		}

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

	.bouton_bloc, .bouton_block
		{
		display:block;
		white-space:normal !important;
		}	
		
	a.mini_bouton_gris, .mini_bouton_gris
		{
		display: inline-block;
		padding:2px 4px;
		border-radius: 3px;
		border:1px solid #ccc;
		text-decoration: none !important;
		color:#828282 !important;
		cursor: pointer;
		font-size: 16px;
		white-space: nowrap;
		}
	
	a.mini_bouton_gris:hover, .mini_bouton_gris:hover
		{
		background: #bae2ff;
		}

	a.bouton_gris, .bouton_gris
		{
		display: inline-block;
		padding:4px 8px;
		border-radius: 3px;
		border:1px solid #ccc;
		text-decoration: none !important;
		color:#828282 !important;
		cursor: pointer;
		font-size: 16px;
		white-space: nowrap;
		}
	
	a.bouton_gris:hover, .bouton_gris:hover
		{
		background: #bae2ff;
		}
		
	.bouton_rouge_rond, .bouton_vert_rond, .bouton_gris_rond, .bouton_gris_rond:hover
		{
		position: relative;
		display: inline-block;
		background:#cc0000;
		color:#fff;
		padding:10px;
		border-radius:20px;
		margin:auto;
		font-weight:600;
		font-size:16px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		cursor: pointer;
		margin:0px 1px 1px 0px;
		}
		
	.bouton_gris_rond
		{
		background:#d1d1d1;
		color:#000;
		}
		
	.bouton_vert_rond
		{
		background:#9fd866;
		color:#000;
		}
		
	.bouton_rouge_rond img, .bouton_rouge_rond img.v16, .bouton_gris_rond img, .bouton_gris_rond img.v16, .bouton_vert_rond img, .bouton_vert_rond img.v16
		{
		background:#fff;
		border-radius: 50%;
		//border:4px solid #fff;
		transform: scale(1.5) translateX(-2px);
		padding:2px;
		}
		
	.bouton_gris_rond img.v24
		{
		width:18px;
		height:18px;
		margin:0px 3px;
		vertical-align: -4px;
		padding:1px;
		}

	.bouton_vert, .bouton_vert_vert, .bouton_orange, .bouton_rouge, .bouton_vrai_vert, .bouton_bleu, .bouton_jaune, .bouton_gris_gris
		{
		position: relative;
		display: inline-block;
		background:#cc0000;
		color:#fff;
		padding:5px 10px;
		border-radius:20px;
		margin:auto;
		font-weight:600;
		font-size:16px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		cursor: pointer;
		border:0;
		}
		
	.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_bleu, .bouton_bleu a
		{
		background: #348FD1;
		color:#ffffff !important;
		}

	.bouton_vert, .bouton_vert a
		{
		background: #cc0000;
		color:#ffffff !important;
		}

	.bouton_jaune, .bouton_jaune a
		{
		background: #9bd300;
		color:#fff !important;
		}
	
	.bouton_vrai_vert, .bouton_vrai_vert a, .bouton_vert_vert, .bouton_vert_vert a
		{
		background: #2ca23a;
		color:#ffffff !important;
		}
	
	.bouton_gris_gris, .bouton_gris_gris a
		{
		background: #7d7d7d;
		color:#ffffff !important;
		}
	
	.bouton_orange, .bouton_orange a
		{
		background:#cc8900;
		color:#ffffff !important;
		}
	
	.bouton_rouge, .bouton_rouge a
		{
		background:#930000;
		background-repeat: repeat-x;
		color:#ffffff !important;
		}

	.gros_bouton
		{
		font-size:20px;
		}

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

/* 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;
		}



/* RONDS */

	h2 .pastille_rouge, h1 .pastille_rouge
		{
		background: #cc0000;
		display: inline-block;
		border-radius: 50%;
		width:25px;
		height:25px;
		color:#fff;
		font-size:13px;
		padding-top:6px;
		text-align: center;
		vertical-align: 3px;
		}
	
	.rond_blanc
		{
		border:1px solid white;
		border-radius: 50%;
		}

	.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;
		padding-top:2px;
		font-size:13px;
		width:18px;
		height:18px;
		text-align:center;
		white-space: nowrap;
		vertical-align: 2px;
		}
	
	h1 .rond_bleu
		{
		color:#cc0000;
		background:#fff;
		border-radius: 50%;
		padding:0px;
		font-size:28px;
		width:37px;
		height:37px;
		text-align:center;
		white-space: nowrap;
		vertical-align: 4px;
		}
	
	h2 .rond_bleu
		{
		color:#fff;
		border-radius: 50%;
		padding:1px;
		padding:0px;
		font-size:22px;
		width:30px;
		height:30px;
		text-align:center;
		white-space: nowrap;
		}
	
	h3 .rond_bleu
		{
		color:#fff;
		border-radius: 50%;
		padding:0px;
		padding-top:5px;
		font-size:13px;
		width:25px;
		height:25px;
		text-align:center;
		white-space: nowrap;
		background: #5b93b8;
		vertical-align: 2px;
		}
	
	.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:20px;
		height:20px;
		text-align:center;
		background: #cc0000;
		color:#fff;
		border-radius: 50%;
		padding:3px 1px 0px 1px;
		font-size:12px;
		vertical-align: 2px;
		font-family: arial;
		}
		
	.rond_gris
		{
		display:inline-block;
		width:20px;
		height:20px;
		text-align:center;
		background: #c3c3c3;
		color:#000;
		border-radius: 50%;
		padding:3px 1px 0px 1px;
		font-size:12px;
		vertical-align: 2px;
		font-family: arial;
		}
		
	
	
/* IMAGES */

.v10
		{
		width:10px;
		height:10px;
		vertical-align: -1px;
		}
	
	.v12
		{
		width:12px;
		height:12px;
		vertical-align: -1px;
		}
		
	.v16, .v16_force
		{
		width:16px;
		height:16px;
		vertical-align: -3px;
		}
		
	.v16h
		{
		height:16px;
		vertical-align: -3px;
		}
	
	.v24
		{
		vertical-align: -6px;
		height:24px;
		}
	
	.v32
		{
		vertical-align: -8px;
		height:32px;
		}
	
	.v32_sup
		{
		vertical-align: -4px;
		height:32px;
		}
	
	.v48
		{
		height:48px;
		}
	
	.v64
		{
		height:64px;
		}
	
	.v128
		{
		height:128px;
		}

	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);
		}
		
/* DEVIS B2C */

	#vud_mb_js_box #vud_devis_header
		{
		display: none;
		}
		
	body #vud_mb_js_box .vud_reinitialise #vud_devis_formulaire
		{
		background:#cc0000 !important;
		border-radius: 10px;
		}
			
	body #vud_mb_js_box .vud_reinitialise #vud_devis_formulaire h2
		{
		color:#fff !important;
		font-weight: bold;
		}
		
	body #vud_mb_js_box .vud_reinitialise .vud_devis_index_vignette 
		{
		height: 160px !important;
		border-radius: 10px;
		}
			
	body #vud_mb_js_box .vud_reinitialise .vud_devis_index_vignette h3
		{
		opacity: 70%;
		background: #000;
		}
		
	body #vud_mb_js_box .vud_reinitialise .vud_devis_index_vignette .vud_devis_index_vignette_black
		{
		border-radius: 10px;
		}

/* SPECIFICITES MOBILES */

	.inline_but_iphone
		{
		display: inline-block;
		margin:2px;
		}	
		
	.iphone_block, .iphone_inline_block
		{
		display:none;
		}
	
	.mob_inf_930, .mob_inf_700
		{
		display:none;
		}
	
	.only_iphone
		{
		display: none;
		}
    
    .unselect
		{
		 -moz-user-select: none; /* Firefox */
		 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
		 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
		 user-select: none; /* Propriété standard */
		}

/* 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;
		}

/* NOTIFICATIONS */

	#notification_box, .notification_box
		{
		background: none repeat scroll 0 0 #fff;
		border:3px solid #cc0000;
		border-top:0px;
		color: #000;
		margin: 2px;
		padding: 20px;
		position:fixed;
		top:-500px;
		right:10px;
		z-index:970;
		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: 0px 0px 5px 5px ;
		text-align:center;
		}


/* 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');
		}


	.popin_600
		{
		max-width:600px;
		}
	
	.popin_500
		{
		max-width:500px;
		}
	
	.popin_400
		{
		max-width:400px;
		}
	
	.popin_300
		{
		max-width:300px;
		}

/* PRINT */

	.onlyprint
		{
		display: 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;
		}
	
/* ADD5.php */

	.add5_table_inv, .add5_table_cc
		{
		border-radius: 7px;
		margin-bottom:20px;
		}
		
	.add5_table_inv div.td, .add5_table_cc div.td
		{
		padding:15px;
		width:60%;
		text-align: center;
		vertical-align: top;
		}
			
	.add5_table_inv_in div.td, .add5_table_cc_in div.td
		{
		padding:0 15px;
		width:50%;
		text-align: center;
		vertical-align:top;
		}
		
	.add5_table_inv div.td:first-child, .add5_table_cc div.td:first-child
		{
		width:40%;
		text-align: left;
		white-space: nowrap;
		}
			
	.add5_table_inv div.td:first-child img, .add5_table_cc div.td:first-child img
		{
		vertical-align:0px;;
		}
	
	.add5_table_inv
		{
		border:5px solid #CC1D00;
		}
		
	.add5_table_cc
		{
		border:5px solid #62AB2E;
		}
		
	.cc_recommande_0, .cc_recommande_1, .cc_recommande_2
		{
		background: #ddd;
		padding:3px 10px 0px 10px;
		height:22px;
		border-radius: 11px;
		font-size:13px;
		display: inline-block;
		margin-left:40px;
		color:#777;
		}
		
	.cc_recommande_1
		{
		background: #de9;
		color:#560;
		}
		
	.cc_recommande_2
		{
		background: #380;
		color:#fff;
		}
		
/* SOCIETE BOUTON CONTENUER */

.societe_bloc
	{
	background: rgb(149,149,149);
	background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(218,218,218,1) 34%, rgba(238,238,238,1) 100%);
	}
	
.societe_bloc h2
	{
	color:#fff !important;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	}

.societe_bouton_contener
	{
	display: bloc;
	text-align: center;
	padding-top:10px;
	padding-bottom:20px;
	}
	

.societe_bouton_contener .societe_bouton
	{
	display: inline-block;
	width:130px;
	height:110px;
	background:#fff;
	margin:5px;
	vertical-align: top;
	border-radius: 10px;
	text-decoration: none;
	font-size:13px;
	color:#000;
	position: relative;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	}
	

.societe_bouton_contener .societe_bouton:hover
	{
	background:#fec;
	}
	
.societe_bouton_contener .societe_bouton .societe_bouton_picto
	{
	width:60px;
	display: block;
	margin: 15px auto 10px auto;
	}
	
.societe_bouton_contener .societe_bouton .societe_bouton_counter
	{
	position: absolute;
	top:-8px;
	right:10px;
	height:40px;
	width:40px;
	background:#cc0000;
	border-radius: 50%;
	font-size:22px;
	font-weight:bold;
	padding-top:7px;
	color:#fff;
	}
	
	
.societe_bouton_contener .societe_bouton .societe_bouton_counter_0
	{
	background:#aaaaaa !important;
	font-weight:normal;
	}

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

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

	.droite_iphone_to_center
		{
		text-align: center !important;
		}

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

	.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_div_iphone_mb, .cell_to_div_mb
		{
		display: block;
		width:auto;
		margin-bottom:15px;
		}
	
	.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;	
		}
		
	.force_hidden_iphone
		{
		display: none;
		}
		
	.nowrap_desktop
		{
		white-space: normal;
		}
	}
	
@media (max-width:930px) and (hover: none) and (pointer: coarse) 
	{
    /* SEULEMENT LES TOUCH SCREEN */
    
    
	.table_but_iphone, .table_to_div
		{
		display: block;
		} 
		
	.table_but_iphone tr, .table_to_div tr
		{
		display: block;
		width:100%;
		}
	}
	
@media (max-width:800px)
	{		
	.add5_table_inv div.add5_td_to_div, .add5_table_cc div.add5_td_to_div
		{
		display: block;
		width:100%;
		}
	}

@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;
		}
			
	.mob_inf_700
		{
		display:initial;
		}

	.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%;
		}

	.mob_sup_500
		{
		display:none;
		}
		
	
		
	input.useradd_input, select.useradd_input
		{
		widdth:200px;
		}
		
	/* 500 */

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

@media (max-width:400px)
	{

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

	}

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

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

	.mob_sup_330
		{
		display:none;
		}

	}

@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 !important;
		}
	.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);}
	}
	

	
.animation_pulse
	{
	animation: pulse_anim 1s ease infinite;
	}

@keyframes pulse_anim
	{
	0%   { transform: scale(1);}
	50%   { transform: scale(1.5);}
	100%   { transform: scale(1);}
	}

.animation_blink
	{
	animation: blink_anim 1s linear infinite;
	}

.animation_blink_once
	{
	animation-name: blink_anim;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	}

@keyframes blink_anim
	{
	0%   { opacity: 1;}
	50%   { opacity: 0;}
	100%   { opacity: 1;}
	}
	

.shaker 
	{
	animation: shaker 0.82s cubic-bezier(.36,.07,.19,.97) both;
	}

@keyframes shaker {
  10%, 90% {
    transform: translateY(-3px);
  }
  
  20%, 80% {
    transform: translateY(3px);
  }

  30%, 50%, 70% {
    transform: translateY(-7px);
  }

  40%, 60% {
    transform: translateY(7px);
  }
}