/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: small;
	color: #FFFFFF;
	text-align: center;
	background: #182844 url(images/bg-main.jpg) repeat-x top left;
}

/* LAYOUT ---------------------------------------------- */

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%; /* slight adjustment */
	text-align: left;
	border: 0px solid #60ADFE;
}

#top {
	width: 760px;
	height: 243px;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* LAYOUT ----------------------------------------------- */

/* MENU TOP NAVIGATION ----------------------------------------------- */
#nav {
	width: 760px;
	height: 28px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(images/bg-tabs.jpg) 0 0 no-repeat;
}

#leftMenu {
	height : 28px; 
	margin : 0; 
	padding : 0; 
	float : left;
}

#rightMenu {
	height : 28px; 
	margin : 0; 
	padding : 0; 
	float : right;
}

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	list-style: none;
	float: left;
	white-space: nowrap;

}

ul.menu a {
	display: block;
	float: left;
	margin: 0;
	text-align: center;
	vertical-align: bottom;
	text-decoration:none;
	color: black;
	font-size: 14pt;
}
ul.menu a :HOVER{
	display: block;
	float: left;
	margin: 0;
}

ul.menu a.over1 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/1over.jpg) 0 0 no-repeat;
}
ul.menu a.back1 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/1back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back1:HOVER {
	display: block;
	margin: 0;
	background: url(images/1over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over2 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/2over.jpg) 0 0 no-repeat;
}
ul.menu a.back2 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/2back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back2:HOVER {
	display: block;
	margin: 0;
	background: url(images/2over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over3 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/3over.jpg) 0 0 no-repeat;
}
ul.menu a.back3 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/3back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back3:HOVER {
	display: block;
	margin: 0;
	background: url(images/3over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over4 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/4over.jpg) 0 0 no-repeat;
}
ul.menu a.back4 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/4back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back4:HOVER {
	display: block;
	margin: 0;
	background: url(images/4over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over5 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/5over.jpg) 0 0 no-repeat;
}
ul.menu a.back5 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/5back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back5:HOVER {
	display: block;
	margin: 0;
	background: url(images/5over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over6 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/6over.jpg) 0 0 no-repeat;
}
ul.menu a.back6 {
	display: block;
	float: left;
	width: 114px;
	height: 28px;
	margin: 0;
	background: url(images/6back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back6:HOVER {
	display: block;
	margin: 0;
	background: url(images/6over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over7 {
	display: block;
	float: left;
	width: 122px;
	height: 28px;
	margin: 0;
	background: url(images/7over.jpg) 0 0 no-repeat;
}
ul.menu a.back7 {
	display: block;
	float: left;
	width: 122px;
	height: 28px;
	margin: 0;
	background: url(images/7back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back7:HOVER {
	display: block;
	margin: 0;
	background: url(images/7over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over8 {
	display: block;
	float: left;
	width: 181px;
	height: 28px;
	margin: 0;
	background: url(images/8over.jpg) 0 0 no-repeat;
}
ul.menu a.back8 {
	display: block;
	float: left;
	width: 181px;
	height: 28px;
	margin: 0;
	background: url(images/8back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back8:HOVER {
	display: block;
	margin: 0;
	background: url(images/8over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over9 {
	display: block;
	float: left;
	width: 153px;
	height: 28px;
	margin: 0;
	background: url(images/9over.jpg) 0 0 no-repeat;
}
ul.menu a.back9 {
	display: block;
	float: left;
	width: 153px;
	height: 28px;
	margin: 0;
	background: url(images/9back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back9:HOVER {
	display: block;
	margin: 0;
	background: url(images/9over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over10 {
	display: block;
	float: left;
	width: 79px;
	height: 28px;
	margin: 0;
	background: url(images/10over.jpg) 0 0 no-repeat;
}
ul.menu a.back10 {
	display: block;
	float: left;
	width: 79px;
	height: 28px;
	margin: 0;
	background: url(images/10back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back10:HOVER {
	display: block;
	margin: 0;
	background: url(images/10over.jpg) 0 0 no-repeat;
	color: black;
}

ul.menu a.over11 {
	display: block;
	float: left;
	width: 156px;
	height: 28px;
	margin: 0;
	background: url(images/11over.jpg) 0 0 no-repeat;
}
ul.menu a.back11 {
	display: block;
	float: left;
	width: 156px;
	height: 28px;
	margin: 0;
	background: url(images/11back.jpg) 0 0 no-repeat;
	color: white;
}
ul.menu a.back11:HOVER {
	display: block;
	margin: 0;
	background: url(images/11over.jpg) 0 0 no-repeat;
	color: black;
}

/* MENU TOP NAVIGATION ----------------------------------------------- */

/* CONTENT ----------------------------------------------- */

#content {
	width: 758px;
	min-height: 380px;
	_height:380px;
	margin: 0;
	padding: 0;
	border: 1px solid #60ADFE;
	border-top: none;
	background: #2B3F62 url(images/bg-main-content.jpg) 0 0 no-repeat;
	/*height:auto;*/
	/*overflow:hidden;*/
}

#content a {
	color: #F8D835;
	text-decoration: underline;
}

#content a:HOVER {
	color: #FFFFFF;
	text-decoration: none;
}

#contentHome {
	width: 758px;
	height: 380px;
	margin: 0;
	padding: 0;
	border: 1px solid #60ADFE;
	border-top: none;
	background: #2B3F62 url(images/bg-main-content-3.jpg) 0 0 no-repeat;
}

td.leftCote
{
	vertical-align: top;
	width : 365px; 
	margin : 0px 0px 0px 10px; 
	padding : 0px 0px 0px 10px;
	text-align: left;
	font-size: 90%;
}

td.rightCote
{
	vertical-align: top;
	text-align:top;
	width : 310px;
	margin : 0 10px 0 0;
	padding : 0; 
	font-size: 90%;
}

#leftSide {
	width : 365px; 
	/*height : 361px; */
	/*margin : 40px 0 0 10px; */
	margin : 0 0 0 10px; 
	padding : 0 0 0 0; 
	/*border: 0px solid #FFFFFF;*/
	text-align: left;
	font-size: 90%;
	float : left;
	/*height:auto;*/
}

#rightSide {
	width : 310px;
	/*height : 361px;*/
	margin : 0 10px 0 0; 
	/*margin : 40px 10px 0 0; */
	padding : 0; 
	font-size: 90%;
	/*border: 0px solid #FFFFFF;*/
	float : right;
	/*height:auto;*/
}

#bothSide {
	width : 720px; 
	/*height : 361px;*/
	margin : 0 0 0 10px; 
	padding : 0 0 0 0; 
	/*border: 0px solid #656565;*/
	text-align: left;
	font-size: 90%;
	/*float : left;*/
	/*height:auto;*/
}

#deuxSide {
	width : 720px; 
	/*height : 361px;*/
	margin : 0 0 0 10px; 
	padding : 0 0 0 0; 
	/*border: 0px solid #656565;*/
	text-align: left;
	font-size: 90%;
	/*float : left;*/
	/*height:auto;*/
}

input.submitButton {
	color: #FFFFFF;
	background-color: #2B3E66;
	font-weight: bold;
	border-top: 1px solid #8394B5;
	border-left: 1px solid #8394B5;
	border-right: 1px solid #2E374A;
	border-bottom: 1px solid #2E374A;
}

A.sitemap {
	font-size: 14px;
	color: #F8D835;
}

A.sitemap:HOVER {
	font-size: 14px;
	color: #FFFFFF;
}

span.t_head {
	font-size: 14px;
	font-weight: bold;
}

span.t_contenu {

	margin: 50px;
	text-align: justify;
}

a.lienWeb {
	color:#F8D835;
	text-decoration:underline;
}

a.lienWeb:HOVER {
	
	text-decoration:none;
}

span.titre {
	
	font-size:18pt;
	font-weight:bold;
	color:#F8D835;

}

span.texte {

	font-size:10pt;
	
}

/* CONTENT ----------------------------------------------- */


/* FOOTER ----------------------------------------------- */

#footer {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}

#footer .footer {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #FFFFFF;
}

#footer .footer li {
	display: inline; 
	list-style: none;
	padding: 0 10px 0 10px;
	color: #407A9C;
	border-left: 1px solid #407A9C;
	border-right: 1px solid #407A9C;
}

#footer a {
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #407A9C;
	font-size: 85%;
}

#footer a:hover {
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
	color: #FFD33A;
	font-size: 85%;
}

#footer p {
	margin: 0;
	padding: 10px 0 0 0;
	font-style: normal;
	color: #407A9C;
	font-size: 75%;
	text-align: left;
}

#footer p a {
	font-style: normal;
	text-decoration: underline;
	color: #407A9C;
	font-size: 100%;
}

#footer p a:hover {
	font-style: normal;
	text-decoration: none;
	color: #FFD33A;
	font-size: 100%;
}
/* FOOTER ----------------------------------------------- */