@import '/css/formulaire.css';
@import '/css/menu.css';
@import '/css/menu_javascript.css';

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 #fff;
}
* html body{
text-align:center;
}
#conteneur {
	margin:0 auto;
	width:100%;
	background:url(/charte/rpt-ombre.png) repeat-y center;
	float:left;
}
#haut_conteneur{
width:100%;
float:left;
padding-top:9px;
background:url(/charte/fond-haut.png) no-repeat top;
}
#page{
	margin:0 auto;
	width:955px;
	text-align:left;	
}
#page.page_accueil{}
#bas_conteneur{
	clear:both;
	background:url(/charte/fond-footer.png) no-repeat top center;
	text-align:center;
	width:100%;
	height:50px;
}

#header{
width:100%;
float:left;
position:relative;/*pour logo*/
height:190px;
}
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*  ------ mise en forme du texte --------*/
a, p, td, li{font-size:12px;}

p{text-align:justify;}

#z_contenu li, #affiche-colD li, #z_centrale-accueil li{
list-style-position:inside;
list-style-image:url(/charte/puce-rondfleche-grisf.png);
}
li a{
color:#3A3A35;
font-size:12px;
}
h1{
	font-size:13px;
	font-weight:bold;	
	padding-bottom:5px;
	color:#8B559F;
	background:url(/charte/bulle-violet.png) no-repeat left 2px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
padding-left:39px;
margin-bottom:0;
}
td.Titre1{
width:100%;
}

h2{
	font-size:14px;
	font-weight:bold;
	color:#c46055;
}
h3{
	font-size:13px;
	font-weight:bold;
	color:#43327c;
}
h4{
	font-size:12px;
	font-weight:bold;
}

a{
	text-decoration:none;
	color:#8B559F;
}
a:hover{
	text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #vous-etes-ici{
	font-size:10px;
	color:#8B559F;
}
.legende{
	font-size:10px;
	color:#8B559F;
	margin-top:2px;
}
.image_ombree{
	width:auto;
}

.onglet-bleu{
clear:both;
float:left;
display:block;
margin:10px 0;
width:225px;
height:23px;
background:url(/charte/onglet-cold.png) no-repeat;
color:#FFFFFF;
font-weight:bold;
text-align:center;
vertical-align:middle;
line-height:25px;
text-decoration:none;
text-transform:uppercase;
}
ul{
margin:5px 0;
padding:0;
}
#colG ul, #colD ul, #barreH ul{
margin:5px 0;
padding:0;
float:left;
width:100%;
}

ul hr{
border:none;
height:1px;
background-color:#A9A9A4;;
}
.haut_boxgrise{
float:left;
width:100%;
background:url(/charte/hautg-boxgrise.gif) no-repeat top left #F0F0F0;
height:10px;
text-align:right;
}
.fond-boxgrise{
float:left;
background-color:#F0F0F0;
width:100%;
}
.z_contenu{
padding:0 10px;
}
.bas_boxgrise{
float:left;
width:100%;
background:url(/charte/basg-boxgrise.gif) no-repeat bottom left #F0F0F0;
height:10px;
text-align:right;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#malvoyant{
position:absolute;
top:0;
right:20px;
}
#logo{
position:absolute;
left:10px;
top:25px;
width:auto;
height:auto;
}
#slogan{
position:absolute;
left:260px;
top:115px;
}
.bandeau{
background:url(/charte/bandeau.jpg) no-repeat center bottom;
}
#barreH{
width:100%;
height:35px;
float:left;
background:url(/charte/rpt-barreH.jpg) repeat-x;
position:relative;/*pour moteur*/
}
#menuH{
float:left;
width:785px;
height:35px;
}
#repere{
width:1px;
position:absolute;
left:-1px;
height:35px;
}
/*moteur*/
#moteur{
position:absolute;
right:10px;
top:2px;
width:auto;
}
input.moteur{
position:relative;
left:0;
top:0px;
font-size:11px;
border:1px solid #313131;
width:110px;
padding:2px 0px 3px 2px;
font-weight:bold;
}
input.ok{
position:relative;
left:-5px;
top:6px;
}

/*----- colD -----*/
#pictos{
float:left;
width:100%;
text-align:center;
margin-bottom:10px;
}

#affiche-colD{
clear:both;
float:left;
width:100%;
}

