/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 700px;
}
label {
	cursor:pointer;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	background-color:#bb5191;
	color:#fff;
	height:750px;
	font-size:14px;
	padding:20px 0px 0px 0px;
}
	#footer a {
		color:#F2C8E1;
	}
		#footer a:hover,#footer a:active,#footer a:focus {
			color:#F2C8E1;
			text-decoration:none;
			border-bottom:1px dotted #F2C8E1;
		}
	#footer #footer_txt {
		padding:10px 0px 0px 0px;
	}
	#footer #footer_logo {
		text-align:center;
	}
	#footer #footer_copyright {
		padding:20px 0px 0px 0px;
		text-align:justify;
		color:#f2a0d1;
		font-size:14px;
	}
	#footer #footer_links {
		list-style:none;
		display:block;
		margin:0px auto 10px auto;
		text-align:center;
	}
		#footer #footer_links li {
			display:inline;
			border-right:1px solid #fff;
			padding:0px 6px 0px 6px;
		}
			#footer #footer_links li:last-child {
				border-right:none;
			}
			#footer #footer_links li a{
				color:#fff;
			}

body {
  font-family: Arial,"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  color: #196e78;
  padding-bottom:80px;
  background-color: #ffffff;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

em {
	color:#25a1b0;
	font-style:normal;
}
.cadre_menu {
	border:1px solid #bdbdbd;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	border-radius: 			10px;
	margin-bottom:25px;
}
	.cadre_menu  h3 {
		font-size:16px;
		font-weight:bold;
		color:#bb5191;
	}

	.cadre_menu.rose {
		background-color:#bb5191;
		border:2px solid #8a3b6a;
	}
	.cadre_menu.vert {
		border:2px solid #88AD0D;
		background-color:#ADE208;
		background: #ade208; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZTIwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGIyMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ade208 0%, #8db21a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ade208), color-stop(100%,#8db21a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ade208 0%,#8db21a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ade208 0%,#8db21a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ade208 0%,#8db21a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ade208 0%,#8db21a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade208', endColorstr='#8db21a',GradientType=0 ); /* IE6-8 */
	}
.bloc_courtier {
}
	.bloc_courtier a {
		text-decoration:none;
		border:none;
	}
		.bloc_courtier a:hover {
			text-decoration:none;
			border:none;
		}
	.bloc_courtier strong {
		color:#BB5191;
	}
	.bloc_courtier .bloc_courtier_coordonnees {
		padding:10px;
		line-height:140%;
	}
	.bloc_courtier .courtier_map {
		height:180px;
		width:100%;
		border-radius:0px 0px 12px 12px;
	}
.txt_right {
	text-align:right;
}
.txt_left {
	text-align:left;
}
.txt_center {
	text-align:center;
}
.txt_gris {
	color:#666666;
}
.txt_small {
	font-size:10px;
}
.fond_degrade {
	background-image:linear-gradient(#ffffff, #eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}
.cadre {
	background-color:rgba(240,240,240, 0.6);
	border:1px solid #bdbdbd;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	border-radius: 			10px;
	margin-bottom:25px;
	padding:10px;
}
.cadre_accueil {
	height:500px;
}
.container .jumbotron {
	position:relative;
	padding:0px;
}
/* Bloc WEB CALL BACK
--------------------------------------*/
#bloc_wcb {
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
	
	/*
	background-image:url(../images/logo_diminutis.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	*/
	min-height:200px;
	color:#636363;
	font-size:13px;
}
	#bloc_wcb h2 {
		text-align:center;
		font-size:16px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0px 0px 5px 0px;
		line-height:140%;
	}
	#bloc_wcb em {
		display:block;
		color:#bb5191;
		text-align:center;
		font-size:14px;
		font-style:normal;
		font-weight:bold;
	
	}
	#bloc_wcb strong {
		display:block;
		clear:left;
		color:#3c3c3c;
		text-align:center;
		font-size:13px;
		font-style:normal;
		font-weight:bold;
		margin:0px 0px 5px 0px;
	}
	#bloc_wcb p {
		text-align:justify;
		margin:0px;
	}
	#bloc_wcb #wcb_validation {
		display:block;
		width:215px;
		height:56px;
		margin:10px auto 20px auto;
		background-color:transparent;
		background-image:url(../images/wcb_bouton.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		border:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

/*--------------------------*/

/* Bloc RDV
--------------------------------------*/
#div_rdv {
	position:relative;
}
#bloc_rdv {
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
	
	min-height:200px;
	color:#636363;
	font-size:13px;
}
	#bloc_rdv h2 {
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0px 0px 5px 0px;
		line-height:140%;
	}
	#bloc_rdv p {
		margin:0px 0px 15px 0px;
	}
	#bloc_rdv #rdv_alerte {
		color:#25A1B0;
		font-size:16px;
		font-weight:normal;
		text-align:left;
		padding:0px;
		margin-bottom:10px;
	}
