@import "/css/formulaire.css";

html, body {
	height: 100%;
	}
body {
	font-size:0.8em;
	margin:0;
	text-align:center;
	background:url(/charte/fond_body.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
html>body .page {
	height: auto;
}
.page {
	/*height:100%;*/
	margin: auto;
	width: 985px;	
	text-align:left;
	background-color:#00FF00;
	background:url(/charte/fond_page.jpg) repeat-y;
}
	
.page2, .zone_centrale, .courbe_zone_centrale{
	float:left;
	width:925px;
	}

.ombreG{
	float:left;
	width:30px;
}
.ombreD{
	float:right;
	width:30px;
	/*height:100%;*/
}

.haut_page{
	background:url(/charte/haut.jpg) no-repeat;
	height:37px;
	width:925px;
	text-align:right;
	}
.haut_page img{
margin-top:5px;
margin-right:5px;
}
.bandeau{
width:925px;
height:220px;
/*background-image:url(/charte/bandeau-ville-bourogne.jpg);*/
}
.menuH{
	text-align:right;
	height:32px;
	background:url(/charte/rpt_menuH.jpg) repeat-x;
}
#repere{
	float:left;
	width:30px;
	height:32px;
	}
.menu{
	float:left;
	width:auto;
	height:32px; 
}
.menu img{
margin-left:1px;
margin-top:1px;}

.pictos{
	float:right;
	width:140px;
	padding-top:10px;
	text-align:center;
	background-image:url(/charte/fond_pictos.jpg);
}
.pictos img{
	margin-left:3px;
}
.zone_centrale{
	text-align:left;
	background:url(/charte/rpt_z-centrale.jpg) repeat-x #F6FAF9;
	float:left;
}
.courbe_zone_centrale{
	background:url(/charte/courbe-z-centrale.jpg) no-repeat;
	float:left;
}
#div_lien_yahoo{
	/*float:left;*/
	margin-left:240px;
	/*width:510px;
	margin-right:175px;*/
	margin-top:10px;
	padding-bottom:10px;
width:510px;
	}

.colG{
	float:left;
	width:180px;
	margin-left:30px;
}
.titre_rubrique{
	background-image:url(/charte/lmts_couleurs/fond_titre-rub_rose.jpg);
	height:40px;
	color:#333333;
	font-size:15px;
	width:180px;
}
#div_titre_rub{
	position:relative;
	top:10px;
	width:160px;
	left:10px;
}

.contenu_modifiable{
float:left;
width:510px;
margin-left:30px;
}
.colD{
	float:right;
	width:132px;
clear:right;
}
.colD img{
margin-bottom:10px;
}

.bas_page{
	clear:both;
	width:985px;
	background-image:url(/charte/bas.png);
	height:90px;
}

.made_with{
	width:956px;
	text-align:right;
	padding-top:45px;
	padding-bottom:22px;
	}
.made_with a{
	color:#000000;
	font-size:11px;
	padding-right:2px;
	line-height:25px;
	}
/* accueil */
.contenu_modifiable_accueil{
float:left;
width:510px;
margin-left:30px;
margin-top:30px;
}
.colD_accueil{
float:right;
clear:right;
margin:20px 30px 0 0px;
width:335px;
}
* html .colD_accueil{
float:left;
margin:20px 0px 0 20px;
}
.actualite{
background:url(/charte/fond-actu.jpg) bottom;
height:170px;
}
.vie-associative{
margin-left:25px;
}
.encadres-accueil{
width:135px;
height:120px;
float:right;
}
.carte{
float:left;
width:200px;
}
/* mise en forme générale du texte */
img {border: 0; }

.invisible{display:none;}
.float_left{float:left;}
.float_right{float:right;}
a{
text-decoration:none;
color:#000000;
}
a:hover{text-decoration:underline;}

p, td, li, a{
font-size:12px;
}
li{
background-repeat:no-repeat;
}
h1{
font-size:18px;
color:#323232;
}
h2{
font-size:14px;
font-weight:bold;
}
h3{
font-size:13px;
font-weight:bold;
}
h4{
font-size:13px;
}
.lien_yahoo{
font-size:11px;
color:#000000;
}
.lien_menu, .user_courant{
color:#000;
}
/* ombre image */
.ombre_image_haut{
background:url(/charte/ombres/rpt_haut.gif) repeat-x;
}
.ombre_image_bas{
background:url(/charte/ombres/rpt_bas.gif) repeat-x;
}
.ombre_image_colG{
background:url(/charte/ombres/rpt_colG.gif) repeat-y;
}
.ombre_image_colD{
background:url(/charte/ombres/rpt_colD.gif) repeat-y;
}
.ombre_image_bordure img{
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}
/* GESTION DU MENU HORIZONTAL */
.menu0_, .menu0active_, .menu0_bleu, .menu0active_bleu, .menu0_marron, .menu0active_marron, .menu0_orange, .menu0active_orange, .menu0_violet, .menu0active_violet, .menu0_rose, .menu0active_rose, .menu0_vert, .menu0active_vert {
font-family: "Opel Sans", Verdana, Arial, sans-serif;
width:144px;
height:16px;
color:#FFFFFF;
font-size:15px;
padding:22px 5px 10px 3px;
display:block;
line-height:15px;
background-image:url(/charte/t1-marron.jpg);
text-align:right;
}
.menu0_bleu{ background-image:url(/charte/t1-bleu.jpg);}
.menu0_marron{ background-image:url(/charte/t1-marron.jpg);}
.menu0_orange{ background-image:url(/charte/t1-orange.jpg);}
.menu0_violet{ background-image:url(/charte/t1-violet.jpg);}
.menu0_rose{ background-image:url(/charte/t1-rose.jpg);}
.menu0_vert{ background-image:url(/charte/t1-vert.jpg);}
.menu0_bleu{ background-image:url(/charte/t1-bleu.jpg);}
.menu0_marron{ background-image:url(/charte/t1-marron.jpg);}
.menu0_orange{ background-image:url(/charte/t1-orange.jpg);}
.menu0_violet{ background-image:url(/charte/t1-violet.jpg);}
.menu0_rose{ background-image:url(/charte/t1-rose.jpg);}
.menu0_vert{ background-image:url(/charte/t1-vert.jpg);}

