/*======================================
      CHARTE DU SITE					
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- bleu 						#111991		
- violet					#5b1e6a		
- vert						#006c2b		
- marron                    #793618     
- beige                     #f0ed9e     
\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
body{
	background			:	url('img/montoire/body.gif') repeat-x left top #c8d440;
}
html{
	background-color	:	#c8d440;
}
#cadre-principal{
	position			:	relative;
	width				:	950px;
	margin				:	0 auto;
	background			:	url('img/montoire/bandeau.jpg') no-repeat left top;
	padding-bottom		:	30px;
}
#cadre-haut{
	height				:	190px;
}
#cadre-bas{
	clear               :   both;
	text-align			:	center;
	background-color    :   #eeedd0;
	margin-top          :   14px;
	padding-bottom      :   10px;
}

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

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
	position			:	absolute;
}
#logo h1 a{
	display				:	block;
	width				:	183px;
	height				:	161px;
	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				:	#111991;
}

/* Accessibilité */
#cadre-haut .moins, #cadre-haut .plus{
	position			:	absolute;
	top					:	170px;
	height				:	21px;
	width				:	22px;
}	
#cadre-haut .moins:hover, #cadre-haut .plus:hover{
	cursor				:	pointer;
}	
#cadre-haut .moins{
	left				:	35px;
	background			:	url(/img/montoire/police-moins[0].gif) no-repeat left top;
}	
#cadre-haut .moins:hover{
	background-position	:	1px;
}	
#cadre-haut .plus{
	left				:	63px;
	background			:	url(/img/montoire/police-plus[0].gif) no-repeat left top;
}
#cadre-haut .plus:hover{
	background-position	:	1px;
}	

/* menu principal  (css dynamique) */
#menu{
	margin				: 	0;
	padding				: 	0;
	list-style-type		: 	none;
	position			: 	absolute;
	z-index				:	2;
	top					:	173px;
	margin-left			:	100px;
}
#menu li{
	float				:	left;
}
#menu li a{
	height				:	14px;
	display				:	block;
}

/**************************************/
/*          BLOC CENTRAL              */
/**************************************/
#cadre-centre {
	background				: 	transparent;
}

/***	COLONE GAUCHE	***/
#cadre-colonne-1 {
	width					: 	206px;
	float					:	left;
}
	#cadre-colonne-1 .bloc{
		clear					:	both;
		width					:	175px;		
		margin-left				:	17px;
		margin-bottom			:	4px;
	}	
		
	/* Accès mairie de Montoire */
	#mairie-montoire{
		margin-top				:	14px;
		height					:	100px;
		font-size				:	0.55em;
		font-weight				:	bold;
	}
    #mairie-montoire a{
        display                 :   block;
        width                   :   115px;
        height                  :   25px;
        padding                 :   75px 30px 0 30px ;
    }
	
	/* Manifestations (printannières) */
	#manifestation{
		font-weight				:	bold;
	}	
    #manifestation a{
        display                 :   block;
        width                   :   141px;
        height                  :   21px;
        padding                 :   105px 17px 0 17px ;
        text-align              :   center;
    }   
	#manifestation span, #manifestation a:hover{
		color					:	#5b1e6a;
	}	
	#manifestation a .style_1{
		font-size				:	0.75em;	
	}	
	#manifestation a .style_2{
		font-size				:	0.55em;	
	}	

	/* Carte */
	#carte{
		font-weight				:	bold;
        height                  :   113px;
	}
	#carte a{
		display					:	block;
		width					:	61px;
		height                  :   100px;
		font-size				:	0.7em;	
		line-height				:	1.2em;
		padding                 :   13px 100px 0 14px ;
		color					:	#ffffff;
	}
	
	/* Comité */
	#comite{
		height					:	85px;
		font-weight				:	bold;		
	}
	#comite a{
		display					:	block;
		width					:	159px;
		height                  :   27px;
		font-size				:	0.55em;	
		line-height				:	1.2em;
		color					:	#006c2b;
		padding                 :   58px 8px 0 8px;
	}
		