/*--------------------------*/

/* Bloc MSG
--------------------------------------*/
#div_msg {
	position:relative;
}
#bloc_msg {
	background: #efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
	
	min-height:200px;
	color:#636363;
	font-size:13px;
}
	#bloc_msg h2 {
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
		font-weight:bold;
		margin:0px 0px 5px 0px;
		line-height:140%;
	}
	#bloc_msg p {
		margin:0px 0px 15px 0px;
	}
	#bloc_msg #msg_alerte {
		color:#25A1B0;
		font-size:16px;
		font-weight:normal;
		text-align:left;
		padding:0px;
		margin-bottom:10px;
	}
/*--------------------------*/
.requis {
	background-color:#DBF4F7 !important;
	color:#000 !important;
	border:1px solid #25A1B0 !important;
	-moz-box-shadow:    inset 1px 1px 5px #25A1B0 !important;
	-webkit-box-shadow: inset 1px 1px 5px #25A1B0 !important;
	box-shadow:         inset 1px 1px 5px #25A1B0 !important;
}
	

#picto_indigo {
	position:absolute;
	top:20px;
	right:20px;
}
#mention_pedagogique {
	position:absolute;
	display:block;
	margin-left:-300px;
	bottom:-25px;
	left:50%;
	
}
#mention_pedagogique_xs {
	position:static;
	display:block;
	margin:0px auto 8px auto;
}

#btn_devenir_partenaire {
	display:block;
	background-image:url(../images/devenir_partenaire.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-99999px;
	height:85px;
}
	#btn_devenir_partenaire:hover,#btn_devenir_partenaire:active,#btn_devenir_partenaire:focus {
		text-decoration:none;
	}
#btn_wcb {
	display:block;
	background-image:url(../images/phone_icon.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	height:85px;
	font-size:20px;
	color:#fff;
}
	#btn_wcb:hover {
		text-decoration:none;
	}
	#btn_wcb h3 {
		color:#fff;
		font-size:25px;
		padding:13px 0px 0px 55px;
		margin:0px;
	}
	#btn_wcb p {
		color:#fff;
		font-size:23px;
		padding:10px 0px 0px 0px;
		margin:0px;
		text-align:center;
	}
#btn_demande_en_ligne {
	display:block;
	height:85px;
}
	#btn_demande_en_ligne:hover,#btn_demande_en_ligne:active,#btn_demande_en_ligne:focus {
		text-decoration:none;
	}
	#btn_demande_en_ligne>span {
		display:block;
		background-image:url(../images/demande_en_ligne.png);
		background-repeat:no-repeat;
		background-position:left top;
		text-indent:-99999px;
		height:100%;
		width:100%;
	}

a, a:active, a:focus {
	color:#196e78;
}

h1 {
	margin:0px 0px 10px 0px;
	color:#25a1b0;
	border-bottom: 2px dotted #25a1b0;
}
h2 {
	margin:0px 0px 10px 0px;
	color:#25a1b0;
	/*border-bottom: 1px solid #25a1b0;*/
}
h3 {
	margin:5px 0px 5px 0px;
	color:#bb5191;
}

