/*========== 02 STYLES GLOBAUX ==========*/

*, *:before, *:after {box-sizing:  border-box !important;}
body {color:#333; font-family: 'Roboto', sans-serif; font-size:16px;overflow-x:hidden; }
a, a:active, a:focus, a:hover, a:visited {color:#333; }
.bg-info.text-info {padding:10px 15px; }
.text-info_center {text-align:center; color:#ce3d56; font:700 1em/normal 'Roboto', sans-serif;}
.text-info_left {margin-left:20px; color:#ce3d56; font:700 1em/normal 'Roboto', sans-serif;}
.caret {margin-top:-3px;-webkit-transform:scale(0.8,1.6);transform:scale(0.8,1.6); }
img.lazyload {opacity:1; }
h1,h3,h4,h5,h6 {color:inherit;font-family:inherit; }
*:focus {text-decoration:none !important;box-shadow:none !important;outline:0 none transparent !important; }

p, .rteContent ul li, .rteContent ol li, .rteContent ul li ul li, ul li, .eventsAgendaSingle .main-section .title, .eventsNewsSingle .main-section  .title { font-family: 'Roboto', sans-serif; }

.caption { font-size:0.813em;font-style: italic; }
.blue { background-color: #caefe8; }
.loading { background:url(../img/loading.gif) no-repeat center center; width: 60px; height: 60px; }
.backgroundLoading { background-color:#EDEDE8; height:100%; width:100%; }
.fond_ecran { background:url(../images/fond_ecran_instruments.jpg) no-repeat center; width:100%; }
.page-175 .cc_banner-wrapper {display: none;}
/*.extbase-debugger {display:none;}*/

.ucfirst {
    text-transform: lowercase;
}
.ucfirst:first-letter {
    text-transform: uppercase;
}

input.controle:valid {
  border:3px solid #0a0;
}
input.controle:invalid {
  border:3px solid #a00;
}
input.controle:valid + span:before  {
  content: "\f00c";
  font-family: "FontAwesome";
  color:#0a0;
  font-size: 1.5em;
}	
input.controle:invalid + span:before  {
  content: "\f00d";
  font-family: "FontAwesome";
  color:#a00;
  font-size: 1.5em;
}

/* Message box starts here */
.container {
  clear: both;
  position: relative;
  
  
}

.container .arrow {
  width: 12px;
  height: 20px;
  overflow: hidden;
  position: relative;
  float: left;
  top: 6px;
  right: -1px;
}

.container .arrow .outer {
  width: 0;
  height: 0;
  border-right: 20px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.container .arrow .inner {
  width: 0;
  height: 0;
  border-right: 20px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 2px;
}

.container.btn.btn-primary.btn-lg.submit{background-color:#2D5BE2;border:0;color:#fff;font:900 16px/35px 'Roboto',sans-serif;padding:1px 30px 2px;text-transform:uppercase;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;}

.container .message-body {
  float: left;
  width: 300px;
  height: auto;
  border: 1px solid #CCC;
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 6px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.container .message-body p {
  margin: 0;
}

.container .message-body li {
 list-style-type:square;
 font-family: Arial, sans-serif;
 font-size: 80%;
 margin-left:20px;
 color: black;
 font-weght:normal;
 display : list-item;
 
} 

/* Message box starts here */
.container2 {
  clear: both;
  position: relative;
  
 
}

.container2 .arrow {
  width: 12px;
  height: 20px;
  overflow: hidden;
  position: relative;
  float: left;
  top: 6px;
  right: 350px;
}

.container2 .arrow .outer {
  width: 0;
  height: 0;
  border-right: 20px solid #000000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.container2 .arrow .inner {
  width: 0;
  height: 0;
  border-right: 20px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 0;
  left: 2px;
}

.container2 .message-body {
  float: left;
  width: 400px;
  height: auto;
  border: 1px solid #CCC;
  background-color: #ffffff;
  border: 1px solid #000000;
  padding: 6px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.container2 .message-body p {
  margin: 0;
}