/***************************************************************/
/*******************     WebClic        ************************/
/***************************************************************/

.webclic table
{
	border-left:0;
	border-right:0;
}

.webclic fieldset
{
    padding : 10px;
    
}

.webclic p, .webclic ul
{
    line-height:1.2;
    font-size : 14px; /** ajout FC **/
    text-align : justify;
    color:#333333;
}

.webclic ul
{

    list-style-type: disc;
    margin-bottom: 11px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 11px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 0px;
}

.webclic ul ul
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 0px;
    padding-top: 0px;
    list-style-type: circle;
}

.webclic td.alignerIconeGauche
{
   text-align:left;
  /* padding-left:10px;*/
}

.webclic, 
.webclic .ui-widget-content 
{
    margin-left : 20px;
/*     color:#006699; */
	color:#333333;
}

.WC-PageReleve
{
    margin-left:20px;
}


.webclic #formulaireInvite #tbl-formulaire-releve-invite td.label
{
    text-align: right;
    width: 15em;
    padding-right: 20px;
}

.webclic #formulaireInvite #tbl-formulaire-releve-invite td.champ-saisie
{
    padding-right:0;
    padding-left:0;
    width:14em;
}

.webclic #formulaireInvite #tbl-formulaire-releve-invite td.icone-validation
{
   /* padding-left:5px;*/
}

.webclic #formulaireInvite #tbl-formulaire-releve-invite .wc-input-readonly
{
    color: #2f2f2f;
    background-color : #c0c0c0;
}

.webclic #formulaireInvite .saisieErreur
{
    background-color: #FFC0C0;
}

.webclic .WebClicFichierTelechargeable
{
    margin-left: 5em;
}


.webclic table.tableReleve
{
    width: 100%;
    font-size:13px;
    line-height:1.2;
    
}

.webclic table.tableReleve th
{
    padding: 5px 0;
    margin: 5px 0;
    text-align: center;
    border:1px solid #006699;
}
.webclic table.tableReleve td.alignerIconeGauche
{
   text-align:left;
  /* padding-left:10px;*/
}

.webclic table.tableReleve td
{
    padding: 5px 0;
    margin: 5px 0;
    text-align: center;
   
}


.webclic img.iconeTelechargerFichier
{
    height: 20px;
    vertical-align: middle;
    margin-right: 2px;
}

.webclic #formulaireInvite .promoCB
{
    color: #006D9E;
    font-weight: bold;
}

.webclic #formulaireInvite .titrePromoCB
{
    color: Red;
}

.webclic #formulaireInvite .messageErreur
{
   color: red;
   width: 100%;
   margin: 10px auto;
   padding: 0;
}

.webclic input.WCbouttonLien
{
    background-image: none;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    text-decoration: underline;
    width: auto;
    height: auto;
    text-align: left;
    font: inherit;
    color: inherit;
    vertical-align: baseline;
}

.webclic input.WC-boutton-Non-Lien
{
    background-image: none;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    text-decoration: none;
    width: auto;
    height: auto;
    text-align: left;
    font: inherit;
    font-size: larger;
    font-weight: bold;
    color: inherit;
    vertical-align: baseline;
}


.webclic input.WCbouttonLien:hover
{
    cursor: pointer;
    text-decoration: underline;
    color: inherit;
}

.webclic textarea
{
    font-family: inherit;
    font-style: inherit;
}

.webclic input.WCbouttonSupprimer
{
    border: 0px;
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
    font: inherit;
    color: inherit;
    vertical-align: baseline;
    background: url('/Content/Images/Icons/icon_supprimer_fichier.png') no-repeat 0 0;
    
    height : 10px;
    width:10px;
    padding:0;
    margin: 0 0 0 10px;
}

.webclic .label
{
    font-size: 14px;
    color:#333333;
    text-align:right;
	
}

.webclic .gris, .webclic .gris .spinInput
{
    color: #c0c0c0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
}

.webclic div.etapeEnvoi

{
   background: white;
   color: #006699; 
   border: #006699 solid 2px;
   /*margin-left: 9px;*/
   border-radius: 5px;
   padding: 0px;
   margin-bottom: 20px;   
}

.webclic div.etapeEnvoi tr th
{
   background:none;
   color: #006699; 
}
.webclic .tableEtapesEnvoi
{
    width: 100%;
    vertical-align: middle;
    /*margin-bottom: 15px;
    margin-left: 5px;*/
}

.webclic .tableEtapesEnvoi th
{
    border-color: white;
    /*border-style: solid;*/
    padding-bottom: 1ex;
    padding-top: 1ex;
    vertical-align: middle;
}

.webclic .tableEtapesEnvoi th.actif
{
    font-weight: bold;
}

.webclic .tableEtapesEnvoi th.inactif
{
    font-weight: normal;
}


.webclic .tableEtapesEnvoi th .numeroEtapeEnvoi
{
    font-size: 150%;
    vertical-align: middle;
}

.webclic .tableEtapesEnvoi th .labelEtapeEnvoi
{
    vertical-align: middle;
}
.webclic .tableEtapesEnvoi th.inactif .labelEtapeEnvoi
{
   font-size:120%;
}
.webclic .tableEtapesEnvoi th.actif .labelEtapeEnvoi
{
   font-size:150%;
}

