@import "/css/formulaire.css";
@import "/css/illicopage.css";
body {
	font: 1em Arial, Helvetica, sans-serif;
	background-image:url(/charte/fond_body.jpg);
	background-repeat:repeat-x;
	font-size:0.8em;
	margin:0;
	text-align:center;
	background-color:#D5E53A;
}
html, body {
	/*height: 100%;*/
}
html>body .page {
	/*height: auto;*/
}
.page {
	height: 100%;
	width: 1070px;
	margin: auto;
	text-align:left;
	background:url(/charte/fond_page2.png) repeat-y 40px;
}

.malvoyant{
display:none;
background-color:#fff;
padding-left:15px;
}
.malvoyant a{
color:#000;
font-size:10px;
background:url(/charte/picto_malvoyant.gif) no-repeat left 4px;
padding-left:15px;
}

.page2{
float:left;
width:990px;
}
.gauche{
float:left;
width:40px;
/*height:100%;*/
}
.droite{
width:40px;
float:right;
/*height:100%;*/
}
.droite img, .gauche img{
height:750px;
width:40px;
}

.bandeau{
	height:228px;
	width:955px;
	margin-left:13px;
}
.ombre_haut{
float:left;
width:955px;
background: url(/charte/ombre_haut.png) repeat-x;
}
.ombres_bandeau{
	height:228px;
	width:100%;
	background-image: url(/charte/ombres_bandeau.jpg);
	}
.barre_haut{
float:right;
margin-right:30px;
background:url(/charte/fond_barre_haut.png) no-repeat right;
height:31px;
width:305px;
text-align:center;
}
.barre_haut img{
margin-top:7px;
}

.moteur_recherche{
	clear:right;
	float:right;
	height:20px;
	margin-right:25px;
	width:250px;
	text-align:right;
	}
.form_accueil{
	clear:both;
	float:left;
	height:20px;
	padding-left:30px;
	padding-top:55px;
}
input.moteur {
	font-size: 10px;
	border: 1px solid #999999;
	color:#7D7D7D;
	width:150px;
	padding:1px 0px 1px 3px;
	}
.ok_moteur{
	position:relative;
	top:5px;
	left:-10px;
}

.menu_horiz{
	background-image:url(/charte/rpt_menuH.jpg);
	background-repeat:repeat-x;
	height:65px;
	width:100%;
	float:left;
	}

.menu_h{
	/*width:810px;*/
	float:left;
	margin-top:28px;
	/*margin-right:20px;*/
	width:952px;

}
.menu_h img{
	margin-left:3px;
}
#repere{
	height:65px;
	width:1px;
	float:left;
}


/**/

/*Zone centrale*/
.zone_centrale{
float:left;
width:100%;
background:url(/charte/rpt_zone-centrale.jpg) repeat-x 20px top #EDF7FB;
}

.bloc_d_menu{
width:720px;
float:right;
}
.bas_z-centrale{
float:left;
background:url(/charte/bas_fond_page.gif) no-repeat left bottom;
padding-bottom:15px;
}
div.cote_z-centrale{
float:left;
width:15px;
background-color:#FFFFFF;
height:502px;
}

div.cote_z-centraled{
float:right;
width:22px;
background-color:#FFFFFF;
height:502px;
}
td.cote_z-centrale{
/*width:15px;*/
background-color:#FFFFFF;
height:100%;
}
td.cote_z-centraled{
/*width:22px;*/
background-color:#FFFFFF;
height:100%;
}
.rpt_fond_page{
float:left;
background:url(/charte/rpt_fond_page.png) repeat-y;
}
.fond_page{
float:left;
background:url(/charte/fond_page.png) no-repeat;
}
.g_contenu{/*force la hauteur*/
float:left;
width:3px;
}
.g_contenu img{
width:3px;
height:400px;
}
.contenu{
float:right;
margin:20px;
width:665px;
padding-right:10px;
}
* html .contenu{
width:675px;
}

.colG{
	float:left;
	width:215px;
	background:url(/charte/haut_colG.png) no-repeat;
	margin-bottom:10px;
	padding-bottom:240px;
	}
.bas_menuLat{
 	background:url(/charte/bas_menuLat.jpg) no-repeat bottom #95C55E;
	}
