@import 'fonts.css';

/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
}
body{
	background: #E4EC59 url(../images/bg_site_repeat.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
	font-family: Georgia,  "Times New Roman", "MS Trebuchet", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
}

.clear{
	clear: both;
	height: 0px;
}

a {
    color: #A71137;
	text-decoration: none;
	outline: 0;
}
a img{
	border: 0;
	border: none;
}

.cache {
    display: none;
    text-indent: -1000em;
    height: 0;
}

#site {
	position: relative;
	width: 980px;
	margin: 0 auto;
	/*background: #F6921E url(../images/bg_site.jpg) repeat-x;*/
}
	.bandeau-top {
		position: relative;
		width: 980px;
		height: 220px;
		margin: 0 auto;
		padding: 0;
	}
		#evitment {
			position: relative;
			float: right;
			padding: 10px 50px 0 0;
			font-size: 0.625em;
			color: #A81137;
			z-index: 100;
		}
			#evitment a {
				color: #A81137;
			}				
			#lang {
				position: relative;
				float: right;
				margin: 0;
				padding: 10px 20px 0 0;
				font-size: 0.625em;
				color: #A81137;
				z-index: 100;
			}
				#lang li {
					display: inline;
					list-style: none;
					padding: 0;
					margin: 0;
				}
				#lang li a {
					display: inline;
					padding: 0;
					margin: 0 2px;
					color: #A81137;
				}
				#lang li a.active {
					text-decoration: underline;
				}
					#lang li a img {
						padding: 0;
						margin: 0;
					}
				
			.bandeau-top h1 {
				position: absolute;
				top: 50px;
				left: 705px;
				margin: 0;
				padding: 0;
				width: 223px;
				height: 133px;
				z-index: 100;
			}
				.bandeau-top h1 a {
					display: block;
					width: 223px;
					height: 133px;
					background-repeat: no-repeat;
					background-position: left top;
				}
				.bandeau-top h1.site-title-fr a {
					background-image: url(../images/header-title-fr.png);
				}
				*html .bandeau-top h1.site-title-fr a {
					display: block;
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/header-title-fr.png', sizingMethod='crop');
					cursor: pointer;
				}
				.bandeau-top h1.site-title-de a {
					background-image: url(../images/header-title-de.png);
				}
				*html .bandeau-top h1.site-title-de a {
					display: block;
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/header-title-de.png', sizingMethod='crop');
					cursor: pointer;
				}
				.bandeau-top h1.site-title-en a {
					background-image: url(../images/header-title-en.png);
				}
				*html .bandeau-top h1.site-title-en a {
					display: block;
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/header-title-en.png', sizingMethod='crop');
					cursor: pointer;
				}
				.bandeau-top h1 span {
					display: none;
					visibility: hidden;
				}
			
			.slideshow_wrap {
				position: absolute;
				left: 0;
				top: 0;
				width: 782px;
				height: 220px;
				overflow: hidden;
				z-index: 1;
			}
				.slideshow_mask {
					position: absolute;
					left: 0;
					top: 0;
					width: 782px;
					height: 220px;
					background: url(../images/bandeau_mask.png) no-repeat;
					z-index: 10;
				}
				*html .slideshow_mask {
					display: block;
					background: none;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/bandeau_mask.png', sizingMethod='crop');
				}
				.slideshow {
					z-index: inherit;
				}


/* ============== Menu principale =============== */
#menu {
	width: 980px;
	height: 63px;
	margin: 0;
	padding: 1px 0 0 0;
	background: url(../images/menu_bg.jpg) center top no-repeat;
}
	#menu ul {
		padding: 0;
                padding-left: 50px;
		margin: 0;
		text-align: center;
	}
	#menu li {
		list-style-type: none;
		display: block;
                float: left;
		padding: 0 23px;
		margin: 0;
                height: 39px;
	}
        .body-en #menu li {
            padding: 0 29px;
        }
        #menu li a {
            font-family: "AlbertusMTStdRegular", Georgia,"Times New Roman","MS Trebuchet",Verdana,Arial,Helvetica,sans-serif;
            color: #444;
            text-decoration: none;
            font-size: 18px;
            display: block;
            /*border-bottom: 5px solid #fff;*/
            line-height: 39px;
        }
		#menu li a img {
			display: inline;
			margin: 0;
			padding: 0;
			border: 0;
		}
		#menu li a.count0:hover,
		#menu .menu_item_activ img#menuimg_1 {
			border-bottom: 5px solid #A81137;
		}
		#menu li a.count1:hover ,
		#menu .menu_item_activ img#menuimg_11 {
			border-bottom: 5px solid #EB3838;
		}
		#menu li a.count2:hover ,
		#menu .menu_item_activ img#menuimg_10 {
			border-bottom: 5px solid #66CC33;
		}
		#menu li a.count3:hover ,
		#menu .menu_item_activ img#menuimg_12 {
			border-bottom: 5px solid #D77422;
		}		
		#menu li a.count4:hover ,
		#menu .menu_item_activ img#menuimg_13 {
			border-bottom: 5px solid #9337A6;
		}
		#menu li a.count5:hover ,
		#menu .menu_item_activ img#menuimg_14 {
			border-bottom: 5px solid #F9D73F;
		}
		#menu li a.count6:hover ,
		#menu .menu_item_activ img#menuimg_20 {
			border-bottom: 5px solid #9D3628;
		}			
			
	