.webclic .blocBoutons
{
    width: 100%;
    text-align: right;
}

.webclic .blocBoutons a.bouton, .webclic .blocBoutons a.bouton:hover, .webclic .blocBoutons a.bouton:visited
{
	
	color:white;
	margin-left:10px;
	
}

.webclic .messageErreur
{
    color: red;
    width: 90%;
    margin: 10px auto;
/*     padding: 15px; */
    font-size:14px;
    text-align:center;
    font-weight:bold;
	line-height:2;
}




.webclic .messageCourrierBienEnvoye
{
    width: 75%;
    margin: 10px auto;
    color: black;
    padding: 15px;
    background-color: Silver; /* #97e8c4; */
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}




.webclic .WC-Rouge
{
    color:Red;
}


.webclic .boiteAuxLettres
{
   display:table-cell;
   width:45%;
   height:165px;
}

.webclic .boiteAuxLettres-separator
{
   display:table-cell;
   width:4%;
}
.webclic .boiteAuxLettres div.bloc {
    width: 100%;
    display: block;
    border: 1px #006699 solid;
    border-radius: 13px;
    height: 100%;
    -moz-box-shadow: 1px 2px 1px 0px #333333;
    -webkit-box-shadow: 1px 2px 1px 0px #333333;
    -o-box-shadow: 1px 2px 1px 0px #333333;
    box-shadow: 1px 2px 1px 0px #333333;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=153, Strength=1);
}

.webclic .boiteAuxLettres .bloc div.content
{
   padding:10px;
}
.webclic .boiteAuxLettres .bloc a
{
   color:#006699;
   text-decoration:none;
   font-size:14px;
   display:block;
   
}

.webclic .boiteAuxLettres .bloc span.disable
{
   color:grey;
   text-decoration:none;
   font-size:14px;
   display:block;
   
}
.webclic .boiteAuxLettres .bloc div.titre {
    border-radius: 10px 10px 0 0;
    background-color: #006699;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 20px;
}
.webclic .boiteAuxLettres .bloc .titre img.WC-Icon-Action
{
   vertical-align : middle;
   float:left;
   padding-left:70px;
   padding-right:10px;   
  /* padding:10px;*/
  
}
.webclic .boiteAuxLettres .tableAvertissementReleve
{
   border-style : none;
   border-width : 0;
   border-collapse : collapse;
   padding : 0;
   padding-top:5px;
   vertical-align : top;
   padding:10px;
   color:#FF5900;
   font-size:11px;
   font-weight:normal;
}

.webclic table.tableSurAccueil
{
    border-style : solid;
    border-width : 1px;
    border-collapse : collapse;
    margin: 20px 0;
    width: 90%;/* 30em; */
}

.webclic table.tableSurAccueil tr
{
    border-style : solid;
    border-width : 1px;
    border-collapse : collapse;
}

.webclic table.tableSurAccueil tr.WC-Accueil-Titre-Table
{
    background-color:#e3e9ef;
    color:#006699;
    
}

.webclic table.tableSurAccueil tr td a,
{
    color:#006699;
    text-decoration:none;
}




.webclic table.tableSurAccueil img.WC-Icon-Action
{
vertical-align : middle;
margin-right : 10px;
}



.webclic .boutonTableauReception
{
    background: url('/Content/Images/Site/button.png') no-repeat;
    width: 148px;
    height: 35px;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #126398;
    display: inline-block;
    line-height: 25px;
}


.webclic #accordion_demande_code h3
{
    padding-left: 24px ;
    font-weight:bold;
    font-size: 17px;
    color: #FF5900; /* même que orange-clearbus */
}

.webclic #accordion_demande_code .ui-accordion-content
{
    padding: 1em 0;
    border: none;
    background: none;
}


.webclic #accordion_demande_code .ui-accordion-header
{
    border: none;
    background: none;
}

.webclic .orange-clearbus
{
	color: #FF5900;
}

.webclic .gras
{
    font-weight:bold;
}


.webclic .centre
{
    text-align : center;
}


.webclic .croix-supprimer-fichier
{
    border: 0px;
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
    font: inherit;
    color: inherit;
    vertical-align: middle;
    
    padding:0;
    margin: 0 0 0 5px;
}


.webclic #div-conteneur-applet-signeur
{
    text-align:center;
    width: 665px;
}

.webclic #div-conteneur-applet-signeur-abonne
{
    text-align:center;
}

.webclic #div-conteneur-aide-applet
{
    float:right;
    height: 565px;
    width: 215px;
    position:relative;
    padding:5px;
}
.webclic #div-webclic-conteneur-signer-envoyer
{
   text-align:center;
   float:left;
}


.webclic #div-conteneur-aide-applet #div-astuce-besoin-aide
{

}

.webclic #div-conteneur-aide-applet #div-astuce-besoin-aide input[type=submit]
{
    background-image: url('/Content/Images/Site/besoin_d_aide.png');
    background-repeat:no-repeat;
    width: 204px;
    height:117px;
}