/*#encarts{
margin-top:10px;
float:left;
width:100%;
}*/
#manif, #publications, #meteo{
float:left;
width:100%;
margin-top:10px;
}
#affiche-manif, #affiche-publications{
height:110px;
width:213px;
overflow:auto;
padding:0 5px 5px 5px;
border:1px solid #AAAAA6;
}

#affiche-publications img{
height:20px;
margin-right:5px;
}
#affiche-publications .gedtitre{
font-size:12px;
color:#333;
}
.geddate{
font-size:10px;
padding-left:5px;
color:#8B559F;
}
.date_manif{
color:#6D92C3;
font-weight:bold;
font-size:12px;
clear:both;
padding-top:8px;
float:left;
width:100%;
}
.resume_manif a{
color:#3A3A35;
}
.titre_manif{
font-size:11px;
}
.manif{
clear:both;
float:left;
width:100%;
}
/*----- footer -----*/
#footer{
width:935px;
margin:0 auto;
height:70px;
position:relative;/*pour positionner les div dedans*/
}
#footer a, #footer{
color:#fff;
font-size:10px;
text-transform:uppercase;
}
#liens-bas{
width:auto;
position:absolute;
left:20px;
bottom:30px;
text-align:left;
}
#made-width{
text-align:right;
width:auto;
position:absolute;
right:20px;
bottom:30px;
}
#logo_illicopage{
position:relative;
left:3px;
top:3px;
}
/*---------- #zone centrale----------*/
#centre{
float:left;
width:940px;
margin-left:8px;
margin-top:15px;
min-height:350px;
}
#colG{
float:left;
width:210px;
margin-right:10px;
}
#z_centrale{
float:left;
width:482px;
}
#fil-d-ariane{
float:left;
background:url(/charte/puce-rondfleche-violetf.png) no-repeat left;
padding-left:15px;
width:482px;
margin-bottom:5px;
}
#div_lien_yahoo, #vous-etes-ici{
display:inline;
width:auto;
}
#z_contenu{
float:left;
width:462px;
padding:0 10px;
}
#colD{
float:right;
clear:right;
width:225px;
}
/*---------- colG ----------*/
#menuLat{
float:left;
width:210px;
}
.titre_rubrique{
font-size:13px;
font-weight:bold;
color:#8B559F;
padding:5px 5px 10px 5px;
background:url(/charte/fond-titre-rub.png) top left no-repeat #DCCCE2;
}
.haut_menuLat{
float:left;
width:100%;
height:5px;
background:url(/charte/haut-menulat.png);
}
.menuLat{
float:left;
width:204px;
background:url(/charte/rpt-menulat.png);
padding:3px;
}
.menuLat li, #acces-directs li{
float:left;
clear:both;
width:100%;
}
.bas_menuLat{
float:left;
width:100%;
height:8px;
background:url(/charte/bas-menulat.png);
}
#acces-directs .haut_menuLat, #acces-directs .bas_menuLat{
display:none;
}
#acces-directs .titre_rubrique{
padding:0;
margin:0;
background:none;
color:#d65c00;
font-size:13px;
font-weight:bold;
margin:7px 0 12px 7px;
}

#acces-directs .menuLat{
background:none;
}
#acces-directs{
float:left;
margin-top:10px;
background:url(/charte/haut-box-colg.png) no-repeat left top #E8E8E8;
}
#acces-directs h3{
color:#d65c00;
font-size:13px;
font-weight:bold;
margin:7px 0 12px 7px;
}
#acces-directs ul, #acces-directs li{
margin:0;
padding:0;
list-style:none;
}
#acces-directs ul li{
background:url(/charte/haut-onglet-orange.png) no-repeat top;
}
#acces-directs ul li a, #acces-directs ul li a.menuG-2, #acces-directs ul li a.menuGactive-2{
background:url(/charte/bas-onglet-orange.png) no-repeat bottom;
color:#fff;
display:block;
padding:7px 5px 8px 23px;
font-weight:bold;
font-size:12px;
}

