@font-face {
    font-family: "Forgotten Futurist";
    src: url('MaSuperFonte-Regular.ttf');
}

img
{
vertical-align:text-top;
}


ul
{
vertical-align:middle;
margin:0px;
padding:0px;
}

li
{
	display:inline;
	vertical-align:middle;
	margin:0px;
    padding:0px;

}
p
{
margin:0px;
padding:0px;
MARGIN: auto;
font-family: verdana;
font-size: 11px;
color: #4d4d4d;
}

/********************************** squellete ***************************************/
.squellete
{
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
width:982px;

}

/********************************** header ***************************************/
.header
{
display:inline;
float:left;
width:982px;
height:99px;
}

/*************** Langues *****************/
.langues
{
display:inline;
float:left;
background-image:url(../images/bg/langues.gif);
background-repeat:no-repeat;
width:109px;
height:15px;
margin-left:872px;
}

.langues li
{
display:inline;
float:left;
font-family:tahoma;
font-size:11px;
text-align:left;
text-decoration:none;
color:#FFFFFF;
height:11px;
margin-top:-2px;
padding-left:12px;
padding-right:2px;
font-weight:bold;
text-shadow: 2px 2px 2px #f6bfbf;
}
.langues li a {color:#ffffff  ;text-decoration:none;}
.langues li a:hover  {color:#ffffff;text-decoration:underline;}

/*************** Logo *****************/
.logo
{
display:inline;
float:left;
width:192px;
height:76px;
margin-left:18px;
margin-top:4px;
}

.menu
{
display:inline;
float:left;
margin:0px;
height:50px;
margin-top:15px;
width:772px;
}

.menu li
{
display:inline;
float:left;
margin:0px;
padding:0px;
}

.menu li.lienmenu
{
display:inline;
float:left;
margin-top:17px;
font-family:"Forgotten Futurist";
font-size:21px;
color:#50d7ff;
}
.lienmenu a {color:#ffffff  ;text-decoration:none;}
.lienmenu a:hover  {color:#50d7ff;text-decoration:none;}

/********************************** center de la page ***************************************/
.body 
{
display:inline;
float:left;
width:982px;
margin-top:20px;
}

/***************** droite  ***********************/
.droite
{
display:inline;
float:left;
margin-top:42px;
width:641px;
}

/***************** gauche  ***********************/
.gauche
{
display:inline;
float:left;
margin-top:42px;
margin-left:50px;
width:290px;
}



.actualites-recherche
{
display:inline;
float:left;
margin-left:2px;
width:288px;
height:31px;
border:solid #e8ebed 1px;
background-color:#ffffff;
text-align:left;
padding:1px;
}

.actualites-recherche input
{
border:solid #ffffff 0px;
font-family:tahoma;
font-size:15px;
text-align:left;
text-decoration:none;
color:#c5c8cd;
font-weight:normal;
margin-top:0px;

}

.Rchamp
{
display:inline;
float:left;
border:solid #ffffff 0px;
height:28px;
margin-top:0px;
padding:2px;
width:252px;
}

.Rbutton
{
display:inline;
float:left;
border:solid #ffffff 0px;
margin-top:0px;
}

.actualites-liste
{
display:inline;
float:left;
margin-top:20px;

width:290px;
font-family:tahoma;
font-size:11px;
text-align:left;
text-decoration:none;
color:#7a7e83;
font-weight:normal;
}
.actualites-liste a {color:#7a7e83  ;text-decoration:none;}
.actualites-liste a:hover  {color:#7a7e83;text-decoration:underline;}

.actualites-ttre
{
display:inline;
float:left;
width:268px;
text-align:left;
font-family:"Forgotten Futurist";
font-size:30px;
color:#50d7ff;
text-transform: uppercase;
}

.actualites-rss
{
display:inline;
float:left;
width:22px;
text-align:left;
}

.actualites-date
{
color:#00aadc;
font-weight:bold;
}

.liste-actu
{
display:inline;
float:left;
margin-top:9px;
line-height:16px;
}
/************** rejoignez  **********************/
.rejoignez
{
display:inline;
float:left;
font-family:"Forgotten Futurist";
font-size:30px;
width:938px;
text-align:right;
margin-top:20px;
color:#50D7FF;
}

/********************************** footer  ***************************************/
.footer
{
display:inline;
float:left;
width:100%;
background-image:url(../images/bg/footer.gif);
background-repeat:repeat-x;
height:91px;
margin-top:4px;
}

.footer-content
{
MARGIN-LEFT: auto;
MARGIN-RIGHT: auto;
width:982px;
text-align:left;
}

.footer-menu
{
display:inline;
float:left;
font-family:tahoma;
font-size:11px;
text-align:left;
text-decoration:none;
color:#636363;
height:11px;
padding-right:2px;
font-weight:normal;
/*text-shadow: 2px 2px 2px #f6bfbf;*/
margin-top:17px;
width:830px;
}
.footer-menu  a {color:#636363  ;text-decoration:none;}
.footer-menu  a:hover  {color:#636363;text-decoration:underline;}

.partage
{
display:inline;
float:left;
width:140px;
margin-top:8px;
}

.partage li
{
display:inline;
float:left;
margin-left:10px;
}

.copy
{
display:inline;
float:left;
width:970px;
text-align:right;
font-family:tahoma;
font-size:11px;
text-decoration:none;
color:#636363;
margin-top:40px;
}