@import '/css/datepicker.css';
@import '/css/formulaire.css';
@import '/css/extinfowindow.css';

html, body {
	height: 100%;
	padding:0;
	margin:0;
}
body {
	background:url(/charte/rpt_degr_body.jpg) repeat-x #FFDB52;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
}
body.popup {
	background:none;
	text-align:center;
}
#conteneur {
height:100%;
width:100%;
background:url(/charte/rpt_conteneur.png) repeat-y center top;
}
html>body #conteneur {
	height: auto;
}
#haut_conteneur {
height:100%;
width:100%;
background:url(/charte/haut_conteneur.png) no-repeat center top;
}
html>body #haut_conteneur {
	height: auto;
}
#bas_conteneur{
height:100%;
width:100%;
background:url(/charte/bas_conteneur.png) no-repeat center bottom;
}
html>body #bas_conteneur {
	height: auto;
}
#page {
	height: 100%;
	margin: 0 auto;
	width: 955px;
	text-align:left;
	position:relative;/*pour que le moteur se placent par rapport a la page*/
}
html>body #page {
	height: auto;
}
#footer{
clear:both;
width:100%;
height:35px;
padding-bottom:4px;
}
#header{
float:left;
width:100%;
}
#z_centrale{
width:100%;
float:left; /*tres important*/
}
#colG{
float:left;
width:182px;
padding-bottom:110px;/*pour silhouettes bas*/
}
#colD{
width:251px;
float:right;
margin-right:5px;
margin-bottom:15px;
}

.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*----- header -----*/
#ligne-1{
float:left;
height:29px;
width:100%;
background:url(/charte/fond_l1.gif) no-repeat #ffffff;
}
#pictos_haut{
/*margin-left:535px;
margin-left:390px;*/
margin-left:290px;
margin-top:8px;
}
#moteur{
color:#666666;
font-size:13px;
font-weight:bold;
width:140px;
position:absolute;
top:1px;
right:3px;
text-align:right;
height:17px;
}
div.moteur{
position:absolute;
left:0;
top:0;
}
input.moteur{
color:#898989;
font-size:10px;
border:1px solid #9E9E91;
width:110px;
height:13px;
}
input.ok{
position:relative;
top:4px;
left:-8px;
}
.liseret_h{
float:left;
height:6px;
width:100%;
background-color:#FFDB52;
}
.bandeau{
float:left;
height:165px;
width:100%;
background-color:#f2f2f2;
background-repeat:no-repeat;
}
#logo{
/*width:245px;*/
width:300px;
height:155px;
/*background:url(/charte/fond_logo.png) no-repeat;*/
float:left;
}
#bouton_bascule{
width:175px;
float:right;
margin-top:10px;
}
/*colonne de gauche*/
#menuLat{
width:100%;
color:#666666;
}

/*zone centrale2*/
#z_centrale2{
float:left;
width:506px;
margin-left:8px;
}
#div_lien_yahoo{
padding:10px 0px;
color:#296D07;
font-size:10px;
margin-left:10px;
}
#div_titre_rub{
height:40px;
color:#FFFFFF;
padding-left:15px;
font-size:16px;
font-family:"Myriad Pro", Verdana, Helvetica, sans-serif;
line-height:30px;
}
#z_contenu{
width:100%;
background:url(/charte/rpt_z-contenu.png) repeat-y;
float:left;
}
#z_contenu_2{
padding:10px 20px;
float:left;
}
#bas_z_contenu{
margin-bottom:15px;
}

/*footer*/
.liens_bas, a.liens_bas{
font-size:10px;
color:#1B1B1F;
}
#liens_bas{
float:left;
width:70%;
font-size:10px;
margin-top:2px;
margin-left:10px;
}
#made_with{
float:right;
width:160px;
}
#logo_illicopage{
position:relative;
top:4px;
left:4px;
}
/*----- colD -----*/
#pictos{
text-align:right;
margin:3px;
}
#pictos img{
margin-right:4px;
}
#agenda, #actualite{
float:left;
margin-bottom:5px;
height:150px;
position:relative;
}
#en_savoir_plus, #meteo{
float:left;
margin-bottom:5px;
position:relative;
}
.encadre_colD{
float:left; width:100%;
background:url(/charte/rpt-encadre-colD.png) repeat-y;
margin-bottom:10px;/*pour le bas du bloc positionner en absolu*/

}
.contenu_encadre_colD{
padding:10px;
}
/*----- mise en forme du texte -----*/
a, p, td, li{
font-size:11px;
}
h1{
font-size:14px;
font-weight:bold;
color:#DC5E16;
}
h2, .detail_commune_titre, .detail_comcom_titre{
font-size:13px;
font-weight:bold;
padding-left:12px;
color:#DC5E16;
}
.detail_comcom_info, .detail_commune_info{
padding:3px 0;
}
h3{
font-size:12px;
font-weight:bold;
color:#DC5E16;
}
h4{
font-size:12px;
font-weight:bold;
}
a{
text-decoration:none;
color:#DC5E16;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:10px;
}
.legende{
font-size:10px;
color:#1B1B1F;/*noir*/
}
.image_ombree img{
border:3px solid #C0C0C0;
}
/*----- accueil ----*/
#conteneur_accueil {
height:100%;
width:100%;
background:url(/charte/rpt_conteneur_accueil.png) repeat-y center top;
}
html>body #conteneur_accueil {
	height: auto;
}
#haut_conteneur_accueil {
height:100%;
width:100%;
background:url(/charte/haut_conteneur_accueil.png) no-repeat center top;
}
html>body #haut_conteneur_accueil {
	height: auto;
}
#bas_conteneur_accueil{
height:100%;
width:100%;
background:url(/charte/bas_conteneur_accueil.png) no-repeat center bottom;
}
html>body #bas_conteneur_accueil {
	height: auto;
}
#header_accueil{
float:left;
width:100%;
background:url(/charte/bandeau_haut_accueil.png) no-repeat #f2f2f2;
}
#header_accueil #logo{
background:none;
}
#header_accueil .bandeau{
height:124px;
}
#header_accueil #pictos_haut{
/*margin-left:350px;*/
margin-left:330px;
}
#bas_conteneur_accueil #colG{
width:202px;
padding-bottom:0px;
}
#bas_conteneur_accueil #colD{
margin-right:0px;
}
#z_centrale2_accueil{
float:left;
width:520px;
margin-left:20px;
}

