/*Feuille de style site Lieu ressource Environnement Languedoc-Roussillon
Julien Peronnet, à partir d'une feuille originale de Mathilde GUINE*/


body {
background-color:#fff;
font-family:Verdana, Arial, sans-serif;
font-size:12px;
}

a {
color:#D77FA7;
text-decoration:none;
font-weight:700;
}

a:hover {
color:#D77FA7;
text-decoration:underline;
}

h1 {
font:Arial bold;
font-weight:bold;
color:#1D6CA5;
text-align:center;
font-size:20px;
line-height:22px;
}

h2 {
font:Arial;
font-weight:bold;
color:#822510;
font-size:15px;
}

#texte h2 {
font:Arial;
font-weight:bold;
color:#822510;
font-size:15px;
}

h3 {
font:Arial;
font-weight:bold;
color:#618027;
font-size:15px;
}

h4 {
font:Arial;
font-weight:regular;
color:#1D4B9C;
font-size:15px;
}

h5 {
font:Arial;
color:#000;
font-style:italic;
font-size:13px;
text-align:right;
}


h2,#identification_message,#form_connexion legend,#identification legend,#identification_info,#iden_action {
color:#FFF;
}

hr {
color:#d1dc8d;
}

/* presentation des listes de definitions */
dl {
width:100%;
}

dt {
float:left;
font-weight:700;
line-height:1.1em;
text-align:top left;
margin-right:.3em;
}

dd {
width:auto;
margin-left:0;
line-height:1.1em;
margin:.5em 0;
}

.ajout_2point dt:after {
content:" : ";
}

/* Tableau */
table {
border:1px solid #FFF;
border-collapse:collapse;
}

.images {
border:none;
}

.images th,.images td {
border:none;
}

td,th {
border:1px solid #FFF;
padding:5px;
}

th {
background-color:#822510;
color:white;
}

/* presentation des images */
img {
display:block;
border:0;
}

img a {
display:block;
}

/* presentation des listes */
ul {
line-height:1.8em;
}

#texte li {
margin:4px;
line-height:1.8em;
}

.liste_decale li,.liste_decale dt {
margin-left:2em;
}

ul ul {
margin-left:2em;
}

#menus ul {
line-height:1.5em;
}

/*DIFFERENTS BLOCS DE LA PAGE*/
#reducteur {
text-align:center;
width:961px;
margin-left:42px;
}

/*bandeau*/
#bandeau {
width:961px;
/*background:#ADD16C;*/
text-align:right;
}

.bandeau_contenu {
background: white url(http://www.environnement-lr.org/sites/pole/fr/images/bandeaux/Bandeau-actus.jpg) no-repeat;
height:182px;
width:961px;
z-index:5;
}

/*nav_gauche*/
#nav_gauche {
background-color:#7d2813;
float:left;
width:188px;
padding-top:30px;
min-height:292px;
}

/* nav_gauche -> logo_tela */
#logo {
margin:0;
position:absolute;
top:0;
left:0;
z-index:1;
}

#logo a {
background:none;
}

/* nav_gauche -> menus */
#menus {
font-size:13px;
text-align:left;
font-weight:400;
width:188px;
}

#menus a {
color:#f5a131;
display:block;
height:1em;
font-weight:bold;
padding:5px 0 5px 5px;
}

#menus > ul a {
height:auto;
}

#menus a:hover {
background-color:#638127;
}

.menu_classique_n2 .menu_actif {
background-color:#DDA621;
}

#menus .menu_actif a {
color:#f5a131;
background-color:#638127;
text-decoration:none;
margin:0 auto;
}

.menu_classique_n1,.menu_n1 {
padding:0;
margin:0;
font-weight:400;
}

.menu_classique_n1 li {
list-style-type:none;
/*margin-top:10px;*/
/*margin-left:5px;*/
}

.menu_classique_n2,.menu_n2 {
padding:0;
margin:0;
font-weight:400;
}