/* ============== Conteneur content =============== */
#conteneurcontent {
	background: url(../images/ctn-bg-repeat.jpg) repeat-y;
}


	/* ============== Content =============== */
	
	#conteneurcontent #content {
		position: relative;
		background: url(../images/ctn-bg.jpg) left top repeat-y;
		padding: 5px 80px;
		height: auto !important;
		height: 395px;
		min-height: 395px;
		
		color: #666666;
	}
	
		.ctn-col {
			width: 650px;
			padding: 0 24px 0 0;
			float: left;
		}
		.right-col {
			width: 146px;
			height: auto !important;
			height: 465px;
			min-height: 465px;
			padding-bottom: 100px;
			float: left;
		}
		
		.artContent{
			font-size: 0.875em;
		}
		
			.home-left {
				width: 311px;
				float: left;
			}
			.home-img {
				width: 311px;
			}
			.home-text {
				width: 309px;
				padding: 0 0 0 30px;
				float: right;
			}
				.pad-edito {
					font-size: 0.95em;
				}
				.pad-edito h2{
					margin: 0 !important;
				}
				.pad-edito p {
					margin: 0;
					padding: 0;
				}
				
				.pad-bleu {
					width: 309px;
					margin: 25px 0 25px 0;
					background: #A81137;
				}
				*html .pad-bleu {
					width: 307px;
				}
				.pad-bleu-top {
					background: url(../images/pad_bleu_top.gif) left top no-repeat;
				}
				.pad-bleu-bottom {
					height: auto !important;
					height: 198px;
                                        color: #EECCBA;
					min-height: 198px;
					background: url(../images/pad_bleu_bottom.gif) left bottom no-repeat;
					padding: 15px;
					font-size: 0.75em;
				}
                                .pad-bleu-bottom li {
                                    list-style: inside disc;
                                }
					.pad-bleu-bottom h2 {
						font-size: 1.5em;
						color: #fff;
						margin: 0 0 10px 0;
						padding: 0;
					}
					.pad-bleu-bottom p {
						margin: 10px 0 0 0;
						padding: 0;
					}
	
        #content #site_title {
            background: url(../images/site_titre_ico.gif) left top no-repeat;
			width: 33.5em;
			padding: 0;
			margin: 0;
		}
        #content #site_title h1 {
            position: relative;
            display: block;
            font-size: 1.2em;
            line-height: 4.575em;
            color: #AC9142;
            text-decoration: none;
            background: url(../images/site_titre_trait.gif) left 3.7em repeat-x;
            left: 4em;
            padding: 0.7em 0.4em;
            text-align: center;
            margin: 0 auto;
		}
		
		#content #ico_link {
			margin: 0 3px;
			padding: 0;
			border-bottom: 1px solid #A81137;
			font-size: 0.75em;
		}
		#content #ico_link li {
			list-style-type: none;
			border-top: 1px solid #A81137;
			margin: 0;
			padding: 10px 0;

		}
		#content #ico_link li a {
		    display: block;
			padding: 3px 25px 3px 0;
			color: #333333;
		}
		#content #ico_link a.imprimer_page {
		    background: url(../images/ico_print.gif) right top no-repeat;
		}
		#content #ico_link li a.mon_prog {
			background: url(../images/ico_mon_prog.gif) right top no-repeat;
		}
		#content #ico_link li a.carte {
			background: url(../images/ico_map.gif) right top no-repeat;
		}
	.right-col .module {
		padding: 0 3px;
	}
		
        a.btn-pdf {
            background: url(../images/btn-pdf-left.jpg) no-repeat left center;
            padding-left: 10px;
            display: block;
        }
        a.btn-pdf span {
            display: block;
            padding-right: 39px;
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            background: url(../images/btn-pdf-right.jpg) no-repeat right center;
        }
        .body-de a.btn-pdf span {
            line-height: 15px;
        }
        
        
	.pad-galerie {
		position: relative;
		width: 146px;
		background: url(../images/pad-galerie-bottom.jpg) center bottom no-repeat;
		padding: 0 0 10px 0;
		margin: -7px 0 18px 0;
	}
		.pad-galerie .pad-galerie-in {
			height: auto !important;
			height: 53px;
			min-height: 53px;
			background: url(../images/pad-galerie-top.jpg) center top no-repeat;
			padding: 10px 11px 0 11px;
			margin: 0;
			
			text-align: center;
			font-size: 0.625em;
		}
			.pad-galerie p {
				margin: 0;
				padding: 0 0 8px 0;
				
				text-align: center;
				font-size: 1.1em;
				color: #99372B;
			}
			.pad-galerie a {
				display: block;
				border: 1px solid #B79C5C;
				background-color: #B79C5C;
				background-repeat: no-repeat;
				background-position: center top;
				padding: 22px 2px 1px 2px;
				margin: 0 12px;
				float: left;
				
				color: #fff;
				text-decoration: none;
			}
			.pad-galerie a.lk-photos {
				background-image: url(../images/ico-photos.jpg);
			}
			.pad-galerie a.lk-videos {
				background-image: url(../images/ico-videos.jpg);
			}
			.pad-galerie a:hover {
				color: #000;
			}
		
		.right-col h3 {
			font-size: 0.75em;
			font-weight: bold;
			padding: 0;
			margin: 30px 0 10px 0;
		}
		.pad-infos {
			background: url(../images/pad_infos_top.gif) no-repeat;
		}
		.pad-infos-in {
			background: url(../images/pad_infos_bottom.gif) left bottom no-repeat;
			padding: 11px;
			font-size: 0.75em;
		}
		.pad-infos-in a {
			display: block;
			color: #000;
			background: url(../images/pad_infos_puce.gif) right bottom no-repeat;
			padding: 0 15px 0 0;
		}
		
		.btn-cus {
			display: block;
			text-align: center;
			margin: 20px 0 0 0;
			font-size: 0.9em;
			color: #000;
		}
		
	/* ============== Content Events =============== */