.webclic #div-conteneur-aide-applet #div-astuce-signature-2
{
    font-weight: normal;
    position: absolute;
    top: 220px;
}
.webclic #div-conteneur-aide-applet #div-astuce-signature-2 input[type=submit]
{
    background-image: url('/Content/Images/Site/en_savoir_plus.png'); /** modif FC **/
    background-repeat:no-repeat;
    width: 203px;
    height:132px;
    margin: 0;
    padding: 0;
  
}

.webclic #div-conteneur-aide-applet #div-astuce-besoin-aide:hover,
.webclic #div-conteneur-aide-applet #div-astuce-signature-1:hover,
.webclic #div-conteneur-aide-applet #div-astuce-signature-2:hover,
.webclic #div-conteneur-aide-applet #div-astuce-signature-3:hover
{
    cursor:pointer;
}

.webclic .span-fausse-liste
{
    margin-left:10px;
    margin-bottom:5px;
    margin-top:10px;
}


.webclic #div-webclic-fichier-piece-identite-apercu
{
    /* float:right; */
    margin-left:0px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
    margin-top:10px;
    text-align:center;
}


.webclic #div-webclic-fichier-piece-identite-sans-apercu
{
    padding-top:7px;
    padding-left:5px;
    padding-right:5px;    
    text-align:center; 
    border:1px solid #006699;
}

.webclic #div-webclic-fichier-piece-identite-sans-apercu p
{
    text-align:center;
}

.webclic .webclic-titre-item-obtenir-code
{
    font-size: 15px;
    font-weight:bold;
}


.webclic img#img-webclic-verif-email-code-signature
{
    vertical-align:middle;
}


.webclic #img-webclic-piece-identite
{
    text-align:center;
    border:1px solid #006699;
    padding: 20px;
    max-width: 745px;
}


.webclic .webclic-paragraphe-idente,
.webclic table.tbl-webclic-formulaire-code-signature
{
    margin-left:20px;
}

.webclic table.tbl-webclic-formulaire-code-signature
{
	border : none; /* solid 2px silver; /** Ajout FC **/ 
	font-size : 13px;
	
}

.webclic table.tbl-webclic-formulaire-code-signature .col-puces
{
    width: 5px;
    /** padding:1px;  modif FC **/
    margin:0;
    vertical-align: middle;
}

.webclic table.tbl-webclic-formulaire-code-signature .col-labels
{
    width: 500px;
    padding-left:10px;
}

.webclic table.tbl-webclic-formulaire-code-signature label
{
    font-size: 13px;  /** modif FC **/ 
}

.webclic table.tbl-webclic-formulaire-code-signature th
{
	color : white;  /** modif FC **/ 
}

.webclic table.tbl-webclic-formulaire-code-signature .col-inputs
{
 width: 240px;   
}
.webclic table.tbl-webclic-formulaire-code-signature .col-inputs input
{
 width: 210px;   
}

.webclic #div-conteneur-demande-code-signature
{
 width: 848px;
}

.webclic #div-conteneur-demande-code-signature .blocBoutons
{
    width: 800px;
}

.webclic #div-conteneur-demande-code-signature #conteneur-piece-identite
{
    width: 765px;
    margin-bottom:10px;
    position: relative;
}


.webclic #div-conteneur-valide-code-signature,
.webclic #div-conteneur-aide-choix-identite
{
   /* margin-left: auto; */
    margin-right: auto;
    width : 650px;
}

.webclic #div-conteneur-valide-code-signature p,
.webclic #div-conteneur-aide-choix-identite p
{
    padding-right: 6px;
}

.webclic .tbl-webclic-formulaire-code-signature label
{
 font-weight:normal;
}


.webclic #conteneur-piece-identite
{
    
}


.webclic #conteneur-piece-identite #div-webclic-fichier-piece-identite-apercu
{
    width: 825px;
    position: relative;
    
}

.webclic #conteneur-piece-identite #tbl-webclic-fichier-piece-identite-apercu
{
    margin: 0 auto;
    position: relative;
}

.webclic #conteneur-piece-identite #tbl-webclic-fichier-piece-identite-apercu td
{
    vertical-align : top;
    width: 0;
    padding:0;
    margin:0;
    position:relative;
}

.webclic #conteneur-piece-identite #div-webclic-fichier-piece-identite-apercu #icone-poubelle-piece-identite
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    cursor:pointer;
}


.webclic #conteneur-piece-identite #div-conteneur-webclic-fichier-piece-identite-sans-apercu
{
    position: relative;
    width: 100%;
    margin-left: 42px; /** modif FC **/
}

.webclic #conteneur-piece-identite  #div-conteneur-webclic-fichier-piece-identite-sans-apercu #icone-poubelle-piece-identite-sans-apercu
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    cursor:pointer;
}


.webclic #icone2-poubelle-piece-identite-sans-apercu
{
    cursor:pointer;
}


.webclic .icone-attente-upload
{
    width:16px;
    height:16px;
    vertical-align:middle;
}


.webclic .webclic-centrage-vertical-dans-conteneur-upload
{
    padding-left:25px;
    padding-top: 10px;
    text-align:left;
    font-size:14px;
}


.webclic table.wc-tbl-composition-retour-t
{
    width:100%;
}

.webclic table.wc-tbl-composition-retour-t td
{
    width:100%;
    padding:10px;
    margin:0px;
}


