/*======================================
      CHARTE DU SITE					
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- orange 				#ec7404			
- bordeaux/magenta		#e22e6e			
- bleu					#008bd0 		
- vert					#009932 		
- violet				#6d1f80			
- rouge					#ba1f2b			
- vert agenda accueil	#e7e468			
- vert baseline			#6bb023			
- bleu liens			#3e85c1			

- bleu police				#4179b6     
- bleu tres fonce (edito)	#111991		
- orange actu accueil 		#fed060		
\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
html{
	background		:	url('img/montoire/body-bleu.gif') repeat-x left top;
}
body{
	background			:	url('img/montoire/body.gif') repeat-x left 176px;
}

ul, ul li{
	margin				:	0;
	padding				:	0;
	list-style-type		: 	none;
} 

#cadre-principal{
	position			:	relative;
	width				:	950px;
	margin				:	0 auto;
}
#cadre-haut{
	height				:	182px;
	background			:	url('img/montoire/bandeau.jpg') no-repeat left top;
}
#cadre-bas{
	clear				:	both;
	width				:	740px;
	min-height			:	50px;
	text-align			:	center;
	margin				:	0 0 10px 23px;
}

dl, dl dd, dl dt{
	margin				:	0;
	padding				:	0;
}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
	position			:	absolute;
}
#logo h1 a{
	display				:	block;
	width				:	183px;
	height				:	172px;
	background			:	url(/img/montoire/logo.jpg) no-repeat left top;
}
#logo span{
	display				:	block;
	width				:	0;
	height				:	0;
	margin				:	0;
	padding				:	0;
	overflow			:	hidden;
}

#legende{
	position			:	absolute;
	margin-left			:	30px;
	top					:	136px;
}
#legende h1 {
	font-weight			:	bold;
	font-size			:	0.625em;
}
#legende h1 a{
	color				:	#fff;
}

/* menus bandeau */
ul.menu-bandeau-1, ul.menu-bandeau-2{
	text-align			: right;
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
	padding-top			: 2px;
}
ul.menu-bandeau-1 li, ul.menu-bandeau-2 li{
	display				: inline;
}
ul.menu-bandeau-1 li span, ul.menu-bandeau-1 li a{
	color				:	#fff;
	font-size			:	0.625em;
}
ul.menu-bandeau-2 li span, ul.menu-bandeau-2 li a{
	color				:	#fff;
	font-size			:	0.600em;
	font-weight			:	bold;
}
ul.menu-bandeau-2 li span{
	background			:	url(/img/montoire/puce-bandeau.gif) no-repeat right top;
	padding-right		:	15px;
	margin-right		:	12px;
}

/* menu principal  */
#menu{
	margin				: 	0;
	padding				: 	0;
	list-style-type		: 	none;
	position			: 	absolute;
	z-index				:	10;
	top					:	125px;
	margin-left			:	174px;
}
#menu li{
	float				:	left;
}
#menu li a{
	display				:	block;
}
	#menu ul.sous-menu-inactif{
		display				:	none;
	}
	#menu ul.sous-menu-actif{
		margin				: 0;
		padding				: 0;
		list-style-type		: none;
		position			:	absolute;
		top					:	57px;
		width				:	108px;
		display				:	block;
		padding-bottom		:	5px;
	}
	#menu ul.sous-menu-actif li{
		display				:	block;
		float				:	none;
		position			:	relative;
		clear				:	both;
		margin				:	0;
		padding				:	2px 8px 2px 8px;
		font-size			:	0.55em;
		background-color	:	#fff;
	}
	#menu ul.sous-menu-actif li.marge_haut{
		padding-top			:	8px;
	}
	#menu ul.sous-menu-actif li a{
		text-decoration		:	none;
		font-weight			:	bold;
	}
	#menu ul.sous-menu-actif li a:hover, #menu ul.sous-menu-actif li.actif a{
		color				:	#000;
	}
/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

