html {height:100%;}

body {
	background:#848484 url('../images/background.gif') top left repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	height:100%;
}

/* STRUCTURE **********************************************************/

#global {
	position:relative;
	width:100%;
	min-height:100%;
}

#container {
	width:1000px;
	margin:auto;
	position:relative;
	background:transparent url('../images/bg_top.gif') top right no-repeat;
}

#container #header {
	height:100px;
	width:100%;
	margin-bottom:18px;
}

#container #header #links {
	position:absolute;
	left:213px;
	top:20px;
	width:750px;
	text-align:left;
}

#container #middle {width:100%; margin-bottom:0px;}
#container #middle .space {width:20px;}

#container #middle #left {
	width:185px;
	padding-top:4px;
	vertical-align:top;
}

#container #middle #center {
	margin:auto;
	padding:0px;
	margin:0px;
	padding-top:4px;
	vertical-align:top;
}

#container #middle #right {
	width:185px;
	padding-top:4px;
	vertical-align:top;
}

#foot {
	background:transparent url('../images/bg_foot.gif') top left repeat-x;
	width:100%;
	height:100px;
	position:relative;
	bottom:0px;
}

#foot #footer {
	width:1000px;
	height:115px;
	margin:auto;
	margin-bottom:-15px;
	position:relative;
	top:-15px;
	background:#3a3a3a url('../images/bg_footer.gif') top right no-repeat;
	color:#FFF;
}

/* TAILLES ************************************************************/

.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.s20 {font-size:20px;}

/* DECORATION *********************************************************/

.nobold {font-weight:normal;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.italic {font-style:italic;}

/* COULEURS ***********************************************************/

.rose {color:#eb6195;}
.blanc {color:#FFF;}
.noir {color:#000;}
.gris {color:#858585;}
.violet {color:#550569;}

/* Hx *****************************************************************/

h1 {font-size:22px; margin-top:0px;}
h2 {font-size:16px; font-weight:normal; color:#000; margin-top:35px; margin-bottom:15px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px;}

h2.header {
	border-left:2px solid #ED87B2;
	padding:10px;
	margin-bottom:40px;
	margin-top:20px;
	font-size:14px;
	line-height:20px;
	padding-bottom:0;
	padding-top:0;
}

#container .mediasociaux  {
	margin-top:0;
}

#container .mediasociaux img {
	height:24px;
	margin-left:0;
	margin-right:10px;
	padding:2px;
	width:24px;
}

#container #middle #left .block h5 {
	font-size:11px;
	font-weight:bold;
	background:transparent url('../images/bg_block.gif') 0 -92px no-repeat;
	line-height:23px;
	padding:0 0 0 10px;
	margin:0px 0 10px 0;
	color:#000;
}

#container #middle #right .block h5 {
	font-size:11px;
	font-weight:bold;
	background:transparent url('../images/bg_block.gif') 0 -92px no-repeat;
	line-height:23px;
	padding:0px 0 0 10px;
	margin:0px 0 10px 0;
	color:#000;
}

/*Edit by Thomas Ngataly 12/10/10 - Modification du block spécifié pour ajouter contenu référencé*/
#container #middle #right .block #h5_inline{
	font-size:11px;
	font-weight:bold;
	background:none;
	line-height:23px;
	padding:0px 0 0 10px;
	margin:0px 0 10px 0;
	color:#000;
	float:left;
}

#container #middle #right .block .h2_inline{
	font-size:11px;
	font-weight:bold;
	background:transparent url('../images/bg_block.gif') 0 -92px no-repeat;
	line-height:23px;
	padding:0px 0 0 10px;
	margin:0px 0 10px 0;
	color:#000;
}

#container #middle #right .block div.content_inline {
	clear:both;
	margin:-2px 0px 10px 0px;
	padding:0px;
}

.h1_inline
{
color:#FFF; 
font-weight:normal; 
font-size:24px; 
float:left;
padding-right:8px;
padding-left:51px;
}
/**********************************************************************************************/

