@charset "utf-8";
/* CSS Document */
/* COLORS */
/* Background 	: #F2F2F2 */
/* Text 		: #262626 */
/* Links		: #0098ca */
/* orange 		: #ec3d28 */
/* bleu 		: #159bd1 */
/* bleu foncé	: #003B5D */
/* vert	: #63b404 */



/* Common */
* {
	margin:0;
	padding:0;

}

.clear {
	clear:both;	
}

.invisible { position: absolute; top: -3000em; height: 1%; }


html {
	height:100%;	
}

body {
   
	height:100%;
	font: 13px Arial, Helvetica, sans-serif;

	width: 100%;
	background-color: #010c30;
	


}


#conteneur {
	display:block;
	margin:0 auto;
	background-image:url(../pics/ynover/fond-telecom.jpg);
	background-repeat: no-repeat;


	background-position: center top;

}

.telecom {color : #159bd1;}

#logo-ynover {

	display: block;
	background-image: url(../pics/logos/logo-ynover.png);
	width: 960px;
	height: 72px;
	
	margin: 0 auto;
	

background-repeat: no-repeat;


	
}
#main {
	display:block;
	width: 960px;
	margin:0 auto;
	height:100%;
	background-color: #FFF;
	overflow: auto;
	
	

}

#anim { width: 960px; height: 186px; margin: 0 auto 0 auto; background-color:#FFF;  }
#centrage {margin: 0 auto;}


#footer {
	display:block;
	width:930px;
	margin:15px 0 0 0;
	padding: 0 15px 20px 15px;
	background-color: #010c30;
	color:#FFF;

	font-size: small;
	height: 100%;
	overflow: auto;
	
}


#footer a, #footer p {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

.col li.blanc {color: #ccc;}
#footer a:hover {
	color: #CCC;
	font-weight: normal;
	text-decoration: underline;
}

@font-face {
	font-family: titilium;
	src: url('../TitilliumMaps26L002.otf');
}