#conteneur_events {
    margin: 0;
    padding: 5px 0 0 0;
    border: 0;
}
	.events_left, .events_center, .events_right {
        float: left;
        width: 198px;
		border-bottom: 2px solid #BCE9A6;
	}
    .events_left {
		padding: 0;
		margin: 0;
	}
    .events_center {
		padding: 0;
		margin: 0 27px;
	}
    .events_right {
		padding: 0;
		margin: 0;
	}
    .events {
		padding: 18px 0 13px 0;
		border-top: 2px solid #BCE9A6;
		font-size: 0.75em;
	}

    .events h3 {
		font-size: 1.2em;
		margin: 0 0 10px 0;
		padding: 0;
	}

    .events p {
		margin: 0 0 5px 0;
		padding: 0;
	}
	
    .events img {
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	.events .localisation {
	}

	.events .horaire {
	    color: #990000;
	}

	.events .lien {
	    color: #999;
		font-size: 0.85em;
		font-weight: bold;
		text-align: left;
	}

	.events .lien a {
	    color: #000;
	    text-align: left;
	}
	.events .lien a:hover, #events .lien a:focus {
		 text-decoration: underline;
	}

	.events a.mon_prog_ajout {
		display: block;
		width: 160px;
		height: 16px;
		text-decoration: none;
		background: url(../images/ico_mon_prog_ajout.gif) right center no-repeat;
		padding: 0 18px 0 0;
		margin: 0;
	}
	.events a.mon_prog_ajout:hover, .events a.mon_prog_suppr:hover, .print_my_prog a:hover {
		text-decoration: underline;
	}

	.events a.mon_prog_suppr {
	    display: block;
		color: #990000;
		text-decoration: none;
		background: url(../images/ico_mon_prog_suppr.gif) left center no-repeat;
		padding-left: 35px;
		height: 2.1em;
	}
	
	.print_my_prog {
        margin: 0;
        padding: 0;
        text-align: center;
	}
	.print_my_prog a {
		color: #000;
		font-size: 1em;
		text-align: left;
		font-weight: bold;
		text-decoration: none;
		background: url(../images/ico_mon_prog_pdf.gif) left center no-repeat;
		padding: 0 0 0 47px;
		margin: 0 auto;
	}

	
	.eventDetail{
		display: none;
	}

	#selection_type {
	    margin: 0.6em 0;
		font-size: 0.75em;
	}
	#selection_type form {
	    font-size: 1em;
	}
	#selection_type select {
	    background: #fff;
	    border: #000 solid 1px;
	}
	#selection_type input {
	        border: #000 solid 1px;
	        background-color: #fff;
		    color: #9E863A;
		    font-weight: bold;
		    cursor: pointer;
		    padding: 0 0.6em;
	}
	#selection_type input:hover, #selection_type input:focus  {
	    background-color: #E8DEC1;
	    color: #000;
	}