.contact{
	text-align:center;
	font-size:11px;
	color:#333333;
}
.pictos_yahoo{
	float:left;
	width:720px;
	height:30px;
	background:url(/charte/fond_pictos.gif) no-repeat right ;
}
.pictos{
	float:right;
	/*padding-right:35px;*/
	padding-right:25px;
	height:27px;
	text-align:center;
}
.pictos img{
	margin: 2px 1px 0px 1px;
}
#div_lien_yahoo{
	width:430px;
	font-size:11px;
	float:left;
	margin-top:5px;
	margin-left:15px;
	color:#00507A;
	padding-top:3px;
}
.lien_yahoo{
	color:#00507A;
	text-decoration:none;
}
.lien_yahoo_ouvert{
	color:#00507A;
	font-weight:bold;
	text-decoration:none;
}

/*footer*/
.footer{
	clear:both;
	height:49px;
	background:url(/charte/fond_basPage.jpg) no-repeat 40px top;
}
#made_with{
	float:left;
	margin-top:15px;
	/*margin-left:70px;*/
	width:30%;
}
#made_with a, .liens_footer a{
	text-decoration:none;
	color:#000000;
	font-size:11px;
}
#logo_illicopage{
	position:relative;
	top:6px;
}
.liens_footer{
	margin-top:22px;
	width:30%;
	float:right;
	margin-right:70px;
	font-size:11px;
	text-align:right;
}

/**/
/**** page d accueil ****/
#bandeau_flash{
float:left;
margin-left:15px;
}
.col-1-accueil{
margin-top:28px;
width:379px;
float:left;
}
.intro-accueil{
background:url(/charte/fond-intro-accueil.png) no-repeat;
height:210px;
padding:20px 20px 0px 20px;
margin-bottom:5px;
}
.intro-accueil p{
margin:0;
margin-top:5px;
}
* html .intro-accueil{
height:230px;
}
.diaporama{
background:url(/charte/fond-diaporama.jpg) no-repeat bottom;
height:190px;
width:379px
}
.col-2-accueil{
margin-top:28px;
float:left;
width:310px;
}
.liste_communes{
background:url(/charte/fond-liste-communes.png) no-repeat;
height:119px;
padding:0px 45px 50px;
text-align:center;
}
* html .liste_communes{
height:169px;
}
.liste_communes a{
text-decoration:none;
font-weight:bold;
font-size:12px;
line-height:20px;
}

.col-3-accueil{
float:left;
width:255px;
background:url(/charte/fond_col3_accueil.png) no-repeat #8CBD56;
}
.col-3-accueil .pictos{
/*margin-right:25px;*/
margin-right:15px;
padding:0 !important;
padding-top:2px;/* pour ie*/
}
.col-3-accueil .pictos img{
padding-top:2px;
}
.fond_actu{
background:url(/charte/fond_actu.png) no-repeat;
height:160px;
padding-left:27px;
padding-right:30px;
padding-top:5px;
}
img.News_image{
width:75px;
float:right;clear:right; margin-left:7px;
}
.News_titre{
	color:#DC5E16;
	font-weight:bold;
	font-size:12px;
text-decoration:none;
}
.News_lien{
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
display:block;
margin-top:10px;
}
.fond_moteur{
background:url(/charte/fond_moteur.png) no-repeat;
height:104px;
}
.fond_newsletter{
background:url(/charte/fond_newsletter.png) no-repeat;
height:100px;
display:none;
}
/* Gestion du plan du site */
ul{
margin-top:0;
}
.PLAN a{
	background-color:#fff;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	font-size:15px;
}
.PLAN0 a{
	color:#000;
	padding:5px 5px 5px 15px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	/*background:url(/charte/puce_h2.gif) no-repeat left 9px;*/
}
.PLAN0 a:hover{
	color:#000000;
}


.PLAN1 a{
	font-size: 1em;
	font-weight:bold;
	color:#0066A5;
	text-decoration: none;
}

.PLAN1 a:hover{
	color:#000000;
}

.PLAN2 a{
	font-size:0.9em;
	font-weight:bold;
	color:#0066A5;
	text-decoration: none;
}

