body {
	background-color:RGB(40%,40%,40%);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica;
}
a {
	text-decoration:none;
}
a:link, a:visited, a:active {
		/*color:RGB(50%,-50%,-50%);*/
	color:RGB(125%,25%,25%);
}
a:hover {
	color:RGB(150%,50%,50%);
		/*color:RGB(50%,-50%,-50%);*/
}

a.lien_voir {
	font-weight:bold;
	font-size:1.4em;
}
a.lien_voir:link,
a.lien_voir:visited,
a.lien_voir:active {
	color:#ccc;
}
a.lien_voir:hover {
	color:#fff;
}


img {
	border:1px none;
}

.grand1 {
	font-size:36px;
}
.grand2 {
	font-size:30px;
}
.titre0 {
	font-size:24px;
}
.titre1 {
	font-size: 20px;	/*26px*/
}
.titre2 {
	font-size:16px;
}
.titre3 {
	font-size:14px;
}
.t1 {
	font-size:12px;
}
.t2 {
	font-size:10px;
}
.t3 {
	font-size:9px;
}

.rouge {
	color:#FF0000;
}
.blanc {
	color:#FFFFFF;
}
.bleu {
	color:#0000FF;
}



/* pour les images .px dans les petits menus ----------------- */
img.v_middle {
	vertical-align:middle;
	margin:5px 5px 5px 15px;
}
img.v_rouge {
	vertical-align:middle;
	width:20px;
	height:20px;
	margin:5px 5px 5px 15px;
	background-color:#FF0000;
}
img.v_bleu {
	vertical-align:middle;
	width:20px;
	height:20px;
	margin:5px 5px 5px 15px;
	background-color:#0000FF;
}
img.v_blanc {
	vertical-align:middle;
	width:20px;
	height:20px;
	margin:5px 5px 5px 15px;
	background-color:#FFFFFF;
}
img.v_jaune {
	vertical-align:middle;
	width:20px;
	height:20px;
	margin:5px 5px 5px 15px;
	background-color:#FFFF00;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* classe de base à l'entrée dans le site */
/* on donne la classe dans le TD */
.base {
	position:absolute;
	left:30px;
	top:25px;
	width:909px;
	height:609px;
	border:5px solid #000000;
}
.base a:link, td.base a:visited, td.base a:active {
		/*color:RGB(50%,-50%,-50%);*/
	color:RGB(125%,25%,25%);
}
.base a:hover {
	/*color:RGB(150%,50%,50%);*/
		color:RGB(50%,-50%,-50%);
}




/* classe de base à l'entrée dans le site */
.base1 {
	position:absolute;
	left:3px;
	top:3px;
	width:450px;
	height:300px;
	background-color:RGB(30%,30%,30%);
	border:0px solid RGB(30%,30%,30%);
	overflow:hidden;
}
.base1 a:link, .base1 a:visited, .base1 a:active {
		/*color:RGB(50%,-50%,-50%);*/
	color:RGB(325%,225%,225%);
}
.base1 a:hover {
	color:RGB(120%,20%,20%);
		/*color:RGB(50%,-50%,-50%);*/
}



/* classe de base à l'entrée dans le site */
.base2 {
	position:absolute;
	left:456px;
	top:3px;
	width:450px;
	height:300px;
	background-color:RGB(75%,75%,75%);
	border:0px solid RGB(0%,0%,0%);
	overflow:hidden;
}
.base2 a:link, .base2 a:visited, .base2 a:active {
		/*color:RGB(400%,300%,300%);*/
	color:RGB(125%,25%,25%);
}
.base2 a:hover {
	color:RGB(150%,50%,50%);
		/*color:RGB(50%,-50%,-50%);*/
}


/* classe de base à l'entrée dans le site */
.base3 {
	position:absolute;
	left:3px;
	top:306px;
	width:450px;
	height:300px;
	background-color:RGB(75%,75%,75%);
	border:0px solid RGB(-50%,-50%,-50%);
	overflow:hidden;
}
.base3 a:link, .base3 a:visited, .base3 a:active {
		/*color:RGB(50%,-50%,-50%);*/
		/*color:RGB(100%,-100%,-100%);*/
	color:RGB(125%,25%,25%);
}
.base3 a:hover {
	color:RGB(150%,50%,50%);
		/*color:RGB(50%,-50%,-50%);*/
}


/* classe de base à l'entrée dans le site */
.base4 {
	position:absolute;
	left:456px;
	top:306px;
	width:450px;
	height:300px;
	background-color:RGB(-20%,-20%,-20%);
	color:RGB(75%,75%,75%);
	border:0px solid RGB(40%,40%,40%);
	overflow:hidden;
}
.base4 a:link, .base4 a:visited, .base4 a:active {
		/*color:RGB(50%,-50%,-50%);*/
	color:RGB(125%,25%,25%);
}
.base4 a:hover {
	color:RGB(150%,50%,50%);
		/*color:RGB(50%,-50%,-50%);*/
}

a.top_menu {
	float:right;
	margin-right:8px;
	color:#000000;
}
a.top_menu:link, a.top_menu:visited, a.top_menu:active {
	color:#FF6666;
}
a.top_menu:hover {
	color:#FFFFFF;
}


.menu0 {
	position:absolute;
	left:30px;
	top:5px;
	width:919px;
	height:20px;
	color:#FF3333;
}
div.menu1 {
	position:absolute;
	left:35px;
	top:30px;
	width:899px;
	AAAheight:90px;
	background-color:RGB(40%,40%,40%);
	border-bottom:5px solid #000000;
	padding:5px;
	z-index:100;
			/* BORDEL: si je mets display:none ici ça bloque tout !!!   */
}
ul.menus {
	float:left;
	width:24%;
	margin:0;
	padding:0;
	padding-bottom:3px;
	list-style-type:none;
	border-left:1px solid #777777;
}
li.firstmenu {
	font-weight:bold;
	margin:5px 0px;
}
ul.menus_col {
	float:left;
	width:45%;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.menus_col_unique {
	float:left;
	width:95%;
	margin:0;
	padding:0;
	list-style-type:none;
}


/* menus couleurs */
.menu_couleurs0 {
	position:absolute;
	left:30px;
	top:5px;
	width:919px;
	height:20px;
	color:#FF3333;
}
div.menu_couleurs1 {
	position:absolute;
	left:35px;
	top:30px;
	width:899px;
	AAAheight:90px;
	background-color:RGB(40%,40%,40%);
	border-bottom:5px solid #000000;
	padding:5px;
	z-index:100;
			/* BORDEL: si je mets display:none ici ça bloque tout !!!   */
}
ul.menus_couleurs {
	float:left;
	width:18%;
	margin:0;
	padding:0;
	padding-bottom:3px;
	list-style-type:none;
	border-left:1px solid #777777;
}
li.menu_couleurs {
	font-weight:bold;
	margin:5px 0px;
}



.z_div1 {
	text-align:center;
	font-size:500px;
	margin:-300px -200px;
	overflow:visible;
}

.z_div2 {
	text-align:center;
	font-size:150px;
			AAApadding:3px 5px;
	padding:3px 5px 30px 5px;
}

.z_div3 {
	text-align:center;
	font-size:100px;
			AAApadding:3px 5px;
	padding:3px 5px 30px 5px;
}

.z_div4 {
	text-align:center;
	font-size:60px;
	padding:3px 5px;
}

.z_div8 {
	text-align:default;
	font-size:20px;
	margin-left:15px;
	margin-right:15px;
}

.z_div9 {
	text-align:justify;
	margin-left:15px;
	margin-right:15px;
}

.z_img {
	text-align:center;
	margin-left:15px;
	margin-right:15px;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* classe à choix */
.rouge {
	border:1px dotted rgb(255,0,0);
	background-color:rgb(40%,0%,0%);
}
.rouge a:link, .rouge a:visited, .rouge a:active {
	color:green;
}
.rouge a:hover {
	color:rgb(255,0,0);
}
/* classe à choix */
.rouge1 {
	border:1px dotted #FF0000;
	background-color:#FFAAAA;
}
.rouge1 a:link, .rouge1 a:visited, .rouge1 a:active {
	color:green;
}
.rouge1 a:hover {
	color:red;
}
/* classe à choix */
.rouge2 {
	border:1px dotted #FF0000;
	background-color:#FFAAAA;
}
.rouge2 a:link, .rouge2 a:visited, .rouge2 a:active {
	color:green;
}
.rouge2 a:hover {
	color:red;
}
/* classe à choix */
.rouge3 {
	border:1px dotted #FF0000;
	background-color:#FFAAAA;
}
.rouge3 a:link, .rouge3 a:visited, .rouge3 a:active {
	color:green;
}
.rouge3 a:hover {
	color:red;
}

.vignette{
	AAAmargin-left:20px;
	AAAmargin-top:20px;
	margin-bottom:10px;
	vertical-align:middle;

}





/*
#test_duree_css {
	background-color:abc ;
}
*/