#accueil_right_panel{
float:left;
width:280px;

}

.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: ubuntu;
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: 105px solid rgba(143, 127, 127, 0.16);
border-radius: 5px;
margin-bottom:20px;
height: 240px;
}

#main{
margin-top:20px;
}

/* VOS SERVICE */

#vosservicesPanel{

width: 620px;
background-color: rgb(226, 218, 205);
float: right;
position: absolute;
top: 150px;
right: 0px;
display: block;
padding: 20px;
font-size: 12px;
z-index: 99;
border-left-width: 300px;
border-left-style: solid;
border-left-color: rgb(53, 49, 48);

}
#vosservicesPanel a{
text-decoration:none;
/*display:block;*/
padding:4px;
margin-top:4px;
}
#vosservicesPanel a:hover{
background-color:white;
}
/* Stylesheet: ThalMarmoutier - Accueil Modified On 2013-09-01 21:02:53 */
/*****************************************************************/
/********  COMMONS  **********************************************/
/*****************************************************************/
@import url(//fonts.googleapis.com/css?family=Exo:400,700);
@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(//fonts.googleapis.com/css?family=ABeeZee);
@import url(//fonts.googleapis.com/css?family=Cabin+Sketch);
@import url(//fonts.googleapis.com/css?family=Questrial);
@import url(//fonts.googleapis.com/css?family=Basic);

body {
    height: 100%;
    background-color: #DED8CC;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    line-height:20px;

background-repeat:no-repeat;
background-position-x: 200px;
background-size: 90px;
}

a {
    color: #6E6E6E;
}

#page {
background-color: #F7F7F8;
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
box-shadow: 1px 1px 15px #555;
padding-bottom: 40px;
}
#accueil_content{
float: left;
width: 580px;
height: 314px;
padding: 20px;
margin: 20px;
background-color: #fff;
margin-bottom: 35px;
box-shadow: 10px 10px 5px #888;
    
}

#page_content{
    float:left;
    width: 620px;
    margin:20px;
    
}

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

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

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

#main {
    
    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(../../_templates/thal-marmoutier/images/header2.png);
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:945px;

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




}

#contact_bloc {
    padding: 20px;
}

img {
    border: 0;
}

.clear {
    clear: both;
}




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

#footer {
position: relative;
clear: both;
top: 0px;
z-index: 1000;
font-size: 10px;
color: rgb(253, 252, 252);
background-color: #000;
height: 20px;
padding: 5px;
margin-top: 50px;
margin-bottom: 20px;
}

#footer a {
    color: white;
    font-size: 11px;
    font-family: "Trebuchet MS";
    text-decoration: none;

}

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

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

}

#footer_horaires{
background-color: #EDEDE3;
color: black;
position: absolute;
top: -19px;
left: 22px;
height: 65px;
border: 1px solid silver;
padding: 10px;
width: 560px;
}

/*****************************************************************/
/* Style Contenus*/
/*****************************************************************/
h1 {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size:  32px;
    text-align: left;
    font-weight:600;
   line-height: 56px;
}

.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: "ubuntu","Tahoma";
    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: "ubuntu","Tahoma";
    text-decoration: none;
}
.breadcrumb .crumb {
    font-size: 12px;
    color: #444;
    font-family: "ubuntu","Tahoma";
    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: #A94F1A;
float: right;
padding: 6px;
margin-top: -8px;
right: 0;
position: absolute;
height: 28px;
width: 175px;
line-height: 24px;
text-align: center;
font-size: 14px;
font-family: ubuntu;
font-weight: bold;
padding-top: 8px;
letter-spacing: 1px;
}
/* Stylesheet: ThalMarmoutier - Layout Modified On 2018-07-18 12:07:27 */
/* jQuery Dropdown Menu */

#jsddm
{	
	margin: 0;
	padding: 0; 

	z-index:3000;
	}
        #jsddm ul
	{	
		
	}
	#jsddm li
	{	
		float: left;
		list-style: none;
		line-height:14px;
		font-family: 'Open Sans', sans-serif;

	}

	#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: 'Open Sans', sans-serif;

	}

	#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: rgba(112, 60, 60, 0.63);

		}
		
		#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-family:"Ubuntu";
				font-family:"Helvetica Neue";
				font-size:12px;
				font-family: 'Open Sans', sans-serif;
                                      }
			
			#jsddm li ul li a:hover
			{	
				background: #595050;
				border-radius:0px;
				z-index:2500;

				}

			#jsddm li ul li.currentpage a
			{	
				color:rgb(134, 34, 74);
				}
/* Stylesheet: ThalMarmoutier - Menu Modified On 2013-09-13 15:12:27 */
/* 
 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:#FDFDFD;
padding:10px;
margin-bottom:40px;
}

#left_panel_menu a{
text-decoration:none;
}


#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 #A53A00;
background-color:#F9F9F9;
}
#left_panel_menu ul li ul li:hover{
border-left:5px solid #A53A00;
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: ThalMarmoutier - News Modified On 2013-09-01 19:48:11 */