.webclic table.wc-tbl-composition-retour-t fieldset
{
    margin:0;
}

.webclic table.wc-tbl-composition-retour-t fieldset legend
{
    font-size: 11px;
}

.webclic img.icon_check_format
{
    vertical-align: middle;
}

.webclic input.bouton-redemande-code {
	margin-right:50px;
	background:none;
	text-decoration:underline;
	font-weight:normal;
	width:70px;
	text-align:left;
	padding-top:4px;
	color:#126398;
        font-size:14px;
        box-shadow:none;
}
.webclic input.bouton-redemande-code:hover {
	color:#333333;	
}


.webclic div.colonne-aide {
	width:28%;
	float:right;
	text-align:right;
	margin-left:0px;
	padding-top:10px;
	
}
/* COMMENTE 4.0.0.17 
.webclic .colonne-aide img {
    
	width:207px;
}
            */


.webclic div.colonne-main {
	
	width:72%;
	margin-left:0px;
	float: left;
	padding-bottom:70px;
}










/* TABLEAU RECAPITULATIF DES INFOS DU PLI */
table.tableReleve
{
	width: 900px;
	font-size: 14px;
	line-height:1.2;
	border-radius: 0px 0px 0px 10px;
        border-collapse:separate;
}

table.tableReleve th
{
	padding: 5px 0;
	margin: 5px 0;
	text-align: center;
	background-color:#006699;
	color:white;
}


    table.tableReleve th.radiusUpperLeft {
        border-radius: 10px 0px 0px 0px;
        border: 1px #006699 solid;
        /* 4.0.0.17 */
        border-radius: 6px 0px 0px 0px;
        /* 4.0.0.17 - FIN */
    }
table.tableReleve th.radiusUpperRight
{
   border-radius: 0px 10px 0px 0px;
   border: 1px #006699 solid;
}


table.tableReleve td.radiusLowerLeft
{
	border-radius: 0px 0px 0px 10px;
}
table.tableReleve td.radiusLowerRight
{
	border-radius: 0px 0px 10px 0px;
}

table.tableReleve td
{
	padding: 5px 0;
	margin: 5px 0;
	text-align: center;
	padding-bottom: 10px;
}
table.tableReleve td hr
{

	width:24px;
	align:center;
	size:2px;
	
}
table.tableReleve td.piedTable
{
   background:#f0f0f0;
   border-radius:0px 0px 10px 10px;
}
.tableau_telechargement {
	width: 900px;
	display: block;
	border: 1px #006699 solid;
	border-radius: 13px;
        box-shadow: 5px 8px 7px #333333;
        -moz-box-shadow: 5px 8px 7px 0px #333333;
        -webkit-box-shadow: 5px 8px 7px 0px #333333;
        -o-box-shadow: 5px 8px 7px 0px #333333;
        
}

.tableau_telechargement .entete {
background-color: #006699;
color: white;
border-radius: 10px 10px 0px 0px;
font-size: 14px;
font-weight: bold;
margin-bottom:10px;
}

.tableau_fieldset_courrier {
	width: 698px;
	display: table-cell;
}
.tableau_fieldset_courrier .entete_courrier {
	background-color: #006699;
	color: white;
	border-radius: 10px 0px 0px 0px;
}
.tableau_fieldset_courrier .entete_courrier span {
	font-size: 14px;
	font-weight: bold;
}
.tableau_fieldset_recap {
   width: 198px;
   display: table-cell;
   padding-bottom: 50px;
   height: 100%;
}

.tableau_fieldset_recap_fancy {
	width: 198px;
	display: table-cell;
	/*padding-bottom: 50px;*/
	height: 100%;
}
.tableau_fieldset_recap .entete_recap {
	background-color: #006699;
	color: white;
	border-radius: 0px 10px 0px 0px;
}
.tableau_fieldset_recap .entete_recap span {
	font-size: 14px;
	font-weight: bold;
}

