/* CSS Document
Theme bleu :	eteint: 335599 allume: aaaaff fonce: 224488 txtimput: 000026 fondimput: 667799
Theme gris :	eteint: 888888 allume: ffffff fonce: 555555 txtimput: 000000 fondimput: 888888
Theme vert :	eteint: 669977 allume: ccffdd fonce: ------ txtimput: 002600 fondimput: ccffdd
Theme rouge :	eteint: 888888 allume: ffffff fonce: 555555 txtimput: 888888 fondimput: FFAA66
Theme orange :	eteint: 995520 allume: FFAA77 fonce: 654030 txtimput: 000000 fondimput: 907060
*/

/***** Couleurs **********************************************************************************/
/***** Variable css inutilisables à cause du connard de salaud d'enculé de merde */
:root {
	--coul-body:#AABB44;
	--coul-page:#FFFFAA;
	--coul-bordure:#B56415;
	--coul-allume:#ffffff;
	--coul-eteint:#888888;
	--coul-fonce:#555555;
	--coul-transp:transparent;
	--coul-txtimput:#888888;
	--coul-fondimput:#FFAA66;
	}

.c3	{color: #FFAA77;}		/* var(--coul-allume)*/
.c2	{color: #995520;}		/* var(--coul-eteint)*/
.c1	{color: #654030;}		/* var(--coul-fonce)*/
.ct	{color: transparent;}	 /* var(--coul-transp)*/

.hc3:hover {color:#FFAA77;}	/* couleur 3 au survol */
.hc2:hover {color:#995520;}	/* couleur 2 survol */

/***** Divers ************************************************************************************/

body		{margin:0; padding:0;}
div			{position: absolute;}
h1		 	{position: absolute;}
h2		 	{position: absolute;}
img			{position: absolute; font-family:"Tahoma","Kinnari";  font-size:11px; color:#654030; font-weight:normal; line-height:20px; text-align:center; margin:0px; border:0px;}
iframe		{position: absolute; border: 0px}

#centrage1	{width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%; }
.centrehv	{bottom:50%; right:50%; transform:translate(50%,50%);}	/* Centrage H et V : Overflow IE (ascenseurs) si positionnement top et left */
.centreh	{right:50%; transform:translate(50%);}					/* Centrage H : Overflow IE (ascenseurs) si positionnement top et left */
.large		{width:100%}

/***** Sabliers **********************************************************************************/

.sablier30		{background:url('../images/Sablier1.png'); background-size: 100% 100%; width:30px; height:30px; margin-left:-15px; margin-top:-15px; left:50%; top:50%;}
.sablier68		{background:url('../images/Sablier1.png'); background-size: 100% 100%; width:68px; height:68px; margin-left:-34px; margin-top:-34px; left:50%; top:50%;}

@keyframes rotadroite {from {transform: rotate(0);} to {transform: rotate(360deg);}}
@keyframes rotagauche {from {transform: rotateY(180deg) rotate(0);} to {transform: rotateY(180deg) rotate(360deg);}}
@keyframes rotadrogau {from {transform: rotateY(0) rotate(0);} 49.9% {transform: rotateY(0) rotate(360deg);} 50%{transform: rotateY(180deg) rotate(0);} to {transform: rotateY(180deg) rotate(360deg);}}

.rotd		{animation: rotadroite 2s linear infinite;}
.rotg		{animation: rotagauche 2s linear infinite;}
.rotdg		{animation: rotadrogau 4s linear infinite;}

/***** Textes ************************************************************************************/

.tit20	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:20px;	font-weight:bold; cursor:default; margin:0px; line-height:40px; text-align:center;}
.tit17	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:17px; font-weight:bold; cursor:default; margin:0px; line-height:14px; text-align:center;}
.tit15	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:15px; font-weight:bold; cursor:default; margin:0px; line-height:15px; text-align:center;}
.tit14	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:14px; font-weight:bold; cursor:default; margin:0px; line-height:20px; text-align:center;}
.tit11	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:11px; font-weight:bold; cursor:default; margin:0px; line-height:20px; text-align:center;}

.txt14	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:14px; font-weight:normal;	cursor:default; margin:0px;}
.txt12	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:12px; font-weight:normal;	cursor:default; margin:0px;}
.txt11	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:11px; font-weight:normal;	cursor:default; margin:0px;}

/***** Liens (plus utilises) *********************************************************************/

.lie14	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:14px; font-weight:normal;	cursor:pointer; margin:0px;}
.lie12	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:12px; font-weight:normal;	cursor:pointer; margin:0px;}

.lie14:hover {text-decoration:underline;}
.lie12:hover {text-decoration:underline;}

