body
{
    background:#ffffff;
}

#Page
{
    Position:relative;
    float:left;
    width :100%;
    height:auto;
	overflow-x:hidden;
    /*min-height:100%;*/
    
}

.review-box{
	visibility:hidden!important;
}
a:active,
a:focus {
    outline: none;
}
.BandeauHeader{
background:#4E9CA8;
height:50px;
}
.telHaut{
	Background:#ffffff;
	width:10%;
	position:absolute;
	right:50%;
	height:50px;
	color:#B7A8A1;
	margin:auto;
	font-weight:bold;
	top:0;
	display:flex;
}
.telTexteHaut{
	Background:#ffffff;
	position:relative;
	margin:auto;
	color:#B7A8A1;	
	font-weight:bold;	
}
.MapHaut{
	color:#ffffff;
	position:absolute;
	right:25%;
	width:20%;
	display:flex;
	height:50px;
}
.MapTexteHaut{
	color:#ffffff;
	position:absolute;
margin-top: 3px;
	left:25px;
	width: 250px;
}

#Header {
    height: 112px;
}

    #Header .BlocLogo {
        position: relative;
        float:left;
        /*width: 250px;*/
        padding:2px 10px;
    }

    #Header .BlocLogo a {
        position: relative;
        float: left;
        width: auto;
        background: #ffffff;
        padding: 0;
        z-index:500;
    }

    #Header .BlocLogo img {
       /*height:120px;*/
    }


#BlocRecherche{
    text-align:center;
}

#BlocRecherche .form-control
{
    width:calc(100% - 30px);
    max-width:300px;

}


#BandeauMenu {
    position: relative;
    float: left;
    height: 75px;
    width: 100%;
    background: #ffffff;
	color:#386A9D;
	
}

#BandeauMenuContenu {
    height: 42px;
    padding: 0;
	    position: absolute;
	    right: 5%;
}
.EspaceBlanc{
	width:100%;
	height:30px;
	float:left;
}
.EspaceOrange{
	width:100%;
	height:30px;
	background:#F16E61;
}
.FondBleu{
	background:#E8F0F3;
}
.TitreFonce{
	font-style:italic;
	font-size:18px;
	font-weight:bold;
	padding-bottom: 15px;
}
#Haut {
    position: relative;
    float: left;
    width: 100%;
    background-color: white;
    z-index: 300;
    height: 112px;
}

/*
#HautTrait
{
    display:none;
}    
    
#HautMenu
{
    display:block;
    position:relative;
    float:left;
    width:100%;    
}*/

#MenuTrait {
    display: none;
}

.TexteGras{
	color:#386A9D;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	font-size:20px;
	
}
.TexteGrasOrange{
	color:#F16E61;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	font-size:20px;
	padding-top: 70px;
	padding-bottom:35px;
}

.TexteGrasFonce{
	color:#5C5365;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	font-size:20px;
}
.TexteGrasBleu{
	color:#4E9CA8;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	font-size:20px;
}



.TexteBleuFin{
	color:#4C9FA6;
	text-align:left;
	font-size:20px;

}


.TitreOrange{
	color:#F16E61;
	font-size:18px;
	font-weight:bold;
}
.TexteBleu{
	color:#386A9D;
}
.asterisque{
font-style: oblique;
	font-size:14px;
	color:#386A9D;
}

/* #region Menu */
#Menu
{
    position: relative;
    float: left;
    
    
}

/*----------------- Portail -----------------*/

/* Portail inactif */
.Portail {
    position: relative;
    float: left;
    cursor: pointer;
    height: 74px;
    font-size: 0.87em;
	width:260px;
}


div.PortailLien,
div.PortailLien:hover,
.PortailLienOver {
    display: block;
    text-align: left;
    height: 74px;
    display: flex;
    flex-direction: column;
}

a.PortailLien {
    width: 100%;
    position: relative;
    float: left;
    color: #4E9CA8;
    font-size: 1.5em;
    text-decoration: none;
    text-align: left;
    padding: 0 10px;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
	text-align:center;
}

/* Portail actif */
div.PortailLien:hover,
.PortailLienOver {
    background: #ffffff;
    border-top: 3px solid #5C5365;
}

    div.PortailLienOver a.PortailLien,
    div.PortailLien:hover a.PortailLien {
        color: #5C5365;
    }


/*----------------- Module -----------------*/


[id*="CadreModule"] /* #CadreModule1, #CadreModule2 ...*/ {
    position: absolute;
    float: left;
    top: 42px;
    left: 0px;
    border-top: #32b8cb 1px solid;
    z-index: 500;
}