#mini_form_container
{
	display:block;
	float:right;
	margin-right:10px;
	margin-left:10px;
	width:320px;
	height:auto;
	padding-top:10px;
	text-align:left;
	
	box-shadow: 1px 2px 20px rgba(255, 255, 255, .6) inset, 1px 2px 5px 1px rgba(0, 0, 0, 0.5);
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px; 
	-khtml-border-radius:10px 10px 10px 10px;
	padding-bottom:10px;
	padding-top:5px;
	padding-right:5px;
}
	#mini_form_container #chrono {
		display:block;
		float:left;
		width:145px;
	}

	#mini_form_container select
	{
		width:130px;
		font-size:10px;
		margin-bottom:6px;
		/*
		margin-bottom:3px;
			
		padding: 3px;
		margin: 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 3px 0 #CCC, 0 -1px white inset;
		-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
		box-shadow: 0 3px 0 #CCC, 0 -1px white inset;
		background: #F8F8F8;
		color: #888;
		border: none;
		outline: none;
		display: inline-block;
		cursor: pointer;	*/
	}
	#mini_form_container label {
		font-weight:normal;
		margin:0px;
		font-size:12px;
		line-height:12px;
		text-align:left;
	}
#mini_form
{
	padding-top:3px;
}	
#mini_form_titre1
{
	color:#32a2b2;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	margin-right:15px;
	font-style:italic;
}
#mini_form_titre2
{
	color:#b230a3;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	margin-right:15px;
	font-style:italic;
}
.fermer {
	display:block;
	position:absolute;
	top:10px;
	right:25px;
	cursor:pointer;
	font-size:14px;
	font-weight:normal;
	color:#777;
	background-color:transparent;
	border:none;
	text-decoration:none;
	width:15px;
	height:15px;
	background-image:url('../images/btn-close.gif');
	background-repeat:no-repeat;
	z-index:1000;
}
	.fermer:hover {
		color:#222;
		font-weight:normal;
		text-decoration:none;
		
	}

.verdana{ font-family:Verdana, Arial, Helvetica, sans-serif;}

.gras { font-weight : bold;}

.clair{ color:#25a1b0;}

.rose12{ color:#c3087f; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

.rose{ color:#c3087f; }

.bleu{ color:#207d8a; }

.bleu12{ color:#207d8a; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  }

a.noFormat{ text-decoration:none;font-weight:normal; font-family: Arial, Helvetica, sans-serif;}

a.noFormat:hover{ color:#c3087f; text-decoration:underline; }

a.noeffect:hover {
	color:#25a1b0;
	text-decoration:none;
}

.solution {
	display:block;
	padding-left:70px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:0px 20px;
}
	#solution1 { background-image:url(../images/solution1.png);}
	#solution2 { background-image:url(../images/solution2.png);}
	#solution3 { background-image:url(../images/solution3.png);}
	#solution4 { background-image:url(../images/solution4.png);}
/* Nos outils
---------------------------- */
#liste_outils {
	list-style:none;
	margin:30px 0px 0px 0px;
	padding:0px;
}
	#liste_outils li {
		text-align:center;
		background-image:url(../images/outils_separateur.jpg);
		background-position:right 5px;
		background-repeat:no-repeat;
		min-height:120px;
	}
		#liste_outils li:last-child {
			background-image:none;
		}
		#liste_outils li a{
			display:block;
			width:100%;
			height:100%;
			font-weight:bold;
			color:#25a1b0;
			background-position:center top;
			background-repeat:no-repeat;
			padding-top:70px;
		}
		#liste_outils li.outil_endettement a{
			background-image:url(../images/picto_endettement.png);
		}
		#liste_outils li.outil_emprunt a{
			background-image:url(../images/picto_emprunt.png);
		}
		#liste_outils li.outil_amortissement a{
			background-image:url(../images/picto_amortissement.png);
		}
		#liste_outils li.outil_calculette a{
			background-image:url(../images/picto_calculette.png);
		}
#liste-agences-diminutis {
	margin-top:20px;
}
.liste-agences-bloc {
	min-height:110px;
}
	.liste-agences-bloc a {
		text-decoration:underline;
	}

	/* Bouton accès suivi client 
--------------------------------*/
.navbar-collapse {
	position:relative;
}
a.suivi_client {
	display:block;
	position:absolute;
	left:170px;
	top:30px;
	color:#ad4b86;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	z-index:800;
}
	a.suivi_client:hover,
	a.suivi_client:active,
	a.suivi_client:focus
	{
		text-decoration:none;
		color:#ad4b86;
	}