/***	COLONE GAUCHE	***/
#cadre-colonne-1 {
	width					: 	183px;
	float					:	left;
	background				:	url(/img/montoire/menu-fond.jpg) no-repeat right top;
}
	#cadre-colonne-1 .bloc{
		width					:	147px;
		clear					:	both;
		margin-left				:	36px;
		margin-bottom			:	10px;
	}
	/* Accessibilité */
	#cadre-colonne-1 .moins, #cadre-colonne-1 .plus{
		float					:	left;
		height					:	23px;
		width					:	23px;
		margin					:	5px 8px 25px 0;
	}	
	#cadre-colonne-1 .moins:hover, #cadre-colonne-1 .plus:hover{
		cursor					:	pointer;
	}	
	#cadre-colonne-1 .moins{
		margin-left				:	33px;
		background				:	url(/img/montoire/police-moins[0].gif) no-repeat left top;
	}	
	#cadre-colonne-1 .moins:hover{
		background-position		:	1px;
	}	
	#cadre-colonne-1 .plus{
		background				:	url(/img/montoire/police-plus[0].gif) no-repeat left top;
	}
	#cadre-colonne-1 .plus:hover{
		background-position		:	1px;
	}	
	
	/* Agenda */
	#agenda{
		padding-top				:	31px;
        background-color        :   #E7E468;
    }
	#agenda h2 {
		position				:	absolute;
		margin-top				:	-46px;
	}
	#agenda h2 a{
		display					:	block;
		height					:	46px;
		width					:	131px;
	}
	#agenda dl{
		margin					:	0;
	}
	#agenda dl dt{
		width					:	55px;
		height					:	48px;
		float					:	left;
		margin-left				:	-10px;
		font-weight				:	bold;
		color					:	#fff;
	}
	#agenda dl dt .jour, #agenda dl dt .mois{
		display					:	block;
		width					:	45px;
		text-align				:	center;
	}
	#agenda dl dt .jour{
		margin-top				:	4px;
		font-size				: 	0.95em;	
		line-height				:	1.25em;
	}
	#agenda dl dt .mois{
		font-size				: 	0.7em;	
		line-height				:	1.25em;
	}
	#agenda dl dd{
		margin 					: 	0 5px 0 40px;
		padding 				: 	0;
		font-weight				:	bold;
		font-size				: 	0.625em;
	}	
	#agenda dl dd, #agenda dl dd a{
		color					:	#000;
	}	
	#agenda div.separateur{
		clear					:	both;
		height					:	1px;
		width					:	111px;		
		margin-left				:	19px;					
		background-color		:	#fff;
		margin-bottom			:	5px;
	}
	#agenda div.lien{
		clear					:	both;
		font-size				: 	0.58em;
		font-weight				:	bold;
		padding-left			:	20px;
	}
	#agenda div.lien a{
		display					:	block;	
		width					:	95px;
		color					:	#4179b6;
		padding-top				:	2px;
		text-align				:	center;
	}
	
	/* Festival Folklore */
	#folklore{
		min-height				:	105px;
	}
	#folklore a{
		display					:	block;	
		width					:	107px;
		height                  :   23px;
		color					:	#000;
		font-weight             :   bold;
		font-size               :   0.58em;
		line-height				:	1.25em;
        padding                 :   82px 20px 0 20px;
	}
	
	