.CadreModule,
.CadreModuleOver,
.CadreModule:hover {
    position: relative;
    float: left;
    width: 100%;
    min-width: 200px;
    background: #f1eeed;
    font-family: "Open Sans";
    font-weight: normal;
}



a.ModuleLien {
    color: #616059;
    font-size: 0.87em;
    line-height: 100%;
    text-decoration: none;
}


.Module {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    display: block;
    cursor: pointer;
    text-align: left;
}

/* CadreModule actif */
.CadreModule:hover,
.CadreModuleOver {
    background: #e7e7e7;
}

    .CadreModuleOver a.ModuleLien,
    .CadreModule:hover a.ModuleLien
    .Module:hover a {
        color: #ffffff;
    }

/* Sous modules */

.CadreSousModule {
    position: absolute;
    left: 100%;
    background: #f1eeed;
    width: 200px;
}

.SousModule,
.SousModuleOver {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    cursor: pointer;
    text-align: left;
}

    .SousModule a.ModuleLien {
        color: #737373;
    }

    /* Sous module actif */
    .SousModule:hover,
    .SousModuleOver {
        background: #e7e7e7;
    }


.CadreModuleOver .SousModule a.ModuleLien,
.CadreModule:hover .SousModule a.ModuleLien {
    color: #616059;
}

.CadreModuleOver .SousModule:hover a.ModuleLien,
.CadreModule:hover .SousModule:hover a.ModuleLien,
.SousModuleOver .SousModule a.ModuleLien,
.SousModule:hover a.ModuleLien {
    color: #ffffff;
}

/* #endregion */


.PageDefault #CentreImage {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .PageDefault #CentreImage::after {
        padding-top: 25%;
        display: block;
        content: '';
    }

    #Outils
{
    display:none;
}

#BlocFilAriane,
#ctl00_PanFilDAriane,
#CentreImage {
    position: relative;
}



#BlocContenu {
    position: relative;
    float: left;
    width:100%;
}


#CentreImage {
    position: relative;
    float: left;
    width: 100%;
    height: 250px;
}





#imageMobile{
		visibility:hidden;
	}


/* #region Footer */
.TexteBlanc{
	color:#ffffff;
	line-height:30px;
	float:left;
	text-align: left;
	
}
#Footer {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background: #4E9CA8;
}
#basImage{
	   background: #4E9CA8;    position: absolute;    top: 2555px;    height: 40px;
	   display:none;
}
#footborder{
	margin-top: 30px;
	border-left:4px solid rgba(255, 255, 255, .5);
}
#FooterContenu {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
   
    color:#ffffff;
}

#FooterContenu a {
    color: #ffffff;
    padding:5px 15px;
    border-right:1px solid #ffffff;
}
    #FooterContenu a:last-child{
        border-right:none;
    }

#imagePave{
			padding-left:100px;
	}
#imageBloc{
		width:65vw;
	}
#elisefooter{
	right: 0px;
}
#TextePhoto{
	z-index:50;
	position :absolute;
	left:25px;
	width:50%;
	top:150px;
}
#ImageOperatrice{
	right:25px;
}
#EspaceSousImage{
	height:130px;
}
#EspaceSousImage2{
	height:200px;
}
#mapHaut1{
	margin-top:13px;
}
#mapHaut2{
	left:250px;
}
 @media all and (max-width: 1400px) {
	 .telHaut{width:15%;}
 }
  @media all and (max-width: 720px) {
	 #mapHaut2{margin-top:18px;left:22px;}
	 #mapHaut1{
	margin-top:0px;
}
 }
 
 @media all and (max-width: 1200px){
	#elisefooter{
		right: -25px;
	}
}
 #partieHaute{
	height:300px;
}
#IMGLogoMenu3{
	padding:50px;
}
    /* #region Mobile */
    @media all and (max-width: 991px) {
		
	#IMGLogoMenu3{
		padding:10px;
	}
		.image{
			width:100%;
		}
	#partieHaute{
		height:350px;
	}
		#EspaceSousImage{
	height:250px;
}
#EspaceSousImage2{
	height:150px;
}
		#ImageOperatrice{
	right:0px;
}
		#TextePhoto{
	z-index:50;
	position :absolute;
	left:25px;
	width:90%;
	top:350px;
}
        #Haut {
        position: relative;
        float: left;
        width: 100%;
        height: 80px;
        background-color: white;
        z-index: 100;
    }
	.TexteGrasOrange{
		padding-left:5px;
		padding-right:5px;

	}
	
	.TexteBleu{
		padding-left:5px;
		padding-right:5px;
	}
	.TexteBleuFin{
		margin-right:0;
	}
	#imageMobile{
		visibility:visible;
	}
	#IMGLogoMenu{
		top:100px;
	}
	#elisefooter{
		visibility:hidden;
	}
	#imagePave{
			padding-left:0;
	}
	#imageBloc{
		width:100vw;
	}
	#IMGLogoMenu3{width:100%}
	.telHaut{
		width:34%;
		left:0px;
		margin:0;
		font-size:12px;
	}
	.MapHaut{
		left:35%;
		font-size:12px;
	}
     .MapTexteHaut{
		width:150px;

	 }
    #BandeauMenu {
        display: none;
    }
    .barrebleu{
		visibility:hidden;
	}