.fichier_principal {
	height: 120px;
	width: 100px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.fichier_principal .fichier_nom {
	margin-top: 10px;
	word-wrap: break-word;
	vertical-align: top;
	position: relative;
	top: 90px;
	text-align: center;
	font-weight: bold;
}
.fichier_piecejointe {
	float: left;
	height: 120px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.fichier_piecejointe .fichier_nom {
	margin-top: 10px;
	word-wrap: break-word;
	vertical-align: top;
	position: relative;
	top: 90px;
	text-align: center;
	font-weight: bold;
}

.fichier_pli {
	height: 120px;
	width: 100px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.fichier_pli .fichier_nom {
	margin-top: 10px;
	vertical-align: top;
	position: relative;
	top: 90px;
	text-align: center;
	font-weight: bold;
	/*right: 17px;*/
}
.fichier_pli a.fichier[title^="pli_"] {
	content: "";
	background: url('/Content/Images/Site/icone/clearbus-icon.png') no-repeat;
}

.colonne_courrier {
	vertical-align: top;
	padding-top: 15px;
}
.colonne_pli {
	vertical-align: top;
	padding-top: 15px;
}

.zone_bouton {
	width:100%;
	text-align:center;
	margin-bottom:15px;
}
.zone_bouton_fancy {
   width:100%;
   text-align:center;
   margin-bottom:8px;
}
.zone_bouton_fancy .bouton_telecharger,
.zone_bouton .bouton_telecharger {
	background: url('/Content/Images/Site/bouton_250x35.png') no-repeat;
	width: 250px;
	height: 35px;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: white;
	
	line-height: 30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.zone_bouton_fancy span,
.zone_bouton span {
	margin-bottom:5px;
}

.infoPli {

	border-radius: 13px;
	border: solid #006699 1px;
        box-shadow: 5px 8px 7px #333333;
        -moz-box-shadow: 5px 8px 7px 0px #333333;
        -webkit-box-shadow: 5px 8px 7px 0px #333333;
        -o-box-shadow: 5px 8px 7px 0px #333333;

}

.gras {
	font-weight: bold;
}
.orange-clearbus {
	color: #FF5900;
}

.warning {
	margin-top:25px;
	margin-bottom:15px;
	width:100%;
	padding-left:0px;
	font-size:13px;
	text-align:center;
}
.warning_fancy {
   margin-top:15px;
   margin-bottom:7px;
   width:100%;
   padding-left:0px;
   font-size:11px;
   text-align:center;
}


a.fichier {
	display: block;
	width: 96px;
	height: 96px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	color: #006699;
	text-decoration: none;
	background: url('/Content/Images/Site/icone/generic-icon.png') no-repeat;
}
a.fichier:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #FF5900;
}
a.fichier:visited {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-style: italic;
	border: 1px #666666 solid;
}


    a.fichier[href$=".reg"],
    a.fichier[href$=".reg?view=1"],
    a.fichier[href$=".REG?view=1"],
    a.fichier[href$=".REG"] {
        content: "";
        background: url('/Content/Images/Site/icone/reg-icon.png') no-repeat;
    }
    a.fichier[href$=".7z"],
    a.fichier[href$=".7z?view=1"],
    a.fichier[href$=".7Z?view=1"],
    a.fichier[href$=".7Z"] {
        content: "";
        background: url('/Content/Images/Site/icone/7z-icon.png') no-repeat;
    }
    a.fichier[href$=".ACCDB"],
    a.fichier[href$=".ACCDB?view=1"],
    a.fichier[href$=".accdb?view=1"],
    a.fichier[href$=".accdb"] {
        content: "";
        background: url('/Content/Images/Site/icone/accdb-icon.png') no-repeat;
    }
    a.fichier[href$=".DOC"],
    a.fichier[href$=".DOC?view=1"],
    a.fichier[href$=".doc?view=1"],
    a.fichier[href$=".doc"] {
        content: "";
        background: url('/Content/Images/Site/icone/doc-icon.png') no-repeat;
    }
    a.fichier[href$=".DOCX"],
    a.fichier[href$=".DOCX?view=1"],
    a.fichier[href$=".docx?view=1"],
    a.fichier[href$=".docx"] {
        content: "";
        background: url('/Content/Images/Site/icone/docx-icon.png') no-repeat;
    }
    a.fichier[href$=".PDF"],
    a.fichier[href$=".PDF?view=1"],
    a.fichier[href$=".pdf?view=1"],
    a.fichier[href$=".pdf"] {
        content: "";
        background: url('/Content/Images/Site/icone/pdf-icon.png') no-repeat;
    }
    a.fichier[href$=".XLS"],
    a.fichier[href$=".XLS?view=1"],
    a.fichier[href$=".xls?view=1"],
    a.fichier[href$=".xls"] {
        content: "";
        background: url('/Content/Images/Site/icone/xls-icon.png') no-repeat;
    }
    a.fichier[href$=".XLSX"],
    a.fichier[href$=".XLSX?view=1"],
    a.fichier[href$=".xlsx?view=1"],
    a.fichier[href$=".xlsx"] {
        content: "";
        background: url('/Content/Images/Site/icone/xlsx-icon.png') no-repeat;
    }
    a.fichier[href$=".PPT"],
    a.fichier[href$=".PPT?view=1"],
    a.fichier[href$=".ppt?view=1"],
    a.fichier[href$=".ppt"] {
        content: "";
        background: url('/Content/Images/Site/icone/ppt-icon.png') no-repeat;
    }
    a.fichier[href$=".PPTX"],
    a.fichier[href$=".PPTX?view=1"],
    a.fichier[href$=".pptx?view=1"],
    a.fichier[href$=".pptx"] {
        content: "";
        background: url('/Content/Images/Site/icone/pptx-icon.png') no-repeat;
    }
    a.fichier[href$=".JPG"],
    a.fichier[href$=".JPG?view=1"],
    a.fichier[href$=".jpg?view=1"],
    a.fichier[href$=".jpg"] {
        content: "";
        background: url('/Content/Images/Site/icone/jpg-icon.png') no-repeat;
    }
    a.fichier[href$=".BMP"],
    a.fichier[href$=".BMP?view=1"],
    a.fichier[href$=".bmp?view=1"],
    a.fichier[href$=".bmp"] {
        content: "";
        background: url('/Content/Images/Site/icone/bmp-icon.png') no-repeat;
    }
    a.fichier[href$=".PNG"],
    a.fichier[href$=".PNG?view=1"],
    a.fichier[href$=".png?view=1"],
    a.fichier[href$=".png"] {
        content: "";
        background: url('/Content/Images/Site/icone/png-icon.png') no-repeat;
    }
    a.fichier[href$=".GIF"],
    a.fichier[href$=".GIF?view=1"],
    a.fichier[href$=".gif?view=1"],
    a.fichier[href$=".gif"] {
        content: "";
        background: url('/Content/Images/Site/icone/gif-icon.png') no-repeat;
    }
    a.fichier[href$=".RAR"],
    a.fichier[href$=".RAR?view=1"],
    a.fichier[href$=".rar?view=1"],
    a.fichier[href$=".rar"] {
        content: "";
        background: url('/Content/Images/Site/icone/rar-icon.png') no-repeat;
    }
    a.fichier[href$=".ZIP"],
    a.fichier[href$=".ZIP?view=1"],
    a.fichier[href$=".zip?view=1"],
    a.fichier[href$=".zip"] {
        content: "";
        background: url('/Content/Images/Site/icone/zip-icon.png') no-repeat;
    }
    a.fichier[href$=".TIFF"],
    a.fichier[href$=".TIFF?view=1"],
    a.fichier[href$=".tiff?view=1"],
    a.fichier[href$=".tiff"] {
        content: "";
        background: url('/Content/Images/Site/icone/tiff-icon.png') no-repeat;
    }
    a.fichier[href$=".MP3"],
    a.fichier[href$=".MP3?view=1"],
    a.fichier[href$=".mp3?view=1"],
    a.fichier[href$=".mp3"] {
        content: "";
        background: url('/Content/Images/Site/icone/mp3-icon.png') no-repeat;
    }
    a.fichier[href$=".MPEG"],
    a.fichier[href$=".MPEG?view=1"],
    a.fichier[href$=".mpeg?view=1"],
    a.fichier[href$=".mpeg"] {
        content: "";
        background: url('/Content/Images/Site/icone/mpeg-icon.png') no-repeat;
    }
    a.fichier[href$=".MPG"],
    a.fichier[href$=".MPG?view=1"],
    a.fichier[href$=".mpg?view=1"],
    a.fichier[href$=".mpg"] {
        content: "";
        background: url('/Content/Images/Site/icone/mpeg-icon.png') no-repeat;
    }
    a.fichier[href$=".WMV"],
    a.fichier[href$=".WMV?view=1"],
    a.fichier[href$=".wmv?view=1"],
    a.fichier[href$=".wmv"] {
        content: "";
        background: url('/Content/Images/Site/icone/wmv-icon.png') no-repeat;
    }
    a.fichier[href$=".AVI"],
    a.fichier[href$=".AVI?view=1"],
    a.fichier[href$=".avi?view=1"],
    a.fichier[href$=".avi"] {
        content: "";
        background: url('/Content/Images/Site/icone/avi-icon.png') no-repeat;
    }
a.fichier[href$="Comment%20utiliser%20l'enveloppe%20retour%20pr%C3%A9pay%C3%A9e.pdf"] {
   content: "";
   background: url('/Content/Images/Site/icone/retour-icon.png') no-repeat;
}

/*
 * façon de faire le cadre à revoir avec le redesign en cours
 */
.webclic .cadre {
	width: 900px;
	border-radius: 13px;
	border: solid #006699 1px;
        box-shadow: 5px 8px 7px #333333;
        -moz-box-shadow: 5px 8px 7px 0px #333333;
        -webkit-box-shadow: 5px 8px 7px 0px #333333;
        -o-box-shadow: 5px 8px 7px 0px #333333;
        
}

.webclic .cadre .entete 
{
    background-color: #006699;
	color: #ffffff;
	padding: 5px;
	padding-left: 25px;
	font-size: 14px;
	border-radius: 10px 10px 0 0;
}


.webclic table.tableReleve tr.wc_lien:hover td
{
    cursor:pointer;
    background-color:#B9D8EC;
}

.webclic table.tableReleve tr.wc_paire td
{
    background-color:#ffffff;
    /* border-bottom:solid 1px #165C89; */
}

.webclic table.tableReleve tr.wc_impaire td
{
    background-color:#f0f0f0;
    /* border-bottom:solid 1px #165C89; */
}
.webclic .releve {
    border: 1px solid #006699;
    border-radius: 12px;
    box-shadow: 5px 8px 7px #333333;
    -moz-box-shadow: 5px 8px 7px 0px #333333;
    -webkit-box-shadow: 5px 8px 7px 0px #333333;
    -o-box-shadow: 5px 8px 7px 0px #333333;
    /* 4.0.0.17 */
    box-shadow: 1px 4px 3px #999;
    border-radius: 8px;
    /* 4.0.0.17 - FIN*/
}   

.webclic .releve a,
.webclic .releve a:hover,
.webclic .releve a:visited
{
   color:#006699;
}

.webclic div.signatureReco
{
   border: solid 1px #006699;
   margin-top:20px;
   margin-bottom:20px;
   background-color: #ffffff;
   color: #222222;
   box-shadow: 5px 8px 7px #333333;
   -moz-box-shadow: 5px 8px 7px 0px #333333;
   -webkit-box-shadow: 5px 8px 7px 0px #333333;
   -o-box-shadow: 5px 8px 7px 0px #333333;
    border-radius: 13px;
}

.webclic .signatureEnvoi,
.webclic .recapEnvoi,
.webclic .optionDocuments,
.webclic .infosDestinataire ,
.webclic .optionEnvoi,
.webclic .optionEnvoiPapier
{
/*margin-left: 10px;*/
/*margin-right: 10px;*/
border: solid 1px #006699;
margin-top:20px;
margin-bottom:20px;
background-color: #ffffff;
color: #222222;
box-shadow: 5px 8px 7px #333333;
-moz-box-shadow: 5px 8px 7px 0px #333333;
-webkit-box-shadow: 5px 8px 7px 0px #333333;
-o-box-shadow: 5px 8px 7px 0px #333333;
line-height:1.5;
border-radius: 13px;
}

.webclic .signatureEnvoi .entete,
.webclic .signatureReco .entete,
.webclic .recapEnvoi .entete,
.webclic .optionDocuments .entete,
.webclic .optionEnvoi .entete,
.webclic .infosDestinataire .entete,
.webclic .optionEnvoiPapier .entete
{
   font-weight:bold;
   background-color: #006699;
   color: #ffffff;
   padding: 5px;
   padding-left: 25px;
   font-size: 14px;
   border-radius: 10px 10px 0 0;
/*    border-bottom:2px solid #FF5900;   */
}

.webclic #tbl-formulaire-releve-invite input[type="text"]
{
   width:95%;
}

.webclic #tbl-formulaire-releve-invite input[type="text"],
.webclic #tbl-formulaire-releve-invite select,
.webclic #tbl-formulaire-releve-invite textarea,
.webclic .webclic-paragraphe-idente input[type="text"],
.webclic .webclic-paragraphe-idente select,
.webclic .webclic-paragraphe-idente textarea,
.webclic .signatureEnvoi input[type="password"],
.webclic .signatureReco input[type="password"],
.webclic .optionDocuments input,
.webclic .optionDocuments select,
.webclic .optionDocuments textarea,
.webclic .infosDestinataire input[type="password"],
.webclic .infosDestinataire input[type="text"],
.webclic .infosDestinataire select,
.webclic .infosDestinataire textarea {
    padding: 5px;
    border: solid 1px #CCC;
    outline: 0;
    font: bold 14px/100% 'Open Sans', sans-serif;
    /*font: bold 13px/100% Arial, Helvetica, sans-serif;*/
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px);
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    line-height: 1.5;
    padding-left: 10px;
    /* 4.0.0.16 */
    padding: 6px;
    border: solid 1px #CCC;
    outline: 0;
    font: bold 13px/100% 'Open Sans', sans-serif;
    /*font: bold 13px/100% Arial, Helvetica, sans-serif;*/
    border-radius: 4px;
    background:none;
    background-color: #FAFAFA;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    vertical-align: middle;
    color: #333;
    line-height: 1.5;
} 

.webclic input[type="radio"],
.webclic input[type="checkbox"],
.webclic .optionEnvoi input[type="button"],
.webclic .optionEnvoi input[type="submit"],
.webclic .optionEnvoiPapier input[type="button"],
.webclic .optionEnvoiPapier input[type="submit"],
.webclic .infosDestinataire input[type="button"],
.webclic .infosDestinataire input[type="submit"]
.webclic .optionDocuments input[type="button"],
.webclic .optionDocuments input[type="submit"]
{
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
}

.webclic input#spinInput
{
   
}
.webclic .infosDestinataire td.radio label
{
   font-size:14px;
   color:#333333;
}

.webclic .optionDocuments .label
{
   font-size:14px;
   color:#333333;
   text-align:right;
   width:25%;
}

.webclic .signatureReco label,
.webclic.signatureEnvoi .label,
.webclic .infosDestinataire .label

{
   font-size:14px;
   color:#333333;
   text-align:right;
   width:40%;
}

.webclic .optionEnvoi table,
.webclic .optionEnvoiPapier table,
.webclic .infosDestinataire table
{
   margin-top: 15px;
   margin-bottom:15px;
}

.webclic .optionEnvoi table tr td,
.webclic .optionEnvoiPapier table tr td
{
   padding-left: 25px;
}

.webclic .recapEnvoi ul li
{
   margin-left: 35px;
   font-size:14px;
   line-heigth:1.5;
  
}

.webclic .optionDocuments div#webclic-conteneur-piecesjointes-choisir,
.webclic .optionDocuments div#webclic-conteneur-piecesjointes-liste,
.webclic .optionDocuments div#webclic-conteneur-fichier-principal-choisir
{
   padding-left:25px;
   
}

.webclic #ul-pieces-jointes
{
 font-size:13px;
 font-weight:bold;
}

.webclic .signatureEnvoi p,
.webclic .signatureReco p,
.webclic .recapEnvoi p,
.webclic .optionEnvoi p,
.webclic .optionEnvoiPapier p

{
   padding-left: 20px;
   padding-right:20px;
   font-size:14px;
}

.webclic .optionDocuments p
{
   font-size:13px;
   padding-right:20px;
}
/*.webclic .optionEnvoi label
{
   font-size:14px;
   color:#333333;
   text-align:right;
   width:40%;
}*/

.webclic .optionEnvoi label,
.webclic .optionEnvoiPapier label,
.webclic #formulaireInvite label
{
   font-size:14px;
   color:#333333;
   text-align:right;
   width:40%;
}

.webclic .signatureEnvoi ul li,
.webclic .signatureReco ul li
{
   padding-left: 25px;
   padding-right:20px;

}

.webclic .signatureEnvoi table.detailCourrier
{
   width:100%;
   
   
}
.webclic .signatureEnvoi .nivService,
.webclic .signatureEnvoi .nomDestinataire
{
  
   
}
.webclic .signatureEnvoi .nivService td.colVar,
.webclic .signatureEnvoi .nomDestinataire td.colVar,
.webclic .signatureEnvoi table.detailCourrier .docPrincipal .colVar,
.webclic .signatureEnvoi table.detailCourrier .pieceJointe .colVar
{
   padding-left:0;
   font-size:14px;
}
.webclic .signatureEnvoi table.detailCourrier td.colVide
{
   width:2%;
}

.webclic .signatureEnvoi table.detailCourrier td.colTexte
{
   font-size:14px;
   line-height:1.2;
   width:30%;
   vertical-align:top;
}

.webclic .signatureEnvoi table.detailCourrier .meta .colMeta,
.webclic .signatureEnvoi table.detailCourrier .meta .colMetaVar
{
   font-size:12px;
   line-height:1.2;
   padding-left:0;
}
.webclic .signatureEnvoi table.detailCourrier td.colVideMeta
{
   width:50px;
}
.webclic .signatureEnvoi table.detailCourrier td.colMeta
{
   font-size:12px;
   line-height:1.2;
   vertical-align:top;
   padding:5px;
}
.webclic .signatureEnvoi table.detailCourrier td.colMetaVar
{
   font-size:12px;
   line-height:1.2;
   word-break:break-all;
   padding:5px;
}
.webclic .signatureEnvoi table.detailCourrier tr.docPrincipal
{
   padding:0;
}

.webclic .signatureEnvoi .signatureEnvoiBody {
    padding: 5px;
}

.webclic table.saisieCodeRetour
{
   width: 80%;
   margin: 0 auto;  
}

.webclic .prepaEnvRetour
{
   width:100%;
   
}
.webclic .prepaEnvRetour p,
.webclic .infoDocPrincipal #webclic-conteneur-fichier-principal-choisir,
.webclic .infoPiecesJointes #webclic-conteneur-piecesjointes-choisir
{
 padding:10px;  
}

.webclic .prepaEnvRetour .infoExpediteur,
.webclic .prepaEnvRetour .infoDestinataire,
.webclic .prepaEnvRetour .infoDocPrincipal,
.webclic .prepaEnvRetour .infoMessage,
.webclic .prepaEnvRetour .infoPiecesJointes
{
   border: solid 1px #006699;
   margin-top:20px;
   margin-bottom:20px;
   background-color: #ffffff;
   color: #222222;
   box-shadow: 5px 8px 7px #333333;
   -moz-box-shadow: 5px 8px 7px 0px #333333;
   -webkit-box-shadow: 5px 8px 7px 0px #333333;
   -o-box-shadow: 5px 8px 7px 0px #333333;
   line-height:1.5;
   border-radius: 13px;
}

.webclic .prepaEnvRetour .infoExpediteur,
.webclic .prepaEnvRetour .infoDestinataire,
.webclic .prepaEnvRetour .infoDocPrincipal,
.webclic .prepaEnvRetour .infoMessage
{
   width:430px;
   display:table-cell;
}

.webclic .prepaEnvRetour .infoExpediteur .entete,
.webclic .prepaEnvRetour .infoDestinataire .entete,
.webclic .prepaEnvRetour .infoDocPrincipal .entete,
.webclic .prepaEnvRetour .infoMessage .entete,
.webclic .prepaEnvRetour .infoPiecesJointes .entete
{
   font-weight:bold;
   background-color: #006699;
   color: #ffffff;
   padding: 5px;
   padding-left: 25px;
   font-size: 14px;
   border-radius: 10px 10px 0 0;
}

/* 4.0.0.16 */
.webclic .boiteAuxLettres div.bloc,
.webclic .signatureEnvoi,
.webclic .recapEnvoi,
.webclic .optionDocuments,
.webclic .infosDestinataire,
.webclic .optionEnvoi,
.webclic .optionEnvoiPapier,
.identificationCompte {
    border-radius: 8px;
    box-shadow: 1px 2px 1px #777;
    -moz-box-shadow: 1px 2px 1px #777;
    -webkit-box-shadow: 1px 2px 4px #777;
    -o-box-shadow: 1px 2px 1px #777;
}
    .webclic .boiteAuxLettres .bloc div.titre,
    .webclic .signatureEnvoi .entete,
    .webclic .recapEnvoi .entete,
    .webclic .optionDocuments .entete,
    .webclic .infosDestinataire .entete,
    .webclic .optionEnvoi .entete,
    .webclic .optionEnvoiPapier .entete,
    .identificationCompte .entete {
        border-radius: 5px 5px 0 0;
    }