/* ============== Gallery =============== */
.gallery-submenu  {
	display: block;
	width: 198px;
	margin: 0 12px 20px 0;
	background: url(../images/submenu_bleu_top.jpg) left top no-repeat;
	padding: 10px 0 0 0;
	float: left;
}
.gallery-submenu-in {
	height: auto !important;
	height: 132px;
	min-height: 132px;
	padding: 4px 15px 14px 15px;
	background: url(../images/submenu_bleu_bottom.jpg) left bottom no-repeat;
	font-size: 0.625em;
}
	.gallery-submenu h1 {
		margin: 0;
		padding: 0 0 10px 0;
		
		font-size: 1.8em;
		font-weight: normal;
		color: #fff;
	}
	.gallery-submenu .desc {
		padding-bottom: 8px;
                color: #fff;
	}
	.gallery-submenu ul {
		margin: 0;
		padding: 0;
	}
		.gallery-submenu ul li {
			padding: 0;
			margin: 4px 0;
			font-size: 1.2em;
			list-style: none;
		}
			.gallery-submenu ul li a {
				display: block;
				padding: 0 0 0 10px;
				background: url(../images/puce_submenu2.gif) left 2px no-repeat;
				
				color: #EECCBA;
				text-decoration: none;
			}
			.gallery-submenu ul li a:hover,
			.gallery-submenu ul li a.active {
				color: #fff;
				background-image: url(../images/puce_submenu2_on.gif);
			}
		
