/* Codes couleur

"identifiant couleur" -> permet de donner un nom de code couleur aux classes, images etc... 
"score" -> class ayant un rapport avec le score, bloc info, detail-score, analyse score etc...

BLEU
        couleur100
        couleur101
        couleur102
        couleur103

VERT
        couleur2  -> identifiant couleur
        couleur200
        couleur201

GRIS
        couleur3 -> identifiant couleur
        couleur300
        couleur301 -> score

ORANGE
        couleur4 -> identifiant couleur
        couleur400
        couleur401

VIOLET
        couleur5 -> identifiant couleur
        couleur500
        couleur501
        couleur502

ROUGE
        couleur6 -> identifiant couleur
        couleur600

        
DEGRADE BLEU
        degrade100
        degrade101
        degrade102
        degrade103

DEGRADE VERT
        degrade200
        degrade201
        
DEGRADE GRIS 
        degrade300	
        
DEGRADE ORANGE
        degrade400
        degrade401
        degrade402 -> score
        degrade403 -> score
        
DEGRADE VIOLET
        degrade500
        degrade501	
        degrade502


*/


/*************/
/* A PLAT */
/*************/
.couleur000 {
    background-color:#303030;
}
.couleur001 {
    background-color:#999999;
}
.couleur100 {
    background-color:#6c838d;
}
.couleur101 { /*couleur pour ligne de tableau messagerie */
    background-color:#f0f4fd;
}
.couleur102 { /*couleur pour ligne de tableau messagerie avec MAIL OUVERT */
    background-color:#dfe7fa;
}
.couleur103 {
    background-color:#5879a8;
}

.couleur104 {
    background-color:#33bef2;
}

.couleur200 {
    background-color:#abcf77;
}
.couleur201 {
    background-color:#e0ecce;
}
.couleur202 { /* couleur vert score-detail */
    background-color:#E3F5BF;
}

.couleur300 {
    background-color:#e6e6e6;
}
.couleur301 {
    background-color:#e0e0e0;
}
.couleur302 {
    background-color:#c4c4c4;
}
.couleur303 {
    background-color:#e0e0e0;
}
.couleur304 {
    background-color:#b8b8b8;
}
.couleur305 {
    background-color:#cfd6da;
}
.couleur306 {
    background-color:#dde7eb;
}

.couleur400 {
    background-color:#e1b400;
}
.couleur401 {
    background-color:#e6e6e6;
}
.couleur402 { /*utilis� dans le bloc de score */
    background-color:#ffb522;
}
.couleur403 { /*utilis� dans le bloc de score */
    background-color:#ffdc9c;
}
.couleur404 { /*utilis� dans le bloc de detail-score */
    background-color:#fedb9d;
}

.couleur500 {
    background-color:#6c838d;
}
.couleur501 {
    background-color:#665195;
}
.couleur502{
    background-color:#f0f4fd;
}
.couleur503 {
    background-color:#c4b9dd;
}

.couleur600 {
    background-color:#ffbfb6;
}
.couleur601 {
    background-color:#ff7a66;
}

.couleur702 { /*utilis� dans le bloc de score */
    background-color:#FFCC00;
}

.couleur703 { /*utilis� dans le bloc de score */
    background-color:#FFEFB1;
}
.couleur704 { /*utilis� dans le bloc de detail-score */
    background-color:#FFEFB1;
}

