/* CSS Document */
@font-face{font-family:'Plane Crash';src:url('./fonts/Plane Crash.ttf'); }

html { background-image:url(../../images/fond.png); background-repeat:repeat-x; background-color:#F2F2F2; font-family:Arial, Helvetica, sans-serif; }
#all { width:960px; margin:auto; }
#connexion { text-align:right; color:#FFF; }
#connexion a { text-decoration:none; }
#connexion a:hover { text-decoration:underline; }
#connexion fieldset { border:0; }
#titre { background-image:url(../../images/fond_rouge.png); width:960px; height:120px; }
#titre-contenu { background-image:url(../../images/bulles.png); width:960px; height:90px; padding-top:30px; text-align:center; color:#FFFFFF; }
#titre-contenu h2 { color:#FFF; font-family:'Plane Crash'; }

#header h1 { margin-bottom:0; }
#header h2 { margin:0; font-size:18px; }

.content { border:2px solid #FFF; border-radius:10px; margin-top:10px; min-height:100px; background-color:#F2F2F2; box-shadow: 0 0 20px 5px rgba(127, 127, 127, 0.2); padding:20px; }

#header a { color:#FFF; }

.content { font-size:12px; background-color:#FFF; }

.content a { color:#333333; font-size:12px; text-decoration:none; }
.content a:hover { text-decoration:underline; }
.content a img { vertical-align:middle; }

.content h2 { margin-top:0; }

.enregister
{
	background:url(../../images/boutons/enregistrer.png);
	width:114px;
	height:26px;
	border:none;
	float:right;
	margin-top:20px;
	margin-right:0px;
	cursor:pointer;
}

.enregister:hover
{
	background:url(../../images/boutons/enregistrer-over.png);
}

.annuler
{
	background:url(../../images/boutons/annuler.png);
	width:114px;
	height:26px;
	border:none;
	float:left;
	margin-top:20px;
	margin-right:20px;
	cursor:pointer;
}
.annuler:hover
{
	border:none;
	background:url(../../images/boutons/annuler-over.png);
}

.continuer
{
	background:url(../../images/boutons/continuer.png) no-repeat top left;
	width:114px;
	height:26px;
	border:none;
	float:left;
	margin-top:20px;
	margin-right:20px;
	cursor:pointer;
}
.continuer:hover
{
	border:none;
	background:url(../../images/boutons/continuer-over.png) no-repeat top left;
}

ul.liste-etape { list-style:none; margin:0; padding:0; position:relative; min-height:40px; }
ul.liste-etape li  { display:inline-block; font-size:8px; height:38px; padding:0; vertical-align:middle; background-repeat:no-repeat; margin:0; padding-top:2px; position:absolute; top:0px;  }
ul.liste-etape li .left, ul.liste-etape li .right, ul.liste-etape li .centre { float:left; height:38px; color:#FFFFFF; }
ul.liste-etape li .centre { text-align:center; padding-top:2px; height:36px; }
ul.liste-etape li .centre { background-color:#CCCCCC; }
ul.liste-etape li .left { background-image:url(../../images/steps/left-ko.png); width:20px; }
ul.liste-etape li .right { background-image:url(../../images/steps/right-ko.png); width:20px; }
ul.liste-etape li.ok .centre { background-color:#92D050; }
ul.liste-etape li.ok .left { background-image:url(../../images/steps/left-ok.png); }
ul.liste-etape li.ok .right { background-image:url(../../images/steps/right-ok.png); }
ul.liste-etape li.current .centre { background-color:#0066FF; }
ul.liste-etape li.current .left { background-image:url(../../images/steps/left-current.png); }
ul.liste-etape li.current .right { background-image:url(../../images/steps/right-current.png); }