#gauche
{
float:left;
width:202px;
text-align:right;
margin-bottom:20px;
border: solid 0px dimgray;  
}


#paragraphe1g
{
float:left;
width:202px;
height:450px;
background:#80B05B;
text-align:right;
margin-top:342px;
padding-top:5px;
padding-bottom:5px;
border-left: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray;
}


#ligne11g
{
float:left;
width:202px;
text-align:right;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne12g
{
float:left;
width:202px;
text-align:right;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne13g
{
float:left;
width:202px;
text-align:right;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe2g
{
float:left;
width:202px;
height:120px;
background:#F5BA8A;
text-align:right;
margin-top:22px; 
padding-top:5px;
padding-bottom:5px;
border-left: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray;
}


#ligne21g
{
float:left;
width:202px;
text-align:right;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#frise_gauche
{
float:left;
width:40px;
margin-top:332px;
border: solid 0px dimgray; 
}


#frise_date
{
float:left;
width:35px;
margin-top:150px;
margin-left:5px;
margin-right:5px;
font-weight:bold;
border: solid 0px dimgray; 
}


#frise_droite
{
float:left;
width:40px;
margin-top:50px;
border: solid 0px dimgray; 
}


#bleu_ciel
{
float:right;
width:38px;
height:150px;
background: #4A9AD6;
margin-bottom:2px; 
border: solid 1px dimgray; 
}


.etape_bleu_ciel
{
color: #4A9AD6;
}


#vert_do
{
float:left;
width:38px;
height:720px;
background: #92D45D;
margin-bottom:2px; 
border: solid 1px dimgray;
}


.etape_vert_do
{
color: #92D45D;
}


#vert_pomme
{
float:right;
width:38px;
height:480px;
background: #53B00A;
margin-bottom:2px;  
border: solid 1px dimgray; 
}


.etape_vert_pomme
{
color: white;
}


#vert_sapin
{
float:right;
width:38px;
height:720px;
background: green;
margin-bottom:2px;
border: solid 1px dimgray; 
}


.etape_vert_sapin
{
color: green;
}


#orange
{
float:left;
width:38px;
height:150px;
background: #FF7200;
margin-bottom:2px;
border: solid 1px dimgray; 
}


.etape_orange
{
color: #FF7200;
}


#marron
{
float:right;
width:38px;
height:50px;
background: #6D491F;
margin-bottom:2px;
border: solid 1px dimgray; 
}


#marron p
{
color:white;
text-align:center;
margin:0px;
padding-top:16px;
}


.etape_marron
{
color: #6D491F;
}


#beige1
{
float:right;
width:38px;
height:100px;
background: #B99C6B;
margin-bottom:0px;
border-top: solid 1px dimgray;
border-left: solid 1px dimgray;
border-right: solid 1px dimgray;
}


#beige2
{
float:right;
width:38px;
height:200px;
background: #B99C6B;
border-top: dashed 1px dimgray; 
border-left: solid 1px dimgray;
border-right: solid 1px dimgray;
border-bottom: solid 1px dimgray;
}


.etape_beige
{
color: #B99C6B;
}


#frise_date div
{
height:60px;
text-align:center;
background: #DFDCD8;
border-top:solid 1px dimgray; 
border-left:solid 1px dimgray; 
border-right:solid 1px dimgray;
}


#n10
{
border-bottom:solid 1px dimgray; 
}


#frise_date p
{
font-size:12px;
margin:0px;
padding:0px;
}


#droite
{
float:left;
width:402px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#gauche p
{
color:black; 
margin-left:0px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}


.tiret_gauche
{
margin-right:-5px;
}


#droite p
{
width:402px;
color:black;
margin:0px;
padding:0px;
border: solid 0px dimgray; 
}


#paragraphe1d
{
float:left;
width:402px;
height:120px;
background:#C9E3F6;
text-align:left;
margin-top:60px;
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray; 
}


#ligne11d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne12d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne13d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne14d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe2d
{
float:left;
width:402px;
height:690px;
background:#CCE5A2;
text-align:left;
margin-top:22px;
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray; 
}


#ligne21d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne22d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne23d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne24d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne25d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne26d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne27d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe3d
{
float:left;
width:402px;
height:690px;
background:#80B05B;
text-align:left;
margin-top:22px;
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray; 
}


#ligne31d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne32d
{
float:left;
width:202px;
text-align:left;
margin-top:200px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne33d
{
float:left;
width:202px;
text-align:left;
margin-top:200px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe4d
{
float:left;
width:402px;
height:20px;
background:#B99C6B;
text-align:left;
margin-top:22px; 
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: solid 1px dimgray;  
}


#ligne41d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe5d
{
float:left;
width:402px;
height:80px;
background:#E0D4BB;
text-align:left;
margin-top:22px; 
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-top: solid 1px dimgray; 
border-bottom: dashed 1px dimgray;  
}


#ligne51d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#paragraphe6d
{
float:left;
width:402px;
height:180px;
background:#E0D4BB;
text-align:left;
margin-top:0px; 
padding-top:5px;
padding-bottom:5px;
border-right: solid 1px dimgray; 
border-bottom: solid 1px dimgray;  
}


#ligne61d
{
float:left;
width:202px;
text-align:left;
margin-top:0px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}


#ligne62d
{
float:left;
width:202px;
text-align:left;
margin-top:70px;
margin-bottom:10px; 
border: solid 0px dimgray; 
}