a:link 		{text-decoration:none; color:#888888;}
a:visited 	{text-decoration:none; color:#888888;}
a:hover 	{text-decoration:none;}
a:active 	{text-decoration:none;}

/***** ==========================================================================================*/
/***** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX      HABILLAGES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/***** ==========================================================================================*/

/***** bdy = Body */
/***** fnd = Fond indépendant avec opacity éventuelle */
/***** div = Div complète : Bordures avec couleur éventuelle sans opacity (héritée) */
/***** hau = Corps de bordure en position haute */
/***** bas = Corps de bordure en position basse */
/***** gau = Corps de bordure en position gauche */
/***** dro = Corps de bordure en position droite */
/***** tit = Div titre : Fond supplémentaire */

/***** Index *************************************************************************************/

#index_bdy	{background:#654030 url(../images/Fond.png);}
#index_fnd	{background-color:#000000; opacity:0.75; border-radius:12px; width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;}
/* EXEMPLES
#index_bdy	{background:#555555 url('../images/Fond.png'); }
#index_fnd	{background-color:#000000; opacity:0.85; left:0px; right:0px; top:0px; bottom:0px;}
#index_fnd	{background-color:#000000; opacity:0.85; border-radius:12px; left:12px; right:12px; top:12px; bottom:12px;}
#index_fnd	{background-color:#000000; opacity:0.85; border-radius:12px; width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;}
*/
/*
#index_div	{width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;
			background: 
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
#index_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;		top:5px;}
#index_bas	{background-color:#B56415; height:7px; 	left:5px;	right:5px;		bottom:5px}
#index_gau	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	left:5px;}
#index_dro	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	right:5px}
#index_tit	{background-color:#B56415; height:0px;	left:12px;	right:12px;		top:12px;	opacity:0.5}
*/
/***** fdi = Fond infos escamotable */
/***** bdi = Bordure infos escamotable */
#index_fdi	{background-color:; opacity:; border-radius:; left:0px; right:0px; top:0px; bottom:0px;}
/*
#index_bdi	{width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;
			background:
			url(../images/Bord-chg.bmp) no-repeat left top,
			url(../images/Bord-chd.bmp) no-repeat right top,
			url(../images/Bord-cbg.bmp) no-repeat left bottom,
			url(../images/Bord-cbd.bmp) no-repeat right bottom,
			url(../images/Bord-bh.bmp) repeat-x top,
			url(../images/Bord-bb.bmp) repeat-x bottom,
			url(../images/Bord-bg.bmp) repeat-y left,
			url(../images/Bord-bd.bmp) repeat-y right;
			background-color: ;}
*/
/***** lih = Ligne haute */
/***** lib = Ligne basse */
/***** pho = Photo (centrage manuel pour éviter les erreurs de 1 px) */
#index_lih	{left:15px; right:15px; top:5px;}
#index_lib	{left:15px; right:15px; top:573px;}
#index_pho	{height:576px; top:12px; left:276px}
/***** ann = Annonce */
/***** fda = Fond annonce pour masquer la photo (centrage manuel pour éviter les erreurs de 1 px) */
/***** tan = Texte annonce pour caler verticalement par rapport au fda */
#index_ann	{height:25px; top:5px;}						
#index_fda	{width:407px; height:25px; left:276px; background-color:#000000;}
#index_tan	{top:0px}

/***** Pages *************************************************************************************/

#page_bdy	{background:#654030 url(../images/Fond.png);}
#page_fnd	{background-color:#000000; opacity:0.80; border-radius:12px; width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;}
/*
#page_div	{width:960px; height:600px; margin-left:-480px; margin-top:-300px; left:50%; top:50%;
			background: 
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
#page_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;		top:5px;}
#page_bas	{background-color:#B56415; height:7px; 	left:5px;	right:5px;		bottom:5px}
#page_gau	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	left:5px;}
#page_dro	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	right:5px}
#page_tit	{background-color:#B56415; height:0px;	left:12px;	right:12px;		top:12px;	opacity:0.5}
*/
/***** Brub **************************************************************************************/
/*
#rub_div	{background: 
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
#rub_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;		top:5px;}
#rub_bas	{background-color:#B56415; height:7px; 	left:5px;	right:5px;		bottom:5px}
#rub_gau	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	left:5px;}
#rub_dro	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	right:5px}
#rub_tit	{background-color:#B56415; height:576px;left:12px;	right:12px;		top:12px;	opacity:0.5}
*/

/***** Bcorps ************************************************************************************/
/*
#corps_div	{background:
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
#corps_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;		top:5px;}
#corps_bas	{background-color:#B56415; height:7px; 	left:5px;	right:5px;		bottom:5px}
#corps_gau	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	left:5px;}
#corps_dro	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	right:5px}
#corps_tit	{background-color:#B56415; height:26px;	left:12px;	right:12px;		top:12px;	opacity:0.5}
*/

/***** Bnav **************************************************************************************/
/*
#nav_div	{background: 
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
#nav_hau	{background-color:#B56415; height:33px;	left:5px;	right:5px;		top:5px;}
#nav_bas	{background-color:#B56415; height:7px; 	left:5px;	right:5px;		bottom:5px}
#nav_gau	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px; 	left:5px;}
#nav_dro	{background-color:#B56415; width:7px;	top:12px; 	bottom:12px;	right:5px}
#nav_tit	{background-color:#B56415; height:550px;left:12px;	right:12px; 	top:38px;	opacity:0.5}
*/

/***** Popaide ***********************************************************************************/
/***** bdf = Largeur bordures fenetre :	Gauche (doublée à droite) et haute (doublée en bas) */
/***** bdp = Largeur bordures page :	Gauche (doublée à droite) et haute (doublée en bas) */

#popaid_bdy	{background:#654030 url(../images/Fond.png);}
#popaid_bdf	{width:12px; height:12px;}		
/*
#popaid_bdp	{width:12px; height:12px;}		
#popaid_div	{background:
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
*/
#popaid_fnd	{background-color:#000000; opacity:0.80; border-radius: 12px; left:0px; right:0px; top:0px; bottom:0px;}
/*
#popaid_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;	top:5px}
#popaid_bas	{background-color:#B56415; height:7px;	left:5px; 	right:5px;	bottom:5px}
#popaid_gau	{background-color:#B56415; width:7px;	top:5px;	bottom:5px;	left:5px}
#popaid_dro	{background-color:#B56415; width:7px;	top:5px;	bottom:5px;	right:5px}
#popaid_tit	{background-color:#B56415; height:30px;	left:12px; 	right:12px; top:12px;	opacity:0.5}
*/

/***** Popimage **********************************************************************************/
/***** bif = Barre infos */
/***** bdf = Largeur bordures fenetre :	Gauche (doublée à droite) et haute (doublée en bas) */
/***** bdp = Largeur bordures page :	Gauche (doublée à droite) et haute (doublée en bas) */

.popimg_bif	{background-color:#130c09;}
#popimg_bdy	{background:#654030 url(../images/Fond.png);}
#popimg_bdf	{width:12px; height:12px;}		
/*
#popimg_bdp	{width:12px; height:12px;}		
#popimg_div	{background:
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
*/
#popimg_fnd	{background-color:#000000; opacity:0.80; border-radius: 12px; left:0px; right:0px; top:0px; bottom:0px;}
/*
#popimg_hau	{background-color:#B56415; height:7px;	left:5px;	right:5px;	top:5px}
#popimg_bas	{background-color:#B56415; height:7px;	left:5px; 	right:5px;	bottom:5px}
#popimg_gau	{background-color:#B56415; width:7px;	top:5px;	bottom:5px;	left:5px}
#popimg_dro	{background-color:#B56415; width:7px;	top:5px;	bottom:5px;	right:5px}
*/

/***** Popson ************************************************************************************/
/***** bdf = Largeur bordures fenetre :	Gauche (doublée à droite) et haute (doublée en bas) */
/***** bdp = Largeur bordures page :	Gauche (doublée à droite) et haute (doublée en bas) */

#popson_bdy	{background:#654030 url(../images/Fond.png);}
#popson_lec	{background-color:#FFAA77; opacity:0.50;}
#popson_img	{border-radius: 0 0 12px 12px;}
#popson_bdf	{width:12px; height:12px;}		
/*
#popson_bdp	{width:12px; height:12px;}		
#popson_div	{background:
			url(../images/Bord-chg.jpg) no-repeat left top, 
			url(../images/Bord-chd.jpg) no-repeat right top, 
			url(../images/Bord-cbg.jpg) no-repeat left bottom, 
			url(../images/Bord-cbd.jpg) no-repeat right bottom,
			url(../images/Bord-bh.jpg) repeat-x top,
			url(../images/Bord-bb.jpg) repeat-x bottom,
			url(../images/Bord-bg.jpg) repeat-y left,
			url(../images/Bord-bd.jpg) repeat-y right;
			background-color: ;}
*/
#popson_fnd	{background-color:#000000; opacity:0.80; border-radius: 12px; left:0px; right:0px; top:0px; bottom:0px;}
/*
#popson_hau	{background-color:#B56415; height:7px;		left:5px;	right:5px;	top:5px}
#popson_bas	{background-color:#B56415; height:7px;		left:5px; 	right:5px;	bottom:5px}
#popson_gau	{background-color:#B56415; width:7px;		top:5px;	bottom:5px;	left:5px}
#popson_dro	{background-color:#B56415; width:7px;		top:5px;	bottom:5px;	right:5px}
#popson_tit	{background-color:#B56415; height:50px;		left:12px; 	right:12px;	top:12px;	opacity:0.5}
*/

/***** Page Audio ********************************************************************************/

#audio_lec	{background-color:#FFAA77; opacity:0.50; border-radius:6px; position:absolute; width:520px; height:25px; margin-top:172px;}
/*
#audio_img	{border-radius: 8px;}
*/
/***** Page Photos *******************************************************************************/

#photos_maf {width:0px; height:12px;}		/* Marges afficheur  : Gauche (doublée à droite) et basse */

/***** Formulaire ********************************************************************************/

form				{position: absolute;}
input 				{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:12px; color:#000000; font-weight:normal; line-height:18px; height:18px; position:absolute;}
textarea			{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:12px; color:#000000; font-weight:normal; line-height:20px; position:absolute;;}
input[type=radio]	{margin:0px;}
.input1 			{border:0px; padding-left:4px; padding-right:4px; background-color:#907060; cursor:default;}

/***** Ruban photos 0-ruban.html ****************************************************************/

.ruban_bif {background-color:#130c09;} 	/* Fond pour bande infos*/

/*************************************************************************************************/