@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Fresca|PT+Sans);
@import url("page.css");
@import url("widgets.css");
@import url("refuges.css");
@import url("itinerance.css");
@import url("selection.css");
@import url("overlay.css");
@import url("randos.css");
@import url("dateinput.css");
@import url("os-refuges.css");


html{
	font-size: 62.8%;
}
body{
	font-size: 1.4em;
	padding:0;
	margin:0;
	background-color:#FFF;
	color:#333;
	font-family: 'Fresca', sans-serif;
}	
h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
}
h1#TitrePrincipal{
	margin-bottom:10px;
}
ul,li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
b, strong {
  font-weight: 600;
}
.clear{
	clear:both;
}

#FondPage{
	background-image:url(../images/fond-ecran01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:10;
}
#Page{
	position:relative;
	z-index:20;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
#Page .marge{
	padding:10px;
}
#Page.accueil .Contenu{
	padding:0px;
/*	color:#666666;*/
	font-family: 'PT+Sans', sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight:300;
	background-color:#FFF;
	border-radius:6px;
	margin-left:250px;
	margin-right:10px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.5);
	position:relative;
	width:100%;
}
#Page .Contenu{
	padding:0px;
	font-family: 'PT+Sans', sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight:300;
	background-color:#FFF;
	border-radius:6px;
	margin-left:250px;
	margin-right:10px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.5);
	position:relative;
	width:calc(100% - 250px);
}
#Page .Contenu.transparent{
	background:none;
	box-shadow:none;
}

#Page .col1{
	float:left;
	width:70%;
}
#Page .col2{
	float:left;
	width:30%;
}
#Page .marge{
	padding:15px;
}

#Page .ContenuPage{
	
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	margin-bottom:40px;
}
#BlocMenu{
	height:40px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}

#BlocMenu #logo{
	position:absolute;
	top:0px;
	left:50px;
	width:150px;
	background-color:#FFF;	
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);	
	border-radius:0px 0px 10px 10px;
}
#BlocMenu #logo img{
	width:100%;
}
#BlocMenu #logo a{
	margin:20px 10px 10px 10px;
	display:block;
}
#btMenuItineraires {
  background-color: #4d2a0c;
  background-image: url("../images/fleche-blanche.png");
  background-position: 3px center;
  background-repeat: no-repeat;
  border-radius: 0 0 6px 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  font-size: 20px;
  line-height: 32px;
  padding: 2px 10px 2px 26px;
  position: absolute;
  right: 341px;
  text-decoration: none;
  top: 0;
  z-index: 200;
}
#btMenuReserver {
  background-color: #4d2a0c;
  background-image: url("../images/fleche-blanche.png");
  background-position: 3px center;
  background-repeat: no-repeat;
  border-radius: 0 0 6px 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  font-size: 20px;
  line-height: 32px;
  padding: 2px 10px 2px 26px;
  position: absolute;
  right: 207px;
  text-decoration: none;
  top: 0;
  z-index: 200;
}
#btMenuMobile {
  background-image: url("../images/ico-menu-mobile.png");
  background-position: 0 12px;
  background-repeat: no-repeat;
  border-radius: 0 0 6px 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  font-size: 20px;
  left: 144px;
  line-height: 32px;
  padding: 3px 0 0 26px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  z-index: 200;
}
#menuprincipal{
	font-family: 'Fresca', sans-serif;
	margin:0px 0px 5px 0px;
	position:absolute;
	left:220px;
	top:0px;
}
#menuprincipal  .MenuN1{
	float:left;
	margin:5px 0;
	border-right:1px solid #fff;
}
#menuprincipal  .MenuN1.last{
	border-right:none;
}
#menuprincipal  .MenuN1 a{
	display:block;
	color:#FFF;
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 7px;
}
#menuprincipal  .MenuN1 a:hover{
	color:#EEE;
	
}
#menuprincipal  .MenuN1.current{
	background-color:#4a9dd1;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:-5px;
	height:36px;
}
#menuprincipal  .MenuN1.current a{
	padding-top:12px;
	padding-bottom:12px;
}
#BlocMenubas{
	height:30px;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;	
}
#BlocMenubas #menupied{
	position:absolute;
	bottom:5px;
	right:5px;
}
#BlocMenubas #menupied .MenuN1 {
	float:left;
	margin:0px 10px;
}
#BlocMenubas #menupied .MenuN1 a{
	color:#FFF;
	text-transform:uppercase;
}

