/*
	CSS-Equipe pour egzakt.com
	Jeff - egzakt.com
	2007-12-21
*/

/****************************************************************************
 * EQUIPE ACCUEIL
 */

.equipe_conteneur {
	/*extend: .conteneur*/
	background-color: #333333;
}

.equipe_navigation {
	/*extend: .navigation*/
}

.equipe_navigation .texte {
	/*extend: .navigation*/
	width: 145px;
	padding: 30px 0 10px 20px;
	font-weight: bold;
	color: #9E9E9E;
	text-align: right;
}

.equipe_contenu {
	/*extend: .contenu*/
}

dl.equipe_categorie {
	/*extend: dl.categorie*/
	margin: 0;
	border-bottom: 5px solid #333333;
}

dl.equipe_categorie dt {
	/*extend: dl.categorie dt*/
}

dl.equipe_categorie dt a {
	/*extend: dl.categorie dt a*/
	background: url(../images/ul/boutons/equipe_categorie.gif) bottom left no-repeat;
}

dl.equipe_categorie dt a:hover,
dl.equipe_categorie dt a.selected {
	background-position: -166px bottom;
	color: #FFFFFF;
}

dl.equipe_categorie dd {
	/*extend: dl.categorie dd*/
}

dl.equipe_categorie dd ul {
	/*extend: dl.categorie dd ul*/
	background-image: url(../images/ul/tuiles/equipe_texture.gif);
}

dl.equipe_categorie dd ul li {
	/*extend: dl.categorie dd ul li*/
}

.equipe_categorie dd ul li a.dernier {
	border-bottom: 1px solid #333333;
}

.equipe_categorie dd ul li a {
	/*extend: dl.categorie dd ul li a*/
}

.equipe_categorie dd ul li a:hover,
.equipe_categorie dd ul li a.selected {
	color: #000000;
	background-color: #FFFFFF;
}

.equipe_contenu .equipe_mosaique {
	/*extend: ul#mosaique*/
	width:784px;
	/*height:170px;*/
}

.equipe_contenu .equipe_mosaique li {
	/*extend: ul#mosaique li*/
	width:112px;
	height:112px;
}

.equipe_contenu .equipe_mosaique a {
	/*extend: ul#mosaique a*/
	width:112px;
	height:112px;
}

.equipe_contenu .equipe_mosaique .cacher {
	/*extend: ul#mosaique .cacher*/
}

ul#mosaique li a.selected {
	/*extend: ul#mosaique li a.selected*/
}

ul#mosaique li a .over {
	/*extend: ul#mosaique li a .over*/
}

ul#mosaique li a .notOver {
	/*extend: ul#mosaique li a .notOver*/
}

ul#mosaique a.selected .over {
	/*extend: ul#mosaique a.selected .over*/
}

/****************************************************************************
 * EQUIPE DETAIL
 */
 
.details_employe a.thumbnail:hover {
	background:transparent;
}

.details_employe a.thumbnail .over {
	position:absolute;
	visibility:hidden;
}
.details_employe a.thumbnail:hover .over, .details_employe a.thumbnail.selected .over {
	visibility:visible;
}

.blocOnglets {
	position:relative;
	z-index: 2;
	height: 30px;
	background: #6B6B6B;
}

.blocOnglets ul {
	text-align:center;
	font-size: 1.18em;
	line-height: 1.1em;
	font-weight: bold;
	color: #FFF;
}

.blocOnglets ul li {
	float: left;
}

.blocOnglets ul li a.selected {
	background-color: #D7141E;
}

.blocOnglets ul li a {
	 display: block;
	 color: #FFF;
	 width: 148px;
	 height: 22px;
	 padding-top: 8px;
}

.blocOnglets ul li a:hover {
	 color: #FFF;
}

.blocOnglets .descriptif {
	display: none;
	width: 446px;
	position: absolute;
	top:30px;
	left:0;
}

