/* CSS Document */
/* Copyright Thomas et Mathieu DUBAELE - http://www.atlence.com */

/* Atlence.com */

/* Généralités */

body {
	background-color: #ECE8FF;
	background-image:url('images/image_fond.png');
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: center;
	min-width: 980px;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

table td
{
	vertical-align: top;
	margin: 3px;
}

hr
{
	color: #DBE1FF;
	background-color: #DBE1FF;
	height: 1px;
	border: 0px;
	margin: 3px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

h3
{
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #494D56;
	margin: 0 0 2px;
}

ul.liste_bas
{
	text-align: left;
	padding-left: 15px;
}

div.page
{
	background-color: white;
	position: relative;
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 2px solid #DBE1FF;
	text-align: left;
	padding: 3px;
	height: auto;
}

a.bouton, a.bouton:link, a.bouton:visited
{
	color: white;
	background-color: #649CDB;
	font-weight: bold;
	font-size: 11px;
	width: 120px;
	text-align: center;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
	border: 1px solid white;
	outline: 1px solid #649CDB;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 1px;
}

a.bouton:hover, a.bouton:active
{
	color: white;
	text-decoration: none;
	background-color: #0066DD;
}

ul li {
	margin-bottom: 8px;
	margin-left:5px;
}

ul.vide li {
	list-style: none;
	list-style-type:none;
	display : list-item;
	margin-bottom: 8px;
	margin-left:5px;
}

/* Menus déroulants */
/* Source : http://marcarea.com/tuto/ */

.menu_barre
{
	/*background-color: white;*/
	height:25px;
	padding-top: 2px;
	background-image:url('images/fond_menu.png');
	background-repeat: repeat-x;
	/*padding-left:20px;*/
}

#menuDeroulant
{
	/*background: #6A6458;*/
	width: 970px;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	/*top: 0;
	left: 0;*/
}
#menuDeroulant li
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
	
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #551A8B;
	/*background: #3B4E77;*/
	margin: 0;
	padding: 4px 8px;
	/*border-right: 1px solid #fff;*/
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #DBE1FF; color: black}
#menuDeroulant li a:active { background-color: #DBE1FF; color: black}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #DBE1FF;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 230px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: black;
	margin: 0;
	border: 0;
	text-decoration: none;
	/*background: transparent url("images/fond_sous_menu.png") repeat;*/
	background-color: white;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #DBE1FF;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
/* Quiz QR */

p.TitreQuizCat
{
	color: gray;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 2px;
}

p.BarreQuizCat
{
	background-color: #F2F2F2;
	height: 13px;
	padding: 5px;
	vertical-align: middle;
	font-size: 11px;
}

p.NomQuiz
{
	text-decoration: none;
	border-bottom: 1px dotted #999;
	color: #0066CC;
	font: normal 16px Georgia, Times, serif;
	margin-bottom: 0px;
}

p.NomQuiz a.LienQuiz
{
	text-decoration: none;
	font: normal 16px Georgia, Times, serif;
	font-weight: bold;
	margin-bottom: 0px;
}

p.DescQuiz
{
	color: #4F4F4F;
	margin-left:20px;
	margin-top:2px;
	margin-bottom: 5px;
}

/* Footer */
table.plan_bas
{
	margin: 0px 10px 10px 25px;
	text-align: left;
}

table.plan_bas td
{
	color: #A0A0A0;
	font: normal 7pt Verdana, Arial, Helvetica;
	width: 192px;
}

.infos_gris
{
	color: #A0A0A0;
	font: normal 7pt Verdana, Arial, Helvetica;
}


/* */
div.BlocProgCentreQuiz
{
	height: auto;
	margin: 1px;
	padding: 2px;
	width: 200px;
	left: 240px;
	position: absolute;
}

div.BlocProgGaucheQuiz
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
}

div.BlocProgDroiteQuiz
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
}

ul.ul_quiz
{
	margin: 0px;
	padding: 0px;
	margin-left:10px;
}

ul.ul_quiz li {
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/calcul_resistances_bullet.png');
	margin-bottom: 8px;
	margin-left:5px;
}

ul.ul_quiz li:hover {
	background-color: #eeeeee;
}

ul.ul_quiz a{
	font: normal 10px Verdana, Arial, Helvetica;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	color: #06C;
	margin-bottom: 23px;
} 

