﻿*html #global{position:fixed}

.VotreProjet{position:relative;width:100%;overflow:hidden;}

div.PageTop{background:url(/Images/Altima/bg-middle1.gif) repeat-x top left;padding-top:28px}
div.PageBottom{position:relative;padding-bottom:30px;width:100%;overflow:hidden;}

.VotreProjet .BlockLeft, .VotreProjet .BlockRight{float:left;display:inline;position:relative;}
.VotreProjet .BlockLeft{width:350px;margin:0 0 0 30px;}
.VotreProjet .BlockRight{width:549px;margin:0 0 0 30px;border-left:1px solid #e4e3e3;}

.VotreProjet .BlockLeft .Content, .VotreProjet .BlockRight .Content{position:relative;background:#FFF;}
.VotreProjet .BlockLeft .Content{width:100%;margin:15px 0 0 0;}
.VotreProjet .BlockLeft .Content .BlockContent{width:320px;margin-left:15px;padding-bottom:15px;}
.VotreProjet .BlockRight .Content{width:523px;margin:0 0 0 30px;}
.VotreProjet .BlockRight .Content .BlockContent{width:462px;margin-left:30px;padding-bottom:15px;}

/** Block Left **/
.VotreProjet .BlockLeft .IntituleBlockLeft{width:100%;padding:10px 0 5px 0;border-bottom:1px solid #e3e3e3;}

.VotreProjet .BlockLeft .BlockEtape{position:relative;width:100%;margin-top:20px;clear:both;}
.VotreProjet .BlockLeft .BlockEtape a{display:block;font-size:11px;color:#929292;width:303px;padding-left:17px;}
.VotreProjet .BlockLeft .BlockEtape a span{display:block;font-size:18px;color:#929292;margin-top:2px;line-height:1.2em;}
.VotreProjet .BlockLeft .BlockEtape a:hover{color:#c20b22;}
.VotreProjet .BlockLeft .BlockEtape a:hover span{color:#c20b22;}
.VotreProjet .BlockLeft .BlockEtape a.Actif{color:#c20b22;background:url(../Images/Altima/picto-fleche-rouge.gif) no-repeat 0 0;}
.VotreProjet .BlockLeft .BlockEtape a.Actif span{color:#c20b22;}

/** Block Right **/
.VotreProjet .BlockRight .NavEtape{position:relative;width:100%;padding:15px 0;overflow:hidden;}
.VotreProjet .BlockRight .NavEtape .Nav{float:right;display:inline;width:145px;margin:0;padding:0;overflow:hidden;}
.VotreProjet .BlockRight .NavEtape .Nav li.Precedent{float:left;display:inline;width:68px;padding-right:10px;border-right:1px solid #797979;}
.VotreProjet .BlockRight .NavEtape .Nav li.Suivant{float:right;display:inline;width:55px;text-align:left;}
.VotreProjet .BlockRight .NavEtape .Nav li a{display:block;color:#646464;font-size:11px;text-decoration:none;}
.VotreProjet .BlockRight .NavEtape .Nav li a:hover{text-decoration:underline;}
.VotreProjet .BlockRight .NavEtape .Nav li.Precedent a{background:url(../Images/Altima/picto-fleche-rouge-left.gif) no-repeat 0 1px;padding:0 0 0 18px;}
.VotreProjet .BlockRight .NavEtape .Nav li.Suivant a{background:url(../Images/Altima/picto-fleche-rouge-right.gif) no-repeat 100% 1px;padding-right:0 18px 0 0;}

.VotreProjet .BlockRight .ContenuEtape{position:relative;width:100%;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:15px 0;}
.VotreProjet .BlockRight .ContenuEtape p {text-align:justify;}
.VotreProjet .BlockRight .IntituleContenu{color:#c20b22;font-size:14px;}
.VotreProjet .BlockRight .IntituleContenu span{display:block;font-size:24px;line-height:26px;padding:4px 0 0;margin:4px 0 0;border-top:1px solid #ededed;}
.VotreProjet .BlockRight .ImgIllustration{margin-top:20px;}
.VotreProjet .BlockRight .IntroEtape {margin-top:15px;line-height:16px;font-weight:bold;}

.Listes{position:relative;width:100%;margin-top:15px;overflow:hidden;}
.Listes .ListePart, .Listes .ListePro{float:left;display:inline;width:224px;background:#f9f9f9 url(../../Images/Altima/bg-degrade-etape3.gif) repeat-x 0 0;border:1px solid #ededed;padding:10px 0;}
.Listes .ListePart{margin-left:10px;}

.Listes .IntituleListe{position:relative;width:204px;color:#c20b22;font-size:18px;border-bottom:1px solid #e3e3e3;margin-left:10px;padding-bottom:10px;}
.Listes ul{position:relative;width:100%;padding:0;margin:10px 0 0 0;}
.Listes ul li{width:194px;margin:15px 0 0 10px;padding:0 0 0 12px;background:url(../Images/Altima/picto-fleche-gris-liste.gif) no-repeat 0 4px;}

/** Spécisique Etape 4 **/
#Etape4 .BlockRight .NavEtape .Nav li.Precedent{border:0;}

/** Spécisique Etape 3 **/
#Etape3 Div.PageBottom{background:url(/Images/Altima/bg-middle2.gif) repeat-x bottom left;}
#Etape3 div.PageTop{background:#fefefe url(/Images/Altima/bg-middle3.gif) repeat-x top left;padding-top:28px}