body
{
	margin: 10px;
	padding: 0px;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background-image:url(../images/bg_body.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color: #f0f0e6;
}

a { text-decoration: none;}
a:link { color:#000000;}
a:visited { color:#000000;}
a:active { color:#000000;}
a:hover { color:#000000;}
a:hover { text-decoration: underline;}

div#header
{
	height:110px;
	background-color:#FFF;
	background-image:url(../images/bg_header.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	/*margin-bottom:20px;*/
	font-family:"Oswald", Arial, SimSun, PMingLiU, MingLiU;
	font-size:13px;
}

#top_header {
	height:25px;
	width:530px;
	background-image:url(../images/bg_top_header.png);
	background-position:top;
	background-repeat:no-repete;
	/*background-color:#EEE;*/
	text-align:right;
	margin-top:0px;
	padding-top:5px;
	float:right;
	font-weight:300;
	/*margin-bottom:20px;*/
}

#top_header a {
	color:#111;
	text-decoration:none;
}

#top_header ul {
	list-style: none;
	float:right;
	padding:0;
	margin:0;
}

#top_header ul li {
	/*border-bottom: 1px solid #00ff00;*/ 
	float:left;
	width:auto;
	padding:0 7px;
	border-right:1px solid #000;
	text-align:center;
	color:#CCC;
}

#top_header ul li.last {
	border:none;
}

div#slogan {
	float:left;
	margin-left:60px;
	margin-top:20px;
	font-size:16px;
	font-family:"Oswald", Arial, SimSun, PMingLiU, MingLiU;
	/*font-family:"Oswald", Arial, "MS Gothic";*/
	font-weight:500;
	font-style:italic;
	color:#333;
}

#nav ul {
	list-style: none;
	background-color:#000;	
	margin:0;
	padding:0;
}

#nav ul li {
	/*border-bottom: 1px solid #00ff00;*/ 
	float:left;
	width:155px;
	border-right:2px solid #ccc;
	border-bottom:2px solid #CCC;
}

#nav ul li.first {
	/*border-bottom: 1px solid #00ff00;*/ 
}

#nav ul li.last {
	/*border-bottom: 1px solid #00ff00;*/ 
	border-right:none;
}


#nav ul a, #nav ul a:visited {
	/*padding: 5px 5px 5px 15px;*/
	height:30px;
	padding-top:3px;
	display: block; 
	/*width: 135px;*/
	text-decoration: none;
	background:#3089bb;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	text-align:center;
	/*font-family:"Oswald", Arial, SimSun, PMingLiU, MingLiU;*/
	font-family:"Oswald", Arial;
	font-size:17px;
	font-weight:none;
}

#nav ul a:hover, #nav ul a:active, #nav ul a:focus {
	background: rgb(10,10,10);
	color: #FFF;
}

#intro {
	margin:10px 45px 30px 45px;
}

#intro h1 {
	font-family:"Oswald", Arial, SimSun, PMingLiU, MingLiU;
	font-size:40px;
	color:#0098d4;
	font-weight:500;
}

div#conteneur
{
	width: 940px ;
	margin-top: 15px ;
	text-align: left ;
	/*border: 1px solid #B1CDE1 ;*/
	background: #fff ;
	margin-left: auto; 
    margin-right: auto;
}

div#contenu
{
	margin: 25px 45px 25px 45px;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	color: #000 ;
	list-style-type: none ;
	font-size: 0.8em ;
	border-bottom: 1px dotted #B1CDE1;
}
		
ul#menu li
{
	float: left ;
	text-align: center;
	vertical-align: middle;
	width: 190px ;
	line-height: 35px ;
}

ul#menu li a
{
	/*letter-spacing: 1px ;*/
	color: #000 ;
	display: block ;
	text-decoration: none ;
}

ul#menu li a:hover
{
	background: #B1CDE1 ;
}

TABLE#tab_membre {
	margin-top:20px;"
}

.darkline
{
	background: #F5F4F4;
	vertical-align: top;
}
.lightline
{
	background: #FFFFFF;
	vertical-align: top;
}

div#card {
	text-align:center;
}

div#card img {
	margin:10px 15px;
}

div#footer
{
	color: #000 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	border-top: 1px dotted #B1CDE1;
}

.sitemembre
{
	color: #3996F6;
}

.sitenihs
{
	color: #07BA33;
}

.sitecode
{
	color: #990000;
}

ul#tabbernav
{
 margin:0;
 padding: 3px 40px;
 border-bottom: 1px solid #AAAAAA;
 font: 11px "Trebuchet MS", helvetica, sans-serif;
}

ul#tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}


ul#tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #AAAAAA;
 border-bottom: none;
 background: #E9E8E8;
 text-decoration: none;
}

ul#tabbernav li a:link { color: #000000; }
ul#tabbernav li a:visited { color: #000000; }

ul#tabbernav li a:hover
{
 color: #000000;
 background: #DCDCDC;
 border-color: #227;
}

ul#tabbernav li#tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul#tabbernav li#tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.logo_fh {
		margin:20px ;
		float:left;
		border:none;
}

.titre_page { font-family: Arial, Verdana, Helvetica, sans-serif;font-weight: bold; font-size: 17px; color: #2584bb;}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
direction:ltr;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: 1px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 1px;
left: 50px; /*position where enlarged image should offset horizontally */
}



a.info_bulle
{
	position:relative;
	text-decoration:none;
	font-weight:bold;
}

a.info_bulle:hover{background: none;
z-index: 100;}


a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
 	display: inline; 
	position:absolute;
    top:2em; left:2em; width:20em;
	top: 20px;
	left:0px;
    border:1px solid #000;
    background-color:#ffffe1; color:#000;
    text-align: justify;
    font-weight:none;
    padding:2px;
	/*z-index: 500;*/
}

a.info_bulle span
{								   
	display		: none;
	font-weight:normal;
	font-size:11px;
}

[data-tip] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: help;
    border-bottom: 1px dotted #aaa;
}
[data-tip]:hover:after {
    content: attr(data-tip); /* on récupère la valeur de l'attribut data-tip */
    position: absolute;
    top: 1.5em; left: 0;
    /*white-space: nowrap; /* no wrapping */
    padding: 5px 10px;
    background: #fbf7aa;
    color: #967336;
	width:560px;
	height:auto;
	z-index:1000;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

.alert-notify {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
}

.alert-error {
	background-color: #f2dede;
    border:1px solid #ebccd1;
    color:#a94442;
}