.gallery {
	width: 440px;
	float: left;
}
	.gallery .catTitle {
		padding: 0 0 0 10px;
	}
		.gallery .catTitle h2 {
			margin: 0 0 12px 0;
		}
	.gallery .thumbnail {
		position: relative;
		width: 100px;
		height: 140px;
		padding: 0 0 10px 10px;
		float: left;
	}
		.gallery .thumbnail a {
			color: #666;
			font-size: 0.75em;
			text-decoration: none;
		}
		.gallery .thumbnail a:hover {
			color: #000;
		}
		.gallery .thumbnail a img {
			width: 100px;
		}
		.gallery .thumbnail .ico-zoom {
			display: block;
			position: absolute;
			right: 6px;
			bottom: 14px;
			width: 13px;
			height: 13px;
			background: url(../images/ico-zoom.png) no-repeat;
		}
		*html .gallery .thumbnail .ico-zoom {
			background: url(../images/ico-zoom.gif) no-repeat;
		}
		.gallery .thumbnail .vid-title {
			display: block;
			text-align: center;
		}
		

        /* ============== Content Sous menu =============== */
		.submenu-top {
			display: inline;
		}
		.submenu-rouge .submenu-top  {
			display: block;
			width: 198px;
			margin: 0 20px 280px 0;
			float: left;
		}
		.submenu-nomarge .submenu-top  {
			margin: 0 20px 20px 0 !important;
		}
		.submenu-violet .submenu-top  {
			display: block;
			width: 198px;
			margin: 0 20px 20px 0;
			float: left;
		}
		.submenu-bottom {
			padding: 2px 9px;
			font-size: 0.975em;
		}
		.submenu-rouge .submenu-top {
			background: url(../images/submenu_rouge_top.gif) left top no-repeat;
		}
		.submenu-rouge .submenu-bottom {
			background: url(../images/submenu_rouge_bottom.gif) left bottom no-repeat;
		}
		.submenu-violet .submenu-top {
			background: url(../images/submenu_violet_top.gif) left top no-repeat;
		}
		.submenu-violet .submenu-bottom {
			background: url(../images/submenu_violet_bottom.gif) left bottom no-repeat;
		}
		
		.submenu-violet h2,
		.submenu-rouge h2{
			margin: 0 0 15px 0;
		}
				
			ul.submenu {
			  clear: both;
				font-weight: bold;
				padding: 0;
				margin: 0;
				text-align: left;
			}
				.submenu li {
					display: inline;
					list-style: none;
					text-align: left;
				}
					.submenu li a {	
						display: block;
						font-weight: bold;
						color: #EECCBA;
						text-align: left;
						text-decoration: none;
						padding: 0 0 0 10px;
						margin: 10px 0;
						background: url(../images/puce_submenu2.gif) left 4px no-repeat;
			  		}
					.submenu li a:hover, #content .submenu li a:focus, #content .submenu li a:active {
						text-decoration: underline;
			  		}
					.submenu .menu_item_activ {
					    color: #fff;
						background: url(../images/puce_submenu2_on.gif) left 4px no-repeat;
			  		}
					
		.submenu-violet .artTitle,
		.submenu-violet .artContent,
		.submenu-rouge .artTitle ,
		.submenu-rouge .artContent {
			width: 432px;
			float: left;
		}
		
		.img-left {
			position: absolute;
			top: 280px;
			left: 70px;
			z-index: 10;
			margin: 0;
		}
		
		*+html .img-left { /*IE7*/
			position: relative;
			top: 0;
			left: 0;
			margin: 240px 0 0 -218px;
			float: left;
		}
		*html .img-left { /*IE6*/
			position: relative;
			top: 0;
			left: 0;
			margin: 240px 0 0 -218px;
			float: left;
		}
  		
  		/* ============== Content Form Contact / Partager site =============== */
		#content #form_contact, #content #FormPartagerSite {
			margin: 10px 0 10px 20px;
			padding: 0;
			border: 0;
		}
		#content #form_contact p {
			clear: both;
		}
		#content #form_contact label {
			display: block;
			width: 14em;
			float: left;
			border: 0;
			text-align: left;
		}
		#content #FormPartagerSite label {
			display: block;
			width: 12em;
			float: left;
			border: 0;
			text-align: left;
		}
		#form_contact input, #form_contact textarea, #form_contact select, #FormPartagerSite input, #FormPartagerSite textarea {
		    width: 31em;
		    background-color: #fff;
		    border: #9E863A solid 1px;
		}
		#form_contact textarea, #FormPartagerSite textarea {
            		width: 31em;
		}
		#form_contact input:focus, #form_contact textarea:focus, #form_contact select:focus, #FormPartagerSite input:focus, #FormPartagerSite textarea:focus {
		    background-color: #E8DEC1;
		    border: #000 solid 1px;
		}
		#form_contact .envoyer {
		    display: block;
		    width: 6em;
		    color: #9E863A;
		    font-weight: bold;
		    cursor: pointer;
		    padding: 0.1em 0.6em;
		}
		#form_contact .envoyer:hover, #form_contact .envoyer:focus  {
		    background-color: #E8DEC1;
		    color: #000;
		    border: #000 solid 1px;
		}
		#FormPartagerSite .envoyer {
		    display: block;
		    float: left;
		    width: auto;
		    color: #9E863A;
		    font-weight: bold;
		    cursor: pointer;
		    padding: 0.1em 0.6em;
		    margin: 0 1em 0 0;
		}
		#FormPartagerSite .envoyer:hover, #FormPartagerSite .envoyer:focus  {
		    background-color: #E8DEC1;
		    color: #000;
		    border: #000 solid 1px;
		}
		
		
		.contener-form-contact,
		.contener-form-aide {
			display: none;
		}
		
/* 
 * ---------------------------------------------
 *		Media DOC (attachés à un article)
 * ---------------------------------------------	
*/
.media_doc{
	margin-top: 20px;
}
.media_doc .downloadlink{
	padding-left: 20px;
}
.media_doc .downloadlink a {
	color: #000;
	text-decoration: none;
}
.media_doc .downloadlink a:hover {
	color: #0ABAE3;
}


/* ============== Pied de page =============== */
#footer {
	clear: both;
	margin: 0;
	padding: 42px 0 10px 0;
	border: 0;
	background: url(../images/footer-bg.jpg) center top no-repeat;
}
	#footer .ico-perenoel {
		position: absolute;
		left: 773px;
		bottom: 76px;
	}
	#footer .footer-links {
		text-align: center;
		font-size: 0.7em;
		color: #fff;
	}
	#footer .footer-links a {
		margin: 0 28px;
		color: #666666;
		text-decoration: none;
	}
	#footer .footer-links a:hover, #footer a:focus, #footer a:active {
		text-decoration: underline;
	}
	#footer .footer-links .logo-stras {
		vertical-align: middle;
	}
	
		
/*=========== Plan du site =============*/

.block_plan_site {
	margin-left: 1em;
}
	.block_plan_site ul{
		margin-bottom: 2em;
	}
	.block_plan_site ul li {
		list-style-type: square;
	}
	.block_plan_site ul li a {
		color: #000;
	}