@charset "iso-8859-1";
/* CSS Document */

/*----------------------------------------------------------------------------------------------*/
/* all */
/*----------------------------------------------------------------------------------------------*/
* {
	font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
}
html {
    font-size: 62.5%;
}
body {
    font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px; font-size: 1.400rem;/* =14px */
}
/*----------------------------------------------------------------------------------------------*/
/* le haut  */
/*----------------------------------------------------------------------------------------------*/	

/* Le premier petit bandeau*/

#ensemble-haut {
	position: relative;
	max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
	height: auto;
	z-index: 99;
	}

/* Le premier petit bandeau*/

#le-haut {
	position: relative;
	max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
	margin-left:0px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:5px;
	font-size: 14px; font-size: 1.400rem;/* =14px pour la colonne droite */
	font-weight: bold;
	text-align: left;
	left: 0px;
	height:28px;
	background: #030e3b;
	background: -moz-linear-gradient(#04265b, #79b5e8); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #79b5e8),color-stop(1, #04265b));	
	background: -webkit-linear-gradient(#04265b, #79b5e8);	
	background: -o-linear-gradient(#04265b, #79b5e8);
	background: -ms-linear-gradient(#04265b, #79b5e8);
	background: linear-gradient(#04265b, #79b5e8);
	z-index: 1;
	}
	
#boutons_sociaux {
display: inline-block;
width: 98px;
height: 28px;
text-align:left;
margin-top: 3px;
margin-left: 10px;
}

a.boutons_sociaux_twitter {
display: inline-block;
position:relative;
background-image: url("../images/twitter-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
}
a.boutons_sociaux_twitter:hover {
    background-image: url("../images/twitter-22n.png");
}

a.boutons_sociaux_pinterest {
display: inline-block;
position:relative;
background-image: url("../images/pinterest-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left: 30px;
margin-top: -22px;
}
a.boutons_sociaux_pinterest:hover {
    background-image: url("../images/pinterest-22n.png");
}

a.boutons_sociaux_gplus {
display: inline-block;
position:relative;
background-image: url("../images/gplus-22r.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left: 60px;
margin-top: -22px;
}
a.boutons_sociaux_gplus:hover {
    background-image: url("../images/gplus-22n.png");
}

a.boutons_sociaux_facebook {
display: inline-block;
position:relative;
background-image: url("../images/facebook-22b.png");
background-repeat: no-repeat;
display: block;
height: 22px;
width: 22px;
margin-left:94px;
margin-top: -22px;
}
a.boutons_sociaux_facebook:hover {
    background-image: url("../images/facebook-22n.png");
}

#connect-meetinggame {
float: right; /*très important : cela permet de garder la position quand on réduit le body*/
margin-top: 5px;
margin-right: 5px;
height: 10px;
font-size: 14px; font-size: 1.400rem;/* =14px pour la colonne droite */
font-weight: normal;
text-align: right;
color: #ffffff;
}
/* Liens */
#connect-meetinggame a:link {
color: #ffffff;
}
#connect-meetinggame a:visited {
color: #ffffff;
}
#connect-meetinggame a:hover{
color: #DF0574;
}

/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/	

header {
	height: 84px;
	max-width: 1024px;
	background-color: #98c4eb;
	background-image: url(../images/logo-game.png);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: middle; /* On aligne les éléments au milieu */ /*très important : cela permet de garder la position quand on réduit le body*/
}

/*----------------------------------------------------------------------------------------------*/