@import '/css/formulaire.css';
@import '/css/datepicker.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {	
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(/charte/rpt-body.jpg) repeat-x top;
}
* html body{
text-align:center;
}
#conteneur {
	width:100%;
	background:url(/charte/fond-conteneur.jpg) no-repeat center top;
}

#page {
	margin: 0px auto;
	width: 955px;
	text-align:left;
	min-height:600px;
}
* html #page{
height:600px;
}
#dernier-element {
	margin-bottom: 0px;
	height:10px;
	width:100%;
	clear:both;
}
#rpt_fondpage{
float:left;
width:100%;
background:url(/charte/rpt-fondpage.jpg) repeat-y 76px top;
}
#fondpage{
float:left;
width:100%;
background:url(/charte/fond-conteneur.jpg) no-repeat -131px -55px;
}
#bas-fondpage{
	clear:both;
	float:left;
	margin-left:76px;
	background:url(/charte/bas-fondpage.jpg) no-repeat left top;
	padding:30px 0 10px 0;
	width:670px;
	text-align:center;
}
* html #bas-fondpage{
margin-left:38px;
}	
#footer{
width:100%;
text-align:center;
padding:4px 0;
background-color:#6A4A3B;
color:#FFF;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
a, p, td, li{
font-size:12px;
}
h1{
font-size:16px;
font-weight:bold;
color:#BB180D;
text-transform:uppercase;
margin-bottom:0;
}

h2{
/*color:#847649;*/
color:#002BAF;
font-size:15px;
font-weight:bold;
background:url(/charte/puce-h2.gif) no-repeat left top;
padding-left:12px;
}
#desc_actualite h2{background:none;padding-left:0;}
#desc_actualite img{border:1px solid #ccc;}
h3{
color:#5367A6;
font-size:14px;
font-weight:bold;
}
h3.commentaire{margin:25px 0 0 0; font-size:13px;}
h4{
font-size:13px;
font-weight:bold;
}
#z_contenu_int li{
	list-style-position: inside;
	list-style-type:disc;
}
a{
color:#BB180D;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:10px;
color:#BB180D;
}

.legende{
font-size:10px;
color:#BB180D;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
padding:5px;
background-color:#FFFFFF;
border:2px solid #F8E7DE;
}
ul.enligne{
	margin:0;
	padding:0;	
	list-style-type:none;
}
ul.enligne li{
	list-style-type:none;
	margin:0;
	padding:0;
       display:inline;
}

/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#malvoyant{
float:left;
width:70px;
margin-top:5px;
}
#barreH{
width:100%;
float:left;
height:55px;
}
#menuH{
float:left;
width:864px;
padding-left:20px;
}
#repere{
float:left;
height:32px;
width:1px;
}
/*---------- #zone centrale----------*/
#colD{
float:right;
width:230px;
clear:right;
}

#zc{
	float:left;
	width:725px;
}
#colG{
float:left;
width:192px;
position:relative;
top:-20px;
}
#z_centrale{
float:right;
clear:right;
margin-right:17px;
width:505px;	
padding-bottom:15px;
}
#z_centrale.z_centrale-large{
clear:both;
float:left;
margin-left:110px;
width:595px;
}
#z_centrale.z_centrale-large #z_contenu{
width:595px;
}

.bandeau{
	float:left;
	width:100%;
	background:url(/charte/bandeau.jpg) no-repeat right top;
}
#masque-bandeau{
	float:left;
	width:100%;
	height:240px;
background:url(/charte/masque-bandeau.png) no-repeat right top;
}

#div_lien_yahoo{
width:100%;
padding-bottom:10px;
color:#BB180D;
font-size:10px;
}
#z_contenu{
width:505px;
float:left;
}
#pagination{
text-align:center;
margin:5px 0;
color:#333;
font-size:14px;
font-weight:bold;
}
#pagination a{
padding:2px;
font-size:13px;
text-decoration:none;
color:#8F8F8F;
}
#pagination a:hover{
text-decoration:underline;
color:#333;
}
/*----- colD -----*/
#logo{
	width:auto;
	float:left;
}
#liens-annexes{
	float:left;
	height:71px;
	}
#pictos{
	float:left;
	width:100%;
text-align:center;
}
#pictos img{
margin-right:1px;
}
#boxcold{
	float:left;
	width:100%;
	background:url(/charte/rpt-boxcold.jpg) repeat-y left;
	margin-bottom:10px;
}
#moteur{
	float:left;
	width:100%;
	height:45px;
}
.haut-boxcold{
	background:url(/charte/haut-boxcold.jpg) no-repeat left top;	
}
#affiche-moteur{}
input.moteur{
	font-size:10px;
	border:1px solid #A19C8B;
	width:140px;
	margin-left:25px;
}
input.ok{
	position:relative;
	left:-2px;
	top:4px;
}
#menu-cold{
	float:left;
	margin-left:8px;
}
#menu-cold ul, #menu-cold li{
	margin:0;
	padding:0;
	float:left;
	clear:both;
	list-style-type:none;
	width:200px;
}

#menu-cold a{
	display:block;
	margin-bottom:2px;
}
#bas-boxcold{
	float:left;
	width:100%;
}
#manifs, #titre-manifs{
	float:left;
	width:100%;
}
#colD #affiche-manifs{
     float:left;
	padding-left:15px;  
}
/*---------- colG ----------*/
#menuLat{
	margin:5px 0;
	width:190px;
}
#titre_rub{
	display:none;
}
.haut_menuLat{
	float:left;
	background:url(/charte/haut-menulat.png) no-repeat left top;
	height:10px;
	width:100%;
	}