/***	COLONE MILIEU	***/
#cadre-centre {
	float					:	left;
	background				: 	transparent;
}
#cadre-colonne-milieu{
	float					:	left;
	width					: 	538px;
	margin					:	10px 23px 10px 23px;
	min-height				:	390px;
}
	#cadre-colonne-milieu .theme{
		clear					:	both;
		padding					:	11px 0 0 0;		
	}
	#cadre-colonne-milieu .theme-contenu-frm{
		min-height				:	307px;
        padding                 :   0 6px 20px 18px;
        overflow				: 	hidden; 
    }
    #cadre-colonne-milieu .theme-contenu-lst{
  	 	min-height				:	307px;
       	padding                 :   0 0 20px 16px;   
    }
   	#cadre-colonne-milieu #liste-menus .theme-contenu-lst p,  #cadre-colonne-milieu #liste-articles .theme-contenu-lst p{
    	float					:	right;
    	width					:	305px;
    }
    #cadre-colonne-milieu #liste-menus .theme-contenu-lst ul, #cadre-colonne-milieu #liste-articles .theme-contenu-lst ul{
		float					:	left;
		width					:	205px;
    } 
    #cadre-colonne-milieu .theme .titre-rubrique{
       clear 					: both;
       background				: #e6e7e6;
       font-weight				: bold;
       text-transform			: uppercase;
       overflow					: hidden;
       margin-bottom			: 10px;
    }
    #cadre-colonne-milieu .theme .titre-rubrique span{
       float					: left;
       display					: block;
       padding 					: 3px 5px;
       background 				: #fff;
    }
    #cadre-colonne-milieu .theme .titre-rubrique span a{
		color					:	#000;
    }
	#cadre-colonne-milieu .theme h2{
		font-size				:	0.95em;
		font-weight				:	bold;
	}
	#cadre-colonne-milieu .theme p.accroche{
		font-size				:	0.625em;
		font-weight				:	bold;
		margin					:	5px 0 5px 0;
		padding					:	0 0 5px 0;
		border-bottom			:  1px solid #dedede;
	}
	
	/* Fil ariane */
	#fil-ariane{
		font-size				:	0.55em; 
		padding-bottom			:	2px;
		border-bottom			:	1px solid #e7e468;
		color					:	#000;
	}
	#fil-ariane a{
		color					:	#000;
	}
	
	/* imprimante */
	#imprimante a{
	   display     :   block;
	   width       :   25px;
	   height      :   25px;
	   position    :   absolute;
	   margin-top  :   -0px;
	   margin-left :   525px;
	   background  :   url(/img/montoire/impression.gif) no-repeat left top;
	}

	
	/* Titres de page */
	#cadre-colonne-milieu .titre-page{
	   background              :   url(/img/montoire/ombre.gif) transparent no-repeat left bottom;
	}
	#cadre-colonne-milieu .titre_gauche{
		overflow                :   hidden; /* pour régler le pb de float qui sortent de leur conteneur*/
		margin-top				:	11px;
		padding-left			:	15px;
	}
	#cadre-colonne-milieu .titre_droite{
		float					:	left;
		padding-right			:	22px;
	}
	#cadre-colonne-milieu h1{
		float					:	left;
		font-size				:	0.95em;
		font-weight				:	bold;
		color					:	#fff;
		min-height				:	12px;
		padding-left            :   13px;
	}
	#cadre-colonne-milieu h1 a{
		color					:	#fff;
	}	
	.retour a{
		position				:	absolute;
		top						:	223px;
		margin-left				:	425px;
		font-size				:	0.55em;
	}
	.retour a:link,.retour a:visited, .retour a:hover{
		color					:	#000;
	}	
	/* Liste articles */
	#liste-articles, #liste-menus{
		background				:	url(/img/montoire/chateau.jpg) no-repeat right 45px;
	}
	#liste-articles ul, #liste-menus ul{
		margin					: 0;
		padding					: 0;
		list-style-type			: none;
	}
	#liste-articles ul li, #liste-menus ul li{
		font-size				:	0.7em;
	}	
	#liste-articles ul li a, #liste-menus ul li a{
		display					:	block;
		width					:	183px;
		margin-left				:	15px;
		padding					:	2px 0 3px 5px;
		background				:	url(/img/montoire/degrade-gris.gif) no-repeat left bottom;
		color					:	#000;
	}
	#liste-articles ul li a:hover, #liste-menus ul li a:hover{
		background-color		:	#eeeeee;
		text-decoration			: 	none;
	}
	/* Détail article */
	#cadre-colonne-milieu .theme .frm-article{
		overflow				:	hidden;
	}
	.frm-article .date{
	   font-size				: 0.7em;
	   padding-bottom 			: 2px;
	   border-bottom			: 1px solid #E6E7E6;
	}
	#cadre-colonne-milieu .theme .frm-article .col-gauche{
		float					:	left;
		width					:	200px;
		background-color 		:	 #fff;
	}
		#cadre-colonne-milieu .theme .frm-article .col-gauche-contenu{
	        margin-right 			: 	15px;
	        background-color		: 	#E6E7E6;
	    }
		#cadre-colonne-milieu .theme .frm-article .col-gauche ul{
			margin					:	0;
			padding					:	0 0 10px 0;
			list-style-type			:	none; 	
		}
		#cadre-colonne-milieu .theme .frm-article .col-gauche ul li{
			font-size				:	0.625em;
			color					:	#000;
			padding-left			:	14px;
			margin-left				:	7px;
		}
		#cadre-colonne-milieu .theme .frm-article .col-gauche ul li a{
			color					:	#000;
		}		
	    #cadre-colonne-milieu .theme .col-gauche-contenu .titre-rubrique{
	       clear 					:	both;
	       background				:	#EEEFEF;
	       font-weight				:	bold;
	       text-transform			:	uppercase;
	       overflow					:	hidden;
	       margin					:	3px 7px 3px 7px;		       
	    }
	    #cadre-colonne-milieu .theme .col-gauche-contenu .titre-rubrique span{
	       float					: 	left;
	       display					: 	block;
	       padding					: 	3px 5px 5px 0 ;
	       background 				: 	#E6E7E6;
	       font-size				:	9px;
	    }
	  		
	#cadre-colonne-milieu .theme .frm-article .col-droite{
		/*overflow: auto;*/
	}
		#cadre-colonne-milieu .theme .sep_photos{
			clear					:	both;
			width					:	514px;
			min-height				:	20px;
			background				:	url(/img/montoire/haut-lst-small-photos.gif) no-repeat left 10px;
		}
		#cadre-colonne-milieu .theme div.photos{	
		    overflow				: 	hidden; 
			clear					:	both;
			padding-bottom			:	10px;
		}
		#cadre-colonne-milieu .theme div.photos dl{
			float					:	left;
			margin					:	8px 8px 0 9px;
			width					:	85px;
			text-align				:	center;
		}
		#cadre-colonne-milieu .theme div.photos dl dd{
			text-align				:	left;
			font-size				:	0.625em;
	
		}
	/*  Agenda */
	#bloc-agenda-lst .titre-rubrique span{
       width: 180px;
       text-align : center;
    }
	    #bloc-agenda-lst .bloc_agenda_element, #bloc-actualite-lst .bloc_actualite_element{
	       margin: 10px 0;
	       overflow: hidden;
	    }
	    #bloc-agenda-lst .bloc_agenda_element img, #bloc-actualite-lst .bloc_actualite_element img{
           float: left;
        }
        #bloc-agenda-lst .bloc_agenda_element .bloc_agenda_element_contenu, #bloc-actualite-lst .bloc_actualite_element .bloc_actualite_element_contenu{
           overflow: hidden;
           margin-left: 90px;
           padding-bottom: 5px;
        }
        #bloc-agenda-lst .bloc_agenda_element .bloc_agenda_element_contenu h2, #bloc-actualite-lst .bloc_actualite_element .bloc_actualite_element_contenu h2{
            font-size: 0.7em;
        }
	   #bloc-agenda-lst .separateur, #bloc-actualite-lst .separateur{
           border-bottom: 1px solid #e6e7e6;
            clear                   :   both;
            height                  :   1px;
            margin-left: 90px;
        }
    /*  Actualites */
    .bloc_actualite_element{
        width : 255px;
        float: left;
    }
    
    /*  Phototeque */
    dl.phototeque{
    	width					:	161px;
    	float					:	left;
    }
    dl.marge{
		margin-right			:	14px;
   	}        	
    dl.phototeque dt{
		margin					:	0;
		padding					:	0;
		width					:	162px;
		height					:	161px;
		background				:	url(/img/montoire/phototheque.gif) no-repeat right 12px;
    }
    dl.phototeque dd{
		margin					:	8px 0 0 0;
		padding					:	0;
    	font-size				:	0.55em;
    }
    dl.phototeque dd a{
		color					:	#000;
    }       
    
    /*  Liens  */
    p.lien{
    	margin-top				:	15px;
    }
    .lien div{
    	float					:	left;
    }	
    .lien div img{
    	margin-right			:	8px; 
    }	
    .lien dl dt{
    	font-size				:	0.7em;
    	font-weight				:	bold;
    }
    .lien dl dd{
    	font-size				:	0.55em;
    	font-weight				:	normal;
    }
    .lien dl dd a{
    	display					:	block;
    	margin-top				:	10px;
    	font-weight				:	bold;
    }   
    .sep_liens{
		clear					:	both;
		width					:	424px;
		min-height				:	20px;
		background				:	url(/img/montoire/haut-lst-small-photos.gif) no-repeat left 10px;
		margin-left				:	90px;
    }

	/*	Plan du site */
	ul.plan_site{
	    margin                 :   0;
	    padding                :   0;
	    list-style-type        :   none;
	}
	    /* Niveau 1 */
	    ul li.plan_site_0{
	        padding                :   0 0 10px 15px;
	    }
	    ul li.plan_site_0, ul li.plan_site_0 a {
	        font-size              :   1em;
	        font-weight            :   bold;
	        text-transform         :   none;
	    }
	    ul.plan_site_0 a:hover {
	        text-decoration        :   none;
	    }
	    /* Niveau 2 */  
	    ul.plan_site_1{
	        padding                :   5px 0 0 30px;     
	        border-top             :   1px solid #E2E3E3;
	    } 
	    ul li.plan_site_1, ul li.plan_site_1 a{
	        font-size              :   0.85em;
	        font-weight            :   normal;
	        text-transform         :   none;
	        color                  :   #000; 
	    }
	    ul li.plan_site_1 a:hover  {
	        text-decoration        :   underline;
	        color                  :   #000;
	    }

	/* Edito page accueil */
	#edito{
		margin-top				:	15px;
		width					:	147px;
		background				:	url(/img/montoire/carte.jpg) no-repeat left bottom #f7f9e4;
		padding-bottom			:	123px;
		min-height				:	247px;
	}
	#edito h2{
		min-height				:	15px;
	}
	#edito dl{
		margin					:	10px;
	}
	#edito dl dt{
		font-size				:	0.625em;
		color					:	#111991;	
		line-height				: 	1.25em;
	}
	#edito dl dd{
		font-size				:	0.55em;
		color					:	#000;
		margin					:	0;
		padding					:	0;
	}
	#edito dl dd p{
		margin					:	 5px 0 0 0;
		padding					:	 0;
		font-size               :     1em;
	}
	
	/* Diaporama page accueil */
	#diaporama_masque{
	  	position				:	absolute;
	  	z-index					:	5;
	 	margin-left				:	173px;
	 	top						:	207px;
	 	overflow				:	hidden;
	}
	#diaporama{
	  	position				:	absolute;
	  	text-align				:	center;
	}
	ul#diaporama{
		list-style-type			:	none;
		margin					:	0;
		padding					:	0;
	}
	ul#diaporama li{
	 	display					:	block;
	  	float					:	left;
	  	cursor					:	pointer;
	}
	#diaporama_masque a{
		display					:	block;
	  	width					:	143px;
	  	height					:	87px;
	  	position				:	absolute;
	  	margin-left				:	18px;
	  	margin-top				:	277px;
	}

	