/***	COLONE MILIEU	***/
#cadre-colonne-milieu{
	float					:	left;
	width					: 	517px;
	margin-top				:	15px;
	padding					:	0 13px 15px 13px;
	background				:	url(/img/montoire/corps.gif) no-repeat bottom left #fff;
}
#cadre-colonne-milieu .corps{
	min-height				:	350px;
	overflow                :   hidden;
}
    /* cadre photo (css dynamique) + horaires */
    #cadre_droite{
        float                   :   right;
    }	
    #cadre_droite a{
        display                 :   block;
        width                   :   248px;
        height                  :   225px;
    }   
    #horaires{
       margin-top               :   10px;
       width                    :   248px;
       min-height               :   136px;
       background               :   url(/img/montoire/horaires-fond.gif) repeat-y top left;
    }
    #horaires h3{
        height                  :   30px;
    }
    #horaires .horaires{
        background              :   url(/img/montoire/horaires-fond.gif) repeat-y top left;
        padding                 :   8px 18px 0 18px;
    }
        .horaires dl dt{           
            font-size               :  0.55em;
            font-weight             :  bold;
            color                   :  #006c2b;
        }
        .horaires dl dd{
            font-size               :  0.55em;
            font-weight             :  normal;
            color                   :  #000;
            padding-bottom          :  4px;
        }
    #horaires .bas{
        background              :   url(/img/montoire/horaires-bas.gif) no-repeat bottom left;
        height                  :   9px;
    }
    
	/* Edito page accueil (css dynamique) */
	#edito h2{
		width					:	262px;
		height					:	52px;
		margin-bottom           :   15px;
	}
    #edito .contenu{
        width                   :   260px; 
    }
    #edito .contenu p{
       font-size               :   0.55em;
    }

	
	/* Fil ariane */
	#fil-ariane{
		font-size				:	0.55em; 
		padding-bottom			:	2px;
		color					:	#000;
	}
	#fil-ariane a{
		color					:	#000;
	}
	
	/* Titres de page */
	#cadre-colonne-milieu h1{
	   background               :   url(/img/montoire/titre-fond.gif) no-repeat left top #006C2B;
	   font-size                :   0.875em; 
       color                    :   #fff;
       font-weight              :   bold;
       height                   :   27px;
       margin                   :   3px 0 12px 0;
       padding                  :   7px 0 0 12px;
	}
    #cadre-colonne-milieu h1 a{
        color                   :   #fff;
    }
    #cadre-colonne-milieu h1 a span{
        font-size               :   0.75em; 
    }
    
    /* liste && détail */
    .lien_bas{   
        clear                   :   both;
        position                :   relative;
        height                  :   17px;
        background              :   url(/img/montoire/produit-bas.gif) no-repeat left top #F0ED9E;  
        padding-top             :   4px;  
    } 
    .lien_bas a{       
        position                :   absolute;
        font-size               :   0.55em;
        font-weight             :   bold;
        color                   :   #793618;
        text-transform          :   uppercase;       
        padding                 :   0 20px 0 140px;
        background              :   url(/img/montoire/puce.gif) no-repeat right 2px;
    }
    
    /* Liste */
    #liste dl{
        margin-top              :   12px;
        background              :   url(/img/montoire/produit-haut.gif) no-repeat left top #f0ed9e;
        overflow                :   hidden;
        padding                 :   10px 10px 6px 8px;
    }
    #liste dl dt{
       font-size                :   0.75em;
       font-weight              :   bold;
       color                    :   #000;
       height                   :   31px;
       padding-left             :   152px;
    }
    #liste dl dt a{
       color                    :   #000;
    }
    #liste dl dt.sans_photo{
        padding-left             :   0;
    }
    #liste dl dd.ville{
        float                   :   right;
        margin-top              :   -32px;
        font-size               :   0.7em;
        font-weight             :   bold;
        color                   :   #793618;
    }
    #liste dl dd.photo{
        float                   :   left;
        margin-top              :   -28px;
        margin-right            :   10px;   
    }
    #liste dl dd.accroche_fr{        
        font-size               :   0.7em;
        font-weight             :   normal;
        color                   :   #000:
    }
    #liste dl dd.accroche_en{   
        margin-top              :   4px;     
        font-size               :   0.7em;
        font-style              :   italic;
        color                   :   #006c2b;
    }
        
    /* Liste - recherche (ie.css) */
    #recherche fieldset{
        border                  :   none;
        border-top              :   1px solid #c6c7c8;
        overflow                :   hidden;
        margin                  :   0;
        padding                 :   0;       
    }
    #recherche fieldset legend{
       margin                   :   0;
       padding                  :   0;   
       padding-right            :   5px;
       font-size                :   0.7em;
       font-weight              :   bold;
       color                    :   #793618;
    }
    
    #recherche fieldset label{
       display                  :   block;
       margin-top               :   10px;
       font-size                :   0.625em;
       font-weight              :   bold;
       color                    :   #000;
    } 
    #recherche fieldset div.select{
       float                    :   left;
       width                    :   215px;
    }
    #recherche fieldset div.select option{
       height                   :   17px;;
    }
    #recherche fieldset div.input{
       float                    :   right;
       width                    :   285px;
    }
    #recherche fieldset div.select select, #liste form fieldset div.input input.input{
       width                    :   215px;
       font-size                :   10px;
    }
    #liste form fieldset div.input input.input{
       float                    :   left;
       height                   :   16px;
       border                   :   1px solid #1072b4;
       background               :   url(/img/montoire/recherche.gif) repeat-x left top;
       padding                  :   2px 5px 0 5px;
       font-size                :   10px;
    }
    #recherche fieldset div.input input.submit{
       width                    :   35px;
       height                   :   25px;
       margin                   :   5px 0 0 8px;
       border                   :   none;
       background               :   url(/img/montoire/ok[0].gif) no-repeat left top;
    }
    #recherche fieldset div.input input.submit:hover{
       background               :   url(/img/montoire/ok[1].gif) no-repeat left top;
    }
 
    /* Détail */
    #detail{
        background              :   url(/img/montoire/produit-haut.gif) no-repeat left top #f0ed9e;
        overflow                :   hidden;
    }
    #detail .lien_bas_bis{
      background-color          :   #F8F6CF;
      margin-top                :   -10px;
    }
    #contenu{
        padding                 :   8px 10px 6px 10px;
    }
    #contenu h2{
       font-size                :   1em;
       font-weight              :   bold;
       color                    :   #000;
       height                   :   36px;
    }
    #contenu h3{
        float                   :   right;
        margin-top              :   -36px;
        font-size               :   0.875em;
        font-weight             :   bold;
        color                   :   #793618;
    }
    #contenu .cadre_photo{
        clear                   :   both;
        float                   :   right;
        background-color        :   #fff;
        overflow                :   hidden;
        margin                  :   0 0 10px 10px;
    }
    #contenu p.no_result{
        text-align              :   center;
        font-size               :   0.8em;
        padding-top             :   70px;
    }
        /* Détail - Diaporama photos */
        #diaporama_photos{
            position                :   relative;
            width                   :   257px;
            height                  :   76px;
        }
        #diaporama_photos #precedent, #diaporama_photos #suivant{
            position                :   absolute;
            height                  :   68px;
            width                   :   12px;
            top                     :   3px;
            cursor                  :   pointer;
        }
        #diaporama_photos #precedent{
            left                    :   4px;
            background              :   url(/img/montoire/diapo-gauche.gif) no-repeat left top;
        }
        #diaporama_photos #suivant{
            right                   :   4px;
            background              :   url(/img/montoire/diapo-droite.gif) no-repeat left top;
        }
	    #diaporama_masque{
	        margin-left             :   17px;
	        position                :   relative;
	        overflow                :   hidden;
	    }
	    #diaporama{
	        position                :   absolute;    
	    }
	    #diaporama li{
		    display                 :   block;
		    float                   :   left;
	    }  
    #contenu p.accroche_fr{        
        font-size               :   0.7em;
        font-weight             :   bold;
        color                   :   #000:
    }
    #contenu p.accroche_en{   
        font-size               :   0.7em;
        font-weight             :   bold;
        color                   :   #006c2b;
    }
    /* Détail - Fichiers et liens */
    #contenu .lst_small{
        width                   :   161px;
        margin-top              :   12px;
        background              :   url(/img/montoire/fichiers-fond.gif) no-repeat left top;
        text-align              :   center;
    }
    #contenu .lst_small h4{
        padding-top             :   6px;
        height                  :   20px;
        font-size               :   0.55em;
        font-weight             :   bold;
        color                   :   #fff;
    }
    #contenu .lst_small ul li{
        font-size               :   0.55em;
        font-weight             :   bold;
        text-align              :   left;
        padding-left            :   5px;
    }
    #contenu .lst_small ul li a{                
        color                   :   #000;
    }
    /* Détail - Coordonnées */
    #contenu address{
        margin-top              :   18px;
        background-color        :   #f8f6cf;
        color                   :   #000;
        padding                 :   10px;
    }
    #contenu address p{
        font-size               :   0.625em;
        font-style              :   normal;
        margin-top              :   2px;
    }

