/*FEUILLE DE STYLE LEBERSAC.COM*/

/*Les données marquées "au départ" concernent la largeur de toutes les pages*/



/*POUR LES PAGES METEOXXXX*/
.soleil {/*grand soleil tout le jour*/
background-color:  #fff004;
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif;
text-align: center;
font-weight : bold; 
}
.pluie {/*journée pluvieuse*/
background-color:  #588cbc;
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif;
text-align: center;
font-weight : bold; 
}
.plusol {/*journée pluvieuse et apparition du soleil*/
background-color:  #33ff99;
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif;
text-align: center;
font-weight : bold; 
}
.nuage {/*plein de nuages tout le jour*/
background-color:  #a9a9aa;
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif;
text-align: center;
font-weight : bold; 
}
.nuasol {/*nuages et soleil alternant*/
background-color:  #c4c932;
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif;
text-align: center;
font-weight : bold; 
}
/*FIN POUR PAGES METEOXXXX*/
/*DEBUT POUR IMAGES A SURVOLER DIAPORAMA REVUAYRE.HTM*/

#cadre {
width: auto;
height: 400px;
background-color:  transparent;
}
#cadre_droite {
position:absolute;
float: right;
background-color:  transparent;
padding: 10px;
padding-top: 20px;
margin-top: 8px;
width: 576px;
height: 90%;
overflow: auto;
}

#cadre_gauche { /*position des images par rapport au haut*/
width: 10px;
height: 98%;
float: left;
padding-top: 7px;
}

#cadre_gauche img { /*supprime les bordures*/
margin-left: 5px;
margin-bottom: 4px;
border: 1px solid #462e01;
display: block;
}

#cadre_gauche a img { /*voir si c'est à garder*/
opacity: 1.0; /* formule d'origine : opacity: 1.0;*/
filter: alpha(opacity=150);
text-decoration: none;
}

#cadre_gauche a.cg .large { /*à conserver cadre grande image*/
display: block;
position: absolute;
width: 0;
height: 0;
border: 0;
top: 0;
left: 0;
}

#cadre_gauche a.cg:hover .large { /*cadre grande image*/
display: block;
position: absolute;
top: 70px;
left: 113px;
width: 560px;
height: 310px;
border: 1px solid #462e01;
}

#cadre_gauche a.cg span { /*cadre à conserver*/
display: none;
}

#cadre_gauche a.cg:hover:hover span {/*cadre au-dessous de grande image*/
display: inline;
position: absolute;
top: 381px; 
left: 118px; 
width: 562px;
height: 47px;
background-color: #9ddff2;
border: 1px solid #462e01;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-align: center;
line-height: 20px;
color: #0b3d4a;
}


/*FIN POUR IMAGES A SURVOLER VOIR TEST_IMAGE.HTM-*/


/*MENU HORIZONTAL03*/
#slidetabsmenu {
float:left;
width:101%;/*origine = 100% puis 101%*/
font-size:90%;
line-height:normal;
/*border-bottom: 5px solid gray;*/
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 1px;/*original = 10px*/
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(menu/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 2px;/*origine = 9px*/
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(menu/tab-right.gif) no-repeat right top;
padding:3px 5px 3px 5px; /*origine = 3px 14px 3px 5px;*/
font-weight:bold;
color: #000000; /*#3B3B3B;*/
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #ff0000; /*black;*/
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}
/*FIN MENU HORIZONTAL03*/

/*PLACEMENT  EN EXPOSANT*/
sup { 
vertical-align: text-top;
position: relative;
font-size: .8em;
top: 1px; 
}
/*FIN PLACEMENT EN EXPOSANT*/

/*POUR CENTRER DANS LA PAGE*/
#conteneur {
position: absolute;
width: 900px; /*800 au départ*/

left: 50%;
margin-left: -430px;/*-380 au départ*/
background-color : #99ccff; 
}

/*FORMULAIRE*/

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: yellow; 
	color: black;
}
#corpForm .normal {  /*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*TEXTE DANS UN CADRE*/
.cadre {
	border: 0px solid #000000;
	margin-top:0px;
	padding: 10px;10px;10px;10px;
	width: 765px; /* cette ligne indique la largeur du cadre 665 au départ*/
	height: 410px; /* cette ligne indique la hauteur du cadre */
	overflow:auto;
	}


.texte2 {
	height:375px;/*Uniquement dans bota-xxxx.htm*/
	width: 300px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	}
