@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:url(/charte/rpt-body.jpg) repeat-x top;
}
img#logo{
float:left;
}
* html body{
text-align:center;
}
#conteneur {
	width:100%;
}
#page {
	margin: 0px auto;
	width: 955px;
	text-align:left;
	position:relative;/*pour menuH*/
}
#footer{
clear:both;
width:915px;
background:url(/charte/courbes-bas.png) 565px top no-repeat;
padding-top:30px;
}
#liens_bas{
width:100%;
text-align:right;
border-top:1px solid #CCCCCC;
padding-top:5px;
float:left;
}
#header{
height:134px;
float:left;
width:100%;
}
#header.bandeau{
background:url(/charte/bandeau.jpg) no-repeat right bottom;
}
#barreH{
width:auto;
float:left;
}
#haut_z_centrale{
float:left;
width:100%;
position:relative;
top:-7px;
}
* html #haut_z_centrale{
top:-10px;
}
.fond_haut_z_centrale{
background:url(/charte/fond-z-centrale.jpg) no-repeat right 7px;
}
#z_centrale{
float:left;
width:915px;
border-top:1px solid #CCCCCC;
min-height:300px;
}
.width100pc{
width:100%;
}
.bloc100pc{
clear:both;
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
/*-------------------------------------
  ------ mise en forme du texte --------
  -------------------------------------
*/
a, p, td, li{
font-size:12px;
color:#000337;
}
h1{
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}
h2{
font-size:13px;
font-weight:bold;
}
h3{
font-size:12px;
font-weight:bold;
}
h4{
font-size:12px;
}
#z_contenu_int li{
background-repeat:no-repeat;
background-position:left 2px;
padding-left:15px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
font-size:10px;
color:#000;
}

.legende{
font-size:10px;
color:#666;
margin-top:2px;
text-align:center;
padding-bottom:5px;
}
.image_ombree{
width:auto;
}
.image_ombree img{
background-color:#fff;
}
/*-------------------------------------
  --------- structure suite -----------
  -------------------------------------
*/
/*----- header -----*/
#masque_bandeau{
float:left;
/*background:url(/charte/masque-bandeau.png) no-repeat right 6px;
height:137px;*/
width:auto;
padding-top:6px;
z-index:0;
}
div#logo{
padding:9px 0 40px 0;
width:auto;
float:left;
background:url(/charte/sous-logo.png) no-repeat left bottom;
}
#malvoyant{
/*float:right;
padding-right:25px;*/
position:absolute;
top:0;
right:25px;
z-index:10;
width:auto;
}

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

#repere{
float:left;
height:73px;
width:1px;
}
#menuH{
float:left;
width:657px;
}
/*--------- haut_z_centrale ----------*/
#div_lien_yahoo{
float:left;
width:545px;
padding-right:5px;
margin-left:180px;
}
#pictos{
float:left;
width:177px;
}
#moteur{
float:right;
margin-right:30px;
margin-top:7px;
width:165px;
font-size:11px;
font-weight:bold;
}
input.moteur{
color:#221E1F;
font-size:10px;
border:1px solid #221E1F;
padding:1px 3px;
width:120px;
}
input.ok{
position:relative;
left:-1px;
top:7px;
}
/*---------- #zone centrale----------*/
#colG{
float:left;
width:163px;
padding-top:42px;
background-repeat:no-repeat;
border-bottom:1px solid #84AAB0;
padding-bottom:5px;
}
#z_contenu{
width:100%;
}
#z_contenu_int{
float:left;
width:550px;
margin:0px 17px 0px 15px;
}
#colD{
float:left;
width:170px;
}
/*---------- colG ----------*/
#div_titre_rub, #titre_rub{
width:100%;
height:47px;
}
.menuLat{
width:100%;
float:left;
}
/*-------------------------------------
  --------- page d accueil -----------
  -------------------------------------
*/
body.fond_accueil{
	background:url(/charte/accueil/rpt-body-accueil.jpg) repeat-x top;
}
#header_accueil{
	height:208px;
	width:100%;
	float:left;
	/*background:url(/charte/accueil/bandeau_accueil.jpg);*/
}

#header_accueil #moteur{
	clear:right;
	margin-top:40px;
}
#colG_accueil{
	float:left;
	width:654px
}
#z_contenu_accueil{margin:10px; float:left;}
#z_contenu_accueil a{text-decoration:underline; }
#actualites{
	float:left;
	width:654px;
	margin-top:10px;
}
#affiche_actu{}
.News{width:50%; float:left;}
.News_titre{color:#fff; font-weight:bold; margin:5px 0; background:url(/charte/puce-rond-orange.png) no-repeat 4px 2px; padding-left:17px;}
.News_image{float:left; width:auto; margin-right:5px;}
.News_image img{border:1px solid #fff;}
.News_resume{font-weight:bold;}
.News_lien{text-decoration:underline;}

#localisation{
	float:right;
	clear:right;
	position:relative;
	top:2px;
	width:auto;
	margin-right:15px;
	padding-bottom:30px;
}
.titre_actu{
background-color:#F39A16;
}

.detail_commune_titre{
font-weight:bold;	
}


/*----- GED -----*/
.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;
}