html,body {
	height:100%;
	font-family: arial;
	color:#484848;
}

.icon-bar {
	background-color:#484848;
}

.navbar-trans {
	background-color: #fff;
	color: #456087;
	box-shadow: 0px 0px 4px #000;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active,.navbar-trans li.active a {
	background-color:#53C3EF;
	color:#fff;
}

.navbar-trans a{
    color:#456087;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
	padding-top: 20px;
	padding-bottom: 20px;
    min-height:calc(100% + 1px);
}

section.last {
	padding-top: 20px;
	padding-bottom: 0px;
    min-height:calc(100% - 90px);
}

.v-center {
font-size: 2.6em;
margin-top: 66px;
line-height: 50px;
text-shadow: 0px 1px 0px #AAA;
}

h1.title:before{
content:"\"";
}

h1.title:after{
content:"\"";

}

h1.under-img  {
margin-top: 20px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #456087;
    color:#fff;
}
  
#intro {
	background-image: -webkit-linear-gradient(top, #e5e5ef 0%, #ffffff 100%);	
    color:#fff;
}
  
#benefices {
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e5e5ef 100%);	
    color:#484848;
}

#more-benefices {
	background-image: -webkit-linear-gradient(top, #e5e5ef 0%, #ffffff 100%);	
    color:#484848;
	margin-top: 50px;	
}
  
#crm {
	background-image: -webkit-linear-gradient(top, #ffffff 38%, #e5e5ef 100%);
    color:#484848;
}

#clm {
	background-image: -webkit-linear-gradient(top, #ffffff 38%, #e5e5ef 100%);
    color:#484848;	
}

#crm-clm {
	background-image: -webkit-linear-gradient(top, #ffffff 38%, #e5e5ef 100%);
    color:#484848;
}

#about {
	background-image: -webkit-linear-gradient(top, #456087 24%, #e5e5ef 100%);
    color:#fff;
}

#contact {
	background-color: #ffffff;
    color:#484848;
}

footer {
background-color: #494949;
color: #fff;
min-height: 40px;
padding-top: 12px;
padding-bottom: 0px;
font-family: arial;
font-size: 0.8em;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}

.euris {
margin-bottom: 40px;
margin-top: 0px;
font-size: 18px;
font-weight: 200;
line-height: 3;
}

/* Buttons */

a.button {
	text-decoration:none;
}

.button {
	 display:inline-block !important; *display:inline; 
	 zoom:1; margin:10px 0px 0px; 
	 cursor:pointer; 
	 font-size:15px; 
	 border-radius:5px; 
	 text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4); 
	 color:#ffffff; 
	 border:1px solid #374E6F; 
	 background:#456087; 
}
.button:hover { 
	color:#fff; 
	background:#53C3EF; 
	border:1px solid #63A0C9; 
}
.button.small { padding:11px 20px; }
.button span { margin-left:8px; font-size:15px; }

/* Bénéfices */

.special{
font-size:4em !important;
}

/* Contact */

#ajax_contact_msg {
border-radius: 4px;
background-color: #6DCC41;
padding: 4px;
text-align: center;
color: #fff;
display: none;
margin-top: 20px;
}

.nospambot {
display: none;
}

.location {
background: #f5f5f5;
border: 1px solid #eff0f0;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 20px;
}

label{ 
	color: #484848;
	font-weight: bold;
	font-size: 12px;
}