ol.ol_quiz
{
	color: #FF6A00;
	font: italic 16px Georgia, Times, serif;
	margin: 0px;
	padding: 0px;
	margin-left:35px;
}

ol.ol_quiz li {
	margin-right: 8px;

}

ol.ol_quiz li:hover {
	background-color: #eeeeee;
}

ol.ol_quiz a{
	font: normal 10px Verdana, Arial, Helvetica;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	color: #06C;
} 

/*
div.BlocProgDroiteQuiz ul,div.BlocProgGaucheQuiz ul,div.BlocProgCentreQuiz ul
{
	margin: 5px;
	padding: 5px;
}
*/

/*
div.BlocProgDroiteQuiz li,div.BlocProgGaucheQuiz li,div.BlocProgCentreQuiz li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/calcul_resistances_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}*/

td.quiz_cat
{
	font-size: 13px;
	color: #757575;
	padding: 3px;
	background-color: #F2F2F2;
	border: 1px solid white;
}

td.quiz_cat:hover
{
	background-color: #D8D8D8;
	border: 1px solid #757575;
}

td.quiz_cat a
{
	text-decoration: none;
}

.quiz_nbre
{
	font-size: 9px;
	color: #FF6A00;
}

/* Accueil général bloc Maison et Professionnel */
div.TitreAccueilMaison
{
	background-color: #0059FF;
	color: white;
	height: 26px;
	font-weight: normal;
	font-size: 18px;
	padding: 10px;
	padding-top:12px;
}
div.TitreAccueilPro
{
	background-color: #8E8E8E;
	color: white;
	height: 26px;
	font-weight: normal;
	font-size: 18px;
	padding: 10px;
	padding-top:12px;
}
div.BlocIntroGauche
{
	left: 10px;
	width: 315px;
	float: left;
	height: auto;
	text-align: justify;
	padding: 2px;
	color: gray;
}

div.BlocIntroDroite
{
	height: auto;
	right: 10px;
	width: 315px;
	float: right;
	text-align: justify;
	padding: 2px;
	color: gray;
}

div.BlocIntroDroite li,div.BlocIntroGauche li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	padding-top:10px;
	padding-bottom: 6px;
	margin-left: 10px;
	border-top: 1px solid #E2E5EA;
	margin-top: 10px;
}

div.BlocIntroDroite li:hover
{
	background-color: #EFEFEF;
}

div.BlocIntroGauche li:hover
{
	background-color: #E8F0FF;
}

div.BlocIntroDroite ul,div.BlocIntroGauche ul
{
	margin: 5px;
	padding: 5px;
}

/* Intro programme */

div.ProgIntroNom
{
	font-size: 17px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
	left: 155px;
	width: 200px;
	float: left;
	height: 100px;
	position: absolute;
}

div.ProgIntroDesc
{
	color: black;
	height: 100px;
	margin-top: 13px;
	right: 1px;
	float: right;
	font-size: 13px;
	width: 300px;
}

p.TitreGris
{
	color: #4F4F4F;
	font-size: 15pt;
	font-weight: normal;
	margin: 0 5px 0 5px;
}

div.ListeLiens
{
	margin: 0;
	padding: 0;
}

div.ListeLiens a
{
	padding: 10px;
}
div.BlocPresseGauche
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
	background-image: url('../images/guillemets.png');
	background-repeat: no-repeat;
	text-align: justify;
}

div.BlocPresseDroite
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
	background-image: url('../images/guillemets.png');
	background-repeat: no-repeat;
	text-align: justify;
}

div.BlocPresseCentre
{
	height: auto;
	margin: 1px;
	width: 200px;
	position: absolute;
	left: 240px;
	background-image: url('../images/guillemets.png');
	background-repeat: no-repeat;
	text-align: justify;
}

div.BlocPresseContenu
{
	margin-left:24px;
	margin-right: 24px;
	color: #8E8E8E;
}

.SousTitre
{
	color: gray;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* FA */
div.BlocProgCentreFA
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 240px;
	position: absolute;
	text-align: justify;
}
div.ProgIntroFA
{
	color: #D16A68;
	background-image: url('../images/farces_attrapes_background.png');
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
}
.TitreFAPetit
{
	color: #D16A68;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
div.BlocProgGaucheFA
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
	text-align: justify;
}
div.BlocProgDroiteFA
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
	text-align: justify;
}
div.BlocProgDroiteFA ul,div.BlocProgGaucheFA ul,div.BlocProgCentreFA ul
{
	margin: 5px;
	padding: 5px;
}
div.BlocProgDroiteFA li,div.BlocProgGaucheFA li,div.BlocProgCentreFA li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/farces_attrapes_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}