/***	COLONE DROITE	***/
#cadre-colonne-2{
	float					:	left;
	width					: 	147px;
	margin-top				:	5px;
	z-index					:	2;
}
	#cadre-colonne-2 .bloc{
		clear					:	both;
		margin-bottom			:	10px;
	}
	/* Actualités */
	#actualite{
		margin-top				:	21px;
		padding-top				:	30px;	
		background-color		:	#fed060;
	}
	#actualite dt {
		position				:	absolute;
		margin					:	-51px 9px 0 9px;
	}
	#actualite dd {
		margin					:	0 9px 0 9px;
	}
	#actualite dt a{
		display					:	block;
		height					:	46px;
		width					:	122px;
	}
	#actualite .rubrique {
		min-height				:	17px;
		color					:	#fff;
		font-weight				:	bold;
		font-size				:	0.7em;
		margin-bottom			:	3px;
		background: #f38c22;
		padding-left: 2px;
		background				:	url(/img/montoire/orange/fond-rubrique.gif) repeat-y right top #f38c22;
	}
	#actualite .rubrique a{
        color                   :   #fff;
    }
	#actualite .titre{
		color					:	#000;
		font-weight				:	bold;
		font-size				:	0.8em;
		line-height				:	1.25em;
	}
	#actualite .titre a{
        color                   :   #000;

    }
	#actualite .contenu{		
		font-size				:	0.55em;	
	}
	#actualite .contenu a{
		color					:	#000;	
	}
	#actualite .detail{
	   margin-top              :   3px;
	   margin-bottom           :   5px;
		/*margin-top				:	-5px;*/
	}	
	#actualite .detail a{
		color					:	#b6101d;
		font-size				:	0.58em;
		font-weight				:	bold;
		font-style				: 	italic;
	}
	#actualite dd.lien{
		margin					:	 0;
		clear					:	both;
		font-size				: 	0.58em;
		font-weight				:	bold;
		padding-left			:	13px;
	 	background				:	url(/img/montoire/orange/fond-accueil.gif) no-repeat left top #fff;
	 	min-height				:	18px;
	}
	#actualite dd.lien a{		
		display					:	block;	
		width					:	105px;
		color					:	#000;
		padding-top				:	2px;
		text-align				:	center;
	}
	
    /* Diaporama actualites  */
	#diaporama_actualites_masque{
	    position                    :   relative;
	    overflow                    :   hidden;
	}
	#diaporama_actualites{
	   position                      :   absolute;
	}
	ul#diaporama_actualites{
	    list-style-type             :   none;
	    margin                      :   0;
	    padding                     :   0;
	}
	ul#diaporama_actualites li{
	  display                           :   block;
	  float                             :   left;
	  width                             :   130px; /* IE */
	}
	

	/* Office tourisme */
	#tourisme{
		min-height				:	92px;
	}
	#tourisme a{	
	    clear                   :   both;	
		display					:	block;	
		width					:	92px;
		height                  :   22px;
		color					:	#000;
		text-align				:	left;
        font-size               :   0.55em;
        font-weight             :   bold;
        line-height             :   1.20em;
        padding                 :   72px 30px 0 25px;  
	}
	
	/* Jumelage */
	#jumelage{
		min-height				:	37px;
		background				:	url(/img/montoire/lowicz.gif) no-repeat left top;
	}
	#jumelage a{		
		clear                   :   both;
		display					:	block;	
		width					:	107px;
		height                  :   31px;
		color					:	#000;
		text-align				:	left;
        font-size               :   9px;
        font-weight             :   normal;
        line-height             :   1.20em;
        padding                 :   6px 0 0 40px;
	}