#container #middle #left .block h5.unselected, #container #middle #right .block h5.unselected {
	font-size:11px;
	font-weight:normal;
	background:transparent url('../images/bg_block.gif') 0 0 no-repeat;
	line-height:23px;
	padding:0 0 0 10px;
	margin:15px 0 10px 0;
	cursor:pointer;
	color:#ffff99;
}

#container #middle #left .block h5.unselected:hover, #container #middle #right .block h5.unselected:hover {background:transparent url('../images/bg_block.gif') 0 -23px no-repeat;}

#container #middle #left .block h5.selected, #container #middle #right .block h5.selected {
	background:transparent url('../images/bg_block.gif') 0 -46px no-repeat;
	cursor:pointer;
}

#container #middle #left .block h5.selected:hover, #container #middle #right .block h5.selected:hover {background:transparent url('../images/bg_block.gif') 0 -69px no-repeat;}


#container #middle #left .block h5 a, #container #middle #right .block h5 a, #container #middle #left .block h5.unselected a, #container #middle #right .block h5.unselected a {
	text-decoration:none;
	color:#ffff99;
}

#container #middle #left .block h5 a:hover, #container #middle #right .block h5 a:hover, #container #middle #left .block h5.unselected a:hover, #container #middle #right .block h5.unselected a:hover {
	text-decoration:underline;
	color:#ffff99;
}

#container #middle #center .listeHome h2 {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:transparent url('../images/bg_h.gif') top left repeat-x;
	padding-left:10px;
	line-height:25px;
}

#container #middle #center .listeHome h3 {
	font-size:12px;
	margin:0 10px 0 0;
}

#container #middle #center .listHome h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#container #middle #center .listHome h3 {
	font-size:11px;
	margin:0px;
	margin-bottom:5px;
}

#container #middle #center .listHome h3 span.puce {
	font-size:9px;
	font-weight:bold;
	color:#ffff99;
}

#container #middle #center .listeHome h3 a {
	text-decoration:none;
	color:#000;
}

#container #middle #center .contentDefault ul.faq a:link, #container #middle #center .contentDefault ul.faq a:visited {font-size:11px;}

/* DEFINITIONS ********************************************************/

dl dt {
    font-weight:bold;
    margin-bottom:10px;
    margin-top:20px;
    padding-right:10px;
}
dl dt:hover {
    background:transparent url('../images/bull-up-n.gif') top right no-repeat;
    cursor:pointer;
}
dl dd {margin-bottom:12px;}

dl dt a:hover {
	color:#000;
	text-decoration:none;
}

/* IMAGES *************************************************************/

a img {border:none;}

#container #header div.logo {
	background:transparent url('../images/bg_logo.png') top left no-repeat;
	width:274px;
	height:123px;
	position:absolute;
	left:-15px;
	top:3px;
}

#container #header div.logo #logo {background:transparent url('../images/permis-a-points.png') top left no-repeat;}

#container #header div.tel {
	background:transparent url('../images/inscription-stage.png') top left no-repeat;
	width:131px;
	height:22px;
}

#stageList .stageLine1 td div.inscrire,
#stageList .stageLine1 td a.inscrire,
#stageList .stageLine2 td div.inscrire,
#stageList .stageLine2 td a.inscrire,
#stageList .stageLineForm td div.inscrire,
#stageList .stageLineForm td a.inscrire{
	width:95px;
	height:35px;
	background:transparent url('../images/boutons/inscrire.png') 0 -35px no-repeat;
	display:block ;
}

#stageList .stageLine1:hover div.inscrire,
#stageList .stageLine1:hover a.inscrire,
#stageList .stageLine2:hover div.inscrire,
#stageList .stageLine2:hover a.inscrire,
#stageList .stageLineForm:hover div.inscrire,
#stageList .stageLineForm:hover a.inscrire {
	width:95px;
	height:35px;
	background:transparent url('../images/boutons/inscrire.png') 0 0 no-repeat;
	display:block ;
}

