@import url(//fonts.googleapis.com/css?family=Ubuntu);

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600italic);

@import url(//fonts.googleapis.com/css?family=Bitter);
/* Stylesheet: gottesheim_fonts Modified On 2012-11-15 19:37:48 */
.contactform label{
width:300px;
display:block;
padding:15px 0 5px;
font-size: 16px;
}

.contactform input{
width:150px;
display:block;
padding:5px;
font-size:10px;
}


.contactform fieldset{
padding:20px;
border:0px;
background-color:#EFEFEF;
}
/* Stylesheet: dettwiller_contact Modified On 2012-07-09 18:45:23 */
/* Stylesheet: Ernolsheim - ContactForm Modified On 2021-05-11 15:01:00 */
/*****************************************************************/
/********  COMMONS  **********************************************/
/*****************************************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);



body {
    height: 100%;
    background-color: #DED8CC;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size:13px;
    line-height:20px;
}

a {
    color: #6E6E6E;
text-decoration:none;

}

#page {
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
    position:relative;
    box-shadow: 1px 1px 15px #555;
}

#accueil_content{
    float:left;
    width: 720px;
margin:20px;
    
}

#accueil_content a{
    text-decoration: underline;
    
}

#overheader{
top:0px;
width:960px;
height:300px;
margin-left:auto;
margin-right:auto;

background-color:green;
z-index:-1;
}


#content {
    position: relative;
    height: 420px;
}

#main {
    background-color: white;
    padding: 0px;
}

/* FORMS */


#cntnt01searchinput {
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 4px;
    width: 200px;
}


/*****************************************************************/
/********  HEADER   **********************************************/
/*****************************************************************/

#header{
background-image:url(../../uploads/fichiers/theme_site/header_ernolsheim.jpg);
background-size: 1040px;
background-repeat:no-repeat;
height:350px;

}

.header_page{
background-image:url(../../uploads/fichiers/theme_site/header_mini_ernolsheim.jpg);
background-size: 1040px;
background-repeat:no-repeat;
height:150px;

}
#headerWrapper {
    height: 136px;
    position: relative;
    padding: 0px;
z-index:100;
}

#headerLeft {
    float: left;
    position: relative;
    width: 320px;
    height: 140px;
    left: 0px;
    z-index: 1000;
}

#headerRight {
    position: relative;
    float: right;
    right: 0px;
    top: 0px;
    width: 240px;
    height: 100px;
    z-index: 10000;
}

#header_right a {
    color:white;
text-decoration:none;
}



/*****************************************************************/
/********  MENU  *************************************************/
/*****************************************************************/

#menu {
    z-index: 1500;
    padding:8px;
    letter-spacing: 0.02em;
    width:1025px;

    background-color: #333;
    position: relative;
   
    float:left;
    top:-10px;
    z-index: 1000;

background: #312C2C; /* Old browsers */


}

#contact_bloc {
    padding: 20px;
}

img {
    border: 0;
}

.clear {
    clear: both;
}




/*****************************************************************/
/********  FooTER **********************************************/
/*****************************************************************/

#footer {
 position: relative;
clear: both;
top: 0px;
margin: 20px;
padding: 5px 10px 5px 10px;
z-index: 1000;
font-size: 10px;
color: rgb(253, 252, 252);
top: 20px;
background-color: rgb(6,164,212);

}

#footer a {
    color: black;
    font-size: 11px;
    font-family: "Verdana";
    text-decoration: none;
}

#footer p {
padding: 0;
margin: 0;
width:300px;
}

#footer_right{
float:right;width:350px;text-align:right;color:black;

}

/*****************************************************************/
/* Style Contenus*/
/*****************************************************************/
h1 {
    color: #666;
    font-family: Verdana;
    font-size: 24px;
    text-align: left;
    font-weight:600;
    line-height: 30px;
}

.smalltextmenu {
    font-size: 80%;
    color: silver;
    line-height: 10px;
}

#headerRight a {
    color: white;
    text-decoration: none;
}

.cms_textfield {
    margin-top: 8px;
    margin-left: -1px;
    margin-bottom: 5px;
    width: 200px;
}


/*****************************************************************/
/************ MENU LATERAL ***************************************/
/*****************************************************************/

#menuLateral {
    position: relative;
    top: -8px;
    float: left;
    left: 10px;
    margin: 0px 0 0 5px;
    width: 232px;
}

#menuLateralBody {
    min-height: 200px;
    margin: 0px;
    padding-top: 20px;
}

#menuLateralBody ul {
    margin: 0px;
    padding-left: 10px;
    list-style-type: none;
}

#meuLateralBody li {
    color: white;
   
}

#menuLateralBody a {
    color: white;
    padding-left: 14px;
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    border-left: 1px solid #EEE;
}

#menuLateralBody a:hover {
    padding-left: 5px;
    font-weight: bold;
    color: #FFF;
    color: black;
    border-left: 10px solid black;
}

#menuLateralBody .pageSelected {
    color: black;
}

/*****************************************************************/
/******************  BREADCRUMB  *********************************/
/*****************************************************************/

.breadcrumb {
    border: 1px solid #E8EFDE;
    background-color: #FEFEFC;
    font-size: 10px;
    color: #666;
    padding: 10px;
    border-radius: 5px;
}

.breadcrumb a {
    font-size: 12px;
    color: #444;
    font-family: Verdana;
    text-decoration: none;
}
.breadcrumb .crumb {
    font-size: 12px;
    color: #444;
    font-family: Verdana;
    text-decoration: none;
}


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

.shadow-boxy{
margin:20px;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5);
}

.hidden {
    display: none;
}

.imageItem {
    width: 80px;
    height: 80px;
    margin: 20px;
}

.roundedImg {
    border-radius: 5px;
}

