@charset "utf-8";

body {
	background-image: url(../images/bk.jpg);
	background-attachment: fixed;
}
.texte {
	FONT-SIZE: 14px;
	font-weight:bold
	COLOR: #000000;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Verdana
}

.textegros {
	FONT-SIZE: 18px;
	font-weight:bold
	COLOR: #000000;
	LINE-HEIGHT: 19px;
	FONT-FAMILY: Verdana
}

.textepetit {
	FONT-SIZE: 10px;
	/*font-weight:bold*/
	COLOR: #000000;
	/*LINE-HEIGHT: 17px;*/
	FONT-FAMILY: Verdana
}

.textepetit9 {
	FONT-SIZE: 9px;
	font-weight:bold
	COLOR: #000000;
	/*LINE-HEIGHT: 17px;*/
	FONT-FAMILY: Verdana
}

.textepetit10 {
	FONT-SIZE: 10px;
	font-weight:bold
	COLOR: #000000;
	/*LINE-HEIGHT: 17px;*/
	FONT-FAMILY: Verdana
}

.texterouge {
	FONT-SIZE: 14px;
	font-weight:bold
	COLOR: #dc1e05;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Verdana
}

.texteIP {
	FONT-SIZE: 8px;
	font-weight:bold;
	color: #dc1e05;
	LINE-HEIGHT: 10px;
	FONT-FAMILY: Verdana
}

/* Code pour le popup d'erreur en overlay */