#stageList .stageLine1 td div.inscrire span,
#stageList .stageLine1 td a.inscrire span, 
#stageList .stageLine2 td div.inscrire span,
#stageList .stageLine2 td a.inscrire span, 
#stageList .stageLineForm td div.inscrire span,
#stageList .stageLineForm td a.inscrire span{
	display:none ;
}
#stageList .paiementLine button.reglement{
width:180px;
height:35px;
border:none;
margin-left:20px;
}

#stageList .paiementLine button span {
    font-size: 11px;
    margin-right:40px;
}

#stageList .paiementLine .reglement {
	width:150px;
	height:35px;
	background:transparent url('../images/boutons/bouton-payer-par.png') 0 0 no-repeat;
	display:block;
        color:#69227A;
        cursor:pointer;
}

#stageList .paiementLine:hover .reglement {
	width:150px;
	height:35px;
	background:transparent url('../images/boutons/bouton-payer-par.png') 0 -35px no-repeat;
	display:block;
        color: white;
        cursor:pointer;

}

#stageList .paiementLine button.reglement2{
        width:150px;
        height:35px;
        border:none;
        margin-left:20px;
}

#stageList .paiementLine .reglement2 {
	width:150px;
	height:35px;
	background:transparent url('../images/boutons/bouton-payer-par.png') 0 -35px no-repeat;
	display:block;
        color:white;
        cursor:pointer;
}

/*#stageList .paiementLine .reglement {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/regler.png') 0 0 no-repeat;
	display:block;
}

#stageList .paiementLine:hover .reglement {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/regler.png') 0 -35px no-repeat;
	display:block;
}

#stageList .paiementLine .reglement-cheque {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-cheque.png') 0 0 no-repeat;
	display:block;
}

#stageList .paiementLine:hover .reglement-cheque {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-cheque.png') 0 -35px no-repeat;
	display:block;
}

#stageList .paiementLine .reglement-vrt {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-vrt.png') 0 0 no-repeat;
	display:block;
}

#stageList .paiementLine:hover .reglement-vrt {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-vrt.png') 0 -35px no-repeat;
	display:block;
}

#stageList .paiementLine .reglement-espece {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-espece.png') 0 0 no-repeat;
	display:block;
}

#stageList .paiementLine:hover .reglement-espece {
	width:180px;
	height:35px;
	background:transparent url('../images/boutons/payer-par-espece.png') 0 -35px no-repeat;
	display:block;
}

#stageList .paiementLine .reglement2 {
	width:110px;
	height:35px;
	background:transparent url('../images/boutons/regler_cb.png') 0 -35px no-repeat;
	display:block;
}
*/
#stageList .paiementLine .reglement3 {
	width:110px;
	height:35px;
	background:transparent url('../images/boutons/regler_cb_now.png') 0 -35px no-repeat;
	display:block;
}

.plus {
	background:transparent url('../images/plus.gif') top right no-repeat;
	padding-right:20px;
}

.plus_blanc {
	background:transparent url('../images/plus_blanc.gif') top right no-repeat;
	padding-right:20px;
}

.moins {
	background:transparent url('../images/moins.gif') top right no-repeat;
	padding-right:20px;
}

.moins_blanc {
	background:transparent url('../images/moins_blanc.gif') top right no-repeat;
	padding-right:20px;
}

.down {
	background:transparent url('../images/down.gif') top right no-repeat;
	width:16px;
	height:16px;
}

.up {
	background:transparent url('../images/up.gif') top right no-repeat;
	width:16px;
	height:16px;
}

#container #middle #right #callback {
	background:transparent url('../images/inscription-stage-blanc.gif') top right no-repeat;
	width:182px;
	height:34px;
	margin:40px auto;
}

/* LIENS **************************************************************/

a.type1:link, a.type1:visited {
	text-decoration:none;
	color:#ffff99;
}

a.type1:hover, a.type1:focus {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:10px;
}

a:link, a:visited {
	text-decoration:none;
	color:#ffff99;
}

a:hover, a:focus {
	text-decoration:underline;
	color:#ffff99;
}

