BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	/* background-color:"F0ECCD"; */
	/* background-color:rgb(180,180,180); */
	/* background-color:rgb(196,196,196); */
	/* color: #5D5309; */
	background-color:#EBF3FA;
	background-color:#EBF3FA;
	margin:0;
	text-align:center;
	}

#BandeHautFond {
	/* background-color:grey; */
	/* background-color:rgb(255,255,224); */
	/* background-image:url(images/DSC_510_577.jpg); */
	background-color:rgb(96,96,96);
	background-color:#8B4513;
	background-color:#CD853F;
	/* background-color:#F9A721; = suivant = jaune du logo */
	background-color:rgb(249,167,33);
	background-color:rgb(229,157,43);
	background-color:#FFE683;  /* jaune clair comme carte */
	background-color:#AFD1E8;  /* bleu clair comme logo */
	background-image: url(./images/Assafi-logo-fond-bleu-rectangle2.png); 
	background-repeat: repeat-x;
	height:180px;
	z-index:5;
	}
	
#page {
	width: 745px; /* ou width:70%; ou width:20em; */
	position:relative;
	top:-180px;
	/* background-color:rgb(230,235,240); */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* background-color:white; */
	z-index:1;
	}

#BandeHaut{
	width:720px;
	height:168px;
	height:143px;
	padding-left:0px;
	padding-top:5px;
	/* padding-bottom:5px; */
	color:rgb(247,223,223);
}

#LogoHaut {
	/* border:solid 1px black; */
	}

#choixlangue {
	/* float:right; */
	width:80px;
	height:20px;
	position:absolute;
	top:20px;
	left:630px;
	z-index:12;
	padding:4px 5px 2px 5px;
	text-align:center;
	margin-right:0px;
	margin-left:10px;
	/*color:rgb(200,220,240);*/
	/* background-color:rgb(225,225,192); */
	/* background-color:#6495ED; */
	background-color:#5485DD;
	color:white;
	/* color:rgb(255,192,128); */
	border-style:solid;
	border-width:2px;
	border-color:#DCDCDC #696969 #696969 #DCDCDC;
	}

#choixlangue a {
	 /* color:#C4BB7A; */
	 text-decoration:none; 
	 font-size:12pt;
	 color:rgb(224,224,224);
 }

#date {
	position:absolute;
	right:-140px;
	top:160px;
	/* float:right; */
	text-align:center;
	color:green;
	color:white;
	font-size:10pt;
	}

#bloc_donner {
	/* float:right; */
	width:120px;
	padding:10px;
	background-color:#F9A721;
	position:absolute;
	top:20px;
	border:3px outset brown;
	right:150px;
	text-align:center;
	z-index:10;
	font-size:120%;
	font-weight:600;
	}
#bloc_donner a {
	text-decoration:none;
	color:brown;
	}

#BlocContenu {
	/* width:815px; => 815-125=690 */
	/* width:720px; => 745-15-10=720 */
	width:720px; /* texte 720 px + 45 de padding */
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:10px;
	/* largeur totale = 815 + 25 + 5 = 860 */
	/* background-color:rgb(255,245,235); */
	background-color:white;
	min-height:800px;
	position:absolute;
	top:180px;
	z-index:12;
}

#BandeBas {
	height:40px;
}
#GALERIE {
	position:absolute;
	z-index:3;
	/* left:0px;  */
	/* top:520px;  */
	margin:auto;
	top:0px;
	padding:2px; 
	background-color:black;
	height:186px;
	/* width:856px;  */
	width:2400px;
	overflow:hidden;
}
#galerie2 {
	background-color:black;
	height:3000px;
}
#galerie2 div {
	height:200px;
	float:left;
	display: table-cell;
    vertical-align: middle;
	}
#galerie2 img {
	border:2px solid #CCC;
}
.pages_vides {
	background-color:#F2FCA7;
	padding:1em; 
	text-align:center;
	}

a { /* Les liens qui ne sont pas sous le curseur. */
	/* color:rgb(141,131,57); */
	color:rgb(0,0,0);
	text-decoration:underline; 
	font-family:Verdana,Arial,San Serif;
	/* font-size:11pts; */
}

a:link {
 /* color:#C4BB7A; */
 text-decoration:underline; 
 color:rgb(128,64,0);
 }


a:active {
 color:#46400D;
 }

a:hover { /* Les liens lorsque le curseur est dessus. */
	text-decoration:none;
	/* color:rgb(2,3,5); */
	color:rgb(0,128,0); 
	text-decoration:underline; 
	font-family:Verdana,Arial,San Serif;
	/* font-size:11pts; */
	}
	
a:visited { /* Les liens visités. */
	/* color:#1D1A02; */
	/* color:rgb(141,131,87); */
	color:rgb(128,128,0);
	text-decoration:underline; 
	font-family:Verdana,Arial,San Serif;
	/* font-size:10pts; */
}

TD {
 /* font-family:Arial, Helvetica, sans-serif; */
 /* font-size:10pt; */
 /* color: #5D5309; */
 vertical-align:top;
 }
 
.main {
 font-family:Arial, Helvetica, sans-serif;
 /* font-size:10pt; */
 color: #5D5309;
 padding: 1em 1em 1em 2em;
 }
 
.table_bg {
        background-color: #000000;
}
.table_head{
        background-color: #D0CCAD;
        color: #5D5309;
}
.table_col_0{
        background-color: #F0ECCD;
        color: #5D5309;
}
.table_col_1{
        background-color: #E0DCBD;
        color: #5D5309;
}