fieldset{ border:1px solid #efefef; padding:15px; margin:0 0 20px 0; }
legend{ font-weight: bold; }

input[type="text"], input[type="email"], input[type="tel"], textarea{ background:#ffffff; border: 1px solid #dddddd; border-radius:5px; color:#666666; padding:10px 10px; font-size:14px; margin:10px 0 10px; }
input[type="text"].error, input[type="email"].error, input[type="tel"].error  { padding:13px !important; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus{ 
border-color:#53C3EF;
}

textarea { height:100px; overflow:auto; resize:none; }

select{ width: 98%; background:#ffffff; border: 1px solid #dddddd; border-radius:5px; color:#666666; padding:10px 6px; display:block; font-size:14px; margin:10px 0 10px; }

input[type=submit], button { font-size: 14px; padding: 10px 20px; cursor: pointer;}	

input.error, textarea.error  { border:2px solid #FF7A00 !important; border-right:none !important; }
.contact-frm input.error, .contact-frm textarea.error  { border-right:2px solid #FF7A00 !important; }

.contact-frm input[type="email"], .contact-frm input[type="tel"], .contact-frm input[type="text"] { width:46%; }
.contact-frm input[type="email"], .contact-frm input[type="text"]:first-child { margin-right: 10px; }
.contact-frm textarea { width:96%; margin-bottom: 3px;}
.contact-frm input[type="submit"] { margin-bottom: 12px; margin-top: 0px; }

.sujet {
text-align: center;
width: 100%;
padding-left: 8px;
}

/* check newsletter */

.inscription input {
  position: relative;
  vertical-align: middle;
  margin-left: 8px;
  display: none;
}

.inscription label {
  margin-left: 34px;
  position: relative;
}

.inscription p {
  height: 20px;
}

.inscription input:checked+label:before {
  background-color: hsl(119, 23%, 57%);
}

.inscription input:checked+label:after {
  left: -20px;
}

.inscription label:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -28px;
  display: block;
  width: 28px;
  height: 20px;
  background-color: #e6703a;
  border-radius: 10px;
  margin-top: 0;
  margin-left: -6px;
  border: 2px solid hsl(0, 0%, 77%);
  box-shadow: inset 0 1px 3px hsla(0, 0%, 26%, 0.65);
}

.inscription label:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 14px;
  background-color: #f5f5f5;
  box-shadow: 0 1px 5px #444;
  position: absolute;
  top: 0px;
  left: -32px;
  -webkit-transition: left .3s ease-in-out;
  -moz-transition: left .3s ease-in-out;
  -o-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}

/* surcharge boostrap */

h1, .h1 {
font-size: 2em;
margin-top: 0px;
margin-bottom: 20px;
}

.lead {
margin-bottom: 20px;
font-size: 18px;
font-weight: 200;
line-height: 1.8;
}

.navbar-nav {
margin: 0.5px -15px 0.5px -15px;
}

.navbar-brand {
float: none;
padding: 0px 0px 0px 12px;
font-size: 12px;
line-height: 20px;
height: 50px;
}

/* choix des langues */

#langue {
display: inline-block;
margin-left: 12px;
margin-top: 16px;
float: right;
}

#langue img {
border: 1px solid #fff;
}

#langue img:hover {
border: 1px solid #53C3EF;
}

.navbar-toggle {
padding: 0px 10px;
margin: 19px 0px 15px 0px;
}

.nav>li {
border-top: 1px solid #fafafa;
}

.modal-body p{
text-align: justify;
font-size: 11px;
}

.modal-footer {
padding: 14px 20px 14px;
}

#toGoBack {
display: none;
text-decoration: none;
position: fixed;
top: 6px;
left: 14px;
overflow: hidden;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url('../img/ui.goback.png') no-repeat left top;
z-index: 1030;
}

#toGoBack:hover {
background: url('../img/ui.goback.png') no-repeat right 0px;
}

.text_box_crm {
border-left: 3px solid #fb2d58;
padding: 20px;
margin: 0px 0px 20px 0px;
overflow: hidden;
background: #fafafa;
box-shadow: 0px 0px 8px #AAAAAA;
}

.subtitle-boucle-crm{
font-size: 2.4em;
position: relative;
margin-bottom: px;
background-color: #fb2d58;
color: #fff;
padding: 4px;
clear: left;
margin-bottom: 14px;
text-transform: uppercase;
}

.color-crm {
color: #fb2d58;
font-weight: normal;
}

h2.crm, h2.clm {
font-size: 20px;
text-align: justify;
}

h2.crm-clm  {
font-size: 18px;
text-align: justify;
margin: 0px;
line-height: 24px;
}

.text_box_clm {
border-left: 3px solid #53C3EF;
padding: 20px;
margin: 0px 0px 20px 0px;
overflow: hidden;
background: #fafafa;
box-shadow: 0px 0px 8px #AAAAAA;
}

.subtitle-boucle-clm{
font-size: 2.4em;
position: relative;
margin-bottom: px;
background-color: #53C3EF;
color: #fff;
padding: 4px;
clear: left;
margin-bottom: 14px;
text-transform: uppercase;
}

.color-clm {
color: #53C3EF;
font-weight: normal;
}

.reveal {
	margin-top: 18px;
	color: #484848;
	background-color: transparent;
	text-align: left;
}
.reveal > ul {
padding: 0px 0px 0px 16px;
}

.carp-divider .divider-symbol {
background-color: #53C3EF;
}

.carp-divider .divider-symbol {
width: 11px;
height: 11px;
background: #53C3EF;
border-radius: 4px 0 4px;
display: block;
position: absolute;
top: -6px;
left: 50%;
margin-left: -4px;
}
.carp-divider .divider-line {
border-top: 1px solid #D5D5D5;
width: 50%;
height: 1px;
display: block;
position: relative;
margin: 20px auto;
}

.carp-symbol {
width: 11px;
height: 11px;
border-radius: 4px 0 4px;
display: block;
position: relative;
top: 7px;
float: left;
}