#menus .menu_actif .menu_classique_n2 a {
list-style-type:none;
padding-left:15px;
margin:0;
background:#688729;
}


#menus .menu_actif .menu_classique_n2 .menu_actif a {
text-decoration:underline;
}

.menu_classique_n2 a {
padding:3px 0 3px 15px;
}

.menu_n3 {
margin:0 0 0 10px;
padding:0;
text-align:left;
}

.menu_inactif {
background-color:transparent;
padding:0;
margin:0;
}

.menu_inactif a {
color:#000;
text-decoration:none;
}

/* form connexion et deconnexion ***************************************************************/
#menu_contextuel {
background:#7D2813 url(http://www.environnement-lr.org/sites/pole/fr/images/ident_bas.jpg) no-repeat bottom ;
left:2px;
width:188px;
color:#543327;
padding-top:50px;
padding-bottom:104px;
}

.form_identification input,.form_identification textarea,.form_identification select {
background-color:#f4f6e4;
}

#form_connexion legend,#identification legend {
font-size:13px;
font-weight:bold;
padding-left:32px;
color:#fff;
margin-bottom:15px;
}

#identification_message {
color:#543327;
}

#form_connexion label,#identification label {
display:none;
}

#form_connexion fieldset,#identification fieldset {
border:none;
}

#username,#password {
width:10em;
text-align:left;
margin:.10px 0 12px 45px;
width:75px;
height:15px;
border:1px solid #F5A131;
float:left;
_display:block;
_clear:both;
_margin-left:25px;
}


#connexion {
border:none;
background:#7D2813;
color:#fff;
height:15px;
margin-top:33px;
font-weight:bold;
}

#identification_info,#identification,#formconnexion,#iden_action {
display:block;
width:auto;
text-align:center;
font-size:11px;
margin:0;
padding-bottom:2px;
}

#deconnexion,#lien_inscription_modif,#lien_inscription {
font-size:12px;
}

#identification_message,#menu_contextuel h2,#hba_info h1,#hba_info p {
display:block;
font-size:14px;
text-align:center;
font-weight:700;
text-transform:none;
margin:0 0 5px;
}

#identification_prenom {
font-size:13px;
font-weight:700;
color:#000;
}

#identification_nom {
font-size:13px;
font-weight:700;
text-transform:uppercase;
color:#000;
}

#iden_action a {
line-height:15px;
}

/*Zone droite***************************************************************/
#info_dte {
text-align:left;
color:#000;
height:26px;
width:700px;
position:absolute;
top:168px;
left:250px;
}

#info_dte a,#info_dte h3,#info_dte h2 {
color:#fff;
}

#info_dte a {
padding-right:20px;
}

#info_dte h2 {
margin-top:20px;
margin-left:20px;
font-size:15px;
}

#more_motif {
width:125px;
height:15px;
border:1px solid #F5A131;
}

#more_ok {
border:none;
background:#61822B;
color:#F5A131;
height:15px;
}

#form_more_recherche,#form_recherche {
text-align:right;
padding:0;
margin:0;
}

#form_more_recherche legend {
display:none;
}

#form_more_recherche fieldset {
float:right;
border:0;
margin:0;
padding:0;
}

#form_more_recherche label {
display:none;
}

li #more_resultat {
clear:left;
}

#d_contact {
text-align:center;
}

#plan_contact {
margin:0 auto;
text-align:center;
color:#fff;
width:300px;
padding-left:35px;
}

#plan_contact li a {
color:#fff;
text-decoration:none;
font-weight:bold;
list-style-type:none;
text-align:center;
margin-right:20px;
}

/*#syndic {
display:block;
clear:both;
padding:10px;
margin:10px;
position:relative;
}*/

#syndic a {
font-weight:400;
}

#syndic ul,#syndic li {
padding:0;
margin:0 0 0 25px;
}