.PLAN2 a:hover{
	color:#000000;
}
.PLAN3 a{
	font-size:0.9em;
	font-weight:bold;
	color:#0066A5;
	text-decoration: none;
	list-style-position: inside;
	/*display: list-item;*/
	list-style-type: square;
}

.PLAN3 a:hover{
	color:#000000;
}

/******************/
/*h1{
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	background-color:#5CA517;
	position:relative;
	left:-10px;
	padding-left:10px;
	width:100%;
	padding-right:14px;
}*/
h1{
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	/*background-color:#5CA517;
	position:relative;
	left:-10px;
	padding-left:10px;
	display:block;
	padding-right:14px;
	width:100%;*/
	margin-bottom:15px;

        margin-top:0px;
}
* html h1{
left:-12px;
width:103.6%;
}
h2{
	color:#000;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:5px 5px 5px 15px;
	font-size:15px;
	font-weight:bold;
	background:url(/charte/puce_h2.gif) no-repeat left 9px;
}
h3{
	color:#63A40D;
	font-size:13px;
	font-weight:bold;
}
h4{
	color:#63A40D;
	font-size:12px;
	font-weight:bold;
}
p, td, li{
	color:#000;
	font-size:12px;
}
a{
	color:#000000;
}

a:hover{
	color:#CC0000;
	}

.clearboth{clear:both;}

li{
list-style:url(/charte/puce_vert.gif);
}
ul ul li{
list-style:url(/charte/puce_li_2.gif);
}

img {border: 0; }
.invisible{display:none;}

.legende{
	font-size:10px;
	color:#666666;
	font-style:italic;
	text-align:left;
	padding-left:5px;
	position:relative;
}
.legende img{
	border-right:2px solid #B7D592;
	padding-right:3px;
	margin-right:3px;
	position:relative;
	top:3px;
}
.detail_commune_titre{
	font-weight:bold;
	color:#2F9539;
}

.texte_bleu_gras{
	color:#00507A;
	font-weight:bold;
}
.texte_bleu_gras a{
	color:#00507A;
	font-weight:bold;
	text-decoration:underline;
}

/*** presentation du menu lateral ***/

.menuLat{
width:195px;
margin-top:30px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;

}
.menuLat a{
color:#FFFFFF;
text-decoration:none;
}
.menuLat a:hover{
cursor:pointer;
/*color:#fff;
text-decoration:underline;*/
text-decoration:none;
color:#B9CE45;
}
a.lien_menu:hover{
color:#000000;
}
.menuG-2{
background:url(/charte/font_ongletLat.png) no-repeat #63A40E;
padding-top:5px;
}
.menuG-2 a, .menuGactive-2 a {
font-size:14px;
font-weight:bold;
padding-left:18px;
padding-bottom:7px;
background:url(/charte/fin_t2.gif) no-repeat bottom;
display:block;
padding-right:2px;
}
.menuG-2 a:hover, .menuGactive-2 a:hover{
text-decoration:none;
color:#B9CE45;
}
.menuGactive-2 a {
background:url(/charte/fin_t2_f2.gif) no-repeat bottom #3D8218;
}
.menuGactive-2{
background:url(/charte/font_ongletLat_f2.png) no-repeat #3D8218;
}

.menuGactive-2 a{
background:url(/charte/fin_t2_f2.gif) no-repeat bottom;
padding-top:5px;
}

.menuG-3, .menuGactive-3{
background:url(/charte/puce_carre.gif) 19px 8px no-repeat #3D8218;
display:block;
padding-left:28px;
padding-top:2px;
font-size:13px;
padding-bottom:3px;
position:relative;
top:-5px;
padding-right:2px;
}
.menuGactive-3{
background:url(/charte/puce_carre_f2.gif) 19px 8px no-repeat #44911B;
}
.menuG-4, .menuGactive-4{
background:url(/charte/puce_tiret.gif) 28px 8px no-repeat #3D8218;
display:block;
padding-left:38px;
padding-top:2px;
font-size:11px;
padding-bottom:3px;
padding-right:2px;
position:relative;
top:-5px;
}
.menuGactive-4{
background:url(/charte/puce_tiret_f2.gif) 28px 8px no-repeat #44911B;
}
.texte_vert_gras{
color:#2F9539;
font-weight:bold;
}