/***	COLONE DROITE	***/
#cadre-colonne-2{
	float					:	left;
	width					: 	147px;
	margin-top				:	16px;
}
	/* Produits (css dynamique)*/
	ul#menu_droite li{
		width				:	170px;
		clear				:	both;
		margin				:	0 0 6px 16px;
		text-indent			:	-9999px;
	}

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

/* coordonnees */
#zone-coordonnees{
    text-align				:	center;
}
#zone-coordonnees div{
	background-color		:	#793618;
	color                   :   #fff;
	line-height             :   0.95em;
	margin-bottom           :   3px;
}
#zone-coordonnees span.raison-sociale a, #zone-coordonnees span.raison-sociale a:visited{
	font-weight				:	bold;
	font-size				:	0.7em;
	color                   :   #fff;
}

#zone-coordonnees span.mentions a{
	font-weight				:	bold;
	font-style				:	italic;
	font-size				:	0.55em;
	color					:	#fff;
}
#zone-coordonnees address, #zone-coordonnees span.plan_site{
	display					:	inline;
	font-style				:	normal;
	font-size				:	0.55em;
	color					:	#000;
}

/* menus baseline */
#cadre-bas ul{
	color					:	#000;
	margin					:	0;
	padding					: 	0;
	list-style-type			: 	none;
}
#cadre-bas ul li{
	display					:	inline;
	font-size				:	0.55em;
}
#cadre-bas a:link, #cadre-bas a:visited{
	color					:	#000;
}
#cadre-bas ul a:hover, #cadre-bas ul a:active, #cadre-bas ul a:focus {
	text-decoration			: 	none;
	color					:	#793618;
}