@import url(menu.css);
@import url(lightbox.css);

body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:#59593f repeat-x; color:#5d5b41; overflow-x:hidden; height:100%}
html { height:100%}

/*boite alerte*/
.fondGris { width:100%; height:100%; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position:absolute; top:0; left:0; cursor:pointer}
.boxAlert { width:440px; height:160px; position:absolute; left:50%; top:50%; margin:-80px 0 0 -220px; background-color:#f9eedb; border:2px solid #cc7865}
.boxAlert p { padding:20px; text-align:center; font-size:13px}
a.btFermer img { border:none}
a.btFermer { display:block; width:14px; height:14px; position:absolute; top:4px; right:4px}
/*boite alerte*/

/*header*/
#header { width:1009px; margin:auto; height:129px;}
#logo { background-image:url(img/h-logo.jpg); height:129px; width:181px; float:left;}
#logo h1 { display:none;}
#title {background-image:url(img/h-title-bg.jpg); height:97px; width:828px; float:left;}
#title h1 { color:#811d06; font:26px normal "Times New Roman", Times, serif; margin:54px 0 0 10px; letter-spacing:-1px;}
/*header*/

/*content*/
h1 {font:bold 20px "Times New Roman", Times, serif; color:#ffffff;}
h2 { background:url(img/bandeau.gif) right 5px no-repeat; font:bold 20px "Times New Roman", Times, serif; color:#ffffff; padding:10px 60px 15px 10px; display:inline;}
h3 { color:#5d5b41; font-size:14px; margin:0 0 5px 0; text-align:left;}
h4 { font-size:12px; font-weight:bold; display:inline;}
b { color:#b72b11;}
td { vertical-align:top;}
a { color:#84a019; font-weight:bold; text-decoration:none;}
a:hover { text-decoration:underline;}
ul { margin:0; padding:0;}
li { margin:0 0 0 30px; padding:0;}
strong { color:#84a019;}

#content { background-image:url(img/content-bg.jpg); width:973px; margin:auto; padding:0 18px 0 18px;}
.bloc { padding:20px 0 0 0; position:relative;}
.paragraphe { background:url(img/p-bg.jpg) #f9eedb repeat-x; padding:20px 0 0 10px; font-size:12px; line-height:18px; border:1px solid #cc7865;}
.entier { width:973px; float:left; padding:20px 0 0 0;}
.demigauche { width:481px; float:left; margin:0 5px 0 0;}
.demidroite { width:482px; float:left; margin:0 0 0 5px;}
.deuxtiers { width:653px; float:left;}
.untiers { width:310px; float:left; margin:0 0 0 10px;}
.texts { padding:0 0 10px 0; position:relative;}
.clearer { clear:both;}
.ensavoirplus { vertical-align:bottom; padding:0 0 10px 0;}
.tableaux { border:1px #a28882 solid; border-collapse:collapse; background:url(img/table-td-bg.gif) repeat-x left 18px #fefcf9; margin:10px 0 0 0;}
.tableaux td { border:1px #a28882 solid; padding:0 0 0 10px;}
.tableaux th { border:1px #a28882 solid; color:#b72b11; text-align:left; padding:0 0 0 10px; background:url(img/table-th-bg.gif) repeat-x left top #fefcf9;}
.txt11px { font-size:11px;}
.txt9px { font-size:9px;}
.coursenimage { text-align:center; font-weight:bold;}
.coursenimage td { padding:0 5px 10px 5px;}
.exposition { text-align:center; font-weight:bold;}
.exposition td { padding:0 0 10px 20px;}

	/*home*/
	#reglement { font-size:10px; text-align:justify; line-height:normal; padding:0 10px 10px 0;}
	.texthome { text-align:justify; padding:0 10px 0 0;}
	.thumb { padding:0 0 5px 0;}
	.thumb img { margin:0 10px 5px 0;}
	.plandacces { position:absolute; top:90px; right:202px; float:right;}
	.textnews { margin:0 0 14px 0;}
	.textnews img { float:left;}
	.textnews span { float:left; width:360px; padding:0 0 0 10px;}
	/*home*/
	
	/*pages de cours*/
	#titlepage { background:url(img/titlepage-bg.jpg) repeat-x; padding:20px 0 0 0; margin:0;}
	#titlepage h1{ background:url(img/bandeau-titlepage.jpg) no-repeat; margin:0 auto 0 auto; width:387px; text-align:center; padding:5px 0 10px 0;}
	#gleft { color:#b1bd80; font-family:Georgia, "Times New Roman", Times, serif; font-size:120px; width:39px; padding:40px 0 0 0;}
	#gright { color:#b1bd80; font-family:Georgia, "Times New Roman", Times, serif; font-size:120px; position:relative ; top:5px; left:520px;}
	#cocci { text-align:justify; line-height:17px; padding:0 20px 5px 0;}
	#cocci b { color:#84a019;}
	.barreverte { background:url(img/barre-verte.gif) no-repeat -5px 20px; width:100%; height:30px;}
	.plan { position:absolute; top:54px; right:10px; float:right;}
	#mail { margin:10px 0 0 80px;}
	#mail input.fond { background-image:url(img/bg-objet.gif); border:1px solid #b7b7b7;}
	#mail textarea { background-image:url(img/bg-message.gif); width:517px; height:287px; border:1px solid #b7b7b7; margin:10px 0 0 0;}
	#mail label { display:inline; float:left;}
	#objet { padding:0 5px 0 20px;}
	#message { padding:10px 5px 0 0;}
	#envoyer { width:78px; height:29px; display:block; margin:10px 0 10px 0px;}
	th.col1 { background-image:url(img/table-col1-bg.gif); width:35px; font-size:11px; color:#5d5b41; text-align:center; padding:0;}
	.calendrier td { background-color:#ffffff; width:76px; padding:0 0 0 2px; font-size:9px;}
	.calendrier th { text-align:center; padding:0;}
	.calendrier span { font-weight:bold;}
	td.pascours { background-image:url(img/pascours-bg.gif); background-position:center;}
	td.judo { background-image:url(img/coursjudo-bg.gif); background-position:center;}
	td.dessin { background-image:url(img/coursdessin-bg.gif); background-position:center;}
	td.dessinjudo { background-image:url(img/coursdessinjudo-bg.gif); background-position:center; background-repeat:no-repeat;}
	ul.legende { margin:0; width:947px; padding:0; display:block}
	li.legende {  list-style:none; display:inline; margin:0; padding:0;}
	li.legende img { float:left; margin:0; padding:0;}
	li.legende b { display:block; float:left; padding:0 20px 10px 5px; font-size:11px; margin:0;}
	.tarif1, .tarif2 { width:49%; float:left;}
	/*pages de cours*/

/*content*/

/*Faq*/
.demicol { width:50%; float:left;}
h3.question { padding:0 0 5px 0; margin:0; color:#b72b11;}
span.question, div.question { background-color:#FFFFFF; border:1px solid #a28882; display:block; padding:10px; margin:0 10px 10px 0; text-align:justify; display:block}
/*Faq*/

/*footer*/
#footer { background:url(img/footer-bg.gif) no-repeat; width:1009px; height:50px; margin:auto; text-align:center; font-size:11px; padding:20px 0 0 0;}
#footer span { color:#b72b11;}
#footer a { color:#b72b11; text-decoration:underline;}
#footer a:hover { color:#84a019; text-decoration:none;}
/*footer*/