@charset "UTF-8";

/* CSS Document */



@import '/css/weather-icons.css'; 

/* font sise*/

.txt-b{color:#fff;}
.txt-16{font-size: 16px;}
.txt-20{font-size: 20px;}
.txt-24{font-size: 24px;}
.txt-42{font-size: 42px;}
.txt-color-default{color: #3190b8;}
.link-footer{
    text-decoration: none;
    color: #fff;}
.link-footer a{
    text-decoration: none;
    color: #fff;}
.link-footer:hover{
   text-decoration: underline;

    color: #fff;}
.btn-compt {
    width: 100%;
    padding: 6px 20px;
    border: 1px solid #c3c3c3;
    color: #6c6c6c;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    background-color: transparent;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-size: 100%;
}
.dte-agenda{ 
	 font-family: "Baikal";
  line-height: 0.75;
  font-weight: 600;
  font-size: max(0.9vw,0.575rem);
  color:  rgba(229, 44, 78, 0.8);
  margin-top: 0;
  margin-bottom: 1rem;
  letter-spacing: 0.03rem;
	text-align: left; 

}

/* / font sise*/

.titre_pages {
    font-size: 1.6em;
    text-decoration: none;
    font-weight: bold;

    }

/*strong{ font-family:"UniversLTW02-67BoldCn";} */

.btn-wrapper{background-color: #fff; padding:8px 3px; text-decoration: none; border-top: 1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.btn-wrapper a{background-color: #fff; padding:8px 3px; text-decoration: none; }
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
 .linkimg {
  text-decoration: none;
}
.linkimg-a:hover {
    background: #efefef;

}

.mega-menu{width: 100%; overflow: hidden; padding: 10px;}
.mega-menu a{text-decoration: none; color: #000;}
.mega-menu .sub-menu-heading{ color: darkcyan;}

@media(max-width:500px){

	.mega-menu{width: 300px;}

}



@media screen and (max-width: 2600px) {
    #scrollbar2b {
    height: 240px;
    overflow: auto;
    padding: 5px 0px 5px 0px;;
/*   // position: absolute;*/
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    margin: auto;
}

    .border-topbot-home{
        /*border-bottom: 1px solid #3190b8;*/
        /*border-top: 3px solid #3190b8;*/
         /* border-left: 1px solid #3190b8;
          border-right: 1px solid #3190b8;*/

       

    }

    .btn-block-home{ 
        background-color: #eaeaea; 
        padding: 7px 10px 7px 10px;
        color:#000;
    /*    font-size: 1.43rem;*/
text-transform: uppercase;
font-weight: bold;
border-bottom: 3px solid #3190b8;
width: 100%;
margin-bottom: 0;

    }

        #portret{

        /* width: 25%;*/

        right: auto;

    }

 #autorite{

       /*  width: 75%;*/

        right: 0;

    }

 #culture{

         width: 50%;

        right: 0;

    }

 #territoire{

         width: 100%;

        right: 0;

    }

 #viepratique{

         width: 100%;

        right: 0;

    }

}

@media screen and (min-width: 992px) {

    .buro{display: block;}

    .smartphon{display: none;}

}

@media screen and (max-width: 991px) {

    .buro{display: none;}

    .smartphon{display: block;}



        #portret{

        /* width: 33%;*/

        right: auto;

    }

 #autorite{

         /*width: 100%;*/

        right: 0;

    }

 #culture{

         width: 75%;

        right: 0;

    }

 #territoire{

         width: 100%;

        right: 0;

    }

 #viepratique{

         width: 100%;

        right: 0;

    }

}

/* ------  Errore succes form --------*/

@media only screen and (min-width: 260px) {

	#error {

    display: none;

    /*background: url("../tools/form/error.png") 15px center no-repeat;

    background-size: 10%;*/

    color: rgba(249,66,58,1);

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: rgba(249,66,58,1) dashed 2px;

}

		#success {

    display: none;

    /*background: url("../tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;*/

    color: #2ecc71;

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: #2ecc71 dashed 2px;

}

		#successok {

    /*display: none;*/

    /*background: url("../tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;*/

    color: #2ecc71;

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: #2ecc71 dashed 2px;

}



}

@media only screen and (min-width: 480px) {

			#error {

    display: none;

    /*background: url("../tools/form/error.png") 15px center no-repeat;

    background-size: 10%;*/

    color: rgba(249,66,58,1);

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: rgba(249,66,58,1) dashed 2px;

}

		#success {

    display: none;

    /*background: url("../tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;*/

    color: #2ecc71;

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: #2ecc71 dashed 2px;

}

			#successok {

    /*display: none;*/

    /*background: url("../tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;*/

    color: #2ecc71;

    padding: 10px 10px 10px 10px;

    margin-bottom: 25px;

	font-size: 13px;

	line-height: 16px;

    border: #2ecc71 dashed 2px;

}



}