.coul1 { /* couleur beige clair de fond */
	background-color:rgb(141,131,57);
}

.coul1clair { /* beige plus clair pour le drapeau de langue */
	background-color:rgb(161,151,77);
}

.flr {float:right; margin-left:1em}

.tableau_comite {
	width:600px;
	}

.tableau_comite td {
	/* font-size:10pt; */
	padding-right:10px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:2px;
	margin-right:15px;
}

.tableau_comite tr.photos td {
	padding-top:15px;
	/* background-color:yellow; */
}

.tableau_comite tr.noms td {
	border-bottom-width:1px;
	border-bottom-style:solid;
	padding-bottom:15px;
	margin-bottom:-10px;
	text-align:center;
}

#BlocContenu ul>li {margin-bottom:0.5em;}
#BlocContenu ul>li>ul {margin-top:0.3em;}


/* ===================== */
/* INITIALES DES SIGLES  */
/* ===================== */
.sigle_initiale {
	color:brown;
	font-weight:800;
}

/* ===================== */
/* TABLEAU DES DONATEURS */
/* ===================== */
.donateurs{
	// height:100px;
	list-style-type:none;
}
div.donateurs > div > div:first-child {
	height:75px;
}
div.donateurs > div	{
	height:80px;
	border-style: none none solid none;
	border-width: 1px;
	padding-top: 2px;
}
td.legende_form {
	text-align:right
}
table.formulaire{
	/* background-color:#eeffbb; */
	background-color:rgb(240, 221, 202);
}
#test_navigateur{
	display:none;
	position:absolute;
	top:800px;
	width:150px; 
	text-align:left;
	padding:5px;
	/* margin-left:2em; */
	color:rgb(200,210,200);
}
.nosp {
	/* champ antirobot pour le formulaire */
	/* background-color:grey; */
	/* display:none; */
}
/* *********************************** */

/* *********************************** */
.niveau2 {
	background-color:red;
	display:block;
	}
.pseudo-bouton1 {
	background-color:rgb(224,224,255);
}
.pseudo-bouton2 {
	background-color:rgb(255,224,224);
	background-color:yellow;
}
.remarque {
	padding:5px;
	background-color:rgb(232,216,240);
	border:1px solid brown;
	width:400px;
	display:none;
}
.big {
	font-size:150%;
	}

#theme_modifier {
	display:none;
	position:absolute;
	left:800px;
	top:300px;
	width:200px;
	padding:3px 3px 3px 5px;
	border:1px solid green;
	background-color:rgb(224,224,255);
	color:green;
	}

.bloc-pays-accueil td {
	border:2px #F9A721 solid;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	}
#trombinoscope {
	background-color:#404040;
	height:300px;
}
#trombinoscope img {
	width:90px;
	border:solid 2px white;
	position:absolute;
	}

#trombinoscope1 {
	/* Daniel */
	top:195px;
	left:80px;
	z-index:20;
}
#trombinoscope2 {
	/* Fanny */
	top:190px;
	left:180px;
	z-index:25;
}
#trombinoscope3 {
	/* ACH */
	top:180px;
	left:280px;
}
#trombinoscope4 {
	/* Francine */
	top:330px;
	left:190px;
}
#trombinoscope5 {
	/* Roger */
	top:320px;
	left:90px;
}
#trombinoscope6 {
	/* Denise */
	top:310px;
	left:290px;
}

.overlay {
    display: none;
    position: fixed;
    top:0; right:0; 
    bottom:0; 
    left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
	}

.popup_block{
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    top:100px;
    margin: 10% auto;
    width: 450px;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}


ul.liste-en-ligne {
	display:inline;
	padding:0;
	}
ul.liste-en-ligne li {
	display:inline;
	}
	
div.tooltip {
	display:none;
	border-radius:4px; 
	box-shadow: 5px 5px 8px #CCC; 
	}

.bloc-pays-accueil td:hover div.tooltip {
	display:inline; 
	position:absolute;
	top:390px;
	width:250px;
	padding:3px;
	margin-left:-180px;
	border:2px solid #FFF; 
	color:#EEE;
	/* background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0; } */
	background-color:grey;
	font-weight:600;
	}

a.tooltip span {
	border-radius:4px; 
	box-shadow: 5px 5px 8px #CCC; 
	}
a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 

.bloc-gauche {
	position:absolute;
	background-color:#EEEEEE;
	padding:5px;
	/* top:300px; */
	top:180px;
	left:10px;
	width:180px;
	z-index:15;
	border-radius:4px; 
	box-shadow: 5px 5px 8px #CCC;
}

.bloc-gauche ul {
	padding-left:1em;
}

.bloc-gauche a:visited, a:link, a:active {
color:blue}
.bloc-gauche a:hover {
font-weight:600}

#bloc_telecharger {
	float:right;
	position:absolute;
	left:300px;
	top:20px;
	width:200px;
	z-index:20;
	padding:10px;
	background-color:#EEEEEE;
	text-align:center;
	border-radius:4px; 
	box-shadow: 5px 5px 8px #CCC; 
}

#lettre_nouvelles {
	width:720px;
	position:absolute;
	top:15px;
}

.liens-sur-photos a:link {color:#4B0082;text-decoration:none;}
.liens-sur-photos a:visited {color:#4B0082;text-decoration:none;}
.liens-sur-photos a:hover {font-weight:600}
.liens-sur-photos a:active {color:#4B0082; font-weight:600}

.shadowd {
		box-shadow: 8px 8px 0px 0px grey;
		border: solid black 1px;
}

.cache {
	display:none;
}