#Header{
	background-color:#000;
	color:#FFF;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);
	z-index:100;
}

#Header .haut{
	position:relative;
	height:160px;
}


#Header .outils{
/*	height:65px;
	background-color:#F00;*/
}

#Footer{
	background-color:#000;
	color:#FFF;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	box-shadow:0px -2px 4px rgba(0,0,0,0.5);
	height:40px;
	z-index:100;
}

#Footer a{
	color:#666666;
	text-decoration:none;
}
#Footer .retourup{
	text-align:right;
	margin-right:20px;
}
#Footer .col{
	float:left;
	margin:10px 20px;
	color:#999;
}
#Footer .col h3, #Footer .col .titreh3{
	font-family: 'Fresca', sans-serif;
	font-size:22px;
	line-height:26px;
	font-weight:400;
	color:#666666;
}
#Footer .col h3 a, #Footer .col .titreh3 a{
	color:#666666;
	text-decoration:none;
	display:block;
}
#Footer .colContact{width:210px;}
#Footer .colPartenaire{width:160px;}
#Footer .colReseauxsociaux{width:120px;}
#Footer .colRecherche{width:350px;}
#Footer .colContact .tel a{
	font-size:24px;
	font-weight:bold;
	color:#6fb122;
}

#Footer #Partenaires{
	position:absolute;
	top:0px;
	width:300px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	z-index:200;
}
#Footer #Partenaires a{
	display:inline-block;
	margin-top:2px;
}
#Footer #Partenaires a img{
	height:34px;
}

#BandeauBas{
	font-family: 'Fresca', sans-serif;
	background-color:#6fb122;
	font-weight:200;
	font-size:19px;
	color:#FFF;
	padding-left:20px;
	background-image:url(../images/fleche-bas.png);
	background-repeat:no-repeat;
	background-position:920px top;
}
#BandeauBas a{
	color:#FFF;
	padding:6px;
	display:block;
}
#BandeauBas a:hover{
	background-color:rgba(0,0,0,0.2);
}
#BandeauBas .Titre{
	float:left;
	font-weight:700;
	padding:6px;
	display:block;
}
#BandeauBas .MenuN1 {
	float:left;
	margin:0px 2px;
}

#ColonneCote{
	position: absolute;
	top: 250px;
	left: 5px;
	width: 220px;
	min-height:200px;
}
#ColonneCote .BlocLienCote{
	margin:0px 0px;
}

#oswidgetpanier{
	position:absolute;
	top:0px;
	right:10px;
	background-color:#a25c1f;
	padding:8px 8px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	border-radius:0px 0px 6px 6px;
}
#oswidgetpanier .ospanier.minitoggle{
	background:none;
	box-shadow:none;
	font-family: 'Fresca', sans-serif;
}
#oswidgetpanier .ospanier.minitoggle .entete {
	font-weight:normal;
	font-size:20px;
}

/****************************************
 * **********************************/
 .colonnes2{
	-moz-column-count:2;
	-webkit-column-count:2;
	-o-column-count:2;
	column-count:2;
	-moz-column-gap:2%;
	-webkit-column-gap:2%;
	-o-column-gap:2%;
	column-gap:2%;
	margin-bottom:10px;
}
.colonnes3{
	-moz-column-count:3;
	-webkit-column-count:3;
	-o-column-count:3;
	column-count:3;
	-moz-column-gap:2%;
	-webkit-column-gap:2%;
	-o-column-gap:2%;
	column-gap:2%;
}
.colonnes4{
	-moz-column-count:4;
	-webkit-column-count:4;
	-o-column-count:4;
	column-count:4;
	-moz-column-gap:2%;
	-webkit-column-gap:2%;
	-o-column-gap:2%;
	column-gap:2%;
}


