/*
  Theme PICDEL CHRONOMETRE pour ordi bureau et tablette
  par Coignet octobre 2012
*/

body { background-color: #FFFFFF;}


font,th,td,p, div { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link		{ text-decoration: none; color : #de4000; }
a:active	{ text-decoration: none; color : #de4000; }
a:visited	{ text-decoration: none; color : #de4000; }
a:hover 	{ text-decoration: underline; color : #000000; }

.kimtitle	{
			font-weight: bold; font-size: 26px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}

.gensmall { font-size : 10px; }
.gensmall { color : #000000; }
a.gensmall { color: #de4000; text-decoration: none; }
a.gensmall:hover	{ color: #000000; text-decoration: underline; }

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: underline; }

.nav			{ font-weight: bold; font-size: 11px; color : #000000;  }
a.nav			{ text-decoration: none; color : #000; }
a.nav:hover		{ text-decoration: underline; color : #de6000; }

input { text-indent : 2px; }

/* compteur */
#entete {
position: absolute;
top: 8px;
left: 50%;
width: 420px;
margin-left: -210px;
height: 45px;
}

#enteteIE {
position: absolute;
top: 120px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 45px;
text-align: center;
}

#letitre {
position: absolute;
top: 50px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 45px;
text-align: center;
}

#lesmenus {
position: absolute;
top: 54px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 45px;
text-align: center;
}


#lesinfos {
position: absolute;
top: 170px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 90px;
text-align: center;
}

#textes {
position: absolute;
top: 190px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 105px;
}

.soustraction {
width: 390px;
height: 75px;
margin-top: 40px;
text-align: center;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 60px;
font-weight: bold;
color : #000;
text-shadow: 6px 6px 1px rgba(0, 0, 0, 0.1);
}

#addition {
width: 390px;
height: 30px;
text-align: center;
white-space: pre;
font-size: 18px;
font-weight: bold;
color : #000;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.messagefin {
width: 300px;
margin:12px 45px 0px 45px;
height: 117px;
text-align: center;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bold;
color : #000000;
text-shadow: 6px 6px 1px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	opacity: 0.9;
}

#lesboutons {
position: absolute;
top: 355px;
left: 50%;
width: 390px;
margin-left: -195px;
height: 110px;
text-align: center;
}

#depart {
position: absolute;
top: 0px;
left: 50%;
width: 150px;
margin-left: -75px;
text-align: center;
font-size: 14px;
}

#initial {
position: absolute;
top: 0px;
left: 50%;
width: 150px;
margin-left: -75px;
text-align: center;
font-size: 14px;
}

#baspage {
position: absolute;
top: 400px;
left: 50%;
width: 390px;
margin-left: -195px;
text-align: center;
}

#auteurs {
position: absolute;
top: 460px;
left: 50%;
width: 390px;
margin-left: -195px;
text-align: center;
}



/* Horloge chronometre */
#horlogeFond {
position: absolute;
z-index: -1;
top: 80px;
left: 50%;
width: 380px;
margin-left: -190px;
opacity: 0.4;
}

#minutesFond {
position: absolute;
top: 23px;
left: 172px;
-moz-transform-origin: 50% 68%;
-webkit-transform-origin: 50% 68%;
-o-transform-origin: 50% 68%;
-ms-transform-origin: 50% 68%;
transform-origin: 50% 68%;
}

#secondesFond {
position: absolute;
top: 23px;
left: 181px;
-moz-transform-origin: 50% 68%;
-webkit-transform-origin: 50% 68%;
-o-transform-origin: 50% 68%;
-ms-transform-origin: 50% 68%;
transform-origin: 50% 68%;
}

#repereFond {
position: absolute;
top: 23px;
left: 181px;
-moz-transform-origin: 50% 68%;
-webkit-transform-origin: 50% 68%;
-o-transform-origin: 50% 68%;
-ms-transform-origin: 50% 68%;
transform-origin: 50% 68%;
}

#horlogeCadre {
position: absolute;
z-index: 1;
top: 80px;
left: 50%;
width: 380px;
margin-left: -190px;
}

#repereText {
position: absolute;
top: 23px;
left: 181px;
z-index: 2;
-moz-transform-origin: 50% 68%;
-webkit-transform-origin: 50% 68%;
-o-transform-origin: 50% 68%;
-ms-transform-origin: 50% 68%;
transform-origin: 50% 68%;
}


/* Images et boutons */
.temperature {
	z-index: 10;
	display:inline;
	font-size: 18px;
	font-weight: bold;	cursor: pointer;
	cursor: pointer;
	background-color: #d4d4d4;
	padding:1px 4px 2px 3px;
	border:1px solid #de4000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow:
	1px 1px 2px #808080,
	1px 1px 1px #fff inset;
}

.masque { 
	visibility:hidden;
}
.visible { 
	visibility:visible;
}

#animation {
position: absolute;
z-index: 100;
top: 240px;
left: 50%;
width: 320px;
margin-left: -160px;
}

#image1, #image2, #image3 {
position: absolute;
}

.copyright		{ font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;}
a.copyright		{ color: #333333; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}