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

html, body {
	height: 100%;
	padding:0;
	margin:0;
}
body {
	background:url(/charte/rpt_degr_body.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
}
#conteneur {
width:100%;
background:url(/charte/rpt_conteneur.png) repeat-y center top;
height:100%;
}
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_accueil {
	height: auto;
}
#bas_conteneur{
height:100%;
width:955px;
margin: 0px auto;
background:url(/charte/bas_conteneur.png) no-repeat center bottom;
}
html>body #bas_conteneur {
	height: auto;
}
#page {
	height: 100%;
	margin: auto;
	width: 955px;
	text-align:left;
	position:relative;/*pour que les pictos se placent par rapport a la page*/
}
html>body #page {
	height: auto;
}
#footer{
clear:both;
width:100%;
text-align:right;
}
#header{
	height:230px;
	background-image:url(/charte/fond_bandeau.jpg);
}
#header .bandeau{
height:230px;
width:955px;
}
#z_centrale{
width:955px;
float:left; /*tres important*/
/*padding-bottom:100px;pour arabesques bas*/
padding-bottom:60px;
}
#colG{
float:left;
width:215px;
}

#colD{
width:130px;
float:right;
/*padding-top:240px;*/
}
* html #colD{
width:115px;
}
#colD #lutin{
height:250px;
float:left;
width:115px;
text-align:right;
}
#colD #contact a{
font-size:10px;
color:#666666;
}

.width100pc{
width:100%;
}
.invisible{
display:none;
}
img{
border:0;
}
.degrade_H_or, #menuLat{
background:url(/charte/rpt_degrade_h_or.png) repeat-y;
}
/*----- header -----*/
#diaporama{
width:495px;
}
#malvoyant{
position:absolute;
top:0px;
right:7px;
width:auto;
text-align:right;
}
#header_accueil #malvoyant{
width:110px;
}
#malvoyant a{
background:url(/charte/picto_malvoyant.png) no-repeat left 3px;
padding-left:18px;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}
#logo{
float:left;
width:160px;
margin-top:8px;
}
#fond_drapeaux{
/*display:none;*/
position:absolute;
left:217px;
top:29px;
z-index:4;
height:32px;
width:92px;
background:url(/charte/fond_drapeaux.png) no-repeat left bottom;
}
#header_accueil #fond_drapeaux{
top:78px;
}
#header_accueil #drapeaux{
top:85px;
}
#drapeaux{
/*display:none;*/
position:absolute;
left:224px;
top:31px;
z-index:5;

}
#header #drapeaux{
padding-top:5px;
}

#pictos_b1{
position:absolute;
left:651px;
top:192px;
width:40px;
z-index:5;
}
#fond_pictos{
position:absolute;
left:643px;
top:179px;
background:url(/charte/fond_pictos.png) no-repeat;
width:163px;
height:38px;
z-index:4;
}
#pictos_b1 img{
margin-right:4px;
}
#pictos_b2{
position:absolute;
left:702px;
top:192px;
width:110px;
z-index:5;
}
#pictos_b2 img{
margin-right:4px;
}
/*colonne de gauche colG*/
#moteur{
color:#666666;
font-size:13px;
font-weight:bold;
padding-left:10px;
}
input.moteur{
color:#898989;
font-size:10px;
border:1px solid #EBC620;
padding:2px;
width:130px;
}
input.ok{
position:relative;
top:3px;
}
#menuLat, #contact{
/*width:100%;*/
color:#666666;
}
#made_with{
padding-bottom:5px;
/*padding-left:15px;
text-align:center;*/
margin-top:5px;
margin-right:140px;
}
#made_with a{
font-size:11px;
color:#636363;
padding-right:3px;
}
#logo_illicopage{
position:relative;
top:4px;
left:2px;
}
/*zone ombree contenu*/
#z_contenu{
float:left;
width:601px;
background:url(/charte/rpt_z-contenu.png) repeat-y;
margin-left:5px;
}
#z_contenu_bas{
background:url(/charte/bas_z_contenu.png) no-repeat bottom;
padding:22px 22px 0px 22px;
float:left;
}
#bas_z_contenu{
margin-left:220px;
}
#contenu_html{
width:555px;
}
* html #bas_z_contenu{
margin-left:217px;
}
#div_lien_yahoo{
width:100%;
font-size:11px;
position:relative;
top:-20px;
color:#5A7712;
text-decoration:none;
}
#div_lien_yahoo a{
color:#5A7712;
text-decoration:none;
}


/*----- page d accueil -----*/
#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;
}
#header_accueil{
	height:280px;
	background-image:url(/charte/fond_bandeau_accueil.jpg);
}
#header_accueil .bandeau{
height:280px;
width:955px;
}
#header_accueil #malvoyant{
top:5px;
}
#header_accueil #logo{
margin-top:0;
}
#header_accueil #fond_pictos{
top:227px;
left:666px;
}
#header_accueil #pictos_b1{
top:240px;
left:674px;
}
#header_accueil #pictos_b2{
top:240px;
left:725px;
}
#z_contenu_accueil{
float:left;
width:625px;
background:url(/charte/rpt_z-contenu_accueil.png) repeat-y;
}