#acces-directs li a.menuG-3, #acces-directs li a.menuGactive-3, #acces-directs li a.menuG-3:hover{
padding-top:4px;
padding-bottom:4px;
color:#F06D0A;
	background:url(/charte/puce-rond-orangem.png) no-repeat 15px 9px #FFE3CF;
}
#acces-directs li a.menuGactive-3{
color:#BF5100;
background:url(/charte/puce-rond-orangef.png) no-repeat 15px 9px #FFDABF;
}
#acces-directs li a.menuG-4, #acces-directs li a.menuGactive-4{
	font-size:11px;
	color:#F06D0A;
	padding:2px 2px 2px 30px;
	display:block;
	background:url(/charte/puce-tiret-orangec.png) no-repeat 22px 9px #FFD1AF;

}
#acces-directs li a.menuGactive-4, #acces-directs li a.menuG-4:hover{
	text-decoration:underline;
        color:#BF5100;
background:url(/charte/puce-tiret-orangef.png) no-repeat 22px 9px #FFC89F;
}
#acces-directs li a.menuG-5, #acces-directs li a.menuGactive-5{
	font-size:11px;
	color:#F06D0A;
	padding:2px 2px 2px 40px;
	display:block;
font-weight:normal;
	background:url(/charte/puce-tiret-orangec.png) no-repeat 32px 9px #EFEFEF;

}
#acces-directs li a.menuGactive-5, #acces-directs li a.menuG-5:hover{
	text-decoration:underline;
        color:#F06D0A;
background:url(/charte/puce-tiret-orangef.png) no-repeat 32px 9px #EFEFEF;
}
#acces-directs li a.menuGactive-5, #acces-directs li a.menuGactive-5:hover{
font-weight:bold;
}
/*illicopage*/
.lien_menu{
clear:both;
float:left;
margin-left:5px;
}
#menu-illico{
width:210px;
margin:0 auto;
display:none;
}
/*----- accueil -----*/
#z_centrale-accueil{
float:left;
/*width:690px;*/
width:100%;
}

#actu{
float:left;
width:213px;
margin-top:10px;
}
#localisation{
float:right;
width:213px;
margin-top:10px;
}
#localisation .fond-boxgrise{
text-align:center;
padding-top:10px;
}
#affiche-actu{
float:left;
height:130px;
width:213px;
padding-top:20px;
}
#actu h1, #localisation h1{
	color:#DA3513;
	background:url(/charte/bulle-rouge.png) no-repeat 5px 2px #F0F0F0;
padding-left:42px;
margin-top:0;
}
/** html #actu h1, * html #localisation h1{
margin-top:0;
}*/
/*----- modele large sans cold -----*/
#z_centrale_large{
	float:left;
	width:707px;
}
#z_centrale_large #fil-d-ariane{
/*width:692px;*/
}
#z_centrale_large #pictos{
	float:right;
	width:auto;
}
#z_centrale_large #z_contenu{
	float:left;
	width:687px;
}
/* Meteo */
#affiche-meteo{
float:left;
width:213px;
padding:0 5px 5px 5px;
border:1px solid #AAAAA6;
background-color:#f2f2f2;
}
#affiche-meteo h1{	
margin:5px 0 0 0 ; padding:0;
font-size:14px; color:#6B93C6;
background:none;
border:none;
}
.ville{
float:left;
width:80%;
}
.degre{
float:right;
clear:right;
width:20%;
font-size:18px;
text-align:center;
margin-top:5px;
font-weight:600;
color:#666;
}
.vignette{
width:40px;
float:left;
margin:5px 10px 0 0;
}

.infos-compl{
float:left;
width:70%;
margin-top:5px;
color:#6B93C6;
font-size:11px;
line-height:17px;
background-color:#f2f2f2;
}
.condition{
float:left;
clear:both;
width:100%;
border-bottom:1px solid #ccc;
padding:3px 0;
font-size:11px;
margin-bottom:5px;
}
.temperatureactuelle{
display:none;
float:left;
clear:both;
width:100%;
margin:5px 0;
padding:5px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#affiche-meteo h2{	margin:0; padding:0; font-size:11px; color:#6B93C6;}

.tempsactuel{
display:none;
	float:left;
	width:100%;
}

.TitrePrevision{
float:left;
width:100%;
font-size:14px;
margin:3px 0;
color:#7C73B1;
font-weight:bold;
}
.prevision{
float:left;
width:70px;
text-align:center;
}
.prevision .jour{
font-size:12px;
width:100%;
float:left;
font-weight:bold;
color:#7C73B1;
}
.prevision .vignette, .prevision .temp{
width:100%;
text-align:center;
margin-bottom:2px;
color:#7C73B1;
font-size:11px;
}