body {
margin: 0 auto;
padding: 0;
font: 73% "lucida sans", Arial, Helvetica, Sans-Serif;
line-height: 1.7em;
background: #fff url(images/bg.jpg) repeat-x;
color: #555;
}
			/*WRAP*/
#wrap {
width: 760px;
margin: 0 auto;
padding: 0;
background: #fff;
color: #555;
}
				/*TOPBAR */
#topbar {
width: 1000px;
height: 200px;
margin: 0 auto;
padding: 0;
overflow: hidden;
background: #fff url(images/header.jpg);
color: #000;
}
#topbar h1 {
font-family: 'Poiret One', Arial;
margin-top: 70px;
padding: 0px;
letter-spacing: 3px;
font-size: 350%;
color: #fff;
background: transparent;
}	
#topbar h2 {
font-family: 'Poiret One', Arial;
margin: 10px;
padding: 0px;
font-size: 150%;
letter-spacing: 3px;
color: #fff;
background: transparent;
}
#topbar img a {
margin: 0;
border: none;
}
#topbarleft {
float: left;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
background: #fff url(images/logo.jpg);
color: #000;
}
#topbarright {
float: right;
width: 800px;
text-align: right;
margin: 0;
padding: 10px 0 0 0;
}
#topbarright li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#topbarright ul {
margin: 0;
padding: 0;
}
#topbarright a, #topbarright a:visited {
color: #fff;
font-size: 120%;
font-weight: bold;
margin: 0;
padding: 6px 10px 6px 10px;
text-decoration: none;
}
#topbarright a:hover {
color: #477aae;
font-weight: bold;
text-decoration: underline;
}
				/*CONTENT */
#content {
width: 1000px;
margin: 0 auto;
padding: 0;
}
#content p {
padding: 0 0 10px 0;
margin: 0;
line-height: 2em;
}
#content h1 {
margin: 30px 0 0 0;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #14375c;
background: inherit;
}
#content h2 {
padding: 20px 0 10px 0;
margin: 0;
border-bottom: 1px solid #ccc;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #477aae;
background: inherit;
}
#contentleft {
float: left;
width: 1000px;
margin: 0;
padding: 0 0 20px 0;
}
				/*RIGHT SIDEBAR*/
#right_sidebar {
float: right;
width: 225px;
margin: 20px 0 0 20px;
padding: 0 0 20px 0;
border-bottom: 0px solid #6387ae;
}
#right_sidebar h2 {
border-bottom: 1px solid #6387ae;
}
#right_sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
#right_sidebar ul li {
display: inline;
padding: 0;
margin: 0;
}
#right_sidebar ul li a {
display: block;
color: #000;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #6387ae;
}
#right_sidebar ul li a:hover {
background: #640f57;
color: #FFF;
}
#right_sidebar p {
padding: 3px 0 0 0;
margin: 0;
line-height: 20px;
}
			/*FOOTER BACKGROUND*/
#footerbg {
background: #14375c;
border-top: 5px solid #640f57;
}
				/*FOOTER*/
#footer {
width: 760px;
height: 200px;
margin: 0 auto;
text-align: left;
position: relative;
line-height: 1.5em;
background: #14375c;
color: #fff;
}
#footer p {
padding: 0;
list-style-type: none;
margin: 0;
color: #fff;
}
#footer h2 {
padding: 0 0 20px 0;
margin: 15px 0 0 0;
text-transform: uppercase;
letter-spacing: 3px;
font: bold 120% Arial, Helvetica, Sans-Serif;
border-bottom: 2px solid #6387ae;
color: #fff;
background: inherit;
}
#footer a {
color: #aaa;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer ul li {
display: inline;
padding: 0;
margin: 0;
}
#footer ul li a {
display: block;
color: #FFF;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #6387ae;
}
#footer ul li a:hover {
background: #640f57;
color: #fff;
}
#footerleft {
float: left;
width: 225px;
margin: 0 20px 0 0;
padding: 0;
background: #14375c;
}
#footermiddle {
float: left;
width: 225px;
margin: 0 20px 0 0;
padding: 0;
background: #14375c;
}
#footerright {
float: right;
width: 225px;
margin: 0;
padding: 0;
background: #14375c;
}
#credits {
padding: 5px;
margin: 0;
background: #14375c;
color: #fff;
}
#credits a {
color: #fff;
}
#ads_google {
padding: 5px;
margin: 0;
background: #14375c;
color: #fff;
}			/*LINKS*/
a {
color: #14375c;
background: inherit;
text-decoration: none;
}
a:visited {
color: #06213c;
background: inherit;
text-decoration: none;
}
a:hover {
color: #1c3045;
background: inherit;
text-decoration: underline;
}
a img {
border: none;
}
			/*CLASS*/
