@charset "utf-8";

/* ************************************************************
//          FEUILLE DE STYLES - TEMPLATE IMMO-VIOLET
// ************************************************************
// DESCRIPTION :
// Cette  page  determine  le style des elements composants les 
// differentes parties du site.
// ************************************************************
// AUTEUR  : ................ Matthieu WERNER (pour GeneralWeb)
// FICHIER : ................ style/css/style.css 
// VERSION : ................ 1.0
// DERNIERE MODIFICATION : .. 24/06/09
// COPYRIGHT : .............. Matthieu Werner & GeneralWeb
// SUPPORT : ................ matthieu.generalweb@gmail.com
// ***********************************************************/

/* ************************************************************
//                         BODY
// ************************************************************/

body 
	{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/fond3.jpg) repeat-y center;
	position:relative;
	font: 1em/1.4em Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-size:12px;
	behavior: url(csshover.htc);
	}

/* ************************************************************
//               REGLES GENERALES SUR LES BALISES
// ************************************************************/

* 
	{
	margin:0;
	padding:0;
	}

a 
	{
	color:#AF8100;	
	text-decoration:none
	}

a:hover 
	{
	color:#999;	
	}

p 
	{
	margin:0;
	padding:5px 0;
	font-size:12px;
	}
	
h1 
	{
	color:#444;
	font-size:14px;
	display:block;
	}

h2 
	{
	color:#666;
	font-size:12px;
	display:block;
	}

h3 
	{
	text-transform:uppercase;	
	}

img 
	{
	border:0;
	vertical-align:middle;
	}
	
table 
	{
	margin-left:auto;
	margin-right:auto;
	border-spacing:0;
	border-collapse:collapse;
	vertical-align:middle;
	}
	
input
	{
	border:1px solid #ccc;
	height:17px;
	padding:1px 1px 0 1px;
	}
	

	
/* ************************************************************
//                     CLASSES GENERIQUES
// ************************************************************/

.tiny
	{
	font-size:10px;
	}

.texteCentre
	{
	text-align:center;
	}
	
.texteDroite
	{
	text-align:right;
	}
	
.texteGauche
	{
	text-align:left;
	}

.texteJustifie
	{
	text-align:justify;
	}

.vert
	{
	color:green;
	}
	
.rouge
	{
	color:red;
	}
	
.top
	{
	vertical-align:top;
	}
	
img.bouton
	{
	cursor:pointer;
	}

img.texte,
input.texte
	{
	vertical-align:top;
	}

input.submit
	{
	height:auto;
	border:0;
	padding:0;
	}

hr.separateur
	{
	border:0;
	width:90%;
	color:grey;
	background-color:grey;
	height: 1px;
	}

img.icone
	{
	width:16px;
	}

/* ************************************************************
//                    		INFOBULLES
// ************************************************************/

a.tooltip
	{
    position:relative; 
    z-index:24;
    text-decoration:none;
    }

a.tooltip:hover
	{
	z-index:25;
	}

a.tooltip span
	{
	display: none
	}

a.tooltip:hover span
	{ 
	display:block; 
	position:absolute;
	cursor:default;
	width:250px;
	color:black;
	top:2px; 
	left:10px;
	border:1px solid #ccc;
	text-align: justify;
	font-weight:normal;
	padding:2px;
	background-color:lightyellow;
    }
    
/* ************************************************************
//                    ELEMENTS DE L'EN-TETE
// ************************************************************/

/*             ELEMENTS RELATIFS AU CHARGEMENT                */

div#chargement
	{
	position:fixed;
	color:#000000;
	font-size:13px;
	font-family:Verdana;
	text-align:center;
	background-color:lightyellow;
	height:20px;
	right:0;
	padding:5px;
	padding:5px;
	width:180px;
	z-index:99;
	font-weight:bold;
	}
	
div#fondPlein
	{
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background-image:url(../images/75p_white.png);
	padding:10px;
	z-index:90;
	}