.menu0active_bleu{ background-image:url(/charte/t1-bleu_f2.jpg);}
.menu0active_marron{ background-image:url(/charte/t1-marron_f2.jpg);}
.menu0active_orange{ background-image:url(/charte/t1-orange_f2.jpg);}
.menu0active_violet{ background-image:url(/charte/t1-violet_f2.jpg);}
.menu0active_rose{ background-image:url(/charte/t1-rose_f2.jpg);}
.menu0active_vert{ background-image:url(/charte/t1-vert_f2.jpg);}
.menu0active_bleu{ background-image:url(/charte/t1-bleu_f2.jpg);}
.menu0active_marron{ background-image:url(/charte/t1-marron_f2.jpg);}
.menu0active_orange{ background-image:url(/charte/t1-orange_f2.jpg);}
.menu0active_violet{ background-image:url(/charte/t1-violet_f2.jpg);}
.menu0active_rose{ background-image:url(/charte/t1-rose_f2.jpg);}
.menu0active_vert{ background-image:url(/charte/t1-vert_f2.jpg);}

* html .menu0_, * html .menu0active_, * html .menu0_bleu, * html .menu0active_bleu, * html .menu0_marron, * html .menu0active_marron, * html .menu0_orange, * html .menu0active_orange, * html .menu0_violet, * html .menu0active_violet, * html .menu0_rose, * html .menu0active_rose, * html .menu0_vert, * html .menu0active_vert{
width:152px;
height:48px;
}
/* menuLat */
.menuLat{
width:180px;
}
.menuLat table{
width:180px;
}
.menuG-2{
border-bottom:1px solid #D8B8CA;
font-size:13px;
color:#323232;
padding:2px 2px 2px 15px;
display:block;
background-image:url(/charte/lmts_couleurs/puce-ronde_rose.gif);
background-repeat: no-repeat;
background-position: 3px 7px;
}

.menuGactive-2{
font-size:13px;
color:#323232;
padding:2px 2px 3px 15px;
display:block;
background-image:url(/charte/lmts_couleurs/puce-chevron_noir.gif);
background-repeat: no-repeat;
background-position: 3px 7px;
background-color:#D8B8CA;
}
.menuG-3, .menuGactive-3{
font-size:12px;
color:#323232;
padding:2px 2px 2px 24px;
display:block;
background-image:url(/charte/lmts_couleurs/puce-carre_rose.gif);
background-repeat: no-repeat;
background-position: 15px 7px;
background-color:#F1E5EC;
}
.menuGactive-3{
background-image:url(/charte/lmts_couleurs/puce-carre_noir.gif);
background-color:#E8D4DF;
}
.menuG-4, .menuGactive-4{
font-size:11px;
color:#323232;
padding:2px 2px 2px 34px;
display:block;
background-image:url(/charte/lmts_couleurs/puce-carre_rose.gif);
background-repeat: no-repeat;
background-position: 25px 7px;
background-color:#E8D4DF;
}
.menuGactive-4{
background-image:url(/charte/lmts_couleurs/puce-carre_noir.gif);
}
/**/
/* Gestion du plan du site */
a.PLAN0{
	font-size: 14px;
	font-weight:bold;
	color:#FF6600;
	text-decoration: none;
}
a.PLAN0:hover{
	color:#000000;
}

a.PLAN1{
	font-size: 11px;
	font-weight:bold;
	color:#323232;
	text-decoration: none;
}

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

a.PLAN2{
	font-size: 10px;
	font-weight:bold;
	color:#323232;
	text-decoration: none;
	background:url(/charte/lmts_couleurs/puce-carre_orange.gif) no-repeat 3px;
	padding-left:12px;

}

a.PLAN2:hover{
	color:#000000;
}
a.PLAN3{
	font-size: 10px;
	font-weight:bold;
	color:#323232;
	text-decoration: none;
	background:url(/charte/lmts_couleurs/puce-carre_orange.gif) no-repeat 3px;
	padding-left:12px;
}

a.PLAN3:hover{
	color:#000000;
}
/* MENU HAUT */ 
#menu dl, #menu dt, #menu dd, #menu ul, #menu li, .menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; float:left; }
#menu li, .menuLat ul{ clear:both; width:100%; list-style:none; }
#menu dl { position:relative;}

/* MENU JAVA */
#menu dd, #menu .Sous_menu_dyn {display:none;}
#menu dd{ position:absolute; top:32px; left:2px; background-color:#f1f1f1; border:1px solid #ccc; width:145px;}
.Sous_menu_dyn_contenu a{color:#666; font-size:11px; display:block; padding:2px; border-bottom:1px solid #ccc; margin: 2px 5px; width:135px; text-align:left; }
.Sous_menu_dyn_contenu a:hover{color:#333; background-color:#fff; text-decoration:none;}