html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              {
	font-size: 1.17em
}
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
 
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
 
*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }
 
@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
/* Élément de Base */
body { 
	background-color: #F0F0F0; 
	}
p {
	font: 12px/normal Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #000000;
	margin-left: 10px;
	line-height: 14pt;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7a1417;
	font-variant: small-caps;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #91484A;
	font-variant: small-caps;
	}
a:link {
	text-decoration: underline;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	}
a:visited { 
	text-decoration: none; 
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	}
td {
	font: 12px/normal Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 10px;
	line-height: 14pt;
	vertical-align: top;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	
/* Propriétés du Div */
#main{
	width:1000px;
	height:600px;
	z-index:1;
	position:relative;
}
#haut{
	position:absolute;
	width:1000px;
	height:25px;
	z-index:3;
	margin-left: -500px;
	top: 60px;
	left: 50%;
}
#musique{
	position:absolute;
	width:200px;
	height:25px;
	z-index:1;
	margin-left: -500px;
	top: 0px;
	left: 50%;
}
#cerne2{
	position:absolute;
	width:250px;
	height:300px;
	z-index:5;
	top: 125px;
	left: 250px;
	border:medium none #000000;
	background-image: url(/images/cerne.gif);
	background-repeat: no-repeat;
}
#cerne3{
	position:absolute;
	width:250px;
	height:300px;
	z-index:8;
	top: 144px;
	left: 519px;
	border:medium none #000000;
	background-image: url(/images/cerne.gif);
	background-repeat: no-repeat;
}#cerne4{
	position:absolute;
	width:250px;
	height:300px;
	z-index:8;
	top: 94px;
	left: 706px;
	border:medium none #000000;
	background-image: url(/images/cerne.gif);
	background-repeat: no-repeat;
}
#error{
	position:absolute;
	width:275px;
	height:39px;
	z-index:5;
	top: 490px;
	left: 405px;
}
#cerne{
	position:absolute;
	width:250px;
	height:300px;
	z-index:5;
	top: 250px;
	left: 250px;
	border:medium none #000000;
	background-image: url(/images/cerne.gif);
	background-repeat: no-repeat;
}
#une{
	position:absolute;
	width:450px;
	height:300px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/une.png);
	background-repeat: no-repeat;
}
#contact{
	position:absolute;
	width:791px;
	height:525px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/jessverre2.jpg);
	background-repeat: no-repeat;
}
#ici1{
	position:absolute;
	width:629px;
	height:470px;
	z-index:4;
	top: 14px;
	left: 365px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
}
#ici2{
	position:absolute;
	width:619px;
	height:352px;
	z-index:4;
	top: 84px;
	left: 367px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
}
#ici3{
	position:absolute;
	width:600px;
	height:495px;
	z-index:4;
	top: 14px;
	left: 365px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
	overflow:auto;
	padding-right: 15px;
	padding-left: 10px;
}
#ici4{
	position:absolute;
	width:550px;
	height:495px;
	z-index:7;
	top: 14px;
	left: 420px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
	overflow:auto;
	padding-right: 15px;
}
#ici8{
	position:absolute;
	width:476px;
	height:441px;
	z-index:5;
	top: 46px;
	left: 461px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: hidden;
}#ici7{
	position:absolute;
	width:550px;
	height:495px;
	z-index:4;
	top: 14px;
	left: 420px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: hidden;
}
#ici6{
	position:absolute;
	width:550px;
	height:495px;
	z-index:4;
	top: 14px;
	left: 420px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
	overflow:auto;
	padding-right: 15px;
}
#ici5{
	position:absolute;
	width:550px;
	height:495px;
	z-index:6;
	top: 14px;
	left: 420px;
	border:medium none #000000;
	background-repeat: no-repeat;
	visibility: hidden;
	overflow:auto;
	padding-right: 15px;
}#ici9b{
	position:absolute;
	width:476px;
	height:401px;
	z-index:5;
	top: 6px;
	left: 390px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: visible;
}
#antre{
	position:absolute;
	width:480px;
	height:124px;
	z-index:5;
	top: 416px;
	left: 400px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	visibility: visible;
}
#ici9{
	position:absolute;
	width:476px;
	height:441px;
	z-index:5;
	top: 46px;
	left: 390px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: visible;
}
#mags{
	position:absolute;
	width:90px;
	height:541px;
	z-index:5;
	top: 0px;
	left: 890px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: visible;
}
	#ici10{
	position:absolute;
	width:476px;
	height:441px;
	z-index:5;
	top: 46px;
	left: 461px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: hidden;
}	
	#ici11{
	position:absolute;
	width:476px;
	height:441px;
	z-index:5;
	top: 46px;
	left: 461px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: hidden;
}
	#ici12{
	position:absolute;
	width:476px;
	height:441px;
	z-index:5;
	top: 46px;
	left: 461px;
	border:medium none #000000;
	background-repeat: no-repeat;
	overflow:auto;
	padding-right: 15px;
	visibility: hidden;
}
#contactc{
	position:absolute;
	width:300px;
	height:305px;
	z-index:5;
	top: 200px;
	left: 660px;
	border:medium none #000000;
	background-repeat: no-repeat;
}
#contactcen{
	position:absolute;
	width:300px;
	height:328px;
	z-index:5;
	top: 200px;
	left: 660px;
	border:medium none #000000;
	background-image: url(/images/ccontacten.gif);
	background-repeat: no-repeat;
}
#langue{
	position:absolute;
	width:250px;
	height:33px;
	z-index:6;
	top: 351px;
	left: 689px;
	border:medium none #000000;
}
#lousse{
	position:absolute;
	width:413px;
	height:525px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/lousse.jpg);
	background-repeat: no-repeat;
}
#cdp{
	position:absolute;
	width:413px;
	height:550px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/cdp.jpg);
	background-repeat: no-repeat;
}
#acsp{
	position:absolute;
	width:600px;
	height:508px;
	z-index:4;
	top: 2px;
	left: 120px;
}
#caps{
	position:absolute;
	width:216px;
	height:97px;
	z-index:4;
	top: 58px;
	left: 121px;
	border:medium none #000000;
	background-image: url(/images/caps.png);
	background-repeat: no-repeat;
}
#grappe{
	position:absolute;
	width:183px;
	height:525px;
	z-index:4;
	top: 26px;
	left: 1px;
	border:medium none #000000;
	background-image: url(/images/raisin.jpg);
	background-repeat: no-repeat;
}
#carteune{
	position:absolute;
	width:250px;
	height:145px;
	z-index:4;
	top: 380px;
	left: 682px;
	border:medium none #000000;
	background-image: url(/images/carteune.jpg);
	background-repeat: no-repeat;
}
#lorem{
	position:absolute;
	width:250px;
	height:135px;
	z-index:4;
	top: 156px;
	left: 624px;
	border:medium none #000000;
	background-image: url(/images/vino.gif);
	background-repeat: no-repeat;
}
#carteune2{
	position:absolute;
	width:250px;
	height:145px;
	z-index:4;
	top: 200px;
	left: 682px;
	border:medium none #000000;
	background-image: url(/images/carteune.jpg);
	background-repeat: no-repeat;
}
#lorem2{
	position:absolute;
	width:250px;
	height:135px;
	z-index:4;
	top: 100px;
	left: 624px;
	border:medium none #000000;
	background-image: url(/images/vino.gif);
	background-repeat: no-repeat;
}
#repere{
	position:absolute;
	width:130px;
	height:45px;
	z-index:4;
	top: 400px;
	left: 824px;
}
#article{
	position:absolute;
	width:180px;
	height:460px;
	z-index:4;
	top: 26px;
	left: 190px;
	border:medium none #000000;
	font-size: 12px;
}
#acspC{
	position:absolute;
	width:400px;
	height:350px;
	z-index:4;
	top: 170px;
	left: 20px;
	border:medium none #000000;
}