/**************************************/
/*           BASELINE            	  */
/**************************************/

/* coordonnees */
#zone-coordonnees{
	text-align				:	left;
	line-height             :   0.95em;
}
#zone-coordonnees div{
	float					:	left;
	background				:	#6bb023 url(/img/montoire/baseline.gif) no-repeat right top;	
	padding					:	0 14px 0 5px;
	margin-right			:	5px;
	color					:	#fff;
}
#zone-coordonnees span.raison-sociale a{
	font-weight				:	bold;
	font-size				:	0.68em;
	/*line-height				:	1em;*/
	color					:	#fff;
}
#zone-coordonnees span.mentions a{
	font-weight				:	bold;
	font-style				:	italic;
	font-size				:	0.55em;
	/*line-height				:	1em;*/
	color					:	#fff;
}
#zone-coordonnees span.plan_site a{
	font-weight				:	normal;
	font-style				:	normal;
	font-size				:	0.54em;
	color					:	#000;
	padding-top				:	5px;
}
#zone-coordonnees address{
	display					:	inline;
	font-style				:	normal;
	font-size				:	0.54em;
	color					:	#000;
	padding-top				:	5px;
}
/* menus baseline */
#cadre-bas ul{
	color					:	#9c9e9f;
	margin					:	0;
	padding					: 	0;
	list-style-type			: 	none;
}
#cadre-bas ul li{
	display					:	inline;
	font-size				:	0.55em;
}
#cadre-bas a, #cadre-bas a:link, #cadre-bas a:visited{
	color					:	#9c9e9f;
}
#cadre-bas ul a:hover, #cadre-bas ul a:active, #cadre-bas ul a:focus {
	text-decoration			: 	none;
	color					:	#b40b1a;
}