#lutin{
width:90px;
float:right;
}
#lutin img{
height:250px;
width:90px;
}
* html #z_contenu_accueil{
position:relative;
}

#z_contenu_accueil_bas{
background:url(/charte/bas_z_contenu_accueil.png) no-repeat bottom;
padding:10px 20px;
}
#bas_z_contenu_accueil{
margin-left:215px;
}

#accueil_col1{
float:left;
width:265px;
}
#accueil_col2{
float:left;
width:265px;
}
/*bloc intro*/
.bloc_intro{
background:url(/charte/rpt_bloc_intro.gif) repeat-y right top;
position:relative;
left:-6px;
top:-10px;
z-index:5;
width:317px;
}
.fond_bloc_intro{
background:url(/charte/fond_bloc_intro.gif) center no-repeat;
padding:5px;
min-height:160px;
}
.fond_bloc_intro *{
font-size:11px;
}
#z_contenu_accueil_bas h3{
margin:0;
}
/*bloc agenda*/
.manif{
width:100%;
float:left;
clear:both;
}
.texte_manif{
background:url(/charte/separateur_agenda.gif) no-repeat left bottom;
padding-bottom:10px;
margin-top:10px;
float:left;
}
.titre_manif{
font-weight:bold;
font-size:11px;
color:#636363;
}
.date_manif{
color:#666666;
font-size:11px;
}
.resume_manif{
float:left;
color:#47761D;
font-size:11px;
}

/*----- mise en forme du texte -----*/
a, p, td, li{
font-size:12px;
}
h1{
font-size:15px;
color:#5A7712;
font-weight:bold;
border-bottom: 1px #EBC61E solid;
border-left: 4px solid #EBC61E;
padding-left:10px;
padding-bottom:2px;
}
h2{
font-size:14px;
color:#5A7712;
font-weight:bold;
/*border-left: 3px solid #EBC61E;
padding-left:10px;*/
}
h3{
font-size:13px;
color:#5A7712;
font-weight:bold;
}
h4{
font-size:12px;
color:#5A7712;
font-weight:bold;
}
li{
	list-style-position: outside;
	list-style-image: url(/charte/puce.gif);
}
a{
color:#5A7712;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.lien_yahoo, .lien_yahoo a{
color:#5A7712;
font-size:11px;
}

.legende{
font-size:10px;
color:#5A7712;
}
.image_ombree{
width:auto;
border:3px solid #597611;
padding:5px;
background-color:#FFFFFF;
}
/* Gestion du plan du site */
a.PLAN0{
	font-size:13px;
	color:#5A7712;
	font-weight:bold;
	border-left: 3px solid #EBC61E;
	padding-left:5px;
}
a.PLAN0:hover{
	color:#000000;
}
a.PLAN1{
	font-size:12px;
	color:#68676c;
	font-weight:bold;
}

a.PLAN1:hover{
	color:#000000;
}

a.PLAN2{
	font-size:11px;
	color:#68676c;
}

a.PLAN2:hover{
	color:#000000;
}
a.PLAN3{
	font-size: 10px;
	color:#68676c;
	list-style-position: inside;
	list-style-type: square;
}
a.PLAN3:hover{
	color:#000000;
}


/** Présentations liste LEI **/
#lei_fiche{
	display:block;
	clear:both;
	width:100%;
	border-top: #9EB366 1px solid;
	padding-top:5px;
	margin-bottom:5px;
}

#lei_contenu_fiche{
	float:left;
	width:70%;
	margin-bottom:5px;
	margin:0px;	
}
.LEI_nom_prod {
	font-size: 1.2em;
	color: #5A7712;
	font-weight:bold;
	border:0px;	
}
#lei_contenu_image{
	float:right;
	margin:0px;
	padding-left:10px;
	text-align:right;
	margin-bottom:5px;
}


/*Information pour fiches lei*/
.BD_Photo_ligne{
	
	clear:both;
	text-align:center;
}
#BD_Photo_Legende{
clear:both;
width:100%;
text-align:center;
height:20px;
margin-top:5px;
font-weight:bold;

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

margin-right:10px;
margin-bottom:10px;
width:100px;
}

/* CSS GOOGLEMAPS */
.li_gmap{
	
	text-align: left;
	 padding: 10px;
	 margin: 0;
	 
}


.nom_fiche_lei
{
	font-size: 10px;
}
.famille_fiche_lei
{
	font-size: 9px;
}

.gmap_choix_moteur
{
font-size:9px;

}
/**/
.degrade_H_or {
font-size:10px !important;
}
/*contact accueil*/
#contact h2, .degrade_H_or h2{
font-size:12px;
font-weight:bold;
color:#5A7712;
margin-top:0;
}
#contact h3, .degrade_H_or h3 {
font-size:10px;
font-weight:bold;
color:#666666;
margin-bottom:0;
}

#contact a, .degrade_H_or a{
color:#333333;
font-size:10px;
}
#contact{
font-size:10px;
text-align:center;
}
#contact .degrade_H_or{
text-align:left;
padding-left:10px;
}
#contact .degrade_H_or p{
margin:0;
padding:0;
font-size:10px;
}
/*z contenu accueil*/
#z_contenu_accueil_bas h1{
margin-top:0;
font-size:13px !important;
color:#5A7712 !important;
padding:0 !important;
border:none !important;
}