#cours2{
	position:absolute;
	width:413px;
	height:525px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/cours.jpg);
	background-repeat: no-repeat;
}#saq{
	position:absolute;
	width:436px;
	height:525px;
	z-index:4;
	top: 0px;
	left: 0px;
	border:medium none #000000;
	background-image: url(/images/saq.jpg);
	background-repeat: no-repeat;
}
#liencours{
	position:absolute;
	width:200px;
	height:92px;
	z-index:4;
	top: 46px;
	left: 175px;
}
#page{
	width:1000px;
	height:525px;
	z-index:3;
	background-color: #FFFFFF;
	border:thin solid #000000;
	position: relative;
}
#pagefaq{
	position:absolute;
	width:1000px;
	height:525px;
	z-index:2;
	top: 25px;
	left: 0px;
	background-image: url(/images/jessmontagne.jpg);
	background-repeat: no-repeat;
	border:thin solid #000000;
}
#pageadmin{
	position:absolute;
	width:1000px;
	height:520px;
	z-index:3;
	top: 26px;
	left: 35px;
	background-color: #FFFFFF;
	border:thin solid #000000;
	overflow: auto;
	padding-right: 25px;
}

#qui_txt{
	position:absolute;
	width:450px;
	height:450px;
	z-index:1;
	top: 25px;
	overflow: auto;
	left: 480px;
}
#qui_titre{
	position:absolute;
	width:25px;
	height:25px;
	z-index:1;
	top: 300px;
	left: 20px;
}
#art_txt{
	position:absolute;
	width:450px;
	height:500px;
	z-index:1;
	top: 15px;
	left: 520px;
	overflow: auto;
	padding-right: 15px;
}
#lien{
	position:absolute;
	width:356px;
	height:130px;
	z-index:30;
	top: 385px;
	left: 15px;
	overflow: auto;
	visibility: visible;
}
#video{
	position:absolute;
	width:350px;
	height:350px;
	z-index:33;
	bottom: 235px;
	left: 14px;
	overflow: auto;
	top: 16px;
	visibility: visible;
}
#winspec{
	position:absolute;
	width:318px;
	height:51px;
	z-index:3;
	bottom: 235px;
	left: 32px;
	top: 375px;
	visibility: visible;
}
#winspec2{
	position:absolute;
	width:1000px;
	height:51px;
	z-index:3;
	bottom: 235px;
	left: 2px;
	top: 455px;
	visibility: visible;
	vertical-align: bottom;
}