#onglets{
float:left;
margin:35px 20px 0 30px;
padding-bottom:20px;
text-align:center;
font-weight:700;
}

#onglets ul{
margin:0;
padding:0;
list-style:none;
}

#onglets li{
float:left;
margin:0;
padding:0;
color:#FFF;
width:101px;
height:32px;
}

#onglets a{
float:left;
display:block;
color:black;
font-size:12px;
width:.1em;
white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/
padding:5px 15px 4px;
text-decoration:none;
}
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/#onglets a{float:none;}
/* End IE5-Mac hack */#onglets > ul a{width:auto;}

/*Zone contenu***************************************************************/
#droite,#droite_accueil {
width:680px;
float:left;
background-color:#fff;
color:black;
padding:0 71px 170px 20px;
border-right:#7D2813 solid 1px;
border-bottom:#7D2813 solid 1px;
border-left:#7D2813 solid 1px;
-moz-border-radius: 50px;
-moz-border-radius-topright:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
}

* html #droite{
padding:0 34px 0 20px;
}

#contenu {
background-color:#fff;
color:black;
}

#contenu {
/*position:relative;
top:-1px;
z-index:1;
clear:both;*/
padding:0 2px;
text-align:justify;
min-height:300px;
}

#texte {
line-height:1.4em;
text-align:justify;
/*clear:both;*/
padding:0 5px 7px;
}

#texte a {
color:#F59D10;
text-decoration:none;
font:Arial;
font-size:12px;
}

#texte a:hover {
color:#F59D10;
font:Arial;
font-size:12px;
text-decoration:underline;
}

#texte .image_lien {
background-image:none;
}

/* Hides from IE-mac \*/
* html #texte {
height:1%;
}

/* Bug qui inactive les liens sous IE */
/* droite -> ici ***************************************************************/
#ici {
font-size:11px;
font-weight:700;
min-height:30px;
/*padding:5px 0 5px 20px;*/
text-align:left;
background-color:#fff;
color:black;
}

/* droite -> pied_page ***************************************************************/
#pied_page {
width:600px;
height:55px;
float:left;
margin:10px auto 0 250px;
text-align:center;
font-size:11px;
color:#543327;
}

* html #pied_page {
margin:10px 0 0 120px;}

#pied_page p {
position:center;
}

#pied_page a {
font-weight:400;
/*margin:0 5px;*/
text-decoration:underline;
color:#543327;
font-style:italic;
font-size:13px;
}

/*.menu_commun {
font:Arial;
font-weight:bold;
color:#FB9D00;
background:#7C2812;
}*/

.menu_commun_n1 {
padding:0;
width:600px;
height:25px;
margin:0 auto 25px auto;
}

.menu_commun_n1 a {
text-decoration:underline;
}

.menu_commun_n1 li {
display:inline;
}

.menu_commun_n1 li+li {
display:inline;
padding-left:20px;
}

/*Bazar***************************************************************/

.rubrique {
display:block;
color:#F7F407;
font-size:13px;
font-weight:700;
margin-top:15px;
height:20px;
}

#fiche_image {
float:left;
}

.bulle_haut {
margin:0 50px;
padding:0;
}

.bulle_corps {
margin:0 50px;
padding:10px 5px;
border:1px solid #543327;
-moz-border-radius:10px;
background:#543327;
}

.bulle_bas {
margin:0 50px;
padding:0;
}

#fiche_titre {
text-align:left;
padding-left:10px;
color:#FFF;
}

.BAZ_label {
color:#628028;
font-weight:bold;
}

.BAZ_rubrique {
padding-bottom:10px;}

#bf_prenom_contact_rubrique, #bf_nom_contact_rubrique, #bf_mail_rubrique, #bf_telephone_rubrique {
color:#7d2814;
font-weight:bold;
}
.BAZ_cadre_map {
max-height:300px;
height:300px;
width:400px;	
overflow:auto;
padding-right:10px;
margin-top:10px;
}