.texte_vert{
	color:#2F9539;
	}

.texte_vert_italique{
	color:#2F9539;
	font-style: italic;
}

.texte_vert_gras_italique{
color:#2F9539;
font-weight:bold;
font-style: italic;
}


.noir_grand_gras{
 color:#000;
 font-size:15px;
 font-weight:bold;
}
.noir_grand_gras_italique{
 color:#000;
 font-size:15px;
 font-weight:bold;
 font-style:italic;
}



/*album photo*/
#miniature_fleches{ height:150px; width:600px; position:relative; margin:20px auto; clear:both;}
#miniature_fleches img#gauche{position:absolute; left:0; top:50px; height:32px; width:32px; min-height:1px; background:#fff none;}
#miniature_fleches img#droite{position:absolute; right:0; top:50px; z-index:2; height:32px; width:32px; min-height:1px; background:#fff none}
#bloc_miniatures{height:150px; overflow:hidden; position:relative; margin-left:35px;}
#bloc_miniatures{float:left; height:150px; overflow:hidden; position:relative; width:530px;}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:3000px}
#liste_miniatures img{height:140px; margin:2px; border:2px solid #e7e7e7;}

.light{opacity:0.5; }
.origin{opacity:1; }



/*tableau des manifestations
table.TableauManifestation{width:100%; margin:10px 0; padding:0; border:0; background-color:#E0EFEE; border-collapse:collapse}
table.TableauManifestation td{padding: 3px; text-align:center;}
.TitreColTableau th{padding:7px 3px; font-size:13px; color:#333; text-align:center;}
.LignePaire{background-color:#EFFFFE}
.LigneImpaire{background-color:#E5F9F8}
table.TableauManifestation .Suite {font-weight:bold}

.Manif_detail_precisions{float:left; width:100%}
.Manif_detail_image{float:left; width:200px; text-align:center;}
.Manif_detail_image img{max-width:200px;}
.Manif_detail_desc{float:left; width:350px;}


#overDiv{background-color:#fff; border:1px solid #349E37;}
#overDiv div{background-color:#fff; padding:5px;}
.info_date{font-size:13px;border-bottom:1px solid #ACD83D;padding:5px 0px 5px 0px; }
.info_date_debut{font-weight:bold; color:#349E37;}
.info_date_titre{}*/




/*calendrier manifestation*/
.Manifestation_ligne{float:left;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #BBBBBB;}
.Manifestation_image{float:left; width:80px; margin-right:10px; }
.Manifestation_image img{padding:4px; background-color:#fff; border:1px solid #ccc; }
.Manifestation_image img{max-width:70px;}
.Manifestation_desc{width:350px; margin-left:90px;}
.bloc_liste_manif .Manifestation_desc{width:500px; margin-left:90px;}
.Manifestation_titre{font-weight:bold; color:#25386E; font-size:13px;}
.Manifestation_categorie{font-style:italic;}
.Manifestation_categorie a{font-size:11px; color:#688ACE !important;}
.Manifestation_retour{margin:15px 1px;}
.Manifestation_retour a{padding:2px 5px ; background-color:#C1E5F2; border:1px solid #B6E2EF; -moz-border-radius:2px; color:#3E8FDC !important; text-transform:uppercase; text-decoration:none !important;}
.Manifestation_retour a:hover{background-color:#B3DFEF;}
.Manif_detail_titre{margin-bottom:7px;}
.Manifestation_date{color:#333; font-size:12px;}
.Manifestation_categorie, .Manif_detail_categorie{color:#666; font-style:italic;}
.Manif_detail_image{float:right;width:150px; margin-right:15px;}
.Manif_detail_image img{max-width:150px; padding:6px; background-color:#fff; border:1px solid #ccc; }

.Manif_detail_horaires{font-weight:bold;}
.Manif_detail_lieu{color:#25386E}
.Manif_detail_desc{float:left; width:300px;}
.Manif_detail_contact{float:left; width:100%;}
.Manif_detail_geo{float:left; width:100%;}
.Manif_detail_info{float:left; width:100%;}
.Manif_detail_info_titre{float:left; margin-right:3px; }