@import '/css/menu.css';
@import '/css/formulaire.css';
@import '/css/menu_javascript.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {	
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
* html body{
text-align:center;
}
#conteneur {
	min-height: 100%;
	width:100%;
	background:url(/charte/bas-page.jpg) no-repeat center bottom;
	position:relative;/*pour positionner le footer*/
}
html>body #conteneur {
	height: auto;
}
#page {
	margin: 0px auto;
	width: 955px;
	text-align:left;
	min-height: 100%;
}
html>body #page {
	height: auto;
}
#dernier-element {
	margin-bottom: 0px;
	padding-bottom: 70px;
	visibility: hidden;
	width:100%;
	clear:both;
}
#footer{
bottom: 0px;
position: absolute;
padding:0 10px;
height: 20px;
margin:0 auto;
}
#header{
/*height:183px;*/
height:180px;
margin-top:0px;
}
.bandeau{
background:url(/charte/bandeau_coquelicots.jpg) no-repeat right top;
}
#barreH{
background:url(/charte/ombre_blanche.png) repeat-x;
width:100%;
height:33px;
float:left;
position:relative;
top:-2px;
}
#haut_z_centrale{
padding:5px 0px;
width:100%;
}
#z_centrale{
width:100%;
clear:both;
/*float:left; */
}

.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
color:#221E1F;
}
h1{
font-size:15px;
font-weight:bold;
color:#8A4691;
background:url(/charte/lmts_couleurs/puce_pleine_violet.gif) no-repeat;
padding-top:12px;
padding-bottom:3px;
border-bottom:1px solid #8A4691;
}
h1.titre_commune{
font-size:15px;
font-weight:bold;
text-align:center;
border-bottom:none !important;
background:none !important;
}

h2{
font-size:13px;
font-weight:bold;
color:#8A4691;
}
h3{
font-size:12px;
font-weight:bold;
color:#8A4691;
}
h4{
font-size:12px;
color:#8A4691;
}
#z_contenu_int li{
	list-style-position: inside;
	list-style-type:disc;
}
a{
text-decoration:none;
color:#8A4691;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:11px;
color:#8A4691;
}

.legende{
font-size:10px;
color:#221E1F;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
padding:5px;
background-color:#FFFFFF;
/*border:2px solid #8A4691;*/
}
.detail_commune_titre{
font-size:12px;
font-weight:bold;
color:#333;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#logo{
width:auto;
float:left;
height:150px;
}
#liens_haut{
float:right;
width:auto;
padding-right:10px;
}

/*-----barreH-----*/

#repere{
float:left;
height:33px;
width:1px;
}
#menuH{
float:left;
height:33px;
width:954px;
}
#contact{
float:right;
width:auto;
}
/*--------- haut_z_centrale ----------*/
#div_lien_yahoo, #div_lien_yahoo_accueil{
float:left;
width:540px;
padding-left:15px;
margin-left:5px;
}
#div_lien_yahoo_accueil{
background:url(/charte/lmts_couleurs/puce_vide_rose.gif) no-repeat;
color:#CF1699;
}
#pictos{
float:left;
width:220px;
text-align:center;
}
#pictos img{
margin-right:7px;
}
#moteur{
float:right;
width:165px;
font-size:11px;
font-weight:bold;
/*position:relative;
top:-5px;*/
}

input.moteur{
color:#898989;
font-size:10px;
border:1px solid #913C97;
padding:2px 3px;
width:120px;
}
input.ok{
position:relative;
left:-3px;
top:6px;
}

/*----- footer -----*/
#footer a, #footer{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
/*---------- #zone centrale----------*/
#colG{
float:left;
width:217px;
}
#z_contenu{
width:100%;
}
#z_contenu_int{
float:left;
width:510px;
margin:0px 24px;
}
#colD{
float:left;
width:180px;
}
#colD h3 a{
color:#006193;
font-size:11px;
text-transform:uppercase;
}
/*---------- colG ----------*/
#div_titre_rub, #titre_rub{
width:100%;
text-align:center;
height:47px;
line-height:47px;
vertical-align:middle;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
/*background-image:url(/charte/lmts_couleurs/titrerub_violet.png);*/
}
.haut_menuLat{
height:10px;
width:100%;
float:left;
/*background-image:url(/charte/lmts_couleurs/haut_menuLat_violet.png);*/
}
.menuLat{
width:100%;
float:left;
/*background-image:url(/charte/lmts_couleurs/rpt_menuLat_violet.png);*/
}
.bas_menuLat{
height:30px;
width:100%;
float:left;
/*background-image:url(/charte/lmts_couleurs/bas_menuLat_violet.png);*/
}
/*-------------------------------------
  --------- page d accueil -----------
  -------------------------------------
*/
#header_accueil{
height:218px;
margin-top:0px;
}
#header_accueil #logo{
height:185px;
}
#z_contenu_accueil{
float:left;
width:463px;
/*margin:0px 0px 0px 7px;*/
margin-left:7px;
}
* html #z_contenu_accueil{
margin-left:4px;
}
#colG_accueil{
float:left;
width:238px;
}
#colD_accueil{
clear:right;
float:right;
width:238px;
}
#z_contenu{
width:100%;
}
.fond1_encadre_gris{
background:url(/charte/rptg_encadre_gris.gif) left top #fff repeat-y;
}
.fond2_encadre_gris{
background:url(/charte/rptd_encadre_gris.gif) right top repeat-y;
}
.bas_encadre_gris{
background:url(/charte/rpt_bas_encadre_gris.gif) repeat-x top;
position:relative;
width:100%;
height:30px;
}
.haut_encadre_gris{
background:url(/charte/rpt_haut_encadre_gris.gif) repeat-x top;
position:relative;
width:100%;
height:23px;
}
.titre_encadre_gris{
position:relative;
top:-8px;
left:14px;
}
ul#liste_communes{
margin:0 17px;
padding:0;
}
#liste_communes li{
margin:0;
padding:0;
list-style-type:none;
}
#liste_communes a{
	font-size:12px;
	font-weight:bold;
	color:#646464;
	text-transform:uppercase;
	padding:4px 2px 4px 10px;
	display:block;
	background-image:url(/charte/lmts_couleurs/puce_rond_gris.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#contacter-cc{
margin-top:5px;
}
#contacter-cc p{
margin:0;
font-size:11px;
padding:5px 17px;
}
.contenu_encadre_gris{
padding:5px 17px;
}

/**/
#agenda{
background:url(/charte/rpt_agenda.gif) repeat-y;
}
#affiche_agenda{
height:135px;
}
#titre_agenda{}
#localisation{}
#titre_localisation{}
#carte_localisation{
background:url(/charte/situation-ccer.jpg);
height:90px;
width:100%;
}
#bas_colD_accueil{}
/* manif */
div.manif{
padding:5px;
}
.texte_manif, .titre_manif, .date_manif, .resume_manif, .manif{
color:#000;
font-size:11px;
}
.resume_manif{
font-weight:bold;
float:left;
}