/* CSS Document */

/*
- Le #  s'applique aux id
- Le .  s'applique aux class
*/

/***** Couleurs **********************************************************************************/
/* 
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: 337755 txtimput: 002600 fondimput: 99ccbb
*/

:root {
	--coul-body:#000000;
	--coul-claire:#ccffdd;
	--coul-moyenne:#669977;
	--coul-fonce:#337755;
	--coul-transp:transparent;
	--coul-fondbif:#000000;
	--coul-txtimput:#002600;
	--coul-fondimput:#99ccbb;
	}

.c3	{color: var(--coul-claire);}
.c2	{color: var(--coul-moyenne);}
.c1	{color: var(--coul-fonce);}
.ct	{color: var(--coul-transp)}

.hc3:hover {color: var(--coul-claire);}         /* couleur claire au survol */
.hc2:hover {color: var(--coul-moyenne);}        /* couleur moyenne survol */

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

body		{margin:0; padding:0; background-color:var(--coul-body);}
div			{position: absolute;}
h1		 	{position: absolute;}
h2			{position: absolute;}
img			{position: absolute; font-family: "Tahoma","Kinnari";  font-size: 10px; color: var(--coul-moyenne); 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%; }
.centreh	{right:50%; transform:translate(50%);}	/* Centrage H : Overflow IE (ascenseurs) si positionnement top et left */
.bif {background-color:var(--coul-fondbif);}		/* Bandes infos */

/***** 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;}
.tit15	{font-family:"Tahoma","Kinnari","FreeSans","Liberation Sans";	font-size:15px; 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;}

/***** Agenda ; background-color:#222222 ********************************************************/
#pgeaganda	{width: 680px; height:500px}

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

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

/***** Popimage **********************************************************************************/

.popimg_bif	{background-color:#000000;}
#popimg_bdy	{background:#000000; }