#linkVosServices{
color: white;
background-color: #585E51;
float: right;
padding: 6px;
margin-top: -8px;
right: 0;
position: absolute;
height: 28px;
width: 170px;
line-height: 24px;
text-align: center;
font-size: 14px;
font-family: Verdana;
font-weight: bold;
padding-top: 8px;
letter-spacing: 1px;
font-size: 12px;
font-family: Verdana;
}
/* Stylesheet: Ernolsheim - Layout Modified On 2021-05-11 14:55:16 */
/* jQuery Dropdown Menu */

#jsddm
{	
	margin: 0;
	padding: 0; 

	z-index:3000;
	}
        #jsddm ul
	{	
		
	}
	#jsddm li
	{	
		float: left;
		list-style: none;
		line-height:14px;
		font: 14px  Arial;

	}

	#jsddm li a
	{	
		display: block;
		padding: 5px 12px;
		line-height:16px;
		text-decoration: none;
text-transform:uppercase;
		text-align:left;
		
		color: #E9E0D6;
		white-space: nowrap;
		margin-right:5px;
		z-index:2000;
		font-size:13px;
		font-family:"Verdana";

	}

	#jsddm li a.current{
		background:#E01B6A;
		background-color: rgb(30, 61, 81);
		}

	#jsddm li a:hover
	{	
		background: #FFF;
		z-index:2000;
		background:#1F668D;
		background-color: #93948F;

		}
		
		#jsddm li ul
		{	
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
                        width:290px;
			/*border-top: 1px solid #24313C;*/
			z-index:2000;}
		
			#jsddm li ul li
			{	
				float: none;z-index:4000;
				display: inline;}
			
			#jsddm li ul li a
			{	
				width: auto;
				background: #000;
				background-color: #312C2C;	
				text-align:left;
				z-index:2600;
				color: #FFF;
				border-radius:0px;
				border:0px;
				font-size:13px;
				line-height:24px;
				font-size: 11px;
                                font-family: verdana;}
			
			#jsddm li ul li a:hover
			{	
				background: #595050;
				border-radius:0px;
				z-index:2500;

				}

			#jsddm li ul li.currentpage a
			{	
				color: rgb(230, 207, 118);
				}
/* Stylesheet: Ernolsheim - Menu Modified On 2014-09-15 17:35:43 */
/* 
 NEWSBAR

*/

#contentPage{
float:left;width:660px;padding:20px;
}  

#news_left_panel{
float:left;width:230px;
height:300px;padding:15px;background-color:#FFFFFF;color:white;
margin:10px;
margin-top:20px;

}

#left_panel{
float:left;
width:230px;
padding:15px;

color:#413C3A;
margin:10px;
margin-top:20px;

}

#left_panel_menu{
background-color:#F3F0E1;
padding:10px;
margin-bottom:40px;
}

#left_panel_menu h1{
padding:0px;
margin:0;
font-size:14px;
border-bottom:5px solid #DFDDD3;
}

#left_panel_menu ul{
list-style:none;
margin:0;
padding:0;
}

#left_panel_menu li{
padding:5px;
}
#left_panel_menu li:hover{
border-left:1px solid red;
background-color:#F9F9F9;
}


#news_left_panel a{
color:#DDD;
text-decoration:none;
font-size:13px;
}

#news_left_panel h1{

    background-color: rgb(240, 229, 229);
    position: relative;
    left: -10px;
    color: rgb(20, 8, 8);
    padding: 5px;
    font-family: "Lato";
    font-size: 28px;
    opacity: 0.6;
    padding-left: 20px;

}
#newsBar>ul {
    padding: 0px;
    margin: 10px;
}

#newsBar li {
    list-style-type: none;
    padding: 5px;
}

#newsBar ul>li>a>span {
    display: block;
    padding: 5px;
    border-left: 2px solid #E4EDDC;
}

#newsBar ul>li>a {
    color: white;
    text-decoration: none;
}

#newsBar ul>li>a:hover>span {
    border-left: 4px solid #333;
    color: #333;
    background-color: #FFF;
}
/* Stylesheet: Ernolsheim - News Modified On 2014-07-11 10:48:42 */
.bloc_accueil{
width:195px;
height:200px;
float:left;
padding:15px;
}
.bloc_edito{
background-color:#F7F7F7;
}

.bloc_programme{
background-color:#E5D9AB;
margin-left:20px;
}

.bloc_actualites{
margin-left:20px;
}

.bloc_manifestations h3, .bloc_actualites h3{
font-family: Verdana;
font-size: 22px;
color: rgb(60, 50, 50);
}

.slider_accueil{
width:100%;
clear:both;
height:400px;
background-color:red;
}
.bloc_right{
float: left;
width: 320px;
height: 340px;
background-color: white;
margin: 10px;

}
.bloc_demarches h1{
position:relative;
left:-20px;
top:-10px;
background-color:#B79445;
font-style:italic;
color:white;
padding:3px;
padding-left:15px;
}
.bloc_demarches p{
padding: 0;
position: relative;
top: -15px;
}



.bloc_horaires{

font-size:11px;
padding-left: 30px;
border: 1px solid rgba(143, 127, 127, 0.16);
border-right: 20px solid rgba(143, 127, 127, 0.16);
border-radius: 5px;
margin-bottom:20px;
height: 255px;
}

#main{
margin-top:20px;
}

/* VOS SERVICE */

#vosservicesPanel{

width: 600px;
height: 325px;
background-color: rgb(246, 190, 67);
float: right;
position: absolute;
top:422px
right: 0px;
display: block;
padding: 20px;
font-size: 11px;
border-bottom-left-radius: 50px;
z-index: 99;

}
/* Stylesheet: Ernolsheim - Accueil Modified On 2015-01-26 17:39:54 */