@media screen and (max-width: 640px) {}
@media screen and (min-width: 200px) and (max-width: 640px) {}

/************************************************************
******** GENERAL
************************************************************/

::-moz-selection { color: white;  background: #0e71b8; }
::-o-selection { color: white;  background: #0e71b8; }
::-webkit-selection { color: white;  background: #0e71b8; }
::selection      { color: white;  background: #0e71b8; } 

body {
	font-family: 'Quicksand', sans-serif;
	color:#231f20;
}

a, input, button {
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

a {color: #0e71b8;}
a:hover {color: #231f20;}

h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;color:#231f20;}

p{line-height:23px;}

.btn {
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-default {
  color: #231f20;
  background-color: #d4eefc;
  border-color: #d4eefc;
}
.btn-default:focus,
.btn-default.focus {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}
.btn-default:hover {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}

.btn-default2 {
  color: #fff;
  background-color: #0e71b8;
  border-color: #0e71b8;
}
.btn-default2:focus,
.btn-default2.focus {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}
.btn-default2:hover {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}


.btn-orange {
  color: #231f20;
  background-color: #FF9800;
  border-color: #FF9800;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}
.btn-orange:hover {
  color: #d4eefc;
  background-color: #231f20;
  border-color: #231f20;
}

.blockDashed {
		text-align: center;
		margin: 10px;
		padding: 20px;
		border: 1px grey dashed;
		background: rgba(0, 0, 0, 0.06);
}

/************************************************************
******** STYLE DES IMAGES
************************************************************/

.img-left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    max-width:250px;
    height:auto !important;
}

.img-right {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
    max-width:250px;
    height:auto !important;
}

.img-inline {
    display:inline-block;
    width:32% !important;
    margin:0.5%;
    height:auto !important;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin:0 auto;
}

@media screen and (max-width: 768px) {
    .img-inline {
        display:block;
        width:100%;
        margin:0 auto;
        max-width:400px;
    }
}


/************************************************************
******** HEADER & MENU
************************************************************/

#header {
	background:url('../img/frise.png')repeat-x bottom left;
	padding-bottom:150px;
}
#header .logo {padding-top:20px;}
#header .telephone {
	padding-top:35px;
	margin-right:15px;
}
#header .navbar {
	margin-top:20px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    font-weight: 700;
}
.navbar-default .navbar-nav>li>a {
    color: #0e71b8;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
  color: #0e71b8;
  background-color: #d4eefc;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #231f20;
    background-color: transparent;
}
.dropdown-menu {
    padding: 5px 0px;
    text-align: right;
    background-color: #d4eefc;
    border: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);
    box-shadow: 0 6px 12px rgba(0,0,0,0);
    font-size: 13px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #0e71b8;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0e71b8;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d4eefc;
}
.navbar-default .navbar-toggle {
    border-color: #0e71b8;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #0e71b8;
}

@media screen and (max-width: 768px){
	#header .logo {
		max-width:200px;
	}
	#header .telephone {
		text-align:center;
		padding-top:15px;
	}
	.navbar-nav>li>a {
		text-align: right;
	}
}

/***********************************************************
******* HOME
***********************************************************/

#home {
	padding:60px 0;
}

#home .bloc {
	text-align:center;
	color:white;
}

#home .bloc:hover .img{border-color:#231f20;}

#home .bloc .titre h2 {
	padding:10px 0 20px 0;
	font-size:22px;
}

#home .bloc .img {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
	width:100%;
	border:4px solid #0e71b8;
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#home .bloc .img img {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:215px;
	border-radius:15px;
}

#home .bloc .lien1,
#home .bloc .lien1 a {
	padding-bottom:10px;
	color:#0e71b8;
}
@media screen and (max-width: 992px) {
	#home {text-align:center;}
	#home .bloc {margin:0 auto;margin-bottom:30px;max-width:50%;}
}

@media screen and (max-width: 565px){
	#home .bloc {max-width:80%;}
}



/***********************************************************
******* INT
***********************************************************/

#int {
	padding:60px 0;
}

#int h2 {
	padding:5px 0;
	font-weight:700;
	text-transform:capitalize;
	color:#0e71b8;
}
#int h3 {
	padding:5px 0;
	font-size:16px;
	font-weight:700;
	color:#0e71b8;
}
#int ul {line-height:25px;}
#int .content-left img {margin-bottom:20px;}

@media screen and (max-width: 768px){
	#int .content-left img {
		max-width:200px;
	}
	#int .content-left .lien {
		margin-bottom:30px;
	}
}

/***********************************************************
******* FORMULAIRES (avec Parsley)
***********************************************************/

.contact img {margin-top:20px;}

label {padding-top:6px;}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #0e71b8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #d4eefc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}

.parsley-success{
	border:solid 1px #0e71b8 !important;
    background:#fff !important;
	color:#231f20 !important;
    
}

.parsley-error{
    border:solid 1px #FF9800 !important;
    background:rgba(255,152,0,0.2) !important;
    color:#231f20 !important;
}

.red,
.parsley-errors-list,
#form_contact .required{color:#FF9800;list-style:none;padding:0;}

#form_contact .succes{color:#000;}

.ui-datepicker .ui-datepicker-title select {color: #59534c;}

.parsley-error::-webkit-input-placeholder {
   color: #59534c;
}

.parsley-error:-moz-placeholder { /* Firefox 18- */
   color: #59534c;  
}

.parsley-error::-moz-placeholder {  /* Firefox 19+ */
   color: #59534c;  
}

.parsley-error:-ms-input-placeholder {  
   color: #59534c;  
}

/***********************************************************
******* FOOTER
***********************************************************/

#footer .footer-up {
	background:#d4eefc;
	padding:15px 0;
}
#footer .footer-down {
	padding:10px 0;
	font-size:12px;
}

@media screen and (max-width: 768px){
	#footer .footer-up {
		font-size:12px;
	}
}