.texte3 {
	height:375px;/*Uniquement dans bota-lexique.htm*/
	width: 445px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	}
/*---------------------------*/
html, body {
overflow-y:scroll;
overflow-x:hidden;
/*overflow : -moz-scrollbars-horizontal;*/
scrollbar-face-color:  #004F75; 
scrollbar-shadow-color: #FFF966;
scrollbar-highlight-color:#FFFF88; 
scrollbar-3dlight-color: #99ccff; 
scrollbar-darkshadow-color:#99ccff; 
scrollbar-track-color: #ADD4EC; 
scrollbar-arrow-color: #FFFF00;  
margin : 5px; 
font-family : arial,verdana,  sans-serif;
font-size : 13px; /*taille de la police si pas de class précisé*/
background-color : #99ccff; 
text-align:justify;
}
/*-------------Pour en-tête des pages---------*/
.head1 {
/*width : 750px; */
width : 900px;/*800 au départ*/
height : 65px; 
background: url(images/menu-divers/ban41.jpg );/*image d'entête*/
background-position:   480px;/*330 au départ*/
background-repeat:no-repeat;
} 

.head10 {/*Pour en tête des fichiers index et a.htm*/
width : 468px; /*748 au départ*/
height : 65px; 
background: url(images/menu-divers/ban41.jpg );
background-position:   130px;/*330 au départ*/
background-repeat:no-repeat;
} 


.div {
font-size: 13px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
border : none;
}

A {
color : #003399; 
text-decoration : none;
} 
A:hover {
color : #ff0000; 
text-decoration : none; 
} 

