/*
palette :  

007BB2	bleu logo (1) 
80badf	bleu clair bandeau
009CE0	bleu 2
53CBFF	bleu 3
ABE6FF	bleu 4
D1F1FF	bleu 5

0094D9
00AEFF
B37400	orange - brun
D96900	orange foncé
FF7B00	orange par défaut (1) 
FFA95D	orange 2
FEC698	orange 3
FEDCC2	orange 3
FEEDDF	orange 5 
4D4D4D	gris foncé
B3B3B3
000000

*/

#page {
	padding: 10px 10px 10px 10px;
	overflow: auto;
	
	/*
	background-color: green;
	background:url(../charte_web/bg_page.jpg) no-repeat top left #fff;
	*/
}

blockquote {
margin:0 0 0 20px;

}

#page a {
color:#007bb2;
}

#page a:hover {
color:#007bb2;
}


#page a:visited {
color:#ff7b00;
color:#000000;
}



#page {
	padding: 10px 10px 10px 10px;
	/*
	background-color: green;
	background:url(../charte_web/bg_page.jpg) no-repeat top left #fff;
	*/
}


#page h1 {
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#ff7c0e;
	font-size:25px;
	/*background:url(../charte_web/ligne_h1.jpg) bottom no-repeat right;*/
	border-bottom:ridge 2px #ff7c0e; /*#C60000;*/
	margin-bottom:20px;
	
}

#page h2 {
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#333333;
	border-bottom:solid 1px #ff7c0e;
	margin:30px 0 20px 10px;
}


#page h3 {
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px dotted #ff7c0e;
	margin:30px 0 10px 20px;
}


#page h4 {
	font-family:verdana, Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px dotted #003366;
	margin:30px 0 10px 25px;
	
}

/* bloc 3 colonnes */
#bloc_centre_3colonnes {
LEFT: 50%; MARGIN-LEFT: -370px; WIDTH: 720px;  POSITION: absolute; HEIGHT: 100px;
}
#colonne1 {
LEFT: 0px; padding: 0 10px 0 10px; WIDTH: 220px; POSITION: absolute; TOP: 0px; HEIGHT: auto;
 text-align:justify;
}
#colonne2 {
LEFT: 240px; padding: 0 10px 0 10px; WIDTH: 220px; POSITION: absolute; TOP: 0px; HEIGHT: auto;
text-align:justify;
}
#colonne3 {
RIGHT: 0px; padding: 0 10px 0 10px; WIDTH: 218px; POSITION: absolute; TOP: 0px; HEIGHT: auto; 
text-align:justify;
}


/* puces graphiques */
#page ul li {
	list-style-image:url(puce_triangle_rouge.gif);
	padding:0px 10px 0 0;
	margin:10px 0 0px 10px;
}

/* tableau */
#page table tr td{
margin:0;
padding:5px 5px 5px 5px;
font-family: verdana, Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-align:left;
}


#page table p {
margin:0px;
}

/* liste numérotée */
#page ol li {
	padding:0px 10px 0 0;
	margin:10px 0 0px 5px;
}


img.img_gauche  {
float:left;
margin: 10px 10px 10px 10px;
}


img.img_droite {
float:right;
margin: 10px 10px 10px 10px;
}

p .paragraphe_h1{
margin:10px 0 10px 20px;
}


div.bloc_gauche,
span.bloc_gauche
 {
float:left;
margin: 10px 10px 10px 10px;
}

div.bloc_droit,
span.bloc_droit
 {
float:right;
margin: 10px 10px 10px 10px;
}

MARQUEE#txt_defilant {
background-color:#FFA95D; 
padding:0 10px 0 10px; 
border-style: groove; 
border-color: #E6261D;	
border-width: 1px 1px 2px 2px;	
height:100px;
}

/* tableau */

table#tab_2col {
/*margin:0 20px 0 20px;*/
FONT-SIZE: 1em; 
FONT-FAMILY: Verdana, Arial, Helvetica, helv, sans-serif;
/*border-collapse: collapse;*/
border: O 5px 0 5px medium solid  #B3B3B3;
}


#tab_2col  tr{
/*margin:1px 2px 1px 2px;*/
/*border: thin solid #B3B3B3;*/
MARGIN:0;
background-color: #FFA95D;
width:400px;
}

#tab_2col td{
vertical-align:top;
padding: 5px;
}

#lecteur_mp3 {
FLOAT: left; 
MARGIN:5px 5px 10px 2px;  
WIDTH: 120px; 
HEIGHT: 20px; 
BACKGROUND-COLOR: transparent; 
}

#lecteur_mp3 a{
text-decoration:none;
font-size: 0.8em;
margin:0;
padding:0 10%;
text-align:center;
}

#lecteur_mp3 a:hover{
color:#000000;
}

/* styles dans l'éditeur */
.note {
font-size: 0.8em;
font-style:italic;
}


.txtbleu {
	/*font-size: 22px;*/
	color: #007BB2;
	/*line-height: 30px;*/
	text-decoration: none;
}


.txtorange {
	color: #D96900;
	/*line-height: 30px;*/
	text-decoration: none;
}

.txtgris {
	color: #4D4D4D;
	/*line-height: 30px;*/
	text-decoration: none;
}

.surligne1{
background-color: #FFD8A5;
}

.surligne2{
background-color: #ff7b00;
}

.surligne3{
background-color: #80badf;
}

.cadre1 {
border: 1px solid #FFD8A5;
margin: 4px 5px;
padding:2px 10px;
background-color: #FFD8A5;
font-weight: normal;
font-style: normal;
color: black;
display: block;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}


.cadre1_centre {
border: 1px solid #FFD8A5;
margin: 4px 5px;
padding:2px 10px;
background-color: #FFD8A5;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre1_vide {
border: 1px solid #FFD8A5;
margin: 4px 5px;
padding:2px 10px;
background-color: #ffffff;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}



.cadre2 {
border: 1px solid #d96900;
margin: 4px 5px;
padding:2px 10px;
background-color: #ff7b00;
font-weight: normal;
font-style: normal;
color: black;
display: block;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre2_centre {
border: 1px solid #d96900; 
margin: 4px 5px;
padding:2px 10px;
background-color: #ff7b00;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre2_vide {
border: 1px solid #d96900; 
margin: 4px 5px;
padding:2px 10px;
background-color: #ffffff;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre3 {
border: 1px solid #007bb2; 
margin: 4px 5px;
padding:2px 10px;
background-color: #80badf;
font-weight: normal;
font-style: normal;
color: black;
display: block;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre3_centre {
border: 1px solid #007bb2;
margin: 4px 5px;
padding:2px 10px;
background-color: #80badf;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}

.cadre3_vide {
border: 1px solid #007bb2;
margin: 4px 5px;
padding:2px 10px;
background-color: #ffffff;
font-weight: normal;
font-style: normal;
color: black;
display: block;
text-align:center;
/*font-size: 1.2em;*/
/*line-height: 2em;*/
}



.couche_0
{
z-index: -1;
}



.couche_1
{
z-index: 1;
}

.couche_2
{
z-index: 2;
}


/* feuille de style pour la carte avec changement au survol de la souris */
#page a.carte_saint_pee {
display:block;
top:0;
left:0;
background-color:#ffff00;
background:url(../web/images/france.gif) no-repeat top left #fff;
background-position: 50% 20px;
width:240px; height:210px;
} 

#page a.carte_saint_pee:hover {
background:url(../web/images/carte20.jpg) no-repeat top left #fff;
}