#devis_gris_texte strong
	{
	font-size:35px;
	color:#286BCA;
	font-family: QlassikBoldRegular, sans-serif;
	font-weight:400;
	}
	
#devis_gris_texte
	{
	font-size:16px;
	}
	
#devis_bloc_container
	{
	clear:both;
	/*border:1px solid black;*/
	overflow:auto;
	padding-bottom:10px;
	}

#devis_bloc_droite
	{
	float:right;
	width:300px;
	margin-top:20px;
	text-align:left;
	margin-right:3px;
	}
	
#devis_block_droit2
	{
	height:250px;
	}
	
.do_input
	{
	width:130px;
	}
	
#devis_bloc_droite #devis_illustration
	{
	width:300px;
	}
	
#devis_bloc_gauche
	{
	float:left;
	margin-top:20px;
	width:595px;
	}
	
.devis_categories_box
	{
	overflow:auto;
	}
	
.devis_categories_box img
	{
	float:left;
	margin-right:10px
	}
	
.devis_categories_liens_box
	{
	float:left;
	}
	
.devis_categories_liens_box a
	{
	color:#286BCA !important;
	font-size:13px;
	text-decoration: none;
	}
	
.devis_categories_liens_box a:hover
	{
	text-decoration: underline;
	}
	
.devis_categories_liens_box ul
	{
	margin:0px;
	}
	
.devis_categories_liens_box ul li
	{
	padding:0px;
	margin:0px;
	line-height: 15px;
	}
	
#devis_bloc_droite #devis_explication_box
	{
	margin-top:25px;
	}
	
#devis_bloc_droite #devis_explication_box .devis_explication_texte
	{
	margin:10px 0px 10px 0px;
	font-size:25px;
	font-family: QlassikMediumRegular, sans-serif;
	}
	
#devis_bloc_droite #devis_explication_box .devis_explication_texte strong
	{
	font-family: QlassikBoldRegular, sans-serif;
	font-weight: normal;
	color:#286BCA
	}
	
.devis_error_box_hidden
	{
	display:none;
	/*border:2px solid black;*/
	}
	
.devis_v2_big_links_img
	{
	width:150px;
	padding:0px;
	padding-right:10px;
	}
	
.devis_v2_big_links
	{
	font-size:16px;
	font-family: QlassikMediumRegular, sans-serif;
	}
	
.devis_v2_big_links a
	{
	color:#286BCA !important;
	}
	
.devis_v2_big_links b
	{
	font-size:30px;
	font-family: QlassikBoldRegular, sans-serif;
	font-weight: normal;
	}
	
/* INDEX */

.devis_index_vignette
	{
	background-size:cover !important;
	background-position: center center !important;
	position: relative;
	font-size: 0;
	border-radius:15px;
	}
	

.devis_index_vignette .devis_index_vignette_black
	{
	position: absolute;
	top: 0px;
	right:0px;
	left:0px;
	bottom:0px;
	background:#7d7d7d;
	opacity: 0.4;
	z-index: 2;
	transition: all 0.2s ease;
	border-radius:15px;
	}
	
.devis_index_vignette img
	{
	position: relative;
	transition: filter 0.2s ease;
	width:100%;
	z-index: 1;
	filter: grayscale(0.5);
	border-radius:15px;
	}

.devis_index_vignette h3
	{
	padding:0;
	margin:0;
	color:#fff;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
	font-weight:bold;
	font-size:35px;
	text-align: center;
	position: absolute;
	top: 50%;
	right:0px;
	left:0px;
	transform: translateY(-50%);
	z-index: 3;
	}

.devis_index_vignette:hover img, .devis_index_vignette_active img
	{
	filter: grayscale(0);
	border-radius:15px;
	}

.devis_index_vignette:hover .devis_index_vignette_black, .devis_index_vignette_active .devis_index_vignette_black
	{
	opacity: 0;
	}
	
/* ACTIVE */

.devis_index_vignette_active h3
	{
	z-index: 21;
	}
	
.devis_index_vignette_active img
	{
	filter: grayscale(0);
	z-index:20
	}
	
#devis_listener
	{
	background:#000;
	position: fixed;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	display: none;
	opacity: 0.5;
	z-index: 5
	}	
	
.devis_index_famille
	{
	width:277px;
	height:164px;
	margin:15px 15px;
	display: inline-block; 
	vertical-align: top;
	font-size:15px;
	background:#83b2cf;
	border-radius:15px;
	}
	
.devis_liste::before
	{
	position: absolute;
	top:0px;
	left:0;
	right:0px;
	height:200px;
	background: #ddd;
	content: '';
	border-radius: 10px 10px 0 0;
	}
	
.devis_liste
	{
	position: absolute;
	top:0px;
	left:50%;
	transform: translateX(-50%);
	width:970px;
	padding:10px;
	padding-top:210px;
	z-index:19;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	margin-bottom:10px;
	}
	
.devis_liste ul
	{
	column-gap: 1%;
	column-count: 3;
	column-width: 200px;
	}
	
.devis_liste li a
	{
	width:250px;
	display: inline-block;
	text-align: left;
	padding:10px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #ddd;
	text-decoration: none;
	}
	
.devis_liste li a:hover
	{
	text-decoration: none;
	background: #bee4ff;
	}
	
.devis_index_famille_full
	{
	width:96%;
	}
	
.devis_index_titre
	{
	background:#348FD1;
	padding:10px;
	border-radius: 5px 5px 0px 0px;
	}
	
.devis_index_titre h3
	{
	color:#fff;
	margin:0px;
	} 
	
.devis_recherche_res_box
	{
	margin-bottom:15px;
	background:#fff;
	padding:10px;
	border-radius:10px;
	}
	
