@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;}



.link-footer{



    text-decoration: none;



    color: #fff;}



.link-footer a{



    text-decoration: none;



    color: #fff;}



.link-footer:hover{



    text-decoration: underline;



    color: #fff;}



.dte-agenda{ 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: 450px;



    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 #BE063E;



        border-top: 3px solid #BE063E;



       



    }



    .btn-block-home{ 



        background-color: #eaeaea; 



        padding: 10px 10px 10px 10px;



        color:#000;



        font-size: 1.43rem;



text-transform: uppercase;



font-weight: bold;



border-bottom: none;



        width: 100%;



     /*   width: calc((100% - 40%) / 1);



width: -webkit-calc((100% - 40%) / 1);



width: -moz-calc((100% - 40%) / 1);*/



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("../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("../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("../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("../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("../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("../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 --------*/