.carp-symbol.subtitle {
top: 10px;
}

.carp-symbol.blue{
background-color: #53C3EF;
}

.carp-symbol.pink{
background-color: #fb2d58;
}

.carp-symbol.green{
background-color: #9fc700;
}

.carp-quotes {
background: #F5F5F5;
border: 1px solid #FFFFFF;
box-shadow: 0 0 5px #D0D0D0;
padding: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
letter-spacing: -0.5px;
line-height: 22px;
display: inline-block;
margin-right: 4%;
margin-top: 12px;
width: 100%;
}

.quotes:before {
content: open-quote;
display: inline;
font-size: 150%;
font-weight: bold;
margin-right: 5px;
vertical-align: middle;
}

.quotes:after {
content: close-quote;
display: inline;
font-size: 150%;
font-weight: bold;
margin-left: 5px;
vertical-align: middle;
}

.intro-text { 
background:#fafafa;
width:100%; 
text-align:center; 
}

.intro-text.crm{ 
border-top:3px solid #fb2d58; 
border-bottom:3px solid #fb2d58; 
}

.intro-text.clm{ 
border-top:3px solid #53C3EF; 
border-bottom:3px solid #53C3EF; 
}

.intro-text h2 { 
font-size:28px; 
margin: 0px;
padding: 12px;
}

/* Margining */

.margin10, .margin15, .margin20, .margin25, .margin35, .margin50, .margin55 { width:100%; clear:both; background-color:transparent; }
.margin10 { height:10px; }
.margin15 { height:15px; }
.margin20 { height:20px; }
.margin25 { height:25px; }
.margin35 { height:35px; }
.margin50 { height:50px; }
.margin55 { height:55px; }

.crm-clm-bloc-title {
padding: 10px;
color: #484848;
font-size: 1.6em;
width: 100%;
text-align: left;
}

.crm-clm-titled-box {
margin-bottom: 20px;
width: 100%;
clear: both;
box-shadow: 0px 0px 5px #AAAAAA;
}				
.crm-clm-titled-box.green h6.crm-clm-titled-box-title {
background: #9fc700;
}		

.crm-clm-titled-box h6.crm-clm-titled-box-title {
font-size: 12px;
text-transform: uppercase;
padding: 5px;
text-shadow: none;
border-bottom: 3px solid #dfdfdf;
margin: 0px;
}
.crm-clm-titled-box-content {
background: #ffffff;
border: 1px solid #dfdfdf;
border-top: 0px;
}
.crm-clm-titled-box-content {
padding: 15px 15px 20px;
}

.color-crm-clm {
color: #9fc700;
font-weight: normal;
}

#dot-crm {
background: url('../img/dot-crm.png');
width: 8px;
height: 60px;
display: inline-block;
}

#dot-clm {
background: url('../img/dot-clm.png');
width: 8px;
height: 60px;
display: inline-block;
}

#dot-crm-clm {
background: url('../img/dot-crm-clm.png');
width: 8px;
height: 60px;
display: inline-block;
}

.modal-header .close {
margin-top: 4px;
}

.logo-img {
width: 30%;
margin-top: 4px;
}

.carp-box {
background: #F5F5F5;
border: 1px solid #FFFFFF;
box-shadow: 0 0 5px #D0D0D0;
padding: 8px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
line-height: 22px;
display: inline-block;
margin-bottom: 20px;
width: 100%;
color: #999;
}

.carp-box  > ul {
padding: 0px 0px 0px 16px;
}

.carp-visuel {
margin-bottom: 15px;
}

.blue-euris {
color: #456087;
}

.blue-clm {
color: #53C3EF;
}

/* iPhone 5/5S Retina Display Portrait */
@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:portrait) {

.v-center {
font-size: 2.4em;
}

.logo-img {
margin-top: 7px;
}

.lead {
font-size: 17px;
}

label {
font-size: 10px;
}

.crm-clm-bloc-title {
font-size: 1.4em;
}

.carp-symbol.subtitle {
top: 8px;
}

}

/* Display Lanscape */
@media screen and (orientation:landscape) {

.logo-img {
width: 18%;
margin-top: 5px;
}

}

/* NEW CONTACT FORM */

h4.label-continent {
	background-color: #FFFFFF;
	color: #456087;
	text-transform: uppercase;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	text-align: left;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-weight: bold;
}

h4.label-continent.last {
	border-right: 1px solid white;
}	

.bloc-location {
	background: white;
	padding: 6px;
	margin: 6px 0px;
	border: 1px solid #DDD;
	min-height: 158px;
}

.bloc-location.first {
	border: 1px solid #53C3EF;
}

.bloc-location.last {
	margin: 6px;
}	

.bloc-location a {
 color: #53C3EF;
}