@media only screen and (min-width: 768px) {

	

			#error {

    display: none;

    background: url("../../bibliotheque/tools/form/error.png") 15px center no-repeat;

    background-size: 10%;

    color: rgba(249,66,58,1);

    padding: 15px 15px 15px 105px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: rgba(249,66,58,1) dashed 2px;

}

		#success {

    display: none;

    background: url("../../bibliotheque/tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;

    color: #2ecc71;

    padding: 15px 15px 15px 105px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: #2ecc71 dashed 2px;

}

			#successok {

    /*display: none;*/

    background: url("../../bibliotheque/tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;

    color: #2ecc71;

    padding: 15px 15px 15px 105px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: #2ecc71 dashed 2px;

}

}

@media only screen and (min-width: 960px) {

			#error {

    display: none;

    background: url("../../bibliotheque/tools/form/error.png") 15px center no-repeat;

    background-size: 10%;

    color: rgba(249,66,58,1);

    padding: 15px 15px 15px 135px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: rgba(249,66,58,1) dashed 2px;

}

		#success {

    display: none;

    background: url("../../bibliotheque/tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;

    color: #2ecc71;

    padding: 15px 15px 15px 135px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: #2ecc71 dashed 2px;

}

		#successok {

    /*display: none;*/

    background: url("../../bibliotheque/tools/form/correct.png") 15px center no-repeat;

    background-size: 10%;

    color: #2ecc71;

    padding: 15px 15px 15px 135px;

    margin-bottom: 25px;

	font-size: 17px;

	line-height: 20px;

    border: #2ecc71 dashed 2px;

}

	

}

/* ------ / Errore succes form --------*/





/* ------ conseiletablisement --------*/

.alconteneurce {

	/*width: 100%;*/

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #D6D6D6;

	margin-top:10px;

    margin-bottom: 10px;

    padding-bottom: 10px;

	/*margin-left:150px;*/



}

.alconteneurcegr {

	width: 100%;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #D6D6D6;

	margin-top:20px;

/*	margin-left:150px;*/



}

.alconteneurcegvp {

	width: 300px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #D6D6D6;

	margin-top: 20px;

	margin-left: 20px;

	float: left;

	position: relative;

}



.alconteneurcegv {

	width: 300px;

	min-height:50px;

	float: left;

	position: relative;

}



.alspacer {

	clear: both;

	height:3px;

}



.alflottante0 {

/*	margin-left:2px;

	margin-right:2px;

	float: left;

	width: 20px;

	padding-left: 3px;

	padding-right: 3px;*/

}



.alflottante0ce {

	margin-left:2px;

	margin-right:2px;

	float: left;

	width: 50px;

	padding-left: 3px;

	padding-right: 3px;

}



.alflottante1cegv {

	/*float: left;

	width: 300px;

	margin-top: 5px;

	margin-right: 2px;

	margin-bottom: 2px;

	margin-left: 10px;

	padding-left: 5px;*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D6D6D6;

	/*position: relative;*/

}

.alflottante1ce {

	/*float: left;

	width: 45px;

	margin-top: 5px;

	margin-right: 2px;

	margin-bottom: 2px;

	margin-left: 10px;

	padding-left: 5px;*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D6D6D6;

}



.alflottante2ce {

/*float: left;

	width: 150px;

	margin-top: 5px;

	margin-right: 1px;

	margin-bottom: 2px;

	margin-left: 1px;

	padding-left: 5px;*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D6D6D6;

}



.alflottante3ce {

/*float: left;

width: 225px;

margin-top: 5px;

	margin-right: 1px;

	margin-bottom: 2px;

	margin-left: 1px;

	padding-left: 5px;*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D6D6D6;

}



.alflottante4ce {

float: left;

/*width: 60px;*/

text-align:center;

margin-top: 5px;

	margin-right: 1px;

	margin-bottom: 2px;

	margin-left: 1px;

	padding-left: 5px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D6D6D6;

}



.alflottante5ce {

margin: 2px;

float: left;

width: 40px;

margin-top: 5px;

	margin-right: 1px;

	margin-bottom: 2px;

	margin-left: 10px;

	padding-left: 5px;

}

/* ------ / conseiletablisement --------*/