/* DIV DE PREVALIDATION */
#OrdreArticles
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #c0c0c0;
padding: 2px 2px 2px 2px;
}
#OrdreArticles:hover
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #33cc00;
padding: 2px 2px 2px 2px;
text-decoration:none;
}
.divPreValid
{
color:#33cc00;
height:128px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 4px solid #33cc00;
padding: 0px 5px 10px 130px;
margin-top:10px;
margin-bottom:10px;
background-image:url(../images/ig/green-tick.jpg);
background-position: 10px 10px;
background-repeat:no-repeat;
}
.divPreValidTitre
{
color:#33cc00;
font-size:20px;
font-weight:bold;
padding-top: 0px;
padding-left: 40px;
}

.divPreValidSousTitre
{
font-size:12px;
padding: 0px 0px 0px 40px;
}

#divPreValidBouttonOrange
{
font-size:10px;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FF0000;
padding: 2px 5px 2px 5px;
}
#divPreValidBouttonOrange:hover
{
text-decoration:none;
cursor: pointer;
color:#FFD207;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 2px 5px 2px 5px;
}

.divFirefox
{
color:#FFD207;
height:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 4px solid #FFD207;
padding: 5px 5px 5px 130px;
margin-top:10px;
margin-bottom:10px;
background-image:url(../images/ig/firefox.png);
background-position: 10px 10px;
background-repeat:no-repeat;
}

/* DIV DE PREMODIF */
.divModif
{
color:#FFD207;
height:128px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 4px solid #FFD207;
padding: 10px 10px 10px 130px;
margin-top:10px;
margin-bottom:10px;
background-image:url(../images/ig/mode-modif.jpg);
background-position: 10px 10px;
background-repeat:no-repeat;
}
.divModifTitre
{
color:#FFD207;
font-size:20px;
font-weight:bold;
padding: 0px 0px 0px 20px;
margin-top:10px;
margin-bottom:10px;
}
.divModifSousTitre
{
font-size:12px;
padding: 0px 0px 0px 20px;
}
#divModifBouttonAnnul
{
font-size:10px;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FF0000;
padding: 1px 4px 1px 4px;
}
#divModifBouttonAnnul:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 1px 4px 1px 4px;
}
.divModifBouttonOK
{
font-size:10px;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 2px 5px 2px 5px;
}
.divModifBouttonOK:hover
{
text-decoration:none;
cursor: pointer;
color:#FFD207;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 2px 5px 2px 5px;
}
#Orange2Green
{
font-size:10px;
color:#FFD207;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 1px 4px 1px 4px;
}
#Orange2Green:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 1px 4px 1px 4px;
}
.Orange2Green
{
font-size:10px;
color:#FFD207;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 1px 4px 1px 4px;
}
.Orange2Green:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 1px 4px 1px 4px;
}

#Orange2GreenBig
{
font-size:12px;
color:#000000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffffff; /* ffd207 pour orange */
padding: 5px 5px 5px 5px;
}
#Orange2GreenBig:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 5px 5px 5px 5px;
}
.Orange2GreenBig
{
font-size:12px;
color:#000000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffffff; /* ffd207 pour orange */
padding: 5px 5px 5px 5px;
}
.Orange2GreenBig:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 5px 5px 5px 5px;
}

#Red2OrangeBig
{
font-size:12px;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffffff;
padding: 5px 5px 5px 5px;
}
#Red2OrangeBig:hover
{
text-decoration:none;
cursor: pointer;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 5px 5px 5px 5px;
}
.Red2OrangeBig
{
font-size:12px;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffffff;
padding: 5px 5px 5px 5px;
}
.Red2OrangeBig:hover
{
text-decoration:none;
cursor: pointer;
color:#FF0000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #FFD207;
padding: 5px 5px 5px 5px;
}

#realOrange2GreenBig
{
font-size:12px;
color:#000000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffd207; /* ffd207 pour orange */
padding: 5px 5px 5px 5px;
}
#realOrange2GreenBig:hover
{
text-decoration: none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 5px 5px 5px 5px;
}
.realOrange2GreenBig
{
font-size:12px;
color:#000000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ffd207; /* ffd207 pour orange */
padding: 5px 5px 5px 5px;
}
.realOrange2GreenBig:hover
{
text-decoration: none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 5px 5px 5px 5px;
}

#RedBar
{
height: 29px;
color: #FFFFFF;
background-image:url(../images/ig/adm-bar-rouge-fleche.png);
background-repeat:no-repeat;
padding: 12px 50px 0px 5px;
}
a span
{
display: block;
text-decoration: none;
}
#Grey2Green
{
font-size:10px;
color: #CCCCCC;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #CCCCCC;
padding: 1px 4px 1px 4px;
}
#Grey2Green:hover
{
text-decoration:none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 1px 4px 1px 4px;
}
.divModif
{
color:#FFD207;
height:128px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 4px solid #FFD207;
padding: 10px 10px 10px 130px;
margin-top:10px;
margin-bottom:10px;
background-image:url(../images/ig/mode-modif.jpg);
background-position: 10px 10px;
background-repeat:no-repeat;
}
.Download
{
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #CCCCCC;
padding: 4px 4px 4px 4px;
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
background-image:url(../images/ig/download-bleu.jpg);
background-position: top right;
background-repeat:no-repeat;
}
.Download:hover
{
text-decoration:none;
cursor: pointer;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 4px 4px 4px 4px;
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
background-image:url(../images/ig/download-vert.jpg);
background-position: top right;
background-repeat:no-repeat;
}
/* CSS showing layers when hovering  */
a.screen, a.screen:visited {
position:relative; 
z-index:100;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:80px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000; */ /* removed image border */
left:-20px; /* position the image */
top:15px;
}
a.screen:hover {
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
/*height:180px;*/ /* now give it a height */
cursor:pointer; /* for IE */
z-index:1; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
a.screen img {
border:0; /* remove the link border */
}

a.screen div {
display:block;
z-index:500;
}