.bouton{
	background-color:#a35c1a;
	padding:5px;
	padding-left:25px;
	border:none;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	border-radius:3px;
	display:flex;
	margin:5px 0px;
	text-shadow:1px 1px 4px rgba(0,0,0,0.5);
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	background-image:url(../images/fleche-blanche.png);
	background-repeat:no-repeat;
	background-position:3px center;
	cursor:pointer;
	height:50px;
	width:calc(100% - 25px);
	align-items:center;
}

.ContenuPage .bouton {
    display: inline-block;
    border: none;
    border-radius: 6px;
    background-color: #5f961d;
    background-image: url(../images/fleche-blanche.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    margin: 5px 0px;
    padding: 5px 20px 5px 25px;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    align-items: center;
	height:auto;
	width:auto;
}
.ContenuPage .bouton:hover {
    background-color: #000000;
}
.ContenuPage .bouton.BoutonContinuer, .ContenuPage .bouton.BoutonPrecedent{
    float: left;
}
.ContenuPage .bouton.BoutonCommande,.ContenuPage .bouton.BoutonSuivant{
    float: right;
}
body .std .ospanier.minitoggle .Details .Validation .btn-valider {
    white-space: nowrap;
    background: none;
    font-weight: normal;
    display: inline-block;
    border: none;
    border-radius: 6px;
    background-color: #5f961d;
    background-image: url(../images/fleche-blanche.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    margin: 5px 0px;
    padding: 5px 20px 5px 25px;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    align-items: center;
    height: auto;
    width: auto;
}
body .std .ospanier.minitoggle .Details .Validation .btn-valider:hover {
    background-color: #000000;
    background-image: url(../images/fleche-blanche.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}


.bouton.vert{
	background-color:#4a9dd1;
}
.bouton:hover{
	background-color:#63b4e7;
}
.bouton.vert:hover{
	background-color:#63b4e7;
}


.Remarque{
	font-size:18px;
}


.OsPanierPopIn{
/*	position:fixed!important;
	top:200px!important;
	*/
}

#menuservices>.lien  a{
	font-family: 'Fresca', sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
}


#BlocWidget{
	margin-top:25px;
	position:relative;
}
#BlocWidget h2, #BlocWidget .titreh2{
	background-color:#4d2a0c;
	text-shadow:1px 1px 4px rgba(0,0,0,0.5);
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
	background-image:url(../images/fleche-blanche.png);
	background-repeat:no-repeat;
	background-position:3px center;
	font-size:18px;
	color:#bba05c;
	padding:3px;
	padding-left:25px;
	border-radius:3px;
	position:absolute;
	top:-22px;
	left:0px;
    font-weight: bold;
}

#BlocWidget #OsBarreOnglet{
	background-color:#7a410f!important;
	border:none;
	font-family:inherit;
	padding:10px 5px;
	width:auto;
	margin-top:10px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}

#BlocWidget #OsBarreOnglet #OsCrit_externe_5768, #BlocWidget #OsBarreOnglet ul{
	display:none;
}

#BlocWidget .OsCritP{
	color:#FFF;
	font-family:inherit;
	text-shadow:1px 1px 4px rgba(0,0,0,0.5);
	border:none;
	font-size:14px;
	font-weight:normal;
	margin-top:10px;
}
#BlocWidget .OsBtnEnvoi {
    display: inline-block;
    border: none;
    border-radius: 6px;
    background-color: #5f961d;
    background-image: url(../images/fleche-blanche.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    margin: 0px;
    padding: 5px 5px 5px 25px;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    align-items: center;
    height: auto;
    width: auto;
    float: right;
}
#BlocWidget .OsBtnEnvoi:hover {
    background-color: #000;
}
#BlocWidget .OsLogoOs{
	position:absolute;
	bottom:-20px;
}

#PageAccueil{
	position:relative;
	top:50px;
	left:-250px;
	width:100%;
}