.footer1 , .footer2, .footer3 {width: 230px; margin-right: 30px; float: left; }
.footer4 {width: 150px; float: left;}
.col li, .col li a {color: #666; font-weight: normal; list-style: none; padding-top: 6px;}
.col ul {margin-left: 0px; }


/* Links */
a {
	color: #159bd1;
}

a:hover {
	font-weight: bold;
}

.bluef { color: #003B5D;}


.orange {
	color:#ec3d28;
}

.gris {color: #666;}

.blue {
	color: #159bd1;
}

.blue-home {
	color:#159bd1;
}

 a.blue-home:hover{
	color:#ec3d28;
}

.vert { color: #63b404;}
.rose{}

.index-gauche a:hover {font-weight: bold;}



/* header */
.headerContainer {
	height: 48px;
	display: block;
	

}

.header {
	display:inline-block;
	height:48px;
	width:11px;
	margin:0;
	padding:0;
}

	.hg {
		background: url(../pics/header-g.png);
		margin-right:-5px;
	}
	
	.hm {
		background: url(../pics/header-m.jpg) repeat-x;
		width:938px;
		height:48px;
	}
	
	.hd {
		background: url(../pics/header-d.png);
		margin-left:-5px;
	}

.headerBottom {
	background: url(../pics/top-back.png) repeat-x top;
	display: block;
	height: 35px;
	width: 960px;
	position:fixed;
	z-index:888888;
	top:140px;
}

.headerWrapper {
	position:fixed;
	top:0;
	z-index:888888;
	width:100%;
}
/* Fin Header */

/* Page d'accueil */
.index-gauche {
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	margin-left: 20px;
	color: #666;
}
.index-gauche p{
	font-size: 12px;
}

.index-gauche h4 {
	margin-bottom: 30px;
}

h5.p-index  {font-size: 13px; font-weight: normal; }
h6.index-svi { font-weight: normal; }

.index-droite {
		

	padding: 0 30px;
}

.intro-index {
	margin-bottom: 40px;
	}
.services-index1
{
width: 300px;

float: left;

}

.services-index2
{



float: right;
width: 200px;
padding: 0 10px 20px 10px;
}

.services-index2 p, .services-index1 p
{
color: #666; padding: 0 5px;   }

.bas-index {width: 940px; margin: 20px  0 0 20px; height: 200px; display: block;} 
.svi-box {width: 300px; height:200px; display: block; background-image: url(../pics/produits-ynover-telecom/fond-svi-ynover-telecom.jpg); background-repeat: no-repeat; float: left; padding-left: 10px; color: #666;  }
.svi-box .texte-index p {width: 150px; margin-left: 125px; display: block;  }
h6.index-svi {font-size: 25px; padding-top: 30px; }

h2.titre-index {font-size: 30px; font-weight: normal; margin: 20px 3px; }
h3.sstitre-index {font-size: 20px; font-weight: normal; margin: 3px;}
h3.sstitre-news {font-size: 16px; font-weight: normal; margin: 3px;}

ul.produits-liste {margin: 20px;}
ul.produits-liste li {height: 90px; border-top: 1px solid #CCC; margin: 10px 0;}


h1 {
	text-indent: 40px;
	background: url(../pics/h1.jpg) no-repeat 15px;
	margin-bottom: 15px;
	font: large titilium, Geneva, sans-serif;
	font-size: x-large;
	
}

/* Presentation ebienvenue */

	h1 em {
		color:#159bd1;
	}

.tiers h2  {	
	text-indent: 40px;
	background: url(../pics/h1.jpg) no-repeat 15px;
	margin-bottom: 15px;
	font:  Geneva, sans-serif;
	font-size: x-large;}

h2#titre-principal  {
	font-size: 30px;
	margin-bottom:30px;
	
		color: #333;

	
	font-family:  Geneva, sans-serif;
	text-align: left;
}

ul {
	margin: 5px 0 0 5px;
	list-style: url(../pics/puces.jpg);
	list-style-position: inside;

	
}

.left {margin-left: 20px;}

h2#titre-principal img {padding-right: 10px;}
	
.sous-titre  {font-size: 20px;  font-weight: normal; margin-left: 15px; }

h4 {font-size: 21px;  padding-top: 3px;}

h4.sstitre {color: #36444B; font-size: 18px; padding: 10px 0 0 15px;}
h4.sstitre a {color: #666; font-size: 18px; padding: 10px 0 0 0px; text-decoration: none; text-align: left;}
h4.sstitre a:hover {color: ; text-decoration: underline; font-weight: bold; }
.titreh4 {font-size: 13px; color: #36444B;padding: 0 0 0 15px; }

ul#slogan  {margin:  10px 0 0 14px ; padding: 0;list-style: none; color: #003B5D; font-weight: normal; font-size: 13px; }
ul#slogan li {
	list-style-image: url(../pics/produits-ynover-telecom/puces-ynover-telecom-svi.png);
	list-style-position: inherit;
	vertical-align: top;
	line-height: 18px;
}


p.surtitre {color: #666; font-size: 15px; margin: 0; padding:0;}

h5.titre {color:#159bd1; font-size: 25px; margin: 0 0 10px 0; font-weight: normal;}




ul.descr { list-style: none; margin: 30px 0 0 0;}
ul.descr h6, h6  { list-style: none; margin-top: 20px; margin-bottom: 5px; font-size: 14px; }


ul.descr li {font-size: 13px; margin: 0; padding: 0; color: #000;}


p {
	padding:0;
	font-size: small;
	font-size:13px;
}



hr {
	height:1px;
	margin:15px auto;
	background-color:#DEDEDE;
	color:#dedede;
	border:0;
}

.lettrine {
	float:left;
	color: #34a1c5;
	font-size:2em;
	padding:0 5px;
}





/* Boxes */
.container-haut { height: 200px;}

.boxContainer {
	MARGIN : 15px 0 0 0;
	DISPLAY: block;
	PADDING-BOTTOM: 30px;
	VERTICAL-ALIGN: top;
	WIDTH: 785px;
	PADDING-TOP: 20px;
	

	float: left;
}
.index  {
	MARGIN : 15px 0 0 0;
	DISPLAY: block;
	PADDING-BOTTOM: 30px;
	VERTICAL-ALIGN: top;
	WIDTH: 620px;
	PADDING-TOP: 20px;
	float: left;
}


.contactie6  {
	MARGIN : 15px 0 0 0;


	PADDING-BOTTOM: 30px;
	VERTICAL-ALIGN: top;
	WIDTH: 50px;
	PADDING-TOP: 20px;

	float: left;


}
.contactGauche {
	WIDTH: 150px;
	float: left;



}


	.boxContainer .top {
		width:600px;
		height:15px;
		background: url(../pics/boxes/top.gif) no-repeat;
	}
	
	.boxContainer .middle {
	width:600px;
	background: url(../pics/boxes/middle.gif) repeat-y;
	padding: 0 15px 0 15px;
	vertical-align:top;
	height: 100%;
	}
	
	.boxContainer .bottom {
		width:600px;
		height:16px;
		background: url(../pics/boxes/bottom.gif) no-repeat;
	}
	
	.compteur {
		background: url(../pics/slider/compteur.png);
		height: 220px;
	}

	.spacer {
		display:block;
		height:145px;
	}


.cadre {margin-bottom: 20px; padding: 0 15px 0 5px;}


.texte-compteur { text-align: center; width: 600px; margin: 0 auto; font-size: 20px; font-family:: large titilium, Geneva, sans-serif; font-weight: bold; color: #323232;}
.compt {float: left;}
/* En savoir plus */

.ensavoirplus {
	width:119px;
	height:20px;
	display:block; 
	background: url(../pics/ensavoirplus.png) bottom;
	position:absolute;
	bottom:15px;
	right:15px;
}

.tiers .ensavoirplus {
	position:relative;
	left:90px;
	bottom:0;
}

.ensavoirplus span.hover{
	position:absolute;
	width:119px;
	height:20px;
	background: url(../pics/ensavoirplus.png)top ;
}

/* Fin en savoir plus */

/* CV */

.cv {
	width:200px;
	height:55px;
	display:block; 
	background: url(../pics/cv.png) bottom;
	
}

.cv span.hover{
	position: absolute;
	left : 15px;
	width:200px;
	height:55px;
	background: url(../pics/cv.png)top ;
}

/* Fin CV */


/* En savoir plus */

.vcard {
	width:250px;
	height:50px;
	display:block; 
	background: url(../pics/vcard.png) top;
}


.vcard span.hover{
	position:absolute;

	width:250px;
	height:50px;
	background: url(../pics/vcard.png) bottom;
}

/* Fin en savoir plus */


/* Nous contacter */


.contactDroite {margin-left: 0;width: 550px;}
.contactGauche { width: 350px;}

.nouscontacter {
	width:119px;
	height:20px;
	display:block; 
	background: url(../pics/nouscontacter.png) bottom ;
	position: relative;

}

.nouscontacter span.hover{
	position:absolute;
	width:119px;
	height:20px;
	left:0;
	background: url(../pics/nouscontacter.png) top;

}

/* Fin  Nous contacter */


/* Menu header */

/*Groupe*/
.headerGroupe {
	display:inline-block;
	width:98px;
	height:48px;
	background: url(../pics/button-groupe.jpg) top;
}

.headerGroupe span.hover {
	position:absolute;
	width:98px;
	height:48px;
	background: url(../pics/button-groupe.jpg) 0px -50px;
}

.headerGroupe span:active {
	background: url(../pics/button-groupe.jpg) bottom;
}
/* Fin groupe */

/*services*/
.headerTelecom {
	display:inline-block;
	width:171px;
	height:48px;
	background: url(../pics/button-telecom.jpg) top;
}

#floatdivv {
position:fixed;  

}
.headerTelecom span.hover {
	position:absolute;
	width:171px;
	height:48px;
	background: url(../pics/button-telecom.jpg) 0px -50px;
}

.headerTelecom span:active {
	background: url(../pics/button-telecom.jpg) bottom;
}
/* Fin services */

.headerHome {
	display:inline-block;
	width:71px;
	height:48px;
	background: url(../pics/button-home-ynovertelecom.jpg) top;
}
.headerHome span.hover {
	position:absolute;
	width:71px;
	height:48px;
	background: url(../pics/button-home-ynovertelecom.jpg) 0px -50px;
}

.headerHome span:active {
	background: url(../pics/button-home-ynovertelecom.jpg) bottom;
}
/* Fin services */

/*Produits*/
.headerContenus{
	display:inline-block;
	width:197px;
	height:48px;
	background: url(../pics/button-contenus.jpg) top;
}

.headerContenus span.hover {
	position:absolute;
	width:197px;
	height:48px;
	background: url(../pics/button-contenus.jpg) 0px -50px;
}

.headerContenus span:active {
	background: url(../pics/button-contenus.jpg) bottom;
}

.intro {
	vertical-align: middle;
	height:202px;
}

#pageProduit  {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 20px;

}
#pageProduit img {border: 0; margin :0 ;}
#pageProduit p { margin:5px 0 0 0;}


#pageProduit img.logo-produit {border: 1; margin :0 70px 0 20px; float: left;}

/* Fin Produits */

/*Contact*/
.headerMonetisation {
	display:inline-block;
	width:151px;
	height:48px;
	background: url(../pics/button-monetisation.jpg) top;
}

.headerMonetisation span.hover {
	position:absolute;
	width:151px;
	height:48px;
	background: url(../pics/button-monetisation.jpg) 0px -50px;
}

.headerMonetisation span:active {
	background: url(../pics/button-monetisation.jpg) bottom;
}


/*Clients*/
.headerClients {
	display:inline-block;
	width:151px;
	height:48px;
	background: url(../pics/button-clients.jpg) top;
}

.headerClients span.hover {
	position:absolute;
	width:151px;
	height:48px;
	background: url(../pics/button-clients.jpg) 0px -50px;
}

.headerClients span:active {
	background: url(../pics/button-clients.jpg) bottom;
}
/* Fin Clients */

/*Contact*/
.headerContact {
	display:inline-block;
	width:83px;
	height:48px;
	background: url(../pics/button-contact.jpg) top;
}

.headerContact span.hover {
	position:absolute;
	width:83px;
	height:48px;
	background: url(../pics/button-contact.jpg) 0px -50px;
}

.headerContact span:active {
	background: url(../pics/button-contact.jpg) bottom;
}
/* Fin Contact */

/*Contact*/
.headerRecrutement {
	display:inline-block;
	width:119px;
	height:48px;
	background: url(../pics/button-recrutement.jpg) top;
}

.headerRecrutement span.hover {
	position:absolute;
	width:119px;
	height:48px;
	background: url(../pics/button-recrutement.jpg) 0px -50px;
}

.headerRecrutement span:active {
	background: url(../pics/button-recrutement.jpg) bottom;
}
/* Fin Contact */

/* Fin Menu header */

#menu-haut {text-align: right; padding-top: 50px; color: #FFF; }
#menu-haut a { color: white; font-size: 14px; text-decoration: none;}
#menu-haut a:hover{  text-decoration: underline; font-weight: normal;}


/* Accueil 1-3 */
.tiers{
	display:inline-block;
	width:32%;
	vertical-align: top;
	height: 360px;
	
	
	
}

	.G {
		border-right: 1px solid #DEDEDE;			
	}

.tiers p {
	

	font-size: 13px;
	position: relative;
	padding: 3px;

	
}

.tiers .block p {
	

	font-size: 13px;
	position: relative;
	padding: 3px;

	
}
.image {height: 110px; display: block; position: absolute; bottom: 0; }
.image2 {height: 193px; display: block; position: absolute; bottom: 0; }
.tiers img {}

.containerPictures {
	display:block;

	
}


/* Accueil 1-3 */


/* PRODUITS */

/* Menu */
.containerProduitGauche {

	width:515px;
	display:inline-block;
	vertical-align:top;
	color: #333;
	text-align: justify;
	margin-right: 20px;


}

.citation {
	display:block;
	border-top: solid 2px #DEDEDE;
	border-bottom: solid 2px #DEDEDE;
	margin: 15px auto;
	font-size:large;
	padding:15px;
	text-align:center;
}


.sousmenu {display: block;float: left; margin-right: 10px; margin-top: 40px; margin-left: 5px; 	 	width: 160px; }
.sousmenucontact {display: block;float: left; margin-right: 20px; margin-top: 40px; 	width: 175px; }
	
	/* Lavalamp */

	
	ul.lavaLamp {
		display: block;
		list-style: none;

		margin: 10px 0 0 0;
		padding: 10px 10px 50px 10px;
		
		width: 160px;
		text-align: left;
	
	
		
	}
	

	ul.lavaLamp2 {
		display:block;
		list-style: none;
		padding: 0 5px 5px 5px;
		margin: 0 0 0 -20px;
		background-image: url(../pics/produits-ynover-telecom/fond-fleche3.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		height: 250px;
	}
	
	
	ul.lavaLamp li.backLava, ul.lavaLamp2 li.backLava {
		
	
	
	
	}
	
	ul.lavaLamp li, ul.lavaLamp2 li {



	
	}
	
	ul.lavaLamp li a, ul.lavaLamp2 li a {
	   display:block;
	   padding: 5px;

	

	
	   font-weight: normal;
	   
	}
	
	ul.lavaLamp li a:hover, ul.lavaLamp2 li a:hover {


	font-weight: bold;
	
	}
	
	#rappel {margin-top: 100px;}
	
	.logo {margin-top: 30px;}
	
	.legende {font-size: 10px;}
	
	/* Fin lavalamp */
	
/* Fin menu Gauche */

/* Produit */


.containerProduitDroite {
	vertical-align:top;
	width:200px;
	display: inline-block;
	
	min-height: 412px;
	background-repeat: no-repeat;
	color: #666;





	float: right;
	font-size: 12px; padding: 5px 0 0 15px;
	margin-top: 5px; 
}

.fond-monetisation {background-image: url(../pics/produits-ynover-telecom/fond-monetisation.jpg);}
.fond-groupe {background-image: url(../pics/ynover/fond-groupe-ynover.jpg);}
.fond-telecom {background-image: url(../pics/produits-ynover-telecom/fond-telecom.jpg);}
.fond-svi {background-image: url(../pics/produits-ynover-telecom/fond-svi.jpg);}
.fond-emploi {background-image: url(../pics/produits-ynover-telecom/fond-emploi-telecom.jpg);}

.image-svi {
	background-image: url(../pics/produits-ynover-telecom/image-solutions-vocales-svi.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.image-telecom {
	background-image: url(../pics/produits-ynover-telecom/image-ynover-telecom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.image-groupe {
	background-image: url(../pics/produits-ynover-telecom/image-ynover-telecom-2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.image-monetisation {
	background-image: url(../pics/produits-ynover-telecom/image-monetisation.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 720px;
}

.image-recrutement {
	background-image: url(../pics/produits-ynover-telecom/image-ynover-emploi-telecom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


  
.col_dr {text-align: left; margin-right: 10px;}

.contenu {	display: block; }

.containerProduitDroite h1, .contenu h1 {
	background:transparent url(../pics/h1.jpg) no-repeat scroll 0 50%;
	text-indent:25px;
	font-size:x-large;
}

.containerProduitDroite  .middle img.intro {
	vertical-align:top;
	margin-right:15px;
	margin-bottom:15px;
	padding:3px;
	border: solid 1px #DEDEDE;
	float:left;
}

.containerProduitDroite img.left {
	vertical-align:top;
	margin-right:15px;
	margin-bottom:15px;
	padding:3px;
	border: solid 1px #DEDEDE;
	float:left;
}


	.containerProduitDroite img.fleche {
		border:0;
		padding-left:30px;
		margin:20px 0;
		float:left;
	}
	
.presentationProduit {
	color:#159bd1;
	float:left;
}
/* Fin Produit */

/* Recrutement */
.recrutement {
	margin-right:15px;
	margin-bottom:15px;
	padding:3px;
	border: solid 1px #DEDEDE;
}
/* Fin recrutement */

/* FIN PRODUITS */

/* Plan */
.plan {
	margin:0  ;
}

.plan ul {
	margin:0 0 0 0 ; 
}

.plan ul li ul {
	margin:0 ;
}

.plan ul li ul li {
	margin:0 0 0 50px  ; list-style: url(../pics/puces.jpg);
}

.plan ul li {  list-style: none; margin-top: 20px;}
.plan ul li a {
	color:#159bd1; font-size: 25px; margin: 0 0 10px 0; font-weight: normal;
}
.plan a:hover {
color:  #ec3d28;
}

.plan ul li ul li a{
	color:#333; font-size: 13px; margin: 0 0 10px 0; font-weight: normal;
}
/* Plan */

/* Back */
.back {
	float:right;
}

h1 a:hover {
	color:#000;
}
/* Back */

/* Contact */

p.contact {margin-left: 15px;}

.contactDroite label, .contactDroiteDroite input,  .contactDroiteDroite textarea{
	display:block;
}

.contactDroite label {
	color:#262626;
	font-size:medium;
	margin-bottom:5px;
	display:inline-block;
	width:90%;
}


.contactDroite input {
	padding:3px;
	width:100%;
}

.contactDroite textarea {
	padding:3px;
	width:100%;
}

.contactDroite input.copy {
	display:inline-block;
	width:25px;
	margin-top: 10px;
}

.contactDroite span.copy {
	display:inline-block;
	width:40%;
	font-size:small;
}

.cButton {
	display: inline-block;
	border: 1px solid #D7D7D7;
	background-color:#f5f5f5;
	text-align: center;
	padding:3px;
	width:150px;
	height:20px;
}

	.sendButton {
		float:left;
	}
	
		.sendButton:hover {
			border: 1px solid #c6d880;
			background-color:#e6efc2;
		}
	
	.resetButton {
		float:right;
	}
		
		.resetButton:hover {
			border: 1px solid #fbc2c4;
			background-color:#fbe3e4;
		}
		
.containerProduitDroite img.noBorder {
	padding:0;
	border:none;
}

.containerProduitDroite select {
	padding:3px;
	width:100%;
}


label sup {
	color:red;
	margin-left:10px;
	line-height:10px;
	position:relative;
	top:5px;
}

span sup {
	color:red;
	font-size:12px;
	position:relative;
	top:5px;
}

.help {
	float:right;
	color:#FFF;
	display:inline-block;
	font-weight: bolder;
	background: #34a1c5;
	height: 20px;
	width: 20px;
	text-align: center;
	vertical-align: middle;
}

input.mail {
	width:150px;
	display: block;
	float:left;
}



/* Fin contact */
#javascript{
	background: #FFF;
	color: #F00;
	padding: 20px;
	text-align: center;
}


 .intro span {
	font-size:large;
	text-indent:30px;
	margin:15px 0;
	text-transform:uppercase;
 }
 
 .intro span img {
	border:0;
	float:none;
	margin:0;
 }
 
 .ss-menu-dr {margin-right: 20px;padding:0; background-image: url(../pics/produits-ynover-telecom/fond-services-vocaux-interactifs2.jpg) ; background-color: #FFF;background-position: top; background-repeat: no-repeat;}
 
 .sousMenu {



 }
 
  .sousMenu2 {
	margin: 0px 15px 0 0 ;
	
	font-size: 16px;
	text-align: right;
	

 }
 

  .sousMenu p {
	font-size: 13px;
	margin: 0;
	padding: 0;
 }
 
.titreSousMenu {
	font-size: 25px;
	margin-bottom: 20px;

}

.titreSousMenu a{
 color: #003B5D;

}

.titreSousMenu a:hover{
 color: #159bd1;
 font-weight: normal;

}



.tagLine {
	color: #666;
	font-size: 13px;
}

.sousMenu h2 {
	margin-top:-3px;
}

#slideshow {
    position:relative;
    height:96px;
	margin-top: 20px;
	margin-left: 216px;
	
	
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 96px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 96px;
    display: block;
    border: 0;
    margin-bottom: 10px;}

.hopitel {text-align: left; list-style-position: inside; margin: 0; padding: 0; }

.hopitel li { padding: 5px; margin: 0 5px; font-size: 13px; font-weight: normal; color: #003B5D;  }


.hopitel .tagLine { color: #666; font-weight: normal;font-size: 12px; }
a p.tagLine  { color: #666; }
a:hover p.tagLine { color:  #159bd1; }

.groupe  {text-align: left; list-style: none; margin-left: 20px; margin-top: 20px;}

.player { width: 160px ;}