.devis_recherche_res_img
	{
	width:200px;
	padding:0px;
	}
	
.devis_recherche_res_img img
	{
	width:200px;
	border-radius: 4px;
	}
	
.devis_recherche_res_texte
	{
	position: relative;
	font-size:16px;
	text-align: left;
	padding-left: 10px;
	}
	
.devis_recherche_res_texte h3
	{
	margin-top:5px;
	font-size:23px;
	}

.devis_recherche_res_bouton
	{
	position: absolute;
	background:#348FD1;
	padding:5px;
	bottom:10px;
	right:0px;
	color:#fff !important;
	text-decoration: none;
	font-size:16px;
	border-radius:5px;
	font-weight:bold;
	display: block;
	}

.devis_bouton_bleu, a.devis_bouton_bleu
	{
	background:#348FD1;
	padding:10px;
	color:#fff !important;
	text-decoration: none !important;
	font-size:16px;
	border-radius:5px;
	font-weight:bold;
	display: inline-block;
	cursor: pointer;
	}
	
.devis_bouton_bleu_open img
	{
	transform: rotate(90deg);
	}

.devis_recherche_res_bouton img
	{
	margin-left:5px
	}
	
.devis_autre_devis_textarea_zone
	{
	padding:5px;
	display: none;
	overflow:auto;
	}
	
.devis_autre_devis_textarea_zone textarea
	{
	width:100%;
	box-sizing: border-box;
	min-height:70px;
	}
	
/* CHRONOLOGIE */

.devis_chronologie
	{
	border-collapse: collapse;
	}

.devis_chronologie_picto,
.devis_chronologie_picto_down
	{
	background-image:url('/img/devis/carre_bleu.png'); 
	background-repeat: repeat-y;
	background-position-x: 45px;
	padding:0 5px;
	}
	
.devis_chronologie_picto_down_gris
	{
	background-image:url('/img/devis/carre_gris.png'); 
	}

.devis_chronologie_picto div
	{
	background: #fff;
	border:5px solid #348fd1;
	border-radius: 10px;
	overflow: auto;
	padding:10px;
	}

.devis_chronologie_picto div.devis_chronologie_old_etape
	{
	border:5px solid #cccccc;
	background: #eee;
	}

.devis_chronologie_picto div.devis_chronologie_actual_etape
	{
	background: #cceaff;
	}

.devis_chronologie_picto div.devis_chronologie_old_etape strong
	{
	color:#a4a4a4;
	}

.devis_chronologie_picto div img
	{
	float:left;
	margin-right:10px;
	width:64px;
	}
	
.devis_chronologie_picto_down img
	{
	margin:5px 0px 0px 22px;
	}

.devis_chronologie_picto div strong
	{
	display: block;
	padding-top:5px;
	color:#348fd1;
	}
	
.devis_chronologie_picto_pointille
	{
	background-image:url('/img/devis/pointille_bleu.png'); 
	}
	
.devis_chronologie_picto_down img
	{
	width:40px;
	}
	
.devis_chronologie_actuel img
	{
	width:64px;
	}
	
/* LES ETAPES DANS LES DEVIS, VERISON 5 */
	
.devis5_step1
	{
	background:#EBFBC3;
	}
	
.devis5_step2
	{
	background:#C4DA8A;
	}
	
.devis5_step3
	{
	background:#A6BD69;
	}
	
.devis5_step_rond
	{
	display:inline-block;
	background: #348FD1;
	color:#fff;
	border-radius: 200px;
	padding:1px 1px 1px 2px;
	font-size:17px;
	width:20px;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}

.devis5_step_title
	{
	padding:8px 8px 0px 8px;
	font-size:17px;
	font-weight:bold;
	color:#000;
	}
	
.devis5_step_texte
	{
	padding:0px 8px 8px 8px;
	font-size:12px;
	color:#444;
	}
	
/* AUTRE DEVIS */

.devis_autre_devis
	{
	background:#EBEBEB;
	margin-bottom:5px;
	border-radius:5px;
	padding:7px;
	cursor:pointer;
	}

.devis_autre_devis:hover
	{
	background:#d5edff;
	}

.devis_autre_devis .devis_logo_rond_small
	{
	width:60px;
	height:60px;
	border-radius: 32px;
	border:4px solid #348FD1;
	}
	
.devis_gros_label label
	{
	display: inline-block;
	background:#eee;
	padding:3px 5px 3px 3px;;
	border-radius: 5px;
	margin-bottom:2px;
	}
	
	
@media (max-width:970px)
	{
	.devis_liste
		{
		position: absolute;
		top:0px;
		left:50%;
		transform: translateX(-50%);
		width:95%;
		}
		
	.devis_liste ul
		{
		columns : auto;
		column-count : auto;
		height:250px;
		overflow: auto;
		}
		
	.devis_liste li a
		{
		width:95%;
		box-sizing: border-box;
		display: block;
		margin:0px auto;
		}	
	
	}
	
	
@media (max-width:600px)
	{
	}
		
@media (max-width:500px)
	{
		
	.devis_recherche_res_box
		{
		margin-bottom:15px;
		background:#fff;
		padding:10px;
		border-radius:10px;
		}
		
	.devis_recherche_res_img
		{
		width:100px;
		padding:0px;
		}
		
	.devis_recherche_res_img img
		{
		width:100px;
		border-radius: 4px;
		}
	
	.devis_recherche_res_bouton
		{
		position: static;
		margin-top:10px;
		text-align: center;
		}
	
	.devis_recherche_res_bouton img
		{
		margin-left:5px
		}
		
	.devis_chronologie_picto div img
		{
		width:45px;
		}
	
	.devis_chronologie_actuel img
		{
		width:24px;
		}
	}