/* ======================= Personnalisation Bootstrap ==================== */
.navbar-brand {
	padding: 0px;
	display:block;
	position:relative;
	z-index:1000;
	margin-top:10px;
}
	.navbar-toggle {
		padding: 15px 10px;
		margin-top: 16px;
	}

@media (max-width: 767px) {
	/* XS */
	.cadre_menu {
		margin-bottom:15px;
	}
	.solution {
		display:block;
		padding-left:0px;
		margin-bottom:10px;
		background:none;
	}
		#solution1 { background-image:none;}
		#solution2 { background-image:none;}
		#solution3 { background-image:none;}
		#solution4 { background-image:none;}
	
	#mini_form_container
	{
		display:block;
		float:none;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
		width:242px;
		height:auto;
		padding-top:10px;
		padding-left:20px;
		text-align:left;
	}
	#mini_form_container #chrono {
		display:none;
	}
	#btn_demande_en_ligne {
		display:block;
		height:auto;
		min-height:30px;
	}
		#btn_demande_en_ligne>span {
			display:block;
			background-image:none;
			text-align:center;
			text-indent:0px;
			min-height:30px;
			padding-top:5px;
			padding-bottom:5px;
			height:auto;
			line-height:25px;
			font-weight:bold;
			font-size:20px;
			width:100%;
			color:#fff;
		}
	#btn_devenir_partenaire {
		display:block;
		background-image:none;
		text-align:center;
		text-indent:0px;
		min-height:30px;
		padding-top:5px;
		padding-bottom:5px;
		height:auto;
		line-height:25px;
		font-weight:bold;
		font-size:20px;
		width:100%;
		color:#fff;
	}
	#btn_wcb {
		display:block;
		background-image:none;
		text-align:center;
		text-indent:0px;
		min-height:30px;
		padding-top:5px;
		padding-bottom:5px;
		height:auto;
		line-height:25px;
		font-weight:bold;
		font-size:20px;
		width:100%;
		color:#fff;
	}
		#btn_wcb h3 {
			color:#fff;
			font-size:20px;
			padding:0px 0px 0px 0px;
			margin:0px;
		}
		#btn_wcb p {
			color:#fff;
			font-size:16px;
			font-weight:normal;
			padding:5px 0px 0px 0px;
			margin:0px;
			text-align:center;
		}
	
	.cadre_accueil {
		height:auto;
	}
	.solution {
		background-repeat:no-repeat;
		background-position:0px 5px;
	}
	.navbar-nav > li > a {
		padding-left:10px;
		padding-right:10px;
	}
	.navbar-nav > li > a.two-rows {
		text-align:left;
	}
	a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
		background-color: #25A1B0;
		border-color: #25A1B0;
	}				
	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
		text-shadow: 0 -1px 0 #25A1B0;
		background-image: -webkit-linear-gradient(top,#25A1B0 0,#1D7D87 100%);
		background-image: linear-gradient(to bottom,#25A1B0 0,#1D7D87 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25A1B0', endColorstr='#ff1D7D87', GradientType=0);
		border-color: #1D7D87;
	}
	#liste_outils li {
		background-image:none;
	}
}
@media (min-width: 768px) {
	/* SM */
	#mini_form_container
	{
		display:block;
		float:none;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10px;
		width:320px;
		height:auto;
		padding-top:10px;
		padding-left:20px;
		text-align:left;
	}
		#mini_form_container #chrono {
			display:block;
			float:left;
			width:100px;
			margin:10px 10px 40px 5px;
		}
	
	.nopadding {
		padding:0px;
	}
	.cadre_accueil {
		height:auto;
	}
	
	#liste_outils li {
		background-image:none;
	}
	.navbar-nav > li > a {
		padding-left:10px;
		padding-right:10px;
	}
	.navbar-nav > li > a {
		padding-left:20px;
		padding-right:20px;
	}
	.navbar {
		min-height: 77px;
	}  
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 56px;
		font-size:12px;
	}
	.navbar-nav > li > a.two-rows {
		line-height: 20px;
		padding-top: 18px;
		padding-bottom: 15px;
		text-align:center;
	}
	.navbar-nav > li > a {
		padding-left:8px;
		padding-right:8px;
	}
	.navbar-default {
		background-color: #ffffff;
		border-color: #e7e7e7;
		-moz-box-shadow:    0px 1px 6px #777;
		-webkit-box-shadow: 0px 1px 6px #777;
		box-shadow:         0px 1px 6px #777;	

	}
	.navbar-default .navbar-nav > li > a {
		color:#196e78;
	}
		.navbar-default .navbar-nav > li > a:hover {
			color: #555555;
			background-color: #ffffff;
			background-image:url(../images/menu_header_bg.jpg);
			background-repeat:no-repeat;
			background-position:top center;
		}
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #555555;
		background-color: #ffffff;
		background-image:url(../images/menu_header_bg.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		box-shadow: inset -10px 0 20px -15px hsla(0,0%,0%,.25), inset 10px 0 20px -15px hsla(0,0%,0%,.25);
	}
	#menu_gauche {
	}
		#menu_gauche a {
			border:none;
			background:none;
			background-image:url(../images/menug_bg_right.png);
			background-repeat:no-repeat;
			background-position: right 0px;
			border-right: 20px solid transparent;
			display:block;
			font-size:13px;
			height:35px;
			line-height:35px;
			margin:5px 0px 5px 0px;
			padding-right:0px;
			color:#eee;
			position:relative;
			left:0px;
			width:105%;
		}
			#menu_gauche a.active {
				color:#FFF;
				background-position: right 0px;
				border-right: 0px solid transparent;
			}
			#menu_gauche a:hover {
				color:#FFF;
				background-position: right 0px;
			}
			#menu_gauche a span {
				position:relative;
				top:-10px;
				left:-29px;
				padding-left:33px;
				padding-right:10px;
				display:block;
				height:35px;
				line-height:45px;
				background-image:url(../images/menug_bg_left_both.png);
				background-repeat:no-repeat;
				background-position:left -35px;

			}
				#menu_gauche a.active span,#menu_gauche a:hover span {
					background-position:left top;
				}	
	a.suivi_client {
		display:block;
		position:absolute;
		left:160px;
		top:20px;
		color:#ad4b86;
		font-weight:bold;
		font-size:12px;
		text-transform:uppercase;
		text-align:center;
		z-index:800;
	}
	a.suivi_client img {
		display:block;
		margin:0px auto 5px auto;
	}

}
@media (min-width: 992px) {
	/* MD */
	#mini_form_container {
		display:block;
		float:right;
		margin-right:5px;
		margin-left:10px;
		width:290px;
		height:auto;
		padding-top:10px;
		padding-left:0px;
		text-align:left;
	}
		#mini_form_container #chrono {
			display:block;
			float:left;
			width:100px;
			margin:10px 10px 40px 5px;
		}
	#menu_gauche a {
		font-size:13px;
	}
	.navbar-nav > li > a {
		padding-left:18px;
		padding-right:18px;
		font-size:14px;
	}
	#liste_outils li {
		background-image:url(../images/outils_separateur.jpg);
	}
	.cadre_accueil {
		height:550px;
	}
	a.suivi_client {
		display:block;
		position:absolute;
		left:170px;
		top:20px;
		color:#ad4b86;
		font-weight:bold;
		font-size:13px;
		text-transform:uppercase;
		text-align:center;
		z-index:800;
	}
	a.suivi_client img {
		display:block;
		margin:0px auto 5px auto;
	}
}
@media (min-width: 1200px) {
	/* LG */
	#mini_form_container {
		display:block;
		float:right;
		margin-right:10px;
		margin-left:20px;
		width:330px;
		height:auto;
		padding-top:10px;
		padding-left:0px;
		text-align:left;
	}
		#mini_form_container #chrono {
		display:block;
		float:left;
		width:145px;
		}
	#menu_gauche a {
		font-size:14px;
	}
	.navbar-nav > li > a {
		padding-left:35px;
		padding-right:35px;
	}
	#liste_outils li {
		background-image:url(../images/outils_separateur.jpg);
	}
	.cadre_accueil {
		height:500px;
	}
	a.suivi_client {
		display:block;
		position:absolute;
		left:170px;
		top:30px;
		color:#ad4b86;
		font-weight:bold;
		font-size:14px;
		text-transform:uppercase;
		text-align:center;
		z-index:800;
	}
	a.suivi_client img {
		display:inline;
	}
	
}