/* CSS Document */
/* Page */

h1 {font-family: "Verdana", Arial, "Arial Black", serif; color: #0f368f; font-size:  24px; line-height: 30px; font-weight: bold; text-align: left; }/* Titres de 24 pixels */
h2  {font-family: "Verdana", Arial, "Arial Black", serif; color: #0f368f; font-size:  16px;  font-weight: bold; text-align: left;}/* Sous titres de 16 pixels */
h3 {font-family: "Verdana", Arial, "Arial Black", serif; color: #0f368f; font-size:  14px; font-weight: bold; text-align: center; } /* Titres de 16 pixels */
h4 {font-family: "Verdana", Arial, "Arial Black", serif; color: #888888; font-size:  10px; font-weight: bold; line-height: 14px;text-align: center;} /* Textes de 14 pixels */
h5 {font-family: "Verdana", Arial, "Arial Black", serif; color: #0f368f; font-size:  12px; font-weight: normal; text-align: left; text-decoration: none;}/* Textes de 14 pixels */
h6 {font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 13px; line-height: 17px; font-weight: normal; text-align: left;}/* pied de page de 8 pixels */
p {font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; font-size: 12px; font-weight: normal; line-height: 15px; text-align: left;/* Paragraphes de 12 pixels */}
a {text-decoration:none; color:#333333;}


a.nounderline:link 
{ 
 text-decoration:none; 
} 


.meetinggame-lien:hover{ 
      color:#DF0574;   
}


#body
{
   margin-top: 0;
   background-color:#e7e6e6;

 }



#conteneur
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 1000px;
     text-align: left;
	 background-color:#e7e6e6;
	 padding-bottom:0px;
	 z-index: 1;
}

 
/* le haut, la pub du haut, et le menu général*/


/* Le premier petit bandeau*/

#le-haut {
	position: relative;
	margin-left:0px;
	padding-top:6px;
	padding-right:5px;
	font:10px Verdana,Arial;
	font-weight: bold;
	text-align: right;
	width: 995px;
	left: 0px;
	height:20px;
	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);
	border-top: 1px solid #030e3b;
	z-index: 1;
	}
	a:hover {
	text-decoration: underline ;color: #ffffff;
	}


/* Le titre/logo */

#titre {
	position: relative;
	margin-left:0px;
	padding-top:0px;
	font-family: "Verdana", Arial, "Arial Black", serif;
	font-size:14px;
	font-style: italic;
	font-weight: bold;
	color: #888888;
	text-align: center;
	width: 1000px;
	background:#79b5e8;
	left: 0px;
	height:80px;
	border-top: 1px solid #df0574;
	border-bottom: 1px solid #df0574;
	z-index: 1;
	}

/* Main menu */

#menu
{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;  
	background: #030e3b;
	background: -moz-linear-gradient(#79b5e8, #04265b); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #79b5e8),color-stop(1, #04265b));	
	background: -webkit-linear-gradient(#79b5e8, #04265b);	
	background: -o-linear-gradient(#79b5e8, #04265b);
	background: -ms-linear-gradient(#79b5e8, #04265b);
	background: linear-gradient(#79b5e8, #04265b);
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
	z-index: 9;
}

#menu li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menu a 
{
	float: left;
	height: 18px;  /* hauteur du bandeau */
	padding: 0 4px; /* padding espacement des titres */
	color: #ffffff;  /* couleur du texte visible titres */
	text-transform: uppercase;
	font: bold 13px/24px Arial, Helvetica; /* taille du texte */
	text-decoration: none;
	text-shadow: 0 1px 0 #000; /* ombre du texte */
}

#menu li:hover > a
{
	color: #fc010d; /* couleur du texte rouge au survol */
}

*html #menu li a:hover /* IE6 */
{
	color: #e40669;  /* couleur du texte rouge au survol*/
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
	list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 28px; /* position des sous menus en hauteur */ 
    left: -18px; /* position des sous menus en horizontal */ 
    z-index: 99999;    
    background: #063378;
    background: -moz-linear-gradient(#98c4ea, #063378);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #063378),color-stop(1, #98c4ea));
    background: -webkit-linear-gradient(#98c4ea, #063378);  /* Dégradé des onglets verticaux*/  
    background: -o-linear-gradient(#98c4ea, #063378);	
    background: -ms-linear-gradient(#444, #063378);	
    background: linear-gradient(#98c4ea, #063378);  /* Dégradé des onglets verticaux*/ 
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
  top: 0;
  left: 160px; /* position des sous menus*/
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    font: bold 11px/24px Arial, Helvetica; /* taille du texte des sous menus*/
	padding: 7px 1px 7px 4px; 
	height: 10px;
	width: 155px; /* largeur des sous menus*/ 
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	text-shadow: 0 1px 0 #000; /* ombre du texte */
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #98c5ea;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 55px;
    top: -8px; /* fleche verticale*/  
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #fe0159; /* couleur fleche verticale 1er étape*/ 
}

#menu ul ul li:first-child a:after
{
    left: -8px; /* fleche horizontale*/  
    top: 8px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #fcaec9; /* couleur fleche horizontale avant survol*/ 
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #fcaec9; /* couleur fleche verticale 2eme étape*/ 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #fe0159; /* couleur fleche horizontale 2eme étape*/ 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */

*:first-child+html #menu { zoom: 1; } /* IE7 */

 /* fin du menu*/
  
 /**********************/ 
 /* le block conteneur des pages blog affichées dans l'iframe*/
 #conteneur-page-blogs
{
     position: relative;
     margin-left: -8px;
     margin-right: auto;
	 margin-top: -4px;
     width: 1004px;
     text-align: left;
	 background-color:#e7e6e6;
	 padding-bottom:0px;
	 z-index: 1; 
}

/* le block central des pages blog affichées dans l'iframe*/
#blockcentre-page-blogs
{   
   position: relative;
   width:1000px;
   left:0px;
   margin-top:0px;
   background-color: #e7e6e6; 
   padding-bottom: 10 px;
   border-top: 4px solid #e7e6e6;
   z-index: 1;
}

/* le block central des pages iFrame appelées*/
#blockcentre-blogs
{   
   position: relative;
   width:1000px;
   left:0px;
   margin-top:0px;
   background-color: #e7e6e6; 
   padding-bottom: 10px;
   border-top: 10px solid #e7e6e6;
}
 /**********************/ 



/* le block central de la page index*/
#blockcentreindex
{   
   position: relative;
   width:1000px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-bottom: 10px;
   border-top: 5px solid #e7e6e6;
   z-index: 1;
}

/* le block haut à l'intérieur du block central (pour la banniere)*/
#blockcentrehaut
{   
   position: relative;
   width:1000px;
   height: 100px;
   left:0px;
   margin-top:10px;
   background-color: #e7e6e6; 
   margin-bottom: 5px;
   z-index: 1;
}

/* le block de gauche à l'intérieur du block central*/
#blockgauche
{   
   position: relative;
   width:690px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-bottom: 1px;
   padding-right: 10px;
   padding-left: 10px;
   border-right: 1px solid #6c92e0;
   z-index: 1;
}

/* le premier block d'infos à l'intérieur du block gauche*/
#blockcentretitre
{   
   position: relative;
   width:690px;
   background-color: #ffffff;
   font-family: "Verdana", Arial, "Arial Black", serif; color: #6c92e0; font-size:  18px; line-height: 24px; font-weight: bold; text-align: left;
   border-bottom: 1px solid #6c92e0;
   margin-bottom: 0px;
   padding-left : 0px;
   padding-bottom : 5px;
   padding-top : 5px;
   z-index: 1;
}

/* le premier block d'infos à l'intérieur du block gauche*/
#blockcentreinfos
{   
   position: relative;
   width:690px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff;
   border-bottom: 1px solid #6c92e0;
   margin-bottom: 10px;
   padding-left : 0px;
   padding-bottom : 5px;
   z-index: 1;
}

 /**********************/ 
 
 /* PAGE DES BLOGS ET PAGE D'ACCUEIL INDEX*/
 /* le block de gauche divisable en deux */
#blockgauchedeux
{   
   position: relative;
   width:690px;
   left:0px;
   margin-top:10px;
   background-color: #ffffff; 
   padding-bottom: 1px;
   padding-right: 10px;
   padding-left: 0px;
   border-right: 1px solid #6c92e0;
}

/* le block gauche à l'intérieur du block gauche*/
#blockcentregauche
{   
   position: relative;
   width:340px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-right: 0px;
}

/* le block droit à l'intérieur du block gauche*/
#blockcentredroit
{   
   position: absolute;
   width:340px;
   top: 0px;
   left:350px;
   padding-top:0px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   float:left; /*pour IE*/
}


/* le block contenant 2 blocks pour la page d'accueil index*/
#blockcentredoubleindex
{   
   position: relative;
   width:690px;
   left:0px;
   background-color: #ffffff; 
   padding-bottom: 10px;
   border-top: 1px solid #ffffff;
   border-bottom: 1px solid #6c92e0;
   z-index: 1;
}

/* le block gauche à l'intérieur du block gauche de la page d'accueil*/
#blockcentregaucheindex
{   
   position: relative;
   width:360px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-right: 0px;
}

/* le block gauche à l'intérieur des blocks pour la page d'accueil index*/
#blockdesblogsindexgauche
{   
   position: relative;
   width:330px;
   padding-left: 0px;
   padding-right: 10px;
   background-color: #ffffff; 
   border-right: 1px solid #6c92e0;
   
}

/* le block droit à l'intérieur des blocks pour la page d'accueil index*/
#blockdesblogsindexdroit
{   
   position: relative;
   width:330px;
   padding-left: 0px;
   padding-right: 0px;
   background-color: #ffffff; 
}



 /**********************/ 
 
 
 

/* le block des 4 carres*/
#blockcentrecarres
{   
   position: relative;
   width:690px;
   height: 200px;
   left:0px;
   margin-top:10px;
   background-color: #ffffff; 
   margin-bottom: 0px;
   padding-left : 0px;
   padding-bottom: 12px;
   border-bottom: 1px solid #6c92e0;

}
/* Les carrés */
#carreA
{
}
#carreA ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 163px;
height: 200px;
top: 0px;
left: 0px;
}
#carreA li
{
float:left; /*pour IE*/
}
#carreA ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/une/loisirs-creatifs-une.jpg");
background-repeat:no-repeat;
width: 163px;
height: 200px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreA ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreB
{
background-repeat:no-repeat;
}
#carreB ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 163px;
height: 200px;
top: 0px;
left: 175px;
}
#carreB li
{
float:left; /*pour IE*/
}
#carreB ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/une/art-contemporain.jpg");
background-repeat:no-repeat;
width: 163px;
height: 200px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreB ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 
#carreC
{
}
#carreC ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 163px;
height: 200px;
top: 0px;
left: 350px;
}
#carreC li
{
float:left; /*pour IE*/
}
#carreC ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/une/une-moto-filles.jpg");
background-repeat:no-repeat;
width: 163px;
height: 200px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreC ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
}
#carreD
{
}
#carreD ul {
padding: 0;
margin: 0;
list-style-type:none;
position: absolute;
width: 163px;
height: 200px;
top: 0px;
left: 524px;
}
#carreD li
{
float:left; /*pour IE*/
}
#carreD ul li a
{
color: #666666;
text-decoration:none;
display:block;
background-image: url("images/une/photo-animaliere.jpg");
background-repeat:no-repeat; 
width: 163px;
height: 200px;
padding: 0;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: #999999;
}
#carreD ul li a:hover
{
background-image: url("images/fondcadre_blanc.jpg"); 
background-repeat:no-repeat;
} 


/* les boutons j'aime*/
#comments
{
	position: relative;
	width: 683px;
	height: 22px;
	margin-left: 0px;
	margin-bottom:10px;
	padding:4px;
	background-color: #dddbdb;
}



/* les photos */
.imageflottante1
{ float: left; margin-right: 10px; margin-bottom: 10px;}
.imageflottante2
{ float: right; margin-left:10px; margin-bottom: 5px;}
.imageflottante3
{ float: right; margin-left:5px; margin-bottom: 5px;}
.imageflottante4
{ float: left; margin-right: 5px; margin-bottom: 0px; margin-top: 3px; border: 1px solid #022370;}
.imageflottante5
{ float: right; margin-right: 0px; margin-left:5px;}
.imageflottante6
{ float: left; margin-right: 0px; margin-top:5px; margin-bottom:5px;}
.imageflottante7
{ float: left; margin-right: 5px; margin-bottom: 0px; margin-top: 12px;}
.imageflottante8
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 12px;}
.imageflottante9
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 20px; border: 1px solid #022370;}
.imageflottante10
{ float: right; margin-left: 10px; margin-bottom: 0px; margin-top: 20px; border: 1px solid #022370;}
.imageflottante11
{ float: left; margin-right: 10px; margin-bottom: 15px; margin-top: 0px;}
.imageflottante12
{ float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
.imageflottante13
{ float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 15px;}
.imageflottante14
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 20px;}
.imageflottante15
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 20px;}
.imageflottante16
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
.imageflottante17
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 5px;}
.imageflottante18
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 3px; border: 1px solid #022370;}
.imageflottante19
{ float: left; margin-right: 10px; margin-top:5px; margin-bottom:5px;}
.imageflottante20
{ float: left; margin-right:10px; margin-bottom: 0px; margin-top: 3px; border: 1px solid #022370;}
.imageflottante21
{ float: left; margin-right: 10px; margin-top:5px; margin-bottom:5px;}
.imageflottante22
{ float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 15px;}
.imageflottante23
{ float: right; margin-left: 7px; margin-bottom: 20px; margin-top: 20px;}



/* le block droit à l'intérieur du block central*/
#blockdroit
{   
   position: absolute;
   width:270px;
   top:0px;
   left:711px;
   background-color: #ffffff; 
   margin-bottom: 10px; 
   margin-top: 10px;
   padding-right: 9px;
   z-index: 1;
}

/* le block à l'intérieur du block droit*/
#blockdroitpremier
{   
   position: relative;
   width:260px;
   top:0px;
   left:10px;
   background-color: #ffffff; 
   padding-bottom: 10px;
   border-bottom: 1px solid #6c92e0;
   z-index: 1;
}

/* le block à l'intérieur du block droit*/
#blockdroitparlons
{   
   position: relative;
   width:270px;
   left:10px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   margin-top: -10px;
   border-bottom: 1px solid #6c92e0;
   z-index: 1;
}

/* le block à l'intérieur du block droit*/
#blockdroitmeetinggame
{   
   position: relative;
   width:270px;
   height: 75px;
   top:0px;
   left:10px;
   margin-top:0px;
   margin-bottom: 15px;
}

/* le block à l'intérieur du block droit*/
#blockdroitconsultees
{   
   position: relative;
   width:270px;
   left:10px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   padding-bottom: 10px;
   margin-top: -10px;
   border-bottom: 1px solid #6c92e0;
}


/* le block google à l'intérieur du block droit*/
#google-adsense
{   
   position: relative;
   width:270px;
   left:10px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   padding-bottom: 10px;
   margin-top: 10px;
   border-bottom: 1px solid #6c92e0;
}


/* les vidéos*/
#video
{   
   margin-left:25px;
}

#video-centre
{   
   text-align: center;
}


/* le haut spécifique au blog tennis */

#conteneur-tennis
{
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 margin-top: 0;
     width: 1089px;
     text-align: left;
	 background-color:#e7e6e6;
	 padding-bottom:0px;
	 z-index: 1;
}

/* Le premier petit bandeau tennis*/

#le-haut-tennis {
	position: relative;
	margin-left:0px;
	padding-top:6px;
	padding-right:5px;
	font:10px Verdana,Arial;
	font-weight: bold;
	text-align: right;
	width: 1084px;
	left: 0px;
	height:20px;
	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);
	border-top: 1px solid #030e3b;
	z-index: 1;
	}
	a:hover {
	text-decoration: underline ;color: #ffffff;
	}

/* Le titre/logo tennis */

#titre-tennis {
	position: relative;
	margin-left:0px;
	padding-top:0px;
	font-family: "Verdana", Arial, "Arial Black", serif;
	font-size:14px;
	font-style: italic;
	font-weight: bold;
	color: #888888;
	text-align: center;
	width: 1089px;
	background:#79b5e8;
	left: 0px;
	height:80px;
	border-top: 1px solid #df0574;
	border-bottom: 1px solid #df0574;
	z-index: 1;
	}
	
	/* le block central des pages blog affichées dans l'iframe*/
#blockcentre-page-blogs-blogs
{   
   position: relative;
   width:1090px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-bottom: 10 px;
   border-top: 4px solid #e7e6e6;
   z-index: 1;
}

#blockgauche-blogs
{   
   position: relative;
   width:1079px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-bottom: 1px;
   padding-right: 10px;
   padding-left: 10px;
   border-right: 1px solid #6c92e0;
   z-index: 1;
}

/* le block central de la page des blogs*/
#blockcentreindex-blogs
{   
   position: relative;
   width:1089px;
   left:-10px;
   margin-top:-10px;
   background-color: #ffffff; 
   padding-bottom: 10px;
   border-top: 5px solid #e7e6e6;
   z-index: 1;
}

 /* le block de gauche divisable en trois de la page des blogs */
#blockgauchetrois
{   
   position: relative;
   width:1089px;
   left:0px;
   margin-top:10px;
   background-color: #ffffff; 
   padding-bottom: 1px;
   padding-right: 10px;
   padding-left: 0px;
}

#blockcentretitre-blogs
{   
   position: relative;
   width:1089px;
   background-color: #ffffff;
   font-family: "Verdana", Arial, "Arial Black", serif; color: #6c92e0; font-size:  18px; line-height: 24px; font-weight: bold; text-align: left;
   margin-bottom: 0px;
   padding-left : 0px;
   padding-bottom : 5px;
   padding-top : 5px;
   z-index: 1;
}

/* le block gauche à l'intérieur du block gauche*/
#block-blogs1
{   
   position: relative;
   width:352px;
   left:0px;
   margin-top:0px;
   background-color: #ffffff; 
   padding-right: 0px;
}

/* le block du centre*/
#block-blogs2
{   
   position: absolute;
   width:352px;
   top: 0px;
   left:360px;
   padding-top:0px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   float:left; /*pour IE*/
}

/* le block droit à l'intérieur du block gauche*/
#block-blogs3
{   
   position: absolute;
   width:352px;
   top: 0px;
   left:720px;
   padding-top:0px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   float:left; /*pour IE*/
}


/* le block à l'intérieur des blocks pour la page des blogs*/
#blockdesblogs
{   
   position: relative;
   width:338px;
   height: 245px;
   left:0px;
   margin-top:0px;
   font-family: "Verdana", Arial, "Arial Black", serif;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   background-color: #ffffff; 
   margin-bottom: 10px;
   border: 2px solid #6c92e0;
}

/* les boutons j'aime*/
#comments-blogs
{
	position: relative;
	width: 1089px;
	height: 22px;
	margin-left: 0px;
	margin-bottom:10px;
	padding:4px;
	padding-left: 10px;
	background-color: #dddbdb;
}