/*               ELEMENTS RELATIFS AUX POPUP                  */

div#popupCentre
	{
	height:153px;
	width:335px;
	position:fixed;
	top:20%;
	left:35%;
	z-index:99;
	background-image:url(../images/bckgdPopup50.png);
	padding:10px;
	}
	
div#popupCentre50
	{
	height:153px;
	width:335px;
	position:fixed;
	top:20%;
	left:35%;
	z-index:99;
	background-image:url(../images/bckgdPopup50.png);
	padding:10px;
	}

div#popupCentre table
	{
	border:1px solid grey;
	width:335px;
	height:155px;
	background-color:white;
	}

div#popupCentre table td.image
	{
	width:70px;
	}
	
div#popupCentre table input.champ
	{
	width:170px;
	}
	
/* ELEMENTS RELATIFS A LA BARRE SUPERIEURS (Liens importants, login) */

div#topBarre
	{
	position:relative;
	float:left;
	width:890px;;
	height:18px;
	background-image:url(../images/bgd_top_barre_900.jpg);
	margin-left:-1px;
	border-bottom:1px solid #333;
	padding:2px 5px 5px 5px;
	z-index:10;
	}

div#topBarreLiens
	{
	position:relative;
	float:left;
	text-align:left;
	padding-top:3px;
	}
	
div#topBarreLiens a 
	{
	font-weight:bold;
	}
	
div#topBarreLiens a:hover
	{
	color:white;
	}
	
div#topBarreLogin
	{
	position:relative;
	float:right;
	text-align:right;
	padding:3px 5px 0 0;
	font-weight:bold;
	}

div#topBarreLogin a:hover
	{
	color:white;
	}
	
/*  ELEMENTS RELATIFS A LA BANDE SUPERIEURE (logo, recherche) */
	
div#bande-superieure 
	{
	position:relative;
	float:left;
	width:900px;
	margin-left:-1px;
	}
	
div#logo
	{
	position:relative;
	float:left;
	width:350px;
	padding:20px;
	}
	
div#recherche
	{
	position:relative;
	float:left;
	width:410px;
	padding:30px 20px 20px 20px;
	}

input.champRecherche 
	{
	width:320px;
	text-align:left;
	background-image:url(../images/icone_loupe.png);
	background-repeat:no-repeat;
	background-position:5px 5px;;
	padding-left:25px;
	border:1px solid grey;
	height:18px;
	padding-top:5px;
	color:#ccc;
	}
	
/*                ELEMENTS RELATIFS AU MENU                   */
	
div#menuPrincipal
	{
	position:relative;
	float:left;
	width:900px;
	z-index:80;
	}	

#menuDeroulant
	{
	background-image:url(../images/bgd_menu.jpg);
	width: 900px;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	float:left;
	top: 0;
	left: 0;
	z-index:2;
	}

#menuDeroulant li
	{
	float: left;
	width: 125px;
	font-size:11px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	}
	
#menuDeroulant li a:link, 
#menuDeroulant li a:visited
	{
	display: block;
	height: 1%;
	color: #FFF;
	background-image:url(../images/bgd_menu.jpg)
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
	}
	
#menuDeroulant li a:hover 
	{ 
	background-color: #AF8100;
	}
	
#menuDeroulant li a:active 
	{ 
	background-color: #5F879D; 
	}