/*--------------Styles de texte-----------*/
.menu01 {
font-size : 11pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 
.menu02 {
font-size : 9pt; 
color : #9966ff; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 
.menu03 {
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 
.menu04 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px; 
font-weight : lighter; 
} 
.menu05 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px; 
font-weight : lighter;
text-align: right; 
} 
 

/*--------------Style de texte dans fichier formulexxx.htm-----------*/
.menu03bdl {
font-size : 8pt; 
color : #ff0000; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 
/*--------------Style de texte dans fichier botaxxx.htm-----------*/
.munu04 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px; 
font-weight : lighter; 
} 

.rub {
font-size : 9pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
text-align : left;
} 

.texte { /*utilisation diverse dont aussi dans les tableaux météo annéexxxx*/
font-size : 8pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 
.texten { /*utilisation dite normale page individus00 */
font-size : 11pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 

.textecm { /*utilisation dans tableau des comptes rendus de cm*/
font-size : 9pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 


.texteg {
font-size : 10pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 

.textesouligne {
font-size : 10pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
border-bottom: 1px solid #000000;
} 
.textesouligne2 {
font-size : 10pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
   border-top: 1px groove #000000;
   border-bottom: 1px groove  #000000;
} 
.textesouligne3 {
font-size : 11pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
  /* border-top: 1px groove #000000;*/
   border-bottom: 2px groove  #ff6633;
} 

.texted {
font-size : 9pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
/*font-weight : bold; */
text-align : right; 
}
.textec {
font-size : 9pt; 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
/*font-weight : bold; */
text-align : center; 
}

.titrecb {
font-family : Arial, Helvetica, sans-serif; 
font-size : 113%; 
font-weight : bold; 
font-style : bold; 
line-height : 1em; /*normal; */
text-align : left; 
/*vertical-align : middle; */
text-indent : 2px; 
color : #ff6633; 
} 
.titrecb2 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 113%; 
font-weight : bold; 
font-style : bold; 
line-height : 1em; /*normal; */
text-align : left; 
/*vertical-align : middle; */
text-indent : 2px; 
color : #ff6633; 
text-decoration:underline;
text-decoration:overline;
}
.textebleu {
font-family : Arial, Helvetica, sans-serif; 
font-size : 10%; 
color : #99ccff; 
} 

/*-----------DISPOSITION DU CORPS DE PAGE-------*/
.centre2 {
	position:absolute;
	left:132px; /*le point zéro est le bord du conteneur*/
	margin-left : 4px;
	width : 705px;/*605 au départ*/
	height : 1px;
	/*overflow:scroll;*/
} 
.centre2g {/*pour le fichier pano et valdechanne.php*/
	position:absolute;
	left:222px; /*le point zéro est le bord du conteneur*/
	margin-left : 4px;
	width : 665px;/*605 au départ*/
	height : 1px;
} 
.centrea {
	position:absolute;
	left:132px; /*le point zéro est le bord du conteneur*/
	margin-left : 4px;
	width : 765px;/*655 au départ*/
	height : 1px;
	/*overflow:scroll;*/
}
/*----------------FIN DISPOSITION-----------*/
h1 {
font-size : 100%; 
text-align : left; 
margin : 5px;

} 
h2 {
font-size : 90%; 
text-align : left;
margin : 5px;  
} 

h3 {
font-size : 110%; 
text-align : left; 
margin : 5px; 
} 
h4{
font-size : 85%; 
text-align : left;
margin : 5px;  
} 

.image {
float : right; 
} 

.image1 {
float : left; 
} 


/*--pour randonnée-et vignettes bota-*/
.flottante1 {
background-color : transparent; 
border : 0px solid #ffffff; 
margin : 6px; 
float : left; 
padding : 4px; 
width : 300px; 
text-align : left; 
} 
/*--fin rando-*/


.bota-flottante1 {
background-color : transparent; 
border : 0px solid #ffffff; 
margin : 3px; 
float : left;
width : 75px; 
height:75px;
text-align : center; 
} 


.flottante4 {
background-color : transparent; 
border : 0px solid #ffffff; 
padding : 1px; 
margin : 1px; 
float : left; 
width : 760px; /*660 au départ*/
} 
.flottante4-0 {/*pour bota_printemps*/
background-color : transparent; 
border : 0px solid #ffffff; 
padding : 0px; 
margin : 0px; 
float : left; 
width : 670px; /*
} 

.flottante4-1 {/*pour page des liens2.htm*/
background-color : transparent; 
border : 1px solid #003399; /*#ffffff; */
padding : 3px; 
margin : 2px; 
float : right; 
width : 620px; 
text-align : left; 
} 

.flottante4-2 {
background-color : transparent; 
border : 0px solid #ffffff; 
padding : 6px; 
margin : 2px; 
float : right; 
width : 335px; 
text-align : left; 
} 
.flottante4d {
background-color : transparent; 
border : 1px solid #ffffff; 
padding : 6px; 
margin : 2px; 
float : left; 
width : 640px; 
text-align : right; 
} 


.spacer {
clear : both; 
} 

.flottantespop {
background-color : #99ccff;
border : 0px; 
margin : 3px; 
float : left; 
width : 80px; 
padding : 1px; 
font-size : 12px; 
font-weight : normal; 
text-align : center; 
} 
.flottantespop-g {
background-color : #99ccff;
border : 0px; 
margin : 0px; 
float : left; 
width : 208px; 
padding : 2px; 
font-size : 10px; 
font-weight : normal; 
text-align : left; 
} 

.flottantesd {
background-color : #99ccff;
border : 0px; 
margin : 3px; 
float : left; 
width : 70px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : right; 
} 

.flottantespopd {
background-color : #99ccff;
border : 0px; 
margin : 4px; 
float : left; 
width : 80px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : right; 
} 
.flottantespopg {
background-color : #99ccff;
border : 0px; 
margin : 4px; 
float : left; 
width : 85px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : left; 
} 

.flottantespopg-ter {
background-color : #99ccff;
border : 0px; 
margin : 4px; 
float : left; 
width : 190px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : left; 
} 

.flottantespopg-bis {
background-color : #99ccff;
border : 0px; 
margin : 2px; 
float : left; 
width : 98px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : left; 
} 

.flottantesmeteo {
background-color :  #99ccff; 
border : 0px; 
margin : 4px; 
float : left; 
width : 195px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : left; 
} 
.flottantesmeteo-d {
background-color :  #99ccff; 
border : 0px; 
margin : 4px; 
float : left; 
width : 200px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : right; 
} 

.flottanteshist {
background-color :  #99ccff; 
border : 0px; 
margin : 4px; 
float : left; 
width : 300px; 
padding : 2px; 
font-size : 12px; 
font-weight : normal; 
text-align : left; 
} 

/*----Pour entête des pages----*/
div#bloc4 {
width : 400px; /*300 au départ*/
height : 80px; 
/*overflow : none; */
left : 0; 
top : 10px; 
position : absolute; 
visibility : visible; 
margin-top : 0; 
margin-left : 5px; 
} 

/*POSITION DU TEXTE DANS UN TABLEAU <td class="droite">aaa</td>*/
.droite{
text-align:right;
}
.centrer{
text-align:center;
}
/*FIN POSITION DU TEXTE DANS UN TABLEAU */