#bas_conteneur_accueil #colD{
width:193px;
padding-bottom:0px;
}
#menuLatD{}

.z_contenu_accueil{
width:100%;
float:left;
background:url(/charte/rpt_z-contenu_accueil.png) repeat-y;
}

#agenda_accueil{
position:relative;
height:230px;
}
#titre_bloc-intro{
margin-top:10px;
}
.texte_manif{
font-size:11px;
}

.image_manif img{
	width:150px;
}
/*menu lat*/
#menuLat dl{
margin:0;
padding:0;
}
#menuLat dt{
margin:0;
padding:0;
}
#menuLatD dl{
margin:0;
padding:0;
}
#menuLatD dt{
margin:0;
padding:0;
}
#menuLat a, #menuLatD a{
	text-decoration:none;
	display:block;
	font-family: Verdana, Helvetica, sans-serif;
}
/**/
.menuG-2, .menuGactive-2{
	font-size:13px;
	font-weight:600;
	color:#296D07;
	padding:5px 2px 5px 8px;
	background:url(/charte/menuG-2_fond.jpg) repeat-x left top #E3E4D6;
	border-bottom:1px solid #DFDFD7;
}
.menuG-2 a, .menuGactive-2 a{
/*font-family:"Myriad Pro", Verdana, Helvetica, sans-serif;
font-size:14px;
*/
font-family:Verdana, Helvetica, sans-serif;
}
a.menuG-2:hover{
background:none #E3E4D6;
}
.menuGactive-2{
	background:url(/charte/menuG-2_fond.jpg) repeat-x left top #E3E4D6;
	border-bottom:4px solid #A0D449;
}
/* Gestion du plan du site */
a.PLAN0, a.PLAN1, a.PLAN2, a.PLAN3, a.PLAN4{
text-decoration:none;
}

a.PLAN0{
	font-size:13px;
	color:#333333;
	font-weight:bold;
}
a.PLAN0:hover, a.PLAN1:hover, a.PLAN2:hover, a.PLAN3:hover, a.PLAN4:hover{
	color:#000000;
}
a.PLAN1{
	font-size:12px;
	color:#68676c;
	font-weight:bold;
}
a.PLAN2{
	font-size:11px;
	color:#68676c;
}
a.PLAN3{
	font-size: 10px;
	color:#68676c;
	list-style-position: inside;
	list-style-type: square;
}
/*POUR LES VIEUX IE */
* html #z_centrale{
position:relative;
}
* html #z_centrale2{
position:relative;
left:-5px;
clear:right;
}
* html #colG{
position:relative;
left:0;
}
* html #colD{
position:relative;
right:0;
width:250px;
overflow:hidden;
}

* html #bas_conteneur_accueil #colD{
right:0px !important;
}
* html #conteneur, * html #haut_conteneur, * html #bas_conteneur, * html #conteneur, * html #page{
height:auto;
}
/*modele covoiturage*/
#z_centrale2_large{
float:left;
width:760px;
margin-left:12px;
padding-bottom:15px;
}
* html #z_centrale2_large{
position:relative;
left:-5px;
clear:right;
}
.bandeau_covoiturage{
float:left;
height:165px;
width:100%;
background:url(/bandeaux/bandeaupont.jpg);
}

/** fiche lei **/

.LEI_nom_prod{
	font-weight:bold;
}

.lei_souligne{
	background-color:#DDDDDD;
	margin-top:2px;
}

img.Vignette{
  width:100px;
}
/**/
#BD_Photo_agrandie{
width:100%;
text-align:center;
}
#BD_Photo_agrandie img{
max-width:440px;
}
#bd_mainimage{
margin-bottom:10px;
}
img.Vignette{
float:left;
margin-right:10px;
margin-bottom:10px;
}


/*calendrier covoiturage */

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

p.Libgroupe{
color:#296D07;
font-weight:bold;
}

/* Meteo */
#meteo{ position:relative;}
#meteo h1, .TitrePrevision{margin:0; padding:0; font-size:12px; color:#666;}
.ville{float:left; width:75%; }
.degre{position:absolute; top:45px; right:10px; font-size:22px; text-align:center; font-weight:600; color:#9c9c9c; }
.vignette{width:40px; float:left; margin:0px 10px 0 0; }
.condition{float:left; clear:both; width:75%; padding-bottom:7px; font-size:11px;}
.ville h2, .tempsactuel, .temperatureactuelle{display:none;}
.TitrePrevision{padding-top:7px; font-weight:bold; clear:both; }
.prevision{float:left; width:70px; text-align:center; }
.prevision .jour{font-size:12px; width:100%; float:left; font-weight:bold; color:#333; }
.prevision .vignette, .prevision .temp{width:100%; text-align:center; margin-bottom:2px; color:#000; font-size:11px; }