/* CSS Document */

body {
	background-color: #88C9DB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding:0px;
	padding-top:0px;
	background-image: url(images/fond.jpg);
} 
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

a:link {
color: #FFFFFF; text-decoration: underline;
} 

a:visited {
color: #FFFFFF; text-decoration: underline;
} 
.tableau {
	color: #FFFFFF;
	background-color: #FF9900;
	border: 1px none #000000;
	font-style: normal;
}


a:hover {
color: #FFFFFF; text-decoration: underline;
}

a.yzeo:link {
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
} 

a.yzeo:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
} 

a.yzeo:hover {
color: #000000; text-decoration: underline;
}
a.lien:link {
color: #CCCCCC; text-decoration: underline;
} 

a.lien:visited {
color: #CCCCCC; text-decoration: underline;
} 

a.lien:hover {
color: #FFFFFF; text-decoration: underline;
}
#navcontainer
{

border-top: 0px solid ;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: left;
padding: 10px 0px 0px 110px;
}
}

#navlist li
{
bottom: 0px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #00017E;
margin: 0 02px 0 0;
padding: 0px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #C6CFE2;
border: 1px solid #FFF;
bottom: 1px;
color: #18243C;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #C6CFE2;
bottom: 1px;
color: #5B6781;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #274565;
top: 2px;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active
{
top: 0px;
bottom: 13px;
display: inline;
margin: 0 0px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{

margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{

border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 10px 2px 5px;
position: relative;
right: 0;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	}
	
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texte4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #C8A8C8;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.TopMenuItemContact {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	background: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f4f4f4;
	border-right-color: #f4f4f4;
	border-bottom-color: #f4f4f4;
	border-left-color: #f4f4f4;
}

.TopMenuItem {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	background: #ffffff;
	border: 1px solid #000000;
}



/* ************************* Class Plan API GOOGLE ************************* */

.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9a379b;
}
.plan {
	width: 500px;
	height: 350px;
	border:1px solid #05295b;
	text-align: center;
}

/* ************************* Fin Class Plan API GOOGLE ************************* */
.Style34 a {
	color: #003366;
}
.yzeo2 {
	color: #000000;
	font-size: 9px;
}

.Style32 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.intro {
	color: #FFFFFF;
}
.texte5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}
.tableau2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}
.style1 {
	color: #FFFFFF;
}

.liens { float:left; text-align:center; font-style:italic; margin:2px; }
.liens img { border:none; }

.cours { text-align:center; }
.cours img { border:1px solid #000; }

.galerie { text-align:center }
.galerie img { margin:0px; }
.galerie a img { border:1px solid #ffffff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
.galerie a:hover img { border:1px solid #ffffff; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }

/* Styles CSS pour LightBox PopUp */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #0b2652;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 5px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	background: url(images/prevlabel.gif) left 100% no-repeat;
	left: 0;
	float: left;
}

#nextLink {
	background: url(images/nextlabel.gif) right 100% no-repeat;
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 100% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #0b2652;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding:0 10px;
	color: #fff;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

.imageleft{ float:left; margin-right:5px;}
.imageright{ float:right; margin-left:5px;}
.clearer {
	width:0;
	height:0px;
	line-height:0;
	padding:0;
	margin:0;
	clear: both;
	font-size:0;
}
.marge-image{margin-left:10px;}

.clearer {
	width:0;
	height:0px;
	line-height:0;
	padding:0;
	margin:0;
	clear: both;
	font-size:0;
}