@import '/css/menu.css';
@import '/css/formulaire.css';
/*-------------------------------------
  ------------ structure --------------
  -------------------------------------
*/
html, body {
	height: 100%;
}
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#81B143;
}
* html body{
text-align:center;
}
#conteneur{
	margin: 0px auto;
	width: 975px;
	background:url(/charte/rpt-body.jpg) repeat-y center top ;
	min-height:100%;
}
#page {
	width: 955px;
	text-align:left;
	padding:0 10px;
}
#header{
width:100%;
float:left;
height:190px;
position:relative;/*pour placer les elements dedans*/
}
#dernier-element {
	margin-bottom: 0px;
	padding-bottom:20px;
	visibility: hidden;
	width:100%;
	clear:both;
}
#footer{
width:100%;
clear:both;
height:42px;
background:url(/charte/rpt-footer.jpg) repeat-x top;
position:relative;
}
#haut_z_centrale{
float:left;
width:100%;
background:url(/charte/degrade-jaune.jpg) repeat-x left top #fff;
min-height:490px;
}
#z_centrale{
float:left;
width:655px;
background:url(/charte/arrondid-rouge.png) no-repeat top #fff;
margin-top:21px;
min-height:450px;
}
#colG{
float:left;
width:280px;
background:url(/charte/fond-colG.jpg) no-repeat left top;
min-height:300px;
}
.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
}
h1{
font-size:15px;
font-weight:bold;
color:#942723;
font-family:"Univers 67 Condensed", "Univers", Arial, helvetica, sans-serif;
}
hr{
height:1px;
width:100%;
background-color:#942723;
margin:10px 0;
}
h2{
font-size:14px;
font-weight:bold;
color:#942723;/*rouge*/
}
h3{
font-size:13px;
font-weight:bold;
color:#6C9539;/*vert*/
}
h4{
font-size:12px;
font-weight:bold;
color:#8F96C0;/*violet*/
}
#z_contenu li{
	list-style-position: inside;
	list-style-image:url(/charte/puce-bleue.png);
}
a{
text-decoration:none;
color:#942723;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{
font-size:10px;
color:#fff;
}

.legende{
font-size:10px;
color:#666666;
margin-top:2px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
background-color: #FDFDF3;
padding:3px;
border-bottom:2px solid #942723;
border-right:2px solid #942723;
border-left:1px solid #9F231D;
border-top:1px solid #AF1C15;
}
/*encadre gris*/
.encadregris{
float:left;
border-top:5px solid #F5F5F5;
border-bottom:5px solid #B8B8B8;
background-color:#B8B8B8;
}
.encadregrisg{
float:left;
background:url(/charte/degG-cadregris.jpg) no-repeat left top #B8B8B8;
}
.encadregrisd{
float:left;
background:url(/charte/degD-cadregris.jpg) no-repeat right top;
margin-left:4px;
padding-right:4px;
}
#menuLat{
background-color:#FFFFFF;
width:220px;
padding-bottom:20px;
}
#colG .encadregris{
margin-left:28px;
margin-top:15px;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#logo{
width:auto;
position:absolute;
top:50px;
left:32px;
}
a#malvoyant{
position:absolute;
right:7px;
top:2px;
color:#FFFFFF;
font-size:10px;
background:url(/charte/malvoyant.png) no-repeat left center;
padding-left:17px;
}
.bandeau{
background:url(/charte/bandeau.jpg) no-repeat;
}
#barreH{
width:100%;
float:left;
background:url(/charte/rpt-barreH.jpg) repeat-x #fff;
height:30px;
position:relative;
}
a#accueil{
text-transform:uppercase;
height:30px;
vertical-align:middle;
padding:2px 10px 0 0;
float:left;
}
#menuH{
float:left;
width:610px;
margin-left:10px;
height:25px;
margin-top:2px;
}
#repere{
float:left;
height:30px;
width:1px;
}
#moteur{
position:absolute;
right:60px;
height:30px;
width:200px;
}
input.moteur{
font-size:11px;
border:1px solid #424242;
padding:0px 1px;
width:120px;
}
input.ok{
position:relative;
left:0px;
top:4px;
}
#intranet{
position:absolute;
right:20px;
width:auto;
top:2px;
}

/*--------- zone centrale ----------*/
#div_lien_yahoo{
float:left;
width:500px;
margin-left:20px;
margin-top:7px;
}
#pictos{
text-align:center;
padding:5px;
width:auto;
float:right;
margin-top:3px;
}
#pictos img{
margin-right:7px;
}
#z_contenu{
width:600px;
float:left;
margin:20px 0 20px 20px;
}

/*---------- colG ----------*/
#div_titre_rub{
width:100%;
font-size:14px;
font-family:"Univers 67 Condensed", "Univers", Arial, helvetica, sans-serif;
background:url(/charte/titre-rub.png) no-repeat left top #8F96C0;
min-height:25px;
margin-top:7px;
margin-left:8px;
padding-left:31px;
padding-top:5px;
color:#FFFFFF;
width:230px;
text-transform:uppercase;
}

/*illicopage*/
.lien_menu{
clear:both;
float:left;
margin-left:5px;
}
.user_courant, .user_fonction, .illico_important{
float:left;
clear:both;
width:100%;
}
/*---------- footer ----------*/
#liens-bas{
width:70%;
padding-top:20px;
padding-left:40px;
}
#made_with{
position:absolute;
width:20%;
text-align:right;
right:15px;
top:15px;
}
#made_with a{
font-size:10px;
color:#FFFFFF;
}
#logo_illicopage{
position:relative;
top:4px;
left:4px;
width:15px;
}
/*---------- accueil ----------*/
#fond-carto{
	float:left;
	width:440px;
}
#carto{
float:left;
width:auto;
	background:url(/charte/fond-situation-ccsp.jpg) no-repeat left top;
	height:410px;
	width:440px;
}
#z_centrale_accueil{
float:left;
width:auto;
margin-top:21px;
background-color:#FFFFFF;
min-height:450px;
}
#zoom{
float:left;
width:240px;
border-right:1px solid #ccc;
min-height:200px;
}
#zoom #z_contenu, #affiche_actu{
width:90%;
float:left;
margin:10px 0 10px 10px;
}
#actu{
float:left;
width:254px;
height:200px;
}
#actu .titre_news{
font-weight:bold;
}
.detail_commune_titre{
	font-weight : bold;
}