#stageList .stageLine1 td a, #stageList .stageLine2 td a, #stageList .stageLineForm td a {color:#000;}
#stageList .stageLine1:hover td a, #stageList .stageLine2:hover td a {color:#FFF;}
#stageList .stageLine1 td.link a, #stageList .stageLine2 td.link a, #stageList .stageLineForm td.link a {color:#ffff99;}
#stageList .stageLine1:hover td.link a, #stageList .stageLine2:hover td.link a {color:#ffff99;}

.pages a {
	padding:2px 5px;
	margin:0px 2px;
}

#container #middle #center .contentDefault a:link, #container #middle #center .contentDefault a:visited, a.violet:link, a.violet:visited {
	color:#753485;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}

#container #middle #center .contentDefault a:hover, #container #middle #center .contentDefault a:focus, a.violet:hover, a.violet:focus {color:#000; font-weight:bold;}
#container #middle #left .block h5 a {color:#ffff99;}

#container #header div.logo a {
	color:#FFF;
	text-decoration:none;
}

#container #middle #center .listeHome h3 a {font-size:11px;}
#container #middle #center .listHome h3 a {font-size:11px; color:#000;}


/* LISTES *************************************************************/

#container #middle #center .listeHome hr{visibility:hidden; margin:0px; padding:1px;}

#container #middle #center .listeHome ul {
	display:inline;
	padding:0px;
	margin:0px;
}

#container #middle #center .listeHome li {
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
	padding:0px;
}

#container #middle #center .listHome ul {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#container #middle #center .listHome li {
	list-style:none;
	margin:0 0 0 0px;
	padding:0px;
}

#container #middle #left .block ul.liens {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

#container #middle #left .block ul.liens li {
    list-style:none;
    padding:0px;
    margin:0 0 5px 0;
}

#container #middle #right .block ul, #container #recherche ul, #container #middle #left .block ul.puces {margin-left:-20px;}

#container #middle #right .block ul li, #container #recherche ul li, #container #middle #left .block ul.puces li {
	list-style-image:url('../images/puce.png');
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 0;
}

#container #middle #right .block ul li:hover, #container #recherche ul li:hover, #container #middle #left .block ul.puces li:hover {
	list-style-image:url('../images/puce_hover.png');
	list-style-position:outside;
	list-style-type:none;
	color:#000000;
}

#container #middle #right .block ul li:hover a, #container #recherche ul li:hover a, #container #middle #left .block ul.puces li:hover a {color:#000;}

div#contact ul {
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px;
}

div#contact ul li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	padding-bottom:5px;
}

div#contact ul li label.col {
	padding:4px 0 0 0;
	float:left;
}

#container #middle #center .contentDefault ul {
	margin:10px 0px 0px 0px;
	padding:0px;
}

#container #middle #center .contentDefault ul li {
	list-style-image:url('../images/tirets.png');
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 5px 30px;
}

#container #middle #center  #search ul {
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#container #middle #center  #search ul li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	padding:0px 0px 15px 0px;
	margin:0px;
}

#container #middle #center  #search ul li:hover a {
	font-weight:bold;
	color:#000;
}

#container #middle #center .contentDefault ul.faq {
	margin-top:30px;
	border-bottom:1px solid #848484;
	padding-bottom:30px;
}

/* BLOCKS *************************************************************/

#container #middle #center .contentDefault {
	background:#eee9ef url('../images/corner_top.gif') top right no-repeat;
	padding:10px 30px 25px 30px;
}

#container #middle #center .contentStages {
	background:transparent url('../images/bg_form.gif') top left no-repeat;
	padding-top:10px;
	margin-bottom:70px;
}

#foot #footer .col {
	padding:0 15px 0 15px;
	vertical-align:top;
}

#container #middle #left .block div.content, #container #middle #right .block div.content {
	margin:-2px 0px 10px 0px;
	padding:0px;
}

.hide {display:none;}
.show {display:block;}

.listHome {margin-bottom:80px;}

/* add by thomas ngataly 09/10 */
a.linkmap
{
color:blue;
font-weight:bold;
text-decoration:underline;
}

.hidden
{
display:none;
}