#trot{
	position:absolute;
	width:350px;
	height:38px;
	z-index:1;
	left: 15px;
	overflow: auto;
	top: 4px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#trot2{
	position:absolute;
	width:350px;
	height:30px;
	z-index:1;
	left: 13px;
	overflow: auto;
	top: 348px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#cours{
	position:absolute;
	width:550px;
	height:475px;
	z-index:1;
	top: 15px;
	left: 420px;
	overflow: auto;
	padding-right: 15px;
}#saq2{
	position:absolute;
	width:481px;
	height:475px;
	z-index:1;
	top: 18px;
	left: 476px;
	overflow: auto;
	padding-right: 15px;
}
#gaz{
	position:absolute;
	width:500px;
	height:475px;
	z-index:1;
	top: 15px;
	left: 20px;
	overflow: auto;
	padding-right: 15px;
}
#articletxt{
	position:absolute;
	width:400px;
	height:450px;
	z-index:1;
	top: 5px;
	left: 320px;
	overflow: auto;
	padding-right: 15px;
}
#faq{
	position:absolute;
	width:400px;
	height:400px;
	z-index:4;
	top: 15px;
	left: 550px;
	overflow: auto;
	padding-right: 15px;
}
#faq2{
	position:absolute;
	width:406px;
	height:430px;
	z-index:4;
	top: 40px;
	left: 140px;
	overflow: auto;
	padding-right: 15px;
}
#mainAdmin{
	position:absolute;
	width:1000px;
	height:525px;
	z-index:1;
	margin-left: -500px;
	margin-top: -250px;
	top: 50%;
	left: 50%;
	border:medium solid #000000;
}
#logo{
	height:60px;
	width:1000px;
	background-image: url(/images/jhs.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
#coin{
	position:absolute;
	z-index:1;
	top: 0;
	left: 0;
	border: none;
	height:300px;
	width: 350px;
	background-image: url(/images/jhs.png);
	background-repeat: no-repeat;
}
#bandeadmin {
	position: absolute;
	height: 337px;
	width: 144px;
	left: 11px;
	top: 8px;
	background-color: #F0F0F0;
}


/* Lettrine */
span.lettrine {
	display: block;
	float: left;
	width: 46px;
	height: 63px;
	margin-right: 5px;
	background-image: url(/images/lettrine_e.gif);
	background-repeat: no-repeat;
}
span.lettrine span {display:none;}
span.lettrinea {
	display: block;
	float: left;
	width: 46px;
	height: 63px;
	margin-right: 5px;
	background-image: url(../images/lettrine_a.gif);
	background-repeat: no-repeat;
}
span.lettrinea span {display:none;}
/* Propriétés spécial d'un div et d'un élément de base */
#default p{
	font: 12px/normal Arial, Helvetica, sans-serif;
	text-align: left;
	color: #00FF66;
}
/* Texte */
.default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: italic;
	font-weight: bold;
	color: #006666;
	text-decoration: underline;
}
.course {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: bold;
	color: #990000;
}
.courseT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #990000;
	font-weight: bold;
}