#footborder{
	
			border:0;
}
    /*#HautTrait {
        position: relative;
        float: left;
        width: 100%;
        background-color: white;
        display: block;
    }

    #LogoTrait {
        position: relative;
        float: left;
        margin: 10px 10px 10px 10px;
    }

    #IMGLogoTrait {
        height: 60px;
    }*/


    #MenuTrait {
        display:block;
        position: absolute;
        top: 10px;
        right: 10px;
        text-align:right;
    }

    #FondIMGMenuTrait {
        background: #00589c;
    }

    #IMGMenuTrait {
        height: 26px;
    }

    /* #region Structure Portable */
    #MenuPortable {
        position: relative;
        float: left;
        width: 100%;
        z-index: 500;
        display:block;
    }

    #MenuPortable #StructurePortable {
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
    }

    #StructurePortable .SP_FondPortail {
        position: relative;
        float: left;
        width: 100%;
        background-color: #f6f6f6;
    }

    #StructurePortable .SP_FondPortailCache {
        position: relative;
        float: left;
        width: 100%;
        background-color: #e6e6e6;
    }

    #StructurePortable .SP_Portail {
        position: relative;
        float: left;
        width: 100%;
        height: 68px;
        border-top: #e6e6e6 2px solid;
        cursor: pointer;
    }

    #StructurePortable .SP_PortailTitre {
        width: 96%;
        float: right;
        margin-top: 26px;
    }

        #StructurePortable .SP_PortailTitre a {
            font-size: 16px;
            color: #666666;
            text-decoration: none;
        }

    #StructurePortable .SP_Module1 {
        position: relative;
        float: right;
        width: 96%;
        border-top: #e6e6e6 2px solid;
    }

    #StructurePortable .SP_Module1Texte {
        position: relative;
        float: right;
        width: 95%;
        margin-top: 10px;
        cursor: pointer;
    }

        #StructurePortable .SP_Module1Texte a {
            color: #666666;
            font-size: 14px;
            text-decoration: none;
        }

    #StructurePortable .SP_Module2 {
        position: relative;
        float: right;
        width: 94%;
        border-top: #e6e6e6 2px solid;
        margin-top: 10px;
    }

    #StructurePortable .SP_Module2Texte {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 10px;
        cursor: pointer;
    }

        #StructurePortable .SP_Module2Texte a {
            color: #666666;
            font-size: 14px;
            text-decoration: none;
        }

    #StructurePortable .SP_EspaceModule {
        position: relative;
        float: left;
        width: 100%;
        height: 20px;
    }

    /*#endregion */
}
@media all and (max-width: 768px) {
	 #EspaceSousImage2{height:100px;}
 }


/** API Twitter **/

.twt {
    border: 1px solid #1aa9e1;
    border-radius: 0 0 25px 25px;
    position: relative;
    float: left;
}

.twt_head {
    height: 47px;
    text-align: center;
    background: #1aa9e1;
    vertical-align: middle;
    width: 100%;
    position: relative;
    float: left;
}

.twt_content {
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;
}

.twt_image {
    width: 100%;
}

.twt_name {
    display: inline-block;
    float: left;
    color: #1aa9e1;
    margin-right: 15px;
    font-weight: bold;
}

.twt_screenName {
    display: inline-block;
    float: left;
    font-size: 0.9em;
    color: #1aa9e1;
    font-weight: bold;
}

.twt_Date {
    display: inline-block;
    float: left;
    font-size: 0.9em;
    color: #1aa9e1;
    font-weight: bold;
}

.twt_Text {
    position: relative;
    float: left;
    height: 70px;
    overflow: hidden;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.2em;
}

.twt_ESP {
    position: relative;
    float: right;
    margin-top: 15px;
    color: #1aa9e1;
    font-size: 0.9em;
    font-weight: bold;
}