@charset "iso-8859-1";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400);

html, body, div, p{ font-family: 'Raleway', sans-serif;font-weight:400 ;color: #1E1A18;font-size:15px;}
a, .envoi-courriel{color:#0055FF !important; cursor:pointer;cursor:hand;text-decoration:none;white-space:nowrap;}
a:hover, .envoi-courriel:hover{text-decoration:underline;}
a img{border:none;}

.oswald-300{font-family: 'Oswald', sans-serif;font-weight:300;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-18{font-size:18px;}
.font-24{font-size:24px;}
.font-36{font-size:36px;}
.font-blanc{color:#fff;}
.font-vert{color:#AAF917;}

.has-error input[type=text], .has-error input[type=password]{background-color:#ffeded !important;}

.btn-primary{background-color:#0055FF !important; border-color: #0578c5 !important; opacity:1.0;}
.btn-primary:hover{ opacity:0.8;}

h2.accueil{font-size:42px;font-family: 'Raleway', sans-serif;margin:40px auto 0px auto ;text-align:center;font-weight:300;}
h3.accueil{margin-bottom:0px;}

/* ENTETE */
#header{position:relative;}
#bande-connexion{position:relative;background-color:#323232;height:auto;}
#bande-connexion a{text-decoration:none; color:#FFF !important;font-family:inherit;font-size:inherit;}
#bande-connexion a:hover{text-decoration:underline;font-family:inherit;font-size:inherit;}
.submit-connexion{background-color:#AAF917;color:#323232;opacity:0.7;}
.submit-connexion:hover{opacity:1.0}
#bouton-connexion{position:absolute;right:0px;left:0px;margin:0px auto;z-index:1;}
#bouton-connexion #bouton{position:relative;float:right;background-color:#323232;width:30px;height:22px;color:#0C0;line-height:22px;text-align:center;cursor:pointer;cursor:hand;z-index:1}

#bande-haut, #bandeau-commande{position:relative;background-color:#0055FF;}
.navbar{ margin:10px 0 !important;}
.navbar-toggle .icon-bar{background-color:#FFF;}
#menu-haut ul > li > a{color:#fff !important;text-decoration:none; font-family:inherit;font-size:inherit; }
#menu-haut ul > li > a:hover{text-decoration:underline;font-family:inherit;font-size:inherit;background-color:transparent !important;}

#entete{ position:relative;background:url(../images/photos-accueil/bandeau-accueil.jpg) no-repeat top center fixed; height:514px;width:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; text-align:center;}
#bandeau-commande .btn{margin:35px 0;color:#0055FF;font-size:20px;font-family: 'Raleway', sans-serif;border-radius:10px;}
#bandeau-commande .btn:hover{background-color:#AAF917;}

#vigil-vet-commande{background-color:#D1D1D1;}
#vigil-vet-commande .btn{margin:35px 0;background-color:#0055FF;color:#FFF;font-size:20px;font-family: 'Raleway', sans-serif;border-radius:10px;}
#vigil-vet-commande .btn:hover{color:#AAF917;}

#contenu-principal{margin-bottom:80px;margin-top:25px;}
/*#contenu-principal div, #contenu-principal p{color: #1E1A18; font-size:14px;}*/
#contenu-principal .box-info{position:relative;background-color:#D3E5F7;padding:10px;height:auto;margin-top:25px;}

/* footer */
#contact{position:relative;}
footer{background-color:#323232;}
.submit-contact{background-color:#0055FF;color:#FFF !important;padding-left:40px !important;padding-right:40px !important; /*opacity: 0.6; filter: alpha(opacity=60)*/}
.submit-contact:hover{background-color:#4eb7fd;}
#reseaux-sociaux-bas{margin-top:10px;margin-bottom:45px;}
#reseaux-sociaux-bas a img{border:0px;margin-left:5px;opacity:1;}
#reseaux-sociaux-bas a img:hover{opacity:0.7;}
#copyright{margin-top:60px; font-size:11px;color:#EBEBEB;text-align:center;}

/*****************************/
/* CONTENU TINYMCE */

.titre_page_noir{font-family: 'Oswald', sans-serif;font-weight:300; color:#323232; text-transform: uppercase;font-size:40px}
.titre_page_bleu{font-family: 'Oswald', sans-serif;font-weight:300; color:#0055FF; text-transform: uppercase;font-size:40px}
.sous_titre_noir{font-family: 'Oswald', sans-serif;font-weight:300; color:#323232; text-transform: uppercase;font-size:30px}
.sous_titre_bleu{font-family: 'Oswald', sans-serif;font-weight:300; color:#0055FF; text-transform: uppercase;font-size:30px}
.texte_presentation_1{font-family: 'Raleway', sans-serif; color:#323232; text-transform: uppercase; font-size:15px}
.texte_presentation_2{font-family: 'Raleway', sans-serif; color:#323232; text-transform: uppercase;font-size:20px}
.exergue{font-family: 'Raleway', sans-serif;font-weight:700;font-size:25px ; color:#0055FF;}
.texte_normal{font-family: 'Raleway', sans-serif; font-size:15px; color: #1E1A18;}
.agrandir_img{}
.img_padding_left{}
.img_padding_right{}

/* MON PROFIL */
.tab-content h3:first-child{margin-top:0;}
.tab-content h3{margin-bottom:5px;color:#0055FF;font-size:17px;}
.tab-content .tab-pane{padding:35px 25px 25px;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
/*.tab-content  div.active{background-color:#f9f9f9 !important;}*/
.nav-tabs > li.active > a{/*background-color:#0055FF !important;*/font-weight:600; color:#0055FF !important;}
.tab-content form label{font-size:13px;}
.tab-content .bouton{margin-top:35px !important;}


/****************************/

/* DIVERS */
.curseur{cursor:pointer;cursor:hand;}
.sans-padding-gd{ padding-left:0px !important; padding-right:0px !important; }
.error{font-weight:normal;color:#A94442;font-size:13px;}
.champ_obligatoire_texte{margin-left:20px;font-size:13px;}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

/* 
input[type=range],
	::-moz-range-track,
	 ::-ms-track {
	 -webkit-appearance: none;
	 background-color: #0055FF;
	 width: 250px;
	 height:20px;
}

::-webkit-slider-thumb,
	::-moz-range-thumb,
	 ::-ms-thumb {
	-webkit-appearance: none;
	background-color: #ddd;
	width: 10px;
	height: 20px;
}*/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
}
input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0055FF;
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0055FF;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #0055FF;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

output.bulle { 
  position: absolute;
  width: 50px; 
  height: 30px; 
  text-align: center; 
  display: inline-block; 
  top: 20px;
  left: 0;
  margin-left: 0;
  color: #0055FF;
  font-size:13px;
}



.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

	h2.accueil{font-size:32px;}
	#bandeau-commande .btn,#vigil-vet-commande .btn{font-size:18px;}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 992px) { 
	
}

@media print{
	#bande-haut,#bandeau-commande, .no-print{display:none;height:0px !important;}
	#entete{height:auto;margin:0px;}
	#contenu-principal{margin:0px;}
	body{page-break-inside:avoid !important;}
}