#menuDeroulant .sousMenu
	{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
#menuDeroulant .sousMenu li
	{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 124px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	text-align:left;
	letter-spacing:0;
	text-transform:none;
	}

#menuDeroulant .sousMenu li a:link, 
#menuDeroulant .sousMenu li a:visited
	{
	display: block;
	color: #fff;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../images/75p_black.png") repeat;
	}
#menuDeroulant .sousMenu li a:hover
	{
	background-image: none;
	background-color: #AF8100;
	}

#menuDeroulant li:hover > .sousMenu 
	{ 
	display: block; 
	}

/* ************************************************************
//                    ELEMENTS DU CORPS
// ************************************************************/

div#partieContenus 
	{
	position:relative;
	float:left;
	width:900px;
	margin-left:-1px;
	margin-top:5px;
	}

div#partieCentrale 
	{
	float:left;
	width:698px;
	padding:0;
	background:none;
	}

/* ************************************************************
//                ELEMENTS DE LA PARTIE DROITE
// ************************************************************/

div#partieDroite
	{
	float:right;
	width:200px;
	margin:0;
	}

/* ************************************************************
//                  ELEMENTS DU PIED DE PAGE
// ************************************************************/

div#footer 
	{
	position:relative;
	float:left;
	width:900px;
	}

/* ************************************************************
//              ELEMENTS RELATIFS A LA PAGINATION
// ************************************************************/

table.pagination
	{
	border-collapse:separate;
	border-spacing:5px;
	}

table.pagination td
	{
	text-align:center;
	margin:3px;
	padding:3px;
	width:20px;
	height:20px;
	border:1px solid #ccc;
	white-space:nowrap;
	}
	
table.pagination a:hover
	{
	background-color:#AF8100;
	font-weight:bold;
	color:white;
	}
	
table.pagination a
	{
	display:inline-block;
	width:20px;
	}
	
table.pagination td.vide
	{
	border:0;
	}
	
table.pagination .pageCourante
	{
	background-color:#C67FC0;
	color:white;
	font-weight:bold;
	}

/* ************************************************************
//                  ELEMENTS SPECIFIQUES
// ************************************************************/

/*        ELEMENTS RELATIFS AUX BLOCS DE L'INDEX              */

div#indexBloc1 
	{
	float:left;
	width:545px;
	height:200px;
	background-image:url(../images/bgd_bloc_565_220.jpg);
	padding:10px 10px 10px 10px;
	}

div#indexBloc1 td
	{
	padding:10px 10px 5px 10px;
	}

div#indexBloc1 h1
	{
	text-align:center;
	padding-top:7px;
	color:#555;
	display:block;
	text-transform:uppercase;
	}
	
div#indexBloc1 p.promotion
	{
	font-size:20px;
	font-weight:bold;
	}



div#indexBloc2
	{
	float:left;
	width:545px;
	height:200px;
	background-image:url(../images/bgd_bloc_565_220.jpg);
	padding:10px 10px 10px 10px;
	}
	
div#indexBloc2 td
	{
	padding:10px 10px 5px 10px;
	text-align:center;
	}

div#indexBloc2 h1
	{
	margin:0px 0 10px 0;
	padding-top:7px;
	color:#555;
	display:block;
	text-transform:uppercase;
	}
	
div#indexBloc2 div.vignette img
	{
	width:155px;
	border:2px solid #ccc;
	}
	
div#indexBloc2 div.description
	{
	font-size:10px;
	}
	
	
	
div#indexBloc3
	{
	float:left;
	width:545px;
	height:200px;
	background-image:url(../images/bgd_bloc_565_220.jpg);
	padding:10px 10px 10px 10px;
	text-align:center;
	}
	
div#indexBloc3 h1
	{
	padding-top:7px;
	display:block;
	color:#555;
	text-transform:uppercase;
	}
	
	
	
div#indexBloc4
	{
	float:left;
	width:545px;
	height:200px;
	background-image:url(../images/bgd_bloc_565_220.jpg);
	padding:10px 10px 10px 10px;
	}

div#indexBloc4 h1
	{
	padding-top:7px;
	color:#555;
	display:block;
	text-align:center;
	text-transform:uppercase;
	}
	
div#indexBloc4 div
	{
	margin:25px 5px 5px 5px;
	}
	
div#courbe
	{
	position:relative;
	float:left;
	}
	
div#courbe img
	{
	border:2px solid #ccc;
	}
	
div#infos
	{
	position:relative;
	float:left;
	}
	
/* ************************* BANNIERE *********************** */
	
	
#indexBanniere
	{
	float:left;
	width:120px;
	height:790px;
	padding:3px 5px 0 5px;
	text-align:center;
	font-weight:bold;
	}

/* ***************** BLOC SIMULATION EXPRESS **************** */

div#simulationExpress 
	{
	background-image:url(../images/bgd_bloc_191_440.jpg);
	background-repeat:no-repeat;
	width:166px;
	height:430px;
	padding:10px 15px 0 15px;
	margin-top:2px;
	}

div#simulationExpress champ.input
	{
	width:155px;
	}
	
div#simulationExpress select.civilite
	{
	height:19px;
	width:50px;
	}
	
div#simulationExpress input.nom
	{
	width:100px;
	}

/* ******************** BLOC PROGRAMMES ********************* */
	
div#programmes 
	{
	background-image:url(../images/bgd_bloc_190_220.jpg);
	width:170px;
	height:200px;
	padding:10px 10px 10px 10px;
	text-align:center;
	}

div#programmes h1 
	{
	margin:0px 0 10px 0;
	padding:3px;
	color:#555;
	display:block;
	text-align:center;
	text-transform:uppercase;
	}
	
div#programmes select 
	{
	width:150px;
	}
	
/* ******************** BLOC ACTUALITES ********************* */

div#actualites 
	{
	background-image:url(../images/bgd_bloc_190_220.jpg);
	width:170px;
	height:200px;
	padding:10px 10px 10px 10px;
	}

div#actualites img 
	{
	vertical-align:top;
	}
	
div#actualites h1 
	{
	margin:2px 0 10px 0;
	padding:3px;
	color:#555;
	display:block;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	}
	
div#actualites p 
	{
	margin:0;
	padding:0;
	}

/* ************* CLASSES DE BLOCS CENTRAUX ****************** */

div.partieCentraleTop
	{
	position:relative;
	float:left;
	width:680px;
	background-image:url(../images/bgd_onglet_titre_orange.png);
	padding:10px;
	margin-top:8px;
	}
	
div.partieCentraleTop h2
	{
	padding-top:4px;
	}

div.partieCentraleTop table
	{
	width:100%;
	margin-left:0;
	}

div.partieCentraleMilieu
	{
	position:relative;
	float:left;
	width:680px;
	padding:10px;
	background-image:url(../images/bgd_partieCentrale_milieu.jpg);
	text-align:justify;
	}

div.partieCentraleMilieu div
	{
	position:relative;
	float:left;
	margin:0 15px 15px 0;
	}
	
div.partieCentraleBas
	{
	position:relative;
	float:left;
	background-position :bottom left;
	background-image:url(../images/bgd_partieCentrale_bas.jpg);
	background-repeat:no-repeat;
	height:23px;
	width:100%;
	}

/* ********** PARTIE ARTICLES, LISTE D'ARTICLES ************* */

.listeArticles
	{
	width:100%;
	margin:5px 0 0 0;
	}
	
.listeArticles th,
.listeArticles td	
	{
	text-align:justify;
	padding:0 0 0 5px;
	}

.listeArticles img,
.listeArticles td.vignette
	{
	vertical-align:top;
	width:128px;
	}
	
/* ********* PARTIE ARTICLES, LISTE DE CATEGORIES *********** */

table.listeCategoriesArticles
	{
	margin:0;
	width:100%;
	}
	
table.listeCategoriesArticles th
	{
	background-color:lightyellow;
	padding:3px;
	}

table.listeCategoriesArticles ul
	{
	padding:5px;
	}
	
table.listeCategoriesArticles li
	{
	list-style-type:none;
	
	padding-left:15px;
	background-image: url('../images/play_grey.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}


/* ********* PARTIE ARTICLES, LECTURE D'ARTICLES ************ */

img.apercuArticle
	{
	width:300px;
	}

/* ********** PARTIE ARCHIVES, LISTE D'ARTICLES ************* */

.listeArchives
	{
	width:100%;
	margin:5px 0 0 0;
	}
	
.listeArchives th,
.listeArchives td	
	{
	text-align:justify;
	padding:0 0 0 5px;
	}

.listeArchives img,
.listeArchives td.vignette
	{
	vertical-align:top;
	width:128px;
	}
	
/* ********* PARTIE ARCHIVES, LISTE DE CATEGORIES *********** */

table.listeCategoriesArchives
	{
	margin:0;
	width:100%;
	}
	
table.listeCategoriesArchives th
	{
	background-color:lightyellow;
	padding:3px;
	}

table.listeCategoriesArchives ul
	{
	padding:5px;
	}
	
table.listeCategoriesArchives li
	{
	list-style-type:none;
	
	padding-left:15px;
	background-image: url('../images/play_grey.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}

/* ********* PARTIE ARCHIVES, LECTURE D'ARCHIVES ************ */

img.apercuArchive
	{
	width:100px;
	}
	
/* *********** PARTIE FORUMS, LISTE DE MESSAGES ************* */

.listeMessage
	{
	width:100%;
	margin:5px 0 0 0;
	}
	
.listeMessage th,
.listeMessage td	
	{
	text-align:justify;
	padding:5px;
	}

.listeMessage th a
	{
	display:block;
	padding:5px;
	background-color:#ddd;
	}

/* ********* PARTIE FORUMS, AFFICHAGE DE MESSAGES *********** */

.afficherMessage
	{
	width:100%;
	margin:5px 0 0 0;
	}

.afficherMessage th
	{
	height:20px;
	font-weight:bold;
	color:#444;
	background-color:#ddd;
	}

.afficherMessage th,
.afficherMessage td	
	{
	text-align:justify;
	padding:5px;
	}

.afficherMessage img,
.afficherMessage td.vignette
	{
	vertical-align:top;
	width:128px;
	}
	
.afficherMessage th.liens
	{
	text-align:right;
	}

/* *********** PARTIE FORUMS, EDITION DE MESSAGE ************ */

form.editionMessage input.champ,
form.editionMessage select.champ
	{
	width:99%;
	}
	
form.editionMessage input.validation
	{
	margin-top:10px;
	}
	
/* **************** PARTIE INSCRIPTION ********************** */

table.inscription td.description
	{
	font-style:italic;
	}
	
table.inscription td
	{
	padding:3px;
	width:50%;
	}
	
table.inscription input.champ,
table.inscription select.champ
	{
	width:200px;
	}
	
/* ********************* ESPACE PERSO *********************** */

div.EPlienDepliant
	{
	display:block;
	width:100%;
	background-color:#ddd;
	}
	
div.EPlienDepliant a
	{
	display:block;
	padding:5px;
	}
	
div.EPblocDepliant
	{
	position:relative;
	float:left;
	width:100%;
	}

div#blocSimulations table
	{
	width:100%;
	}
	
div#blocSimulations table th,
div#blocSimulations table td
	{
	text-align:center
	}

div#blocInfosPerso td
	{
	padding:3px;
	}
	
div#blocInfosPerso input.champ,
div#blocInfosPerso select.champ
	{
	width:200px;
	}

/* ******************** LEXIQUE LISTE *********************** */

table.lexiqueListe
	{
	width:100%;
	text-align:center;
	}
	
table.lexiqueListe td
	{
	padding:5px;
	}

/* ****************** SIMULATION EXPRESS ******************** */

table.simulationTable
	{
	width:100%;
	}

/* ****************** PROGRAMME AFFICHER ******************** */

div#programmeAfficherVignette
	{
	position:relative;
	float:left;
	margin:10px 10px 10px 0;
	}
	
table.programmeAfficherDetails
	{
	margin-left:auto;
	margin-rigth:auto;
	width:400px;
	}
	
table.programmeAfficherDetails td
	{
	vertical-align:top;
	padding:5px;
	}
	
table.programmeAfficherLots
	{
	width:100%;
	text-align:center;
	}

table.programmeAfficherLots th	
	{
	background-color:#ddd;
	height:20px;
	}

table.programmeAfficherLots td,
table.programmeAfficherLots th
	{
	padding:2px;
	}
	
div#map,
div#map2
	{
	width:330px; 
	height:300px;
	}
	
div.pasDeMap
	{
	width:330px;
	height:180px;
	background-color:#efefef;
	border:1px solid grey;
	text-align:center;
	padding-top:120px;
	}

/* ****************** SIMULATION ETAPE 1 ******************** */

table.ligneMetro
	{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/metro_etape_1.png);
	width:300px;
	height:100px;
	}

table.simulationTable
	{
	width:600px;
	margin:auto;
	}

table.simulationTable th
	{
	text-align:center;
	padding:10px;
	}
	
table.simulationTable td
	{
	vertical-align:top;
	padding:2px;
	}
	
table.simulationTable td.titre
	{
	text-align:right;
	}
	
table.simulationTable input.champ,
table.simulationTable select.champ
	{
	width:200px;
	}

/* ****************** SIMULATION ETAPE 3 ******************** */

table.ligneMetro3
	{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/metro_etape_3.png);
	width:300px;
	height:100px;
	}
	
table#tableInfine
	{
	display:none;
	}

/* ****************** SIMULATION ETAPE 4 ******************** */

table.ligneMetro4
	{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/metro_etape_4.png);
	width:300px;
	height:100px;
	}
	
ul.simulationListe
	{
	margin-left:15px;
	}

table.tableauAmortissement
	{
	width:100%;
	}
	
table.tableauAmortissement td,
table.tableauAmortissement th
	{
	text-align:center;
	padding:2px;
	}
	
table.tableauAmortissement th
	{
	background-color:#eeeeee;
	height:30px;
	border:1px solid #ddd;
	}
	
table.tableauAmortissement th.vert
	{
	background-color:#D6FFDB;
	color:black;
	}
	
table.tableauAmortissement th.rouge
	{
	background-color:#FFD4D6;
	color:black;
	}
	
table.tableauAmortissement th.bleu
	{
	background-color:#D4D4FF;
	color:black;
	}
	
table.tableauAmortissement th.orange
	{
	background-color:#FFEAD4;
	color:black;
	}
	
table.tableauAmortissement th.vide
	{
	background:none;
	border:0;
	}
	
table.tableauAmortissement td
	{
	border-bottom:1px dotted #ddd;
	}

div#simulationProgramme
	{
	width:100%;
	}
	
div#simulationProgramme table
	{
	margin-top:30px;
	width:50%
	}

div#simulationTresorerie
	{
	width:100%;
	}
	
/* *********** BLOC COMPLEMENTAIRE DE CONTACT *************** */

div#blocComplementaireContact table
	{
	width:80%
	}
	
div#blocComplementaireContact table td.titre
	{
	vertical-align:top;
	padding:2px;
	text-align:right;
	}
	
div#blocComplementaireContact table td input.champ,
div#blocComplementaireContact table td textarea
	{
	width:100%
	}
	
div#blocComplementaireContact table td textarea
	{
	height:200px;
	}
	
div#blocComplementaireContact table td.validation
	{
	padding-top:30px;
	}	

/* ***************** LISTE DE PROGRAMMES ******************** */

table.listeProgrammes
	{
	width:100%;
	
	}

table.listeProgrammes td,
table.listeProgrammes th
	{
	padding:0 0 0 5px;
	}
	
table.listeProgrammes tr.interligne
	{
	background-color:#fefefe;
	}
	
table.listeProgrammes td.vignette,
table.listeProgrammes td.vignette img
	{
	width:155px;
	padding:5px;;
	}

div.listeLots
	{
	width:100%;
	}
	
div.listeLots table
	{
	width:95%;
	text-align:center;
	}

div.listeLots th
	{
	height:20px;
	background-color:#ddd;
	}
	
div.listeLots td
	{
	padding:2px;
	}
	
div.tamponCensiBouvard
	{
	margin-left:18px;
	margin-top:105px;
	padding:3px;
	position:absolute;
	}

/* ********** FORMULAIRE DE RECHERCHE DE PROGRAMMES ********* */

form.formulaireRechercheProgrammes input,
form.formulaireRechercheProgrammes select
	{
	vertical-align:top;
	}
	
form.formulaireRechercheProgrammes select
	{
	width:200px;
	height:24px;
	padding:2px;
	}

/* ******************** BLOC ADSENSE-LIKE ******************* */

div#adsenselikes
	{
	position:relative;
	float:left;
	margin:5px 0 5px 0;
	}
	
div#adsenselikes td
	{
	width:25%;
	padding:5px;
	text-align:justify;
	color:black;
	vertical-align:top;
	}
	
div#adsenselikes a
	{
	color:blue;
	text-decoration:underline;
	}
	
div#adsenselikes span
	{
	color:darkgreen;
	}

/* ******************** BANDE GLOSSAIRE ********************* */

div#glossaire
	{
	position:relative;
	float:left;
	background-color:#f9f9f9;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	width:896px;
	height:17px;
	margin-left:-1px;
	color:#bbb;
	text-align:center;
	padding:2px;
	}
	
div#glossaire a
	{
	color:#ccc;
	}

/* ****************** BANDE LIENS UTILES ******************** */

#liensUtiles
	{
	position:relative;
	float:left;
	}

#liensUtiles a:hover
	{
	text-decoration:underline;
	}
	
#liensUtiles li,
#liensUtiles li a
	{
	list-style-type: none;
	color:#ccc;
	font-size:10px;
	}
	
#liensUtiles h1
	{
	text-decoration:none;
	color:#bbb;	
	font-size:11px;
	border:0;
	}

#liensUtiles td
	{
	border-bottom:1px dotted #ddd;	
	border-left:1px dotted #ddd;
	padding:5px;
	width:20%;
	vertical-align:top;
	}

/* *************** CLASSE NUAGE DE MOTS-CLES **************** */

.nuageMotsClefsN1
	{
	font-size:20px;
	font-weight:bold;
	color:#ccc;
	}
	
.nuageMotsClefsN2
	{
	font-size:14px;
	font-weight:bold;
	color:#ddd;
	}
	
/* **************** LIENS EN PIED DE PAGE ******************* */	
	
div#liensFooter
	{		
	position:relative;
	float:left;
	margin-top:10px;
	width:900px;
	}
	
div#liensFooter p
	{
	color:#ccc;
	font-size:10px;
	text-align:center;
	line-height:10px;
	}
	
div#liensFooter a
	{
	color:#ccc;
	}

div#liensFooter a:hover
	{
	color:#333;
	}
	
/* RELATIFS AUX CUSTOM SELECT */
/*
input.newCS{
	width:138px;
	height:18px;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#fefefe; 
	margin:0px;
	padding:0px 0px 0px 4px;
	border:none;
	cursor:pointer;
	font-size:12px;
}
div.opts{
	position:absolute;
	margin-top:-149px;
	margin-left:1px;
	width:136px;
	background-color:#fcfcfc;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
}
div.opts div{
	font-size:11px;
	color:#636363;
	padding:2px 2px 2px 14px;
	cursor:default;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
}
div.opts div.opt{
	background-color:#fcfcfc;
}
div.opts div.optHover{
	background-color:#ede9e9;
}
*/