.menuLat{
	float:left;
	background:url(/charte/rpt-menulat.png) repeat-y left top;
	width:190px;
	padding:0 5px;
}
.bas_menuLat{
	float:left;
	background:url(/charte/bas-menulat.png) no-repeat left top;
	height:10px;
	width:100%;
}
/*---------- footer ----------*/
#footer a{
	color:#fff;
	margin-right:2px;
	font-size:11px;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#bas-fondpage a{
	margin:0 2px;
}

/*illicopage*/
.lien_menu{
clear:both;
float:left;
margin-left:5px;
}


/*----- accueil -----*/

#conteneur.conteneuraccueil{
	width:100%;
	background:url(/charte/accueil/fond-conteneur.jpg) no-repeat center top;
}
#conteneur.conteneuraccueil #page{
	position:relative;
}
#conteneur.conteneuraccueil #malvoyant{
	position:absolute;
	right:40px !important;
}
#conteneur.conteneuraccueil #menuH{
	padding-left:10px;
}
#diaporama, #video-accueil{
	margin-left:10px;
	float:left;
	width:662px;
	height:377px;
	margin-top:141px;
}
/*#video-accueil{position:relative;}*/
#affiche-video-accueil{float:left; z-index:10;}
#masque-video-accueil{position:absolute; left:0; top:0; z-index:500;width:662px;height:377px;}

#bas-accueil{
	clear:both;
	float:left;
	width:943px;
	margin-left:12px;
	position:relative;
}
#bas-accueil #manifs{
	width:375px;
	position:absolute;
	right:0;
	top:-35px;
}
#colD_accueil{
	float:right;
	clear:right;
	width:282px;
	position:relative;
	top:-14px;
}

#colD_accueil #pictos{	text-align:left; padding-left:25px;}
#bas-accueil #z_contenu{
	float:left;
	width:555px;
       overflow:auto;
}
#colD_accueil #menu-cold{margin-left:10px;}
#colD_accueil #affiche-moteur{margin-top:3px;}
#partenaires.partenaires-accueil{clear:both; float:left;
	padding:10px 0 10px 0;
	width:555px;	text-align:center;
	background:url(/charte/accueil/ombre-contenu-accueil.jpg) no-repeat center top;
	margin-top:10px;
}
#contenuLongText #contenuTexte{	height:70px;	float:left;	overflow:hidden;}
#contenuLongText #Bt_liresuite{	display:block;}
#contenuLongText.open #contenuTexte{height:auto;}
#contenuLongText.open #Bt_liresuite{display:none;}
/*----- GED -----*/
.documentGED{float:left; margin:5px 0; width:100%;}
.economie, .viemunicipale, .actualites, .principal, .decouvrir, .demarches, .marchespublics, .economie, .viesociale, .sportetloisirs, .culture, .cadredevie{background:url(/charte/drapeau.gif) no-repeat left top; height:25px;line-height:25px; padding-left:40px;}
.scolarite-enfance-jeunesse{background:url(/charte/ourson.gif) no-repeat left top; height:25px;line-height:20px; padding-left:30px;}
.documentGEDI{float:left; width:120px;}

.documentGEDI_Image{min-height:140px; text-align:center;}
.documentGEDI_Info{text-align:center; font-size:10px; }
.documentGEDI_Info a{font-size:11px;}
.nombre-docs{ font-size:12px; margin-bottom:20px;}
.page-docs{	font-size:12px; color:#333; margin-top:20px; }
.theme-docs{	font-size:14px; font-weight:bold; color:#E7301F; }
.visualiser-doc a{
	font-size:10px;
	color:#6F6868;
	background:url(/images/picto-illicomag.png) no-repeat left top;
	padding-left:18px;
	margin-left:5px;
}
.gedfichier img{
height:25px;
margin-right:5px;
position:relative;
top:7px;
}
.gedtitre{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#333;
}
div.visualiser-doc{
	width:auto;
	display:inline-table;
}
.geddate{
	font-size:10px;
	color:#8F8F8F;
	margin-left:5px;
}
.documentsGEDIllustre .documentGEDI_Image img{border:1px solid #A4B6EF;}
.documentsGEDIllustre .documentGEDI{padding:4px 2px 0 2px;}
.documentsGEDIllustre .documentGEDI:hover{ background-color:#E0E4EF; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

/* Meteo */
#meteo{	float:left;}
#affiche-meteo{
	float:left;width:235px;	height:270px;
	background:url(/charte/fond-meteo.jpg) no-repeat left top;
	padding:50px 20px 0 20px;
}
.ville{display:none;}
.degre{	float:right;clear:right;margin-top:35px;margin-right:5px;width:auto;
font-size:18px;	text-align:center;font-weight:600;color:#989898;}
.vignette{width:40px;float:left;margin:10px 10px 0 0;}
.infos-compl{float:left; width:70%; margin-top:5px; color:#7782BB; font-size:11px; line-height:17px;}
.condition{float:left;width:auto;font-size:11px;margin-top:5px;}
.temperatureactuelle{float:left;position:relative;top:-10px;margin-left:50px;width:70%;
color:#7782BB;	font-size:11px;}
.tempsactuel{float:left;width:80%;font-size:11px;}
.TitrePrevision{float:left;width:100%;font-size:14px;	margin-top:12px; color:#666699; font-weight:bold; border-top:1px solid #D7D0CD;padding-top:8px; position:relative;top:-10px; }
.prevision{float:left;width:75px;text-align:center;}
.prevision .jour{
	font-size:12px;	width:100%;	float:left;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
}
.prevision .vignette, .prevision .temp{width:100%; text-align:center;margin-bottom:2px;color:#7C73B1;font-size:11px;}
table#liens-meteo td{padding:3px 0;vertical-align:middle;  color:#5367A6;}
table#liens-meteo td a{color:#5367A6;}
table#liens-meteo li{margin:5px 0;}
table#liens-meteo ul{padding-left:25px;}