/*
*
*	Styles globaux du site
*
*	Copyright (c) 2006-2007 zepitt.net
*	Date création : 1.1.06
*	Dernière modification : 11.4.07
*
*/

html, body {
	margin: 5px 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #000;
}

html { /* obliger l'affichage de la barre de scroll dans Firefox */
	height: 100%;
	margin-bottom: 2px;
}

img a:hover {
	border: none;
}

a.nolink, a.nolink:visited, a.nolink:link {
	border: 0;
}

img {
	border: 0;
	padding: 5px 0 5px 0;
}

h1 { /* style titre */
	font-size: 18px;
	font-weight: bold;
	color: #ccc;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}


#page { /* centrer la page */
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -450px; width: 900px;
	border: 0px #ccc solid;
}





#footer {
	position: relative;
	clear: both;
	height: 38px;
	width: 935px;
	background: #fff url(img/bord_bas.png) left bottom no-repeat;
	margin: 0;
}

/* copyright du footer */
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
}
.copyright, .copyright a:link, .copyright a:visited {
	color: #9A9888;
	text-decoration: none;
	border: 0;
}
.copyright a:hover {
	color: #4a6384;
	font-weight: bold;
	text-decoration: none;
}



/********************************* page ***********************************/
#contenu {
	padding-left: 28px;
	/*border: 3px solid #ffcc00;*/
}
	


p.alerte {
	font-weight: bold;
	color: #ff0000;

}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
span.gras {
	font-weight: bold;
}
.centre {
	text-align: center;
}



/* formulaire inscription */
form#inscription {
	border: 1px #e7dafc dashed;
	margin: 0 30px 20px 0;
	padding: 10px;
}

form#inscription label {
	display: inline;
	float: left;
	font-weight: bold;
	width: 200px;
	margin: 5px;
}

form#inscription label#radio {
	width: 30px;
}

form#inscription input, form#inscription select {
	margin: 5px;
}

form .input {
	width: 200px;
}

table.dateCours {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	
}
tr.date {
	height: 0px;
	
}


/* infobulles */

/* ---------->>> info-bulles jtip <<<---------------------------------------------------------------*/
.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color: #f00;
	font-size: 0.9em;
	font-weight:bold;
	padding: 4px 3px;
	margin: 0 0 0 5px;
	color: #fff;
	text-decoration: none;
	border: 0;
	
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
	top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}
#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}
.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}
#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_copy p{
	margin:3px 0;
}
#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.jTip{
cursor:help;
}

img.question {
	padding: 5px 0 0 5px;
}

.nolink a:link, .nolink a:visited {
	border: 0;
}