.blocOnglets .descriptif_bg {
	width: 386px;
	position: relative;
	padding: 22px 30px;
	background-color: #D7141E;
	line-height: 1.45em;
	color: #D7141E;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

.blocOnglets .descriptif_infos {
	position: absolute;
	width: 386px;
	line-height: 1.45em;
	top: 0;
	left: 0;
	padding:22px 30px;
	color: #FFF;
}

.blocOnglets .descriptif_bg p, .blocOnglets .descriptif_infos p {
	margin: 0;
	padding: 0 0 0.9em 0;
}

.blocOnglets .descriptif_infos a {
	color:#fff;
	text-decoration:underline;
}

.blocOnglets .descriptif_infos a:hover {
	color:#f0d0d0;
}

.blocOnglets .descriptif_bg ul, .blocOnglets .descriptif_infos ul {
	text-align: left;
	list-style-type: square;
	margin: 0 0 0 15px;
	font-size: 1em;
	font-weight: normal;
}

.blocOnglets .descriptif_bg ul li, .blocOnglets .descriptif_infos ul li {
	float: none;
	padding-bottom: 2px;
}

a.onglet_fermer {
	display: block;
	position: absolute;
	bottom: 7px;
	right: 9px;
}

.employe_gauche {
	width: 446px;
	background-color: #FFFFFF;
	float: left;
	padding: 0 1px 1px;
}

.employe_droite {
	float: left;
	background-color: #FFFFFF;
}

.employe_gauche .blocInfos {
	 color: #333333;
	 background-color: #F0F1F1;
	 height: 92px;
	 padding:10px 5px 10px 30px;
	 line-height: 1.1em;
}

.employe_gauche .blocInfos a:hover {
	color: #F0047F;
}

.employe_gauche .blocReseaux {
	border-top:1px solid #fff;
	background-color:#F0F1F1;
	padding:5px 5px 5px 30px;
	height:21px;
}

.employe_gauche .blocReseaux a{
	margin-right:3px;
}

.employe_gauche .employe_nom {
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.1em;
}

.employe_gauche a {
	color: #333333;
}

.employe_gauche .employe_photo_conteneur {
	margin-top: 1px;
	width: 446px;
	height: 446px;
	position: relative;
	z-index: 1;
}

.employe_gauche .employe_photo {
	
}

.employe_gauche .employe_photo_cachee {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}

.choixPhotos {
	width: 336px;
}

.usager_coup_coeur_nom {
	width: 308px;
	font-size: 1.18em;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	background: #DD0375 url(../images/ul/tuiles/coup_coeur_titre.gif) top left no-repeat;
	padding: 9px 8px 8px 20px;
	margin: 0 0 1px 0;
}

.usager_coup_coeur_details {
	width: 316px;
	height: 438px;
	border-bottom: 1px solid #FFF;
	background: #D9D9D9 url(../images/ul/tuiles/coup_coeur_details.gif) top left no-repeat;
	padding: 8px 10px 0 10px;
}

.usager_coup_coeur_details.section_coup_coeur  {
	height: auto;
	background: none;
	padding: 17px 19px 0 18px;
}

.usager_coup_coeur_details a.voir_coup_coeur, .coup_coeur_texte a.voir_coup_coeur {
	display: block;
	float: left;
	color: #404040;
	padding: 1px 15px 0 0;
	background: url(../images/ul/boutons/voir_coup_coeur_plus.gif) right 1px no-repeat;
	text-decoration: none;
}

.coup_coeur_texte a.voir_coup_coeur {
	margin-top: 10px;
}

.usager_coup_coeur_details a.voir_coup_coeur span, .coup_coeur_texte a.voir_coup_coeur span {
	color: #F0047F;
	text-decoration: underline;
}

.usager_coup_coeur_details a.voir_coup_coeur:hover, .coup_coeur_texte a.voir_coup_coeur:hover {
	color: #F0047F;
	background-position: right -14px;
}

.usager_coup_coeur_details a.voir_coup_coeur:hover span, .coup_coeur_texte a.voir_coup_coeur:hover span {
	color: #404040;
}

dl.usager_coup_coeur {
	padding: 0;
	margin: 0;
}

dl.usager_coup_coeur dt {
	background-color: #404040;
	width: 273px;
	border: 1px solid #FFF;
	padding: 2px 7px 2px 16px;
}

dl.usager_coup_coeur dt span {
	display: block;
	color: #F76FB6;
	float: left;
	line-height: 1.1em;
}

dl.usager_coup_coeur dt a {
	display: block;
	float: right;
	color: #A6A6A6;
	padding: 1px 0 0 15px;
	background: url(../images/ul/boutons/coup_coeur_plus.gif) 0 1px no-repeat;
}

dl.usager_coup_coeur dt a:hover {
	color: #FFF;
	background-position: 0 -14px;
}

/*
dl.usager_coup_coeur dt a span {
	text-transform: lowercase;
	color: #A6A6A6;
	display: inline;
	float: none;
}

dl.usager_coup_coeur dt a:hover span {
	color: #FFFFFF;
}
*/

dl.usager_coup_coeur dd {
	padding: 0;
	margin: 0;
}

dl.usager_coup_coeur dd ul {
	padding: 3px 0 4px 0;
}

dl.usager_coup_coeur dd ul li {
	margin: 0 0 4px 0;
	padding: 0;
	background: #D9D9D9 url(../images/ul/tuiles/coup_coeur_details.gif) top left no-repeat;
}

dl.usager_coup_coeur dd ul li a {
	display: block;
	padding: 2px 18px 2px 18px;
	color: #666666;
	background: #EDEDED url(../images/ul/boutons/coup_coeur.gif) 2px 2px no-repeat;
}

dl.usager_coup_coeur dd ul li a:hover, dl.usager_coup_coeur dd ul li a.selected {
	color: #333333;
	background-color: #FFF;
	background-position: -305px 2px;
}

dl.usager_coup_coeur dd ul li a.selected {
	font-weight: bold;
}


/* BILLETS VEDETTES
-----------------------------------------*/
.usager_coup_coeur_details #billets_vedettes li {
	background-color:#F0F0F0;
	border:1px solid #F0F0F0;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;	
	padding:8px 10px;
	margin-top:4px;
}

.usager_coup_coeur_details #billets_vedettes h4 {
	font-family:'AmericanTypwrterITCW01- 731031';
	font-size:1.5em;
	line-height:1.2em;
	margin:0 0 2px 0;
}

.usager_coup_coeur_details #billets_vedettes h4 a {
	color:#333;
}

.usager_coup_coeur_details #billets_vedettes h4 a:hover {
	text-decoration:underline;
}

.usager_coup_coeur_details #billets_vedettes h5 {
	font-family:'AmericanTypwrterITCW01- 731010';
	font-size:1.167em;
	line-height:1.2em;
	color:#D7141D;	
	margin:0 0 5px 0;
}

.usager_coup_coeur_details #billets_vedettes .intro {
	font-size:1.091em;
	line-height:1.2em;
}

.usager_coup_coeur_details #billets_vedettes .tous {
	margin:10px 0 0 12px;
}

.usager_coup_coeur_details #aucun {
	margin:10px 0 0 12px;
}