html, body {
text-align: justify;
	color: #FFFFCC;
	font: 10pt/10pt Verdana;
}

/* Liste */
ul.cours {
margin: 0;
padding: 0;
}
li.cours {
list-style-type: square;
list-style-position: inside;
margin-bottom: 6px;
}

/* Menu Superieur */
#top_menu {
width: 105px;
height: 40px;
margin-bottom: 0;
clear: both;
}
#top_menu a {
width: 105px;
height: 40px;
text-align: center;
float: left;
font: bold 7pt/14px Verdana;
}

/* Retour a la ligne force */
.end {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
}

/* Bordures images */
.bord {
padding: 1px;
background-color: white;
border: 1px solid #fd8314;
}

/* Element Flottant Aligne a Gauche */
.left {
float: left;
margin-right: 10px;
}

td.page {
	color: #FFFFCC;
	font: 10pt/14pt Verdana;
	text-align: justify;
}

td.visiteurs {
	color: silver;
	font: 8pt/8pt Verdana;
	text-align: center;
	vertical-align: top;
}

h1 {
font-size: 12pt;
text-align: right;
color: #FFFFCC;
margin: 0;
	text-transform: none;
	border-bottom-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #fd8314;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-right: 3px;
	border-right-style: solid;
	border-left-style: solid;
	background-image: url(../Images/Interface/post_bouton.jpg);
	font-variant: small-caps;
	border-width: 1px;
}

h2 {
	color: #fd8314;
	font-size: 11pt;
	font-variant: small-caps;
	border-style: none;
}

span.important {
	color: #FFFFCC;
	font: bold 10pt/14pt Verdana;
	text-align: justify;
}

/* @group Liens */

a.site:link {
	color: silver;
	text-decoration: underline;
	font: 12pt Verdana;
}

a.site:visited {
	color: silver;
	text-decoration: underline;
	font: 12pt Verdana;
}

a.site:hover {
	color: #fd8314;
	text-decoration: underline;
	font: 12pt Verdana;
}

a.lienb:link {
	color: silver;
	text-decoration: underline;
	font: 10pt Verdana;
	text-align: right;
}

a.lienb:visited {
	color: silver;
	text-decoration: underline;
	font: 10pt Verdana;
	text-align: right;
}

a.lienb:hover {
	color: #fd8314;
	text-decoration: underline;
	font: 10pt Verdana;
	text-align: right;
}

a.site:active {
	color: white;
	text-decoration: underline;
	font: 12pt Verdana;
}

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: black;
text-decoration: none;
background: url(../Images/Interface/bouton_off.jpg) no-repeat left top;
display: block;
outline: none;
}
#top_menu a:hover, #top_menu #on {
color: #fd8314;
text-decoration: none;
background: url(../Images/Interface/bouton_on.jpg) no-repeat left top;
display: block;
outline: none;
}

#top_menu a:active, #top_menu #actif {
color: #FFFFCC;
text-decoration: none;
background: url(../Images/Interface/bouton_on.jpg) no-repeat left top;
display: block;
outline: none;
}



/* @end */

/* @group tableau */

table.lieux {
	width: 100%;
	color: #FFFFCC;
	font-size: 10pt;
	line-height: 14pt;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 10px;
	border: 1px none #fd8314;
	background-color: black;
}

table.page {
	background-color: black;
	width: 1200px;
	border-style: none;
	margin: 0;
	padding: 0;
}

td.cours {
	color: #FFFFCC;
	text-align: left;
	font: bold 10pt Verdana;
}

td.revue {
	width: 66px;
	text-align: center;
	vertical-align: middle;
}

td.lieux {
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

table.planning {
	width: 100%;
	margin: 0;
	padding: 2px;
}

td.jour {
	color: #FFFFCC;
	font-size: 12pt;
	font-weight: bold;
	width: 16%;
	text-align: center;
	vertical-align: middle;
	background-color: gray;
}

td.plan {
	color: #FFFFCC;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
}

td.planSH {
	color: black;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	background-color: orange;
}

td.planES {
	color: #FFFFCC;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	background-color: red;
}

td.planAAC {
	color: #FFFFCC;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	background-color: blue;
}

td.planENF {
	color: black;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	background-color: #fe9ebe;
}



/* @end */

/* @group Galerie */

/* Galerie Photos */
.galerie {
width: 1000px;
display: table-cell;
text-align: center !important;
}
.galerie img {
/* top/bottom right/left */
margin: 10px 3px;
vertical-align: middle;
}
.galerie span {
width: 160px;
/* top/bottom right/left */
margin: 10px 3px;
vertical-align: middle;
display: block;
float: left;
}



/* @end */

/* @group F.A.Q */

a.faq:link {
	color: silver;
	font-size: x-small;
	text-decoration: none;
}

a.faq:visited {
	color: purple;
	text-decoration: none;
	font-size: x-small;
}

a.faq:hover {
	color: #fd8314;
	font-size: x-small;
	text-decoration: underline;
}

.quesfaq {
	font-weight: bold;
	font-variant: small-caps;
	font-size: small;
	color: #FFFFCC;
}

.fermerfaq {
	color: #ff3200;
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
	font-size: 8pt;
	text-align: center;
}



/* @end */

/* @group Livre d'Or */

table.form {
	background-color: #EDEFF1;
	border: 1px solid #708090;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: black;
}

table.vide {
	background-color: White;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: black;
}

table.aff {
	border: none;
	color: black;
}


select {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CAD0D6;
	border: 1px solid #708090;
}

input {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CAD0D6;
	border: 1px solid #708090;
}

textarea {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 400px;
	height: 120px;
	background-color: #CAD0D6;
	border: 1px solid #708090;
	text-align: justify;
}

td.head {
	border: none;
	font-size: 10px;
	background-color: #EDEFF1;
	color: black;
}

td.menu {
	background-color: #97A4B1;
	padding: 15px;
}


a {
color: #FFFFCC;
text-decoration: none;
font-size: 11px;
font-family: verdana, sans-serif;
}

a:hover {
color: #FF8C00;
font-size: 11px;
font-family: verdana, sans-serif;
}

a.lien {
color: #4682B4;
text-decoration: underline;
font-size: 11px;
font-family: verdana, sans-serif;
}


a.lien:hover {
color: #87A5CD;
text-decoration: none;
font-size: 11px;
font-family: verdana, sans-serif;
}

a.admin {
color: Black;
text-decoration: none;
font-size: 11px;
font-family: verdana, sans-serif;
background-color: transparent;
width:160px;
padding-top:5px;
padding-bottom:5px;
}

a.admin:hover {
	color: Black;
	background-color: #FFD700;
}



/* @end */