.green {
color: #14375c;
}

.small {
font-size: 90%;
font-weight: bold;
background: inherit;
color: #14375c;
}
			/*TYPOGRAPHY*/
blockquote {
font-weight: bold;
font-style: italic;
color: #14375c;
}

blockquote a {
color: #1c3045;
}
			/*INFOBULLE BLANCHE*/
a.info_b{
position: relative;
z-index: 24;
color: #1c3045;
text-decoration: none
}
 
a.info_b:hover{
z-index:25;
background-color: #FFF
}
 
a.info_b span{
display: none
}
 
a.info_b:hover span{
display: block;
position: absolute;
top: 2em; left: 5em; width: 15em;
border: 1px solid #000;
background-color: #FFF;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}
			/*INFOBULLE JAUNE*/
a.info{
position: relative;
z-index: 24;
color: #477aae;
text-decoration: none
}
 
a.info:hover {
z-index:25;
background-color: #FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display: block;
position: absolute;
top: 2em; left: 2em; width: 15em;
border: 1px solid #000;
background-color: #FFF5CC;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}
			/*INFOBULLE BLEU*/
a.info_c{
position: relative;
z-index: 24;
color: #477aae;
text-decoration: none
}
 
a.info_c:hover{
z-index:25;
background-color: #FFF
}
 
a.info_c span{
display: none
}
 
a.info_c:hover span{
display: block;
position: absolute;
top: 2em; left: 5em; width: 15em;
border: 1px solid #3B5998;
background-color: #3B5998;
color: #fff;
text-align: justify;
font-weight: none;
padding: 5px;
}

			/*INFOBULLE NOIRE*/
a.info_n{
position: relative;
z-index: 24;
color: #477aae;
text-decoration: none
}
 
a.info_n:hover{
z-index:25;
background-color: #FFF
}
 
a.info_n span{
display: none
}
 
a.info_n:hover span{
display: block;
position: absolute;
top: 2em; left: 5em; width: 15em;
border: 1px solid #000;
background-color: #000;
color: #000;
text-align: justify;
color: #fff;
font-weight: none;
padding: 5px;
}

			/*INFOBULLE HIGH*/
a.info_h{
position: relative;
z-index: 24;
color: #477aae;
text-decoration: none
}
 
a.info_h:hover{
z-index:25;
background-color: #FFF
}
 
a.info_h span{
display: none
}
 
a.info_h:hover span{
display: block;
position: absolute;
top: -2em; left: 5em; width: 15em;
border: 1px solid #000;
background-color: #FFF;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}

			/*INFOBULLE BLEU2EM*/
a.info_l{
position: relative;
z-index: 24;
color: #640f57;
text-decoration: none
}
 
a.info_l:hover {
z-index:25;
background-color: #FFF
}
 
a.info_l span{
display: none
}
 
a.info_l:hover span{
display: block;
position: absolute;
top: 2em; left: 2em; width: 15em;
border: 1px solid #3B5998;
background-color: #3B5998;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}

			/*INFOBULLE BLANCHE2EM*/
a.info_bl{
position: relative;
z-index: 24;
color: #640f57;
text-decoration: none
}
 
a.info_bl:hover {
z-index:25;
background-color: #FFF
}
 
a.info_bl span{
display: none
}
 
a.info_bl:hover span{
display: block;
position: absolute;
top: 2em; left: 2em; width: 15em;
border: 1px solid #000;
background-color: #FFF;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}