/* CR */
div.BlocProgCentreCR
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 240px;
	position: absolute;
	text-align: justify;
}
div.ProgIntroCR
{
	background-image: url('../images/calcul_resistances_background.png');
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	color: #F3883C;
}
.TitreCRPetit
{
	color: #F3883C;
		font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
div.BlocProgGaucheCR
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
	text-align: justify;
}

div.BlocProgDroiteCR
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
	text-align: justify;
}
div.BlocProgDroiteCR ul,div.BlocProgGaucheCR ul,div.BlocProgCentreCR ul,.ul_CR
{
	margin: 5px;
	padding: 5px;
}
div.BlocProgDroiteCR li,div.BlocProgGaucheCR li,div.BlocProgCentreCR li,.ul_CR li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/calcul_resistances_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}

/* JH */
div.BlocProgCentreJH
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 240px;
	position: absolute;
	text-align: justify;
}
div.ProgIntroJH
{
	background-image: url('../images/justalheure_background.png');
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	color: #29F384;
}
.TitreJHPetit
{
	color: #62E391;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
div.BlocProgGaucheJH
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
	text-align: justify;
}

div.BlocProgDroiteJH
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
	text-align: justify;
}
div.BlocProgDroiteJH ul,div.BlocProgGaucheJH ul,div.BlocProgCentreJH ul
{
	margin: 5px;
	padding: 5px;
}
div.BlocProgDroiteJH li,div.BlocProgGaucheJH li,div.BlocProgCentreJH li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/justalheure_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}

/* QR */
div.BlocProgCentre2QR
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 450px;
	position: absolute;
}
div.BlocProgCentreQR
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 240px;
	position: absolute;
}
div.ProgIntroQR
{
	background-image: url('../images/questions_reponses_background.png');
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	color: #6080F5;
}
.TitreQRPetit
{
	color: #6080F5;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
div.BlocProgGaucheQR
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
}

div.BlocProgDroiteQR
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
}
div.BlocProgDroiteQR ul,div.BlocProgGaucheQR ul,div.BlocProgCentreQR ul,div.BlocProgCentre2QR ul
{
	margin: 5px;
	padding: 5px;
}
div.BlocProgDroiteQR li,div.BlocProgGaucheQR li,div.BlocProgCentreQR li,div.BlocProgCentre2QR li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/questions_reponses_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}

/* EF */
div.BlocProgCentreEF
{
	height: auto;
	margin: 1px;
	width: 200px;
	left: 240px;
	position: absolute;
	text-align: justify;
}
div.ProgIntroEF
{
	background-image: url('../images/eurofranc_background.png');
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	color: #943CF3;
}
.TitreEFPetit
{
	color: #943CF3;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
}
div.BlocProgGaucheEF
{
	left: 10px;
	width: 200px;
	float: left;
	height: auto;
	text-align: justify;
}

div.BlocProgDroiteEF
{
	height: auto;
	right: 10px;
	width: 200px;
	float: right;
	text-align: justify;
}
div.BlocProgDroiteEF ul,div.BlocProgGaucheEF ul,div.BlocProgCentreEF ul
{
	margin: 5px;
	padding: 5px;
}
div.BlocProgDroiteEF li,div.BlocProgGaucheEF li,div.BlocProgCentreEF li
{
	list-style: none;
	list-style-type:none;
	display : list-item;
	list-style-image: url('../images/eurofranc_bullet.png');
	padding-bottom: 6px;
	margin-left: 10px;
}

/* Onglets détails des programmes */

/* FA */
a.fa_bouton, a.fa_bouton:link, a.fa_bouton:visited
{
	display: block;
	color: white;
	background-color: #D43E3F;
	font-weight: bold;
	font-size: 11px;
	width: 120px;
	text-align: center;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
	border: 1px solid white;
	outline: 1px solid #D43E3F;
	text-decoration: none;
	margin-left: 1px;
}