/*************/
/* DEGRADES */
/*************/
.degrade000 {
	/* Anciens navigateurs */
	background: #000000 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-noir.png.jsf?ver=4.124.1) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #000000;
	background: #000000\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#999999FF, endColorstr=#FF000000);
	}
	@media all and (min-width: 0px) {
		.degrade000 {
			/* Opera */
			background: #000000 ; /* pour titre ou gradient-bg-sous-titre-bleu2.svg pour sous-titre */
			/* Navigateurs r�cents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#999999),
				to(#000000)
			);
			background-image: -webkit-linear-gradient(
				top,
				#999999,
				#000000
			);
			background-image: -moz-linear-gradient(
				top,
				#999999,
				#000000
			);
			background-image: -o-linear-gradient(
				top,
				#999999,
				#000000
			);
			background-image: linear-gradient(
				top,
				#999999,
				#000000
			);
                        background-image: -ms-linear-gradient(
                                top,
				#999999,
				#000000
			);
		}
	}

.degrade100 {
    /* Anciens navigateurs */
    background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-h1search.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #006388;
    background: #006388\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF006388);


    /* Opera */
    background: #006388 ;
    /* Navigateurs r�cents */
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#33bef2),
        to(#006388)
        );
    background-image: -webkit-linear-gradient(
        top,
        #33bef2,
        #006388
        );
    background-image: -moz-linear-gradient(
        top,
        #33bef2,
        #006388
        );
    background-image: -o-linear-gradient(
        top,
        #33bef2,
        #006388
        );
    background-image: linear-gradient(
        top,
        #33bef2,
        #006388
        );
   background-image: -ms-linear-gradient(
        top,
        #33bef2,
        #006388
        );

}


/************Pour class titre et sous-titre (image du background � modifier suivant la class) **********************/
.degrade101 {
    /* Anciens navigateurs */
    background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-bleu2.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #006388;
    background: #006388\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF006388);
}
@media all and (min-width: 0px) {
    .degrade101 {
        /* Opera */
        background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-bleu2.svg.jsf?ver=4.124.1); /* pour titre ou gradient-bg-sous-titre-bleu2.svg pour sous-titre */
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#33bef2),
            to(#006388)
            );
        background-image: -webkit-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -moz-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -o-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -ms-linear-gradient(
            top,
            #33bef2,
            #006388
            );
    }
}

.degrade102 {
    /* Anciens navigateurs */
    background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-bleu3.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #006388;
    background: #006388\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF006388);
}
@media all and (min-width: 0px) {
    .degrade102{
        /* Opera */
        background: #006388 ;
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#33bef2),
            to(#006388)
            );
        background-image: -webkit-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -moz-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -o-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -ms-linear-gradient(
            top,
            #33bef2,
            #006388
            );
    }
}