span.bulle {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.bulle:hover {
	z-index:25;
	}
/*span.bulle span {
	display: none;
	}
*/
span.bulle span {
	display:block;
	position:relative;
	left:0px; 
	top:220px;
	width:350px;
	border:3px ridge #fc0;
	color: #fff;
	padding: 10px;
	background-color: #ff0000; opacity: .8;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 8px 8px 16px black;
	-moz-box-shadow: 8px 8px 16px black;
	-webkit-box-shadow: 8px 8px 16px black;
	text-shadow: 0pt 0pt 4px white, 0pt -1px 5px rgb(0, 136, 255), 1px -2px 7px rgb(102, 255, 221), -1px -3px 11px rgb(51, 255, 136), 2px -5px 14px rgb(0, 255, 34);
	}
span.bulle2 {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.bulle2:hover {
	z-index:25;
	}
span.bulle2 span {
	display: none;
	}
span.bulle2:hover span {
	display:block;
	position:absolute;
	top: 30px;
	left: 0px;
	width:350px;
	color:#fff;
	padding: 10px;
	background-color: #004;
	opacity: .8;
	line-height: 30px;

	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow:
	10px 0px 20px yellow,
	0px 10px 10px lime,
	0px -10px 10px blue,
	-10px 0px 20px red;

	box-shadow:
	10px 0px 20px yellow,
	0px 10px 10px lime,
	0px -10px 10px blue,
	-10px 0px 20px red;
	-webkit-box-shadow:
	10px 0px 20px yellow,
	0px 10px 10px lime,
	0px -10px 10px blue,
	-10px 0px 20px red;
	text-shadow: 0pt 0pt 4px white, -3px -5px 4px rgb(255, 51, 255), 3px -10px 6px rgb(221, 51, 255), -3px -15px 11px rgb(136, 0, 255), 3px -25px 18px rgb(34, 0, 255);
	border: 8px ridge #fc0;
	-moz-border-bottom-colors: #FF0000 #FF7000 #FFFF00 #70FF00 #00F000 #00FF70 #00FFFF #0070FF;
	-moz-border-top-colors: #FF0000 #FF7000 #FFFF00 #70FF00 #00F000 #00FF70 #00FFFF #0070FF;
	-moz-border-left-colors: #FF0000 #FF7000 #FFFF00 #70FF00 #00F000 #00FF70 #00FFFF #0070FF;
	-moz-border-right-colors: #FF0000 #FF7000 #FFFF00 #70FF00 #00F000 #00FF70 #00FFFF #0070FF;
	}
span.bulle3 {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.bulle3:hover {
	z-index:25;
	}
span.bulle3 span, span.bulle3 img.fleur {
	display: none;
	}
span.bulle3:hover span {
	display:block;
	position:absolute;
	width: 240px;
	height: 280px;
	left: 70px; top:-140px;
	border:7px ridge #A92C10;
	background: url(tux_2.png) white 0 2px;
	box-shadow: 8px 8px 16px gray;
	-moz-box-shadow: 8px 8px 16px #444;
	-webkit-box-shadow: 8px 8px 16px #444;
	}
.bulle3:hover img.fleur {
	position:absolute;
	display:block;
	width: 48px;
	top: -155px;
	left: 50px;
	z-index: 30;
	}
.retour {
	position: absolute;
	top: 2px;
	left: 3px;
	color: #4040ff;
	background-color: #ffaaaa;
	}
	
label {
  clear:both;
}

#cookies{
	position:fixed;
	bottom:10px;
	right:10px;
	background-color:#333;
	padding:30px;
	width:200px;
	z-index:1000;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	border-radius:4px;
	color:#ccc;
	font-size:.8rem;
	line-height:130%
	}
	
#cookies h4{color:#fff;font-size:1.3rem;margin:0 0 5px!important}

#cookies #cookieclose {
	border:0;
	background-color:transparent;
	position:absolute;
	text-transform:uppercase;
	top:10px;
	right:10px;
	color:#999;
	font-weight:bold}
	
#cookies #cookieclose:hover{color:#eee}
 
.submit-continuer {
    border: none;
    /*background: url('/images/continuer.png') no-repeat top left;*/
    padding: 2px 8px;
    height: 54px;
    width: 196px;    
}

.submit-continuer-small {
    border: none;
    /*background: url('/images/continuer.png') no-repeat top left;*/
    padding: 2px 8px;
    height: 20px;
    width: 60px;    
}

.button {
     
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 50px;
    width: 150px;
    background: #6699cc;
    border: 2px solid rgba(33, 68, 72, 0.59);
     
    /*Step 3: Text Styles*/
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font: bold 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #6699cc, #99ccff);
    background: -moz-linear-gradient(top, #6699cc, #99ccff);
    background: -o-linear-gradient(top, #6699cc, #99ccff);
    background: -ms-linear-gradient(top, #6699cc, #99ccff);
    background: linear-gradient(top, #6699cc, #99ccff);
     
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
     
    -webkit-box-shadow: 0 8px 0 #1b383b;
    -moz-box-shadow: 0 8px 0 #1b383b;
    box-shadow: 0 8px 0 #1b383b;
     
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
     
}
 
/*Step 3: Link Styles*/
.button2 {
    text-decoration: none;
}
 
/*Step 5: Hover Styles*/
.button:hover {
    background: #3d7a80;
    background: -webkit-linear-gradient(top, #006699, #99ccff);
    background: -moz-linear-gradient(top, #006699, #99ccff);
    background: -o-linear-gradient(top, #006699, #99ccff);
    background: -ms-linear-gradient(top, #006699, #99ccff);
    background: linear-gradient(top, #006699, #99ccff);
}



/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:40px; font-size:8px; position:relative; font-size: 12px; } * html div.calendar-day { height:40px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:40px; } * html div.calendar-day-np { height:40px; }
td.calendar-day-head { background:#6BADD9; font-weight:normal; text-align:center; width:50px; padding:2px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; 	font-size: 14px; padding:2px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:50px; padding:4px; border-bottom:1px solid #999; border-right:1px solid #999; }


h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

::-webkit-input-placeholder { font-style:italic; letter-spacing:1px; color:#777;  }
::-moz-placeholder { font-style:italic; letter-spacing:1px; color:#777;  } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic; letter-spacing:1px; color:#777;  } /* ie */
input:-moz-placeholder { font-style:italic; letter-spacing:1px; color:#777;  }


/* TESTS popups

*/

a.tooltip {outline:none; cursor: help; font-size: 11px; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:10px; margin-top:-30px; margin-left:20px; min-width:200px; width:auto; height:auto; white-space: nowrap; line-height:14px; text-align:left; } 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#eee; } 
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ 
a.tooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; }

/* calendar 
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#6BADD9; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }

td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
*/