@import url('general.css');

div#centre h1
{
	background-image: url("../pix/didacticiel/tit_page.gif");
	height: 35px;
	margin: 10px 0px 20px;
}

div.principal
{
	color: #614228;
	padding-bottom: 50px;
	min-height: 460px;
}

div.principal a
{
	color: #614228;
	text-decoration: underline;
}

a.retour-home
{
	width: 111px;
	height: 25px;
	background-image: url("../pix/didacticiel/btn_retour_acc.gif");
	margin-top: 40px;
}


/* Navigation droite début */

div.etape-nav
{
	float: right;
	width: 380px;
}

ul.etape
{
	
}

ul.etape li
{
	background-repeat: no-repeat;
	padding: 10px 0px 0px 60px;
	margin-bottom: 20px;
}

ul.etape li#et-1
{
	background-image: url("../pix/didacticiel/etape_1_off.gif");
}

ul.etape li#et-2
{
	background-image: url("../pix/didacticiel/etape_2_off.gif");
}

ul.etape li#et-3
{
	background-image: url("../pix/didacticiel/etape_3_off.gif");
}

ul.etape li#et-4
{
	background-image: url("../pix/didacticiel/etape_4_off.gif");
}

ul.etape li#et-5
{
	background-image: url("../pix/didacticiel/etape_5_off.gif");
}

ul.etape li#et-6
{
	background-image: url("../pix/didacticiel/etape_6_off.gif");
}

ul.etape li#et-1.actif
{
	background-image: url("../pix/didacticiel/etape_1_on.gif");
}

ul.etape li#et-2.actif
{
	background-image: url("../pix/didacticiel/etape_2_on.gif");
}

ul.etape li#et-3.actif
{
	background-image: url("../pix/didacticiel/etape_3_on.gif");
}

ul.etape li#et-4.actif
{
	background-image: url("../pix/didacticiel/etape_4_on.gif");
}

ul.etape li#et-5.actif
{
	background-image: url("../pix/didacticiel/etape_5_on.gif");
}

ul.etape li#et-6.actif
{
	background-image: url("../pix/didacticiel/etape_6_on.gif");
}

ul.etape li h2
{
	background-repeat: no-repeat;
	height: 24px;
}

ul.etape li.actif h2
{
	text-indent: -5000px;
}

ul.etape li h2 a
{
	height: 24px;
}

ul.etape li p
{
	height: 14px;
	background-repeat: no-repeat;
}

li#et-1 h2
{
	background-image: url("../pix/didacticiel/tit_etape_1.gif");
}

li#et-1 p
{
	background-image: url("../pix/didacticiel/text_etape_1.gif");
}

li#et-2 h2
{
	background-image: url("../pix/didacticiel/tit_etape_2.gif");
}

li#et-2 p
{
	background-image: url("../pix/didacticiel/text_etape_2.gif");
}

li#et-3 h2
{
	background-image: url("../pix/didacticiel/tit_etape_3.gif");
}

li#et-3 p
{
	background-image: url("../pix/didacticiel/text_etape_3.gif");
}

li#et-4 h2
{
	background-image: url("../pix/didacticiel/tit_etape_4.gif");
}

li#et-4 p
{
	background-image: url("../pix/didacticiel/text_etape_4.gif");
}

li#et-5 h2
{
	background-image: url("../pix/didacticiel/tit_etape_5.gif");
}

li#et-5 p
{
	background-image: url("../pix/didacticiel/text_etape_5.gif");
}

li#et-6 h2
{
	background-image: url("../pix/didacticiel/tit_etape_6.gif");
}

li#et-6 p
{
	background-image: url("../pix/didacticiel/text_etape_6.gif");
}

/* Navigation droite fin */

div.souscrire
{
	background: url("../pix/didacticiel/bloc_souscrire_1.gif") no-repeat;
	height: 100px;
	margin: 30px 0px 10px;
}

div.souscrire h2
{
	height: 21px;
}

div.ligne-souscrire
{
	height: 80px;
	margin: 0 16px 10px;
}

div.module-souscrire
{
	float: left;
	border-right: 1px solid #dfd9d4;
	margin-top: 10px;
	width: 154px;
}

div.module-souscrire h3
{
	margin-bottom: 4px;
}

div#s-internet
{
	margin-right: 12px;
}

div#s-internet h3
{
	background-image: url("../pix/didacticiel/tit_s_internet.gif");
	height: 13px;
}

div#s-tel
{
	background: url("../pix/didacticiel/logo_s_3234.gif") no-repeat 0 100%;
	border-right-style: none;
	width: 170px;
	padding-bottom: 14px;
}

div#s-tel h3
{
	background-image: url("../pix/didacticiel/tit_s_tel.gif");
	height: 17px;
}

div#s-tel p
{
	margin-left: 50px;
}

div.souscrire-bas
{
	background: url("../pix/didacticiel/bloc_temporaire.gif") no-repeat;
	height: 64px;
}

/* Presentation gauche début */

div.sommaire
{
	background: url("../pix/didacticiel/sommaire_fond.gif") repeat-y;
	width: 401px;
}

div.sommaire div.somm-haut
{
	background: url("../pix/didacticiel/sommaire_fond_h.gif") no-repeat;
	padding-top: 15px;
}

div.sommaire div.somm-bas
{
	background: url("../pix/didacticiel/sommaire_fond_b.gif") no-repeat 0px 100%;
	padding: 0px 2px 30px;
}

div.sommaire h2
{
	height: 64px;
	margin: 0px 0px 10px 20px;
}

div.sommaire p.visuel
{
	margin: 0px 0px 10px;
}

.etape-1 div.sommaire h2
{
	background-image: url("../pix/didacticiel/stit_page_1.gif");
}

.etape-2 div.sommaire h2
{
	background-image: url("../pix/didacticiel/stit_page_12.gif");
}

.etape-3 div.sommaire h2
{
	background-image: url("../pix/didacticiel/stit_page_13.gif");
}

.etape-4 div.sommaire h2
{
	background-image: url("../pix/didacticiel/stit_page_14.gif");
}

.etape-5 div.sommaire h2
{
	background-image: url("../pix/didacticiel/stit_page_15.gif");
}

ul#liste-sommaire
{
	
}

ul#liste-sommaire li h3
{
	cursor: pointer;
}

ul#liste-sommaire li p
{
	margin: .4em 0px;
}

div.sommaire ul
{
	margin: 0px;
	list-style-type: none;
}

div.sommaire ul li
{
	margin: 6px 20px 0px;
	padding: 0px 0px 0px 14px;
	background: url("../pix/didacticiel/puce_sommaire.gif") no-repeat 0px 3px;
}

div.sommaire li h3
{
	font-size: 1.1em;
	background: url("../pix/didacticiel/bulle_info_on.gif") no-repeat 100% 0px;
}

div.sommaire li h3.actif
{
	background-image: url("../pix/didacticiel/bulle_info_off.gif");
}

div.sommaire li div
{
	display: none;
}

p.tarif-pdf
{
	font-weight: bold;
	letter-spacing: .1em;
}

/* Presentation gauche fin */