/*Bleu4 fond formulaire de recherche */
.degrade103{
    /*Degrad�*/
    /* Anciens navigateurs */
    background: #3a5398 url(/VcNom-web/javax.faces.resource/images/gradient-form-bg.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

    /* Internet Explorer */
    *background: #3a5398;
    background: #3a5398\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF446eba, endColorstr=#FF3a5398);

    /* Navigateurs r�cents */
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#446eba),
        to(#3a5398)
        color-stop(0.6, #446eba)
        );
    background-image: -webkit-linear-gradient(
        top,
        #446eba,
        #446eba 60%,
        #3a5398
        );
    background-image: -moz-linear-gradient(
        top,
        #446eba,
        #446eba 60%,
        #3a5398
        );
    background-image: -o-linear-gradient(
        top,
        #446eba,
        #446eba 60%,
        #3a5398
        );
    background-image: linear-gradient(
        top,
        #446eba,
        #446eba 60%,
        #3a5398
        );	
    background-image: -ms-linear-gradient(
        top,
        #446eba,
        #446eba 60%,
        #3a5398
        );
}



/************Pour class titre et sous-titre (image du background � modifier suivant la class) **********************/
.degrade104 {
    /* Anciens navigateurs */
    background: #599bb3 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-bleu2.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #599bb3;
    background: #599bb3\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF79d2f3, endColorstr=#FF599bb3);
}
@media all and (min-width: 0px) {
    .degrade104 {
        /* Opera */
        background: #599bb3 url(/VcNom-web/javax.faces.resource/images/gradient-bg-titre-bleu2.svg.jsf?ver=4.124.1); /* pour titre ou gradient-bg-sous-titre-bleu2.svg pour sous-titre */
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
                linear,
                left top, left bottom,
                from(#79d2f3),
                to(#599bb3)
        );
        background-image: -webkit-linear-gradient(
                top,
                #79d2f3,
                #599bb3
        );
        background-image: -moz-linear-gradient(
                top,
                #79d2f3,
                #599bb3
        );
        background-image: -o-linear-gradient(
                top,
                #79d2f3,
                #599bb3
        );
        background-image: linear-gradient(
                top,
                #79d2f3,
                #599bb3
        );
        background-image: -ms-linear-gradient(
                top,
                #79d2f3,
                #599bb3
        );
    }
}



/************Vert1 pour score **************/
.degrade200 {
    /* Anciens navigateurs */
    background: #7bb411 repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #7bb411;
    background: #7bb411\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFabcf78, endColorstr=#FF7bb411);
}
@media all and (min-width: 0px) {
    .degrade200 {
        /* Opera */
        background: #7bb411;
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#abcf78),
            to(#7bb411)
            );
        background-image: -webkit-linear-gradient(
            top,
            #abcf78,
            #7bb411
            );
        background-image: -moz-linear-gradient(
            top,
            #abcf78,
            #7bb411
            );
        background-image: -o-linear-gradient(
            top,
            #abcf78,
            #7bb411
            );
        background-image: linear-gradient(
            top,
            #abcf78,
            #7bb411
            );
        background-image: -ms-linear-gradient(
            top,
            #abcf78,
            #7bb411
            );    
    }
}

/*****************Bouton analyse r�cente disponble + rajout�  radius*********************/
.degrade201 {
    /* Anciens navigateurs */
    background: #80b70f url(/VcNom-web/javax.faces.resource/images/gradient-bg-vert2.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #80b70f;
    background: #80b70f\0/;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gradient-bg-vert2.png", sizingMethod="scale");
}
@media all and (min-width: 0px) {
    .degrade201 {
        /* Opera */
        background: #80b70f url(/VcNom-web/javax.faces.resource/images/gradient-bg-vert2.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#a0c153),
            to(#80b70f),
            color-stop(0.5, #9bc227)
            );
        background-image: -webkit-linear-gradient(
            top,
            #a0c153,
            #9bc227 50%,
            #80b70f
            );
        background-image: -moz-linear-gradient(
            top,
            #a0c153,
            #9bc227 50%,
            #80b70f
            );
        background-image: -o-linear-gradient(
            top,
            #a0c153,
            #9bc227 50%,
            #80b70f
            );
        background-image: linear-gradient(
            top,
            #a0c153,
            #9bc227 50%,
            #80b70f
            );
        background-image: -ms-linear-gradient(
            top,
            #a0c153,
            #9bc227 50%,
            #80b70f
            );
    }
}


/*Bouton rechercher*/
.degrade300 {
    /* Anciens navigateurs */
    background: #dadada url(/VcNom-web/javax.faces.resource/images/gradient-btn-rechercher-bg-gris1.png.jsf?ver=4.124.1) repeat-x top !important;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #dadada;
    background: #dadada\0/;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gradient-btn-rechercher-bg-gris1.png", sizingMethod="scale");
}
@media all and (min-width: 0px) {
    .degrade300 {
        /* Opera */
        background: #dadada url(/VcNom-web/javax.faces.resource/images/gradient-btn-rechercher-bg-gris1.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#FFFFFF),
            to(#dadada),
            color-stop(0.4, #fbfbfb),
            color-stop(0.5, #e7e7e7),
            color-stop(0.6, #dadada)
            );
        background-image: -webkit-linear-gradient(
            top,
            #FFFFFF,
            #fbfbfb 40%,
            #e7e7e7 50%,
            #dadada 60%,
            #dadada
            );
        background-image: -moz-linear-gradient(
            top,
            #FFFFFF,
            #fbfbfb 40%,
            #e7e7e7 50%,
            #dadada 60%,
            #dadada
            );
        background-image: -o-linear-gradient(
            top,
            #FFFFFF,
            #fbfbfb 40%,
            #e7e7e7 50%,
            #dadada 60%,
            #dadada
            );
        background-image: linear-gradient(
            top,
            #FFFFFF,
            #fbfbfb 40%,
            #e7e7e7 50%,
            #dadada 60%,
            #dadada
            );
        background-image: -ms-linear-gradient(
            top,
            #FFFFFF,
            #fbfbfb 40%,
            #e7e7e7 50%,
            #dadada 60%,
            #dadada
            );
    }
}

.degrade301 {
    /* Anciens navigateurs */
    background: #8c8d8b url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade301.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #8c8d8b;
    background: #8c8d8b\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFcecfce, endColorstr=#FF8c8d8b);
}
@media all and (min-width: 0px) {
    .degrade301 {
        /* Opera */
        background: #8c8d8b url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade301.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#cecfce),
            to(#8c8d8b)
            );
        background-image: -webkit-linear-gradient(
            top,
            #cecfce,
            #8c8d8b
            );
        background-image: -moz-linear-gradient(
            top,
            #cecfce,
            #8c8d8b
            );
        background-image: -o-linear-gradient(
            top,
            #cecfce,
            #8c8d8b
            );
        background-image: linear-gradient(
            top,
            #cecfce,
            #8c8d8b
            );
        background-image: -ms-linear-gradient(
            top,
            #cecfce,
            #8c8d8b
            );
    }
}
.degrade302 {
    /* Anciens navigateurs */
    background: #8c8d8c url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade302.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #8c8d8c;
    background: #8c8d8c\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb4b4b4, endColorstr=#FF8c8d8c);
}
@media all and (min-width: 0px) {
    .degrade302 {
        /* Opera */
        background: #8c8d8c url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade302.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#b4b4b4),
            to(#8c8d8c)
            );
        background-image: -webkit-linear-gradient(
            top,
            #b4b4b4,
            #8c8d8c
            );
        background-image: -moz-linear-gradient(
            top,
            #b4b4b4,
            #8c8d8c
            );
        background-image: -o-linear-gradient(
            top,
            #b4b4b4,
            #8c8d8c
            );
        background-image: linear-gradient(
            top,
            #b4b4b4,
            #8c8d8c
            );
        background-image: -ms-linear-gradient(
            top,
            #b4b4b4,
            #8c8d8c
            );
    }
}
/**********************Sous-titre surveillance********************/	
.degrade400 {
    /* Anciens navigateurs */
    background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange1.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #006388;
    background: #006388\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF006388);
}
@media all and (min-width: 0px) {
    .degrade400 {
        /* Opera */
        background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange1.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#33bef2),
            to(#006388)
            );
        background-image: -webkit-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -moz-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -o-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -ms-linear-gradient(
            top,
            #33bef2,
            #006388
            );
    }
}

/********************Sous-titre conseil *********************/
.degrade401 {
    /* Anciens navigateurs */
    background: #e6b133 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange2.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #e6b133;
    background: #e6b133\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe58739, endColorstr=#FFe6b133);
}
@media all and (min-width: 0px) {
    .degrade401 {
        /* Opera */
        background: #e6b133 ;
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#e58739),
            to(#e6b133)
            );
        background-image: -webkit-linear-gradient(
            top,
            #e58739,
            #e6b133
            );
        background-image: -moz-linear-gradient(
            top,
            #e58739,
            #e6b133
            );
        background-image: -o-linear-gradient(
            top,
            #e58739,
            #e6b133
            );
        background-image: linear-gradient(
            top,
            #e58739,
            #e6b133
            );
        background-image: -ms-linear-gradient(
            top,
            #e58739,
            #e6b133
            );
    }
}

.degrade402 {
    /* Anciens navigateurs */
    background: #fd9300 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade402.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #fd9300;
    background: #fd9300\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfcc561, endColorstr=#FFfd9300);
}
@media all and (min-width: 0px) {
    .degrade402 {
        /* Opera */
        background: #fd9300 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade402.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#fcc561),
            to(#fd9300)
            );
        background-image: -webkit-linear-gradient(
            top,
            #fcc561,
            #fd9300
            );
        background-image: -moz-linear-gradient(
            top,
            #fcc561,
            #fd9300
            );
        background-image: -o-linear-gradient(
            top,
            #fcc561,
            #fd9300
            );
        background-image: linear-gradient(
            top,
            #fcc561,
            #fd9300
            );
        background-image: -ms-linear-gradient(
            top,
            #fcc561,
            #fd9300
            );
    }
}
.degrade403 {
    /* Anciens navigateurs */
    background: #fd9303 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade403.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #fd9303;
    background: #fd9303\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFff9503, endColorstr=#FFfd9303);
}
@media all and (min-width: 0px) {
    .degrade403 {
        /* Opera */
        background: #fd9303 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade403.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ff9503),
            to(#fd9303)
            );
        background-image: -webkit-linear-gradient(
            top,
            #ff9503,
            #fd9303
            );
        background-image: -moz-linear-gradient(
            top,
            #ff9503,
            #fd9303
            );
        background-image: -o-linear-gradient(
            top,
            #ff9503,
            #fd9303
            );
        background-image: linear-gradient(
            top,
            #ff9503,
            #fd9303
            );
        background-image: -ms-linear-gradient(
            top,
            #ff9503,
            #fd9303
            );
    }
}

.degrade500{
    /* Anciens navigateurs */
    background: #58707a url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet1.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #58707a;
    background: #58707a\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFa3b5bc, endColorstr=#FF58707a);
}
@media all and (min-width: 0px) {
    .degrade500 {
        /* Opera */
        background: #58707a url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet1.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#a3b5bc),
            to(#58707a)
            );
        background-image: -webkit-linear-gradient(
            top,
            #a3b5bc,
            #58707a
            );
        background-image: -moz-linear-gradient(
            top,
            #a3b5bc,
            #58707a
            );
        background-image: -o-linear-gradient(
            top,
            #a3b5bc,
            #58707a
            );
        background-image: linear-gradient(
            top,
            #a3b5bc,
            #58707a
            );
        background-image: -ms-linear-gradient(
            top,
            #a3b5bc,
            #58707a
            );
            
    }
}
/*degrad� bouton violet */
.degrade501 {
    /* Anciens navigateurs */
    background: #3c639a url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet2.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #3c639a;
    background: #3c639a\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF3c639a);
}
@media all and (min-width: 0px) {
    .degrade501 {
        /* Opera */
        background: #3c639a url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet2.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#42a3da),
            to(#3c639a)
            );
        background-image: -webkit-linear-gradient(
            top,
            #42a3da,
            #3c639a
            );
        background-image: -moz-linear-gradient(
            top,
            #42a3da,
            #3c639a
            );
        background-image: -o-linear-gradient(
            top,
            #42a3da,
            #3c639a
            );
        background-image: linear-gradient(
            top,
            #42a3da,
            #3c639a
            );
        background-image: -ms-linear-gradient(
            top,
            #42a3da,
            #3c639a
            );
    }
}

/*d�grad� bouton violet 2 */
.degrade502 {
    /* Anciens navigateurs */
    background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet3.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #006388;
    background: #006388\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF33bef2, endColorstr=#FF006388);
}
@media all and (min-width: 0px) {
    .degrade502 {
        /* Opera */
        background: #006388 url(/VcNom-web/javax.faces.resource/images/gradient-bg-violet3.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#33bef2),
            to(#006388)
            );
        background-image: -webkit-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -moz-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -o-linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: linear-gradient(
            top,
            #33bef2,
            #006388
            );
        background-image: -ms-linear-gradient(
            top,
            #33bef2,
            #006388
            );
    }
}

.degrade600 {
    /* Anciens navigateurs */
    background: #f31200 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade600.png.jsf?ver=4.124.1) repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #f31200;
    background: #f31200\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFff7965, endColorstr=#FFf31200);
}
@media all and (min-width: 0px) {
    .degrade600 {
        /* Opera */
        background: #f31200 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade600.svg.jsf?ver=4.124.1);
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ff7965),
            to(#f31200)
            );
        background-image: -webkit-linear-gradient(
            top,
            #ff7965,
            #f31200
            );
        background-image: -moz-linear-gradient(
            top,
            #ff7965,
            #f31200
            );
        background-image: -o-linear-gradient(
            top,
            #ff7965,
            #f31200
            );
        background-image: linear-gradient(
            top,
            #ff7965,
            #f31200
            );
        background-image: -ms-linear-gradient(
            top,
            #ff7965,
            #f31200
            );
    }
}
.degrade601 {
    /* Anciens navigateurs */
    background: #f13d02  repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #f13d02;
    background: #f13d02\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFff5f00, endColorstr=#FFf13d02);
}
@media all and (min-width: 0px) {
    .degrade601 {
        /* Opera */
        background: #f13d02 ;
        /* Navigateurs r�cents */
        background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ff5f00),
            to(#f13d02)
            );
        background-image: -webkit-linear-gradient(
            top,
            #ff5f00,
            #f13d02
            );
        background-image: -moz-linear-gradient(
            top,
            #ff5f00,
            #f13d02
            );
        background-image: -o-linear-gradient(
            top,
            #ff5f00,
            #f13d02
            );
        background-image: linear-gradient(
            top,
            #ff5f00,
            #f13d02
            );
        background-image: -ms-linear-gradient(
            top,
            #ff5f00,
            #f13d02
            );
    }
}

/**********************Sous-titre surveillance********************/	
.degrade700 {
	/* Anciens navigateurs */
	background: #e8b800 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange1.png.jsf?ver=4.124.1) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #e8b800;
	background: #e8b800\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe89b04, endColorstr=#FFe8b800);
	}
	@media all and (min-width: 0px) {
		.degrade700 {
			/* Opera */
			background: #e8b800 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange1.svg.jsf?ver=4.124.1);
			/* Navigateurs r�cents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#e89b04),
				to(#e8b800)
			);
			background-image: -webkit-linear-gradient(
				top,
				#e89b04,
				#e8b800
			);
			background-image: -moz-linear-gradient(
				top,
				#e89b04,
				#e8b800
			);
			background-image: -o-linear-gradient(
				top,
				#e89b04,
				#e8b800
			);
			background-image: linear-gradient(
				top,
				#e89b04,
				#e8b800
			);
                        background-image: -ms-linear-gradient(
                                top,
				#e89b04,
				#e8b800
			);
		}
	}
	
/********************Sous-titre conseil *********************/
.degrade701 {
	/* Anciens navigateurs */
	background: #e6b133 url(/VcNom-web/javax.faces.resource/images/gradient-bg-orange2.png.jsf?ver=4.124.1) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #e6b133;
	background: #e6b133\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe58739, endColorstr=#FFe6b133);
	}
	@media all and (min-width: 0px) {
		.degrade701 {
			/* Opera */
			background: #e6b133 ;
			/* Navigateurs r�cents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#e58739),
				to(#e6b133)
			);
			background-image: -webkit-linear-gradient(
				top,
				#e58739,
				#e6b133
			);
			background-image: -moz-linear-gradient(
				top,
				#e58739,
				#e6b133
			);
			background-image: -o-linear-gradient(
				top,
				#e58739,
				#e6b133
			);
			background-image: linear-gradient(
				top,
				#e58739,
				#e6b133
			);
                        background-image: -ms-linear-gradient(
                                top,
				#e58739,
				#e6b133
			);
		}
	}

.degrade702 {
	/* Anciens navigateurs */
	background: #fd9300 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade702.png.jsf?ver=4.124.1) repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #fd9300;
	background: #fd9300\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfcc561, endColorstr=#FFfd9300);
	}
	@media all and (min-width: 0px) {
		.degrade702 {
			/* Opera */
			background: #fd9300 url(/VcNom-web/javax.faces.resource/images/gradient-bg-degrade402.svg.jsf?ver=4.124.1);
			/* Navigateurs r�cents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#FFCC00),
				to(#F7B200)
			);
			background-image: -webkit-linear-gradient(
				top,
				#FFCC00,
				#F7B200
			);
			background-image: -moz-linear-gradient(
				top,
				#FFCC00,
				#F7B200
			);
			background-image: -o-linear-gradient(
				top,
				#FFCC00,
				#F7B200
			);
			background-image: linear-gradient(
				top,
				#FFCC00,
				#F7B200
			);
                        background-image: -ms-linear-gradient(
                                top,
				#FFCC00,
				#F7B200
			);
		}
	}
.degrade703 {
	/* Anciens navigateurs */
	background: #F7B200  repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #F7B200;
	background: #F7B200\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFCC00, endColorstr=#FFF7B200);
	}
	@media all and (min-width: 0px) {
		.degrade703 {
			/* Opera */
			background: #F7B200 ;
			/* Navigateurs r�cents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#FFCC00),
				to(#fd9303)
			);
			background-image: -webkit-linear-gradient(
				top,
				#FFCC00,
				#fd9303
			);
			background-image: -moz-linear-gradient(
				top,
				#FFCC00,
				#fd9303
			);
			background-image: -o-linear-gradient(
				top,
				#FFCC00,
				#fd9303
			);
			background-image: linear-gradient(
				top,
				#FFCC00,
				#fd9303
			);
                        background-image: -ms-linear-gradient(
                                top,
				#FFCC00,
				#fd9303
			);
		}
	}

/* OTHERS STYLES */

/***** Border de 28px dans page "rapport carquant" */
.border-carquant-couleur3{
    display:block;
    height:28px;
    background-color:#E6E6E6;
}

.couleur701 { /*couleur pour ligne de tableau suivi des demandes */
    background-color: #e5e5e5;
}