#PageAccueil #BlocWidget .OsCritP{
	font-size:14px;
}
#PageAccueil #BlocWidget .ui-widget input,
#PageAccueil #BlocWidget .ui-widget select{
	font-size:14px;
}
#PageAccueil #BlocWidget{
	width:100%;
}
#PageAccueil #BlocWidget h2, #PageAccueil #BlocWidget .titreh2{
	top:-14px;
	font-size:26px;
	padding:3px 10px 3px 22px;
    font-weight: bold;
}
#PageAccueil .MenuAccueil{
	font-family: 'Fresca', sans-serif;
	position:absolute;
	left:-200px;
	top:150px;
}
#PageAccueil .MenuAccueil .bouton{
	font-size:22px;
}

.tooltip{
	background-color:#000;
	color:#FFF;
	border-radius:3px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.5);
}

#Signature{
	position:absolute;
	bottom:5px;
	left:5px;
	color:#999;
}
#Signature a{
	color:#ddd;
}
#Signature a:hover{
	color:#e0e0e0;
}

/*-- refonte acceuil 08/2017 --*/

#PageAccueil #top-accueil, #PageAccueil #bottom-accueil { display:flex; }

#PageAccueil #edito, #PageAccueil #liste-refuges, #PageAccueil #itinerance, #PageAccueil #actus, #PageAccueil #recherche-dispos{
	padding:20px;
	background:rgba(255,255,255,0.9);
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin:20px 0;
}

#PageAccueil #edito, #PageAccueil #itinerance, #PageAccueil #actus{
	width:calc(50% - 40px);
}

#PageAccueil #edito h1{
	color:#7a410f;
	font-family: 'Fresca', sans-serif;
	line-height:1;
	font-size:28px;
}

#PageAccueil h2, #PageAccueil .titreh2{
	color:#378cc1;
	font-family: 'Fresca', sans-serif;
	font-size:25px;
	line-height:1;	
    font-weight: bold;
}

#OsBarreOnglet form{
	display:flex;
	flex-wrap:wrap;
}

#PageAccueil #OsBarreOnglet form #OsCrit_date_5768, #PageAccueil #OsBarreOnglet form #OsCrit_restocapa_5768{ 	width:50%; }

#PageAccueil #edito p, #PageAccueil #itinerance p{
	font-size:16px;
}

#PageAccueil #recherche-dispos, #PageAccueil #actus{ width:calc(50% - 40px); margin-left:20px; }
#PageAccueil #actus{ width:calc(50% - 20px); }

#PageAccueil #boutons-recherche-dispos{ display:flex; }
#PageAccueil #boutons-recherche-dispos #MenuAccueil{ display:flex; flex-wrap:wrap; }
#PageAccueil #boutons-recherche-dispos #MenuAccueil li{ width:calc(25% - 20px); padding:0 10px; }
#PageAccueil #boutons-recherche-dispos #MenuAccueil li a{ width:calc(100% - 35px); display:flex; align-items:center; margin:5px auto; }

/*-- css slider --*/
#Slideshow{ margin-top:20px; }
#Slideshow li{ display:flex; }
#Slideshow li .vignette-actu{ width:50%; }
#Slideshow li .vignette-actu img{ width:100%; }
#Slideshow li .content-actu{ width:50%; margin-left:10px; }
#Slideshow li .content-actu h4, #Slideshow li .content-actu .titreh4{ font-size:16px; color:#7a410f; font-family: 'Fresca', sans-serif; line-height:1; }
#Slideshow li .content-actu h4 a, #Slideshow li .content-actu h4 a:hover, #Slideshow li .content-actu .titreh4 a, #Slideshow li .content-actu .titreh4 a:hover{ font-size:18px; color:#7a410f; font-family: 'Fresca', sans-serif; line-height:1; text-decoration:none; }
#Slideshow li .content-actu p{ font-size:14px; }

#WidgetResa {
	display:block;
	margin-top:0px;
}
#ColonneCote #WidgetResa {
	margin-top:40px;
}

#PageAccueil #BlocWidget h2, #PageAccueil #BlocWidget .titreh2{ display:none; }

.OsProduitRefuge .osproduitrefuge .totalrefuge,
.OsProduitRefuge .osproduitrefuge .entetestock .entetestock-conteneur, .OsProduitRefuge .osproduitrefuge .entetestock.entetesupplement
	background-color:#7a410f!important;
}