a.fa_bouton:hover, a.fa_bouton:active
{
	background-color:#CC0809;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

div.ProgListeOngletsFA a.ProgMenuInactifFA
{
	font-weight: normal;
	font-size: 12px;
	color: #8E8E8E;
	padding: 5px;
	text-decoration: none;
	height: 20px;
}

div.ProgListeOngletsFA a.ProgMenuInactifFA:hover
{
	font-weight: bold;
	color : #4F4F4F;
	padding: 8px;
	text-decoration: none;
}

div.ProgListeOngletsFA a.ProgMenuActifFA
{
	font-weight: bold;
	font-size: 14px;
	color : #4F4F4F;
	padding: 5px;
	text-decoration: none;
	height: 20px;
	padding-bottom:15px;
	background-image: url('images/fa_detail_selection_fond.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}

div.ProgListeOngletsFA
{
	padding: 0px;
	border-bottom: 1px solid #D06462;
	height:32px;
}

/* EF */
div.ProgListeOngletsEF a.ProgMenuInactifEF
{
	font-weight: normal;
	font-size: 12px;
	color: #8E8E8E;
	padding: 5px;
	text-decoration: none;
	height: 20px;
}

div.ProgListeOngletsEF a.ProgMenuInactifEF:hover
{
	font-weight: bold;
	color : #4F4F4F;
	padding: 8px;
	text-decoration: none;
}

div.ProgListeOngletsEF a.ProgMenuActifEF
{
	font-weight: bold;
	font-size: 14px;
	color : #4F4F4F;
	padding: 5px;
	text-decoration: none;
	height: 20px;
	padding-bottom:15px;
	background-image: url('images/ef_detail_selection_fond.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}

div.ProgListeOngletsEF
{
	padding: 0px;
	border-bottom: 1px solid #8B29F3;
	height:32px;
}

/* QR */
div.ProgListeOngletsQR a.ProgMenuInactifQR
{
	font-weight: normal;
	font-size: 12px;
	color: #8E8E8E;
	padding: 5px;
	text-decoration: none;
	height: 20px;
}

div.ProgListeOngletsQR a.ProgMenuInactifQR:hover
{
	font-weight: bold;
	color : #4F4F4F;
	padding: 8px;
	text-decoration: none;
}

div.ProgListeOngletsQR a.ProgMenuActifQR
{
	font-weight: bold;
	font-size: 14px;
	color : #4F4F4F;
	padding: 5px;
	text-decoration: none;
	height: 20px;
	padding-bottom:15px;
	background-image: url('images/qr_detail_selection_fond.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}

div.ProgListeOngletsQR
{
	padding: 0px;
	border-bottom: 1px solid #2954F3;
	height:32px;
}

/* JH */
div.ProgListeOngletsJH a.ProgMenuInactifJH
{
	font-weight: normal;
	font-size: 12px;
	color: #8E8E8E;
	padding: 5px;
	text-decoration: none;
	height: 20px;
}

div.ProgListeOngletsJH a.ProgMenuInactifJH:hover
{
	font-weight: bold;
	color : #4F4F4F;
	padding: 8px;
	text-decoration: none;
}

div.ProgListeOngletsJH a.ProgMenuActifJH
{
	font-weight: bold;
	font-size: 14px;
	color : #4F4F4F;
	padding: 5px;
	text-decoration: none;
	height: 20px;
	padding-bottom:15px;
	background-image: url('images/jh_detail_selection_fond.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}

div.ProgListeOngletsJH
{
	padding: 0px;
	border-bottom: 1px solid #24F381;
	height:32px;
}

/* CR */
div.ProgListeOngletsCR a.ProgMenuInactifCR
{
	font-weight: normal;
	font-size: 12px;
	color: #8E8E8E;
	padding: 5px;
	text-decoration: none;
	height: 20px;
}

div.ProgListeOngletsCR a.ProgMenuInactifCR:hover
{
	font-weight: bold;
	color : #4F4F4F;
	padding: 8px;
	text-decoration: none;
}

div.ProgListeOngletsCR a.ProgMenuActifCR
{
	font-weight: bold;
	font-size: 14px;
	color : #4F4F4F;
	padding: 5px;
	text-decoration: none;
	height: 20px;
	padding-bottom:15px;
	background-image: url('images/cr_detail_selection_fond.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}

div.ProgListeOngletsCR
{
	padding: 0px;
	border-bottom: 1px solid #FF6A00;
	height:32px;
}

/* Mises en forme */
div.InfosImportantes
{
	border: 1px solid  #C0C0C0;
	background-color: #ECE8FF;
	padding: 5px;
	margin: 3px;
}

p.LienGauche
{
	text-align: right;
	margin-right: 10px;
}

/* Liens du menu */

div.menu
{
	background-color: white;
	height:25px;
	padding-top: 2px;
	background-image:url('images/fond_menu.png');
	background-repeat: repeat-x;
	padding-left:20px;
}

div.menu ul
{
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

div.menu li
{
	margin-left:13px;
	float:left;
}

div.menu ul li a:hover
{
	background-color: #E4ECF4;
	border: 1px solid #999999;
	padding:2px;
	text-decoration: none;
	display:block;
	float:left;   
	color: #551A8B;
		padding-top: 1px;
}

div.menu ul li a:visited
{
	text-decoration: none;
	display:block;
	float:left;   
	padding:2px;
	color: #551A8B;
}

div.menu ul li a:link
{
	text-decoration: none;
	display:block;
	float:left;   
	padding:2px;
	color: #551A8B;
}

/* Page contenu */

div.contenu
{
	background-color: white;
	padding: 5px;
	height: auto;
	text-align: left;
}

div.page_content
{
	background-color: white;
	float: left;
	width: 650px;
	padding: 3px;
	height: auto;
}

p.TitreContenu
{
	color: #0026FF;
	font-size: 17pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

table.ListeProgs td
{
	background-color: white;
	margin: 0 5px 0 5px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	vertical-align:top;
	text-align: justify;
	border-top: 1px solid #E2E5EA;
}

/* Panneau gauche */
div.panneau_gauche
{
	/*
	background-image:url('images/background_fond_menu.png');
	background-repeat: repeat-x;
	background-position:top;
	*/
	/*margin: 0 5px 0 5px;*/
	border: 0px solid #000000;
	text-align: left;
	width: 265px;
	float: right;
	top: 0px;
}

div.panneau_gauche p.TitreMenu
{
	color: #4F4F4F;
	font-size: 18px;
	font-weight: normal;
	margin: 3px;
}

div.panneau_gauche p
{
	margin: 3px;
	padding: 3px;
}

div.panneau_gauche ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.panneau_gauche ul li
{
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 15px;
	margin-right: 15px;
	text-align:justify;
}

/* Actualités */
div.actualites
{
	border: 1px solid #DBE1FF;
	background-image:url('images/fond_actualites.png');
	background-repeat: no-repeat;
	background-position:right bottom;
	padding: 3px;
}

.DateNews
{
	color: #8E8E8E;
}

.TitreNews
{
	color: #0059FF;
	font-weight: normal;
	margin-top:0px;
}

/* Liens rapides */
div.liens_rapides
{
	margin-top: 15px;
	border: 1px solid #DBE1FF;
	background-image:url('images/fond_liens_rapides.png');
	background-repeat: no-repeat;
	background-position:right bottom;
}

div.actualites:hover,div.liens_rapides:hover,div.telechargements:hover
{
	background-color: #F3F3F3;
}

/* Téléchargements */
div.telechargements
{
	margin-top: 15px;
	border: 1px solid #DBE1FF;
	background-image:url('images/fond_telechargements.png');
	background-repeat: no-repeat;
	background-position:right bottom;
}

a:link
{
	text-decoration: none;
	font-weight: normal;
	color: #0066CC;
}

a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: #0066CC;
}

a:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: #40A0FF;
}

/* Bas de la page */
div.bas_page
{
	text-align: center;
	padding: 5px;
}


/* Anciens */

p.bas
{
	font-family: Verdana;
	font-size: 10px;
	color: #808080;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
}

.TitreAstuce {
	font-family: Verdana;
	font-size: 14pt;
	color: #0026FF;
	font-weight: normal;
}

.Rouge {
	font-family: Verdana;
	font-size: 8pt;
	color: #cc0000;
}
a.liens:hover {
	color: #517cff;
	text-decoration: underline;
}
a.liens2:hover {
	color: #517cff;
	text-decoration: none;
}
A.liens {
	color: #001599;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
A.liens2 {
	color: #001599;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a.autresliens:visited {
	color: #001599;
	text-decoration: none;
}
a.autresliens:hover {
	color: #ff0000;
	text-decoration: none;
}
A.autresliens {
	color: #001599;
	text-decoration: underline;
}
.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.pub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
}
a.liensmenu:visited {
	color: #02346c;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu:hover {
	border-top: 1px solid #a9d1fd;
	border-bottom: 1px solid #a9d1fd;
	background-color: #02346c;
	color: #a9d1fd;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_bleu:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_bleu:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_bleu {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_vert:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_vert:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_vert {
	color: #333399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_rouge:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_rouge:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_rouge {
	color: #ffccff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_rose:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_rose:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_rose {
	color: #330033;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_orange:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_orange:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_orange {
	color: #663300;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.liensmenu_violet:visited {
	color: #ff0000;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
}
a.liensmenu_violet:hover {
	color: #ff0000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
}
A.liensmenu_violet {
	color: #ccccff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.normal {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	text-align: left;
	color: black;	
}
.Reactions {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	border: 1px solid #ffd6ab;
	background-color: #fff5f5;
}
.Titre {
	font-family: Verdana;
	font-size: 18px;
	color: #8E8E8E;
	font-weight: normal;
}
.BarreLiens {
	font-family: Verdana;
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url('images/fond_barre_liens.jpg');
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}
.NomLog {
	font-family: Verdana;
	font-size: 8pt;
	color: #0000ff;
	font-weight: bold;
}
.Source {
	color: #008000;
	font-family: Verdana;
	font-size: 8pt;
	font-style: italic;
}
.TitreBleu {
	font-family: Verdana;
	font-size: 14pt;
	color: #3300cc;
	font-weight: bold;
	border: 1px none #66ccff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
}
.Erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ff0000;
	font-weight: bold;
	border: 1px none #66ccff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
}
.Grand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	border: 1px none #66ccff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
}
.RougeGrand {
	font-family: Verdana;
	font-size: 12pt;
	color: #cc0000;
}
.GrandBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0066ff;
	font-weight: bold;
	border-bottom: 1px solid #66ccff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
}
.Violet {
	font-family: Verdana;
	font-size: 8pt;
	color: #6633ff;
}
.Bleu {
	font-family: Verdana, Arial, Helvetica;
	font-size: xx-small;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	color: #333300;
	background-color: #ffffcc;
	background-repeat: repeat-x;
}
.centrer {
	text-align: center;
}
.droite {
	text-align: right;
}
.gauche {
	text-align: left;
}
.haut {
	vertical-align: top;
}
.GrandRouge {
	font-family: Verdana;
	font-size: 10pt;
	color: #cc0000;
}
.liens_categorie {
	color: #0000ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
.liens_categorie:visited {
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
}
.liens_categorie:hover {
	color: #517cff;
	text-decoration: underline;
}
.TitreFA {
	font-family: Verdana;
	font-size: 16pt;
	color: #cc0000;
	font-weight: bolder;
}
.SousTitreFA {
	font-family: Verdana;
	font-size: 12pt;
	color: #660000;
	font-weight: bold;
	font-style: italic;
}
.TitreCR {
	font-family: Verdana;
	font-size: 16pt;
	color: #FF9900;
	font-weight: bolder;
}
.SousTitreCR {
	font-family: Verdana;
	font-size: 12pt;
	color: #993300;
	font-weight: bold;
	font-style: italic;
}
.GrandOrange {
	color: #dd6600;
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	border-bottom-color: #bbbbaa;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.BarreIci {
	background-color: white;
	font-family: Verdana;
	font-size: 8pt;
	border-bottom-color: #ECE8FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: -5px;
	margin-bottom: 20px;
}

.CadreForm {	
	margin-top: 10px;
	background-color: #ffffff;
	border: 1px solid #c4c4ff;
	border-bottom: 2px solid #c4c4ff;
	padding: 5px;
}
.TitreForm {
	font-family: Verdana;
	font-size: 12pt;
	color: #993300;
	font-weight: bold;
	font-style: italic;
}
.Important {
	font-family: "Courier New";
	font-size: 10pt;
	color: #4d4d4d;
	border: 1px solid #99ffcc;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #deffd9;
}
.PuceOrange {
	padding-left: 10px;
	background-image: url(http://www.atlence.com/images/bullet_faq.gif);
	background-repeat: no-repeat;
	background-position: center left;
}