label {
    cursor: pointer;
}

select.liste {
	color: #7F9DB7;
	font-size: 9pt;
	font-family: Arial;
	height: 27px;
	line-height: 27px;
    padding-top: 3px;
    padding-bottom: 3px;
	padding-left: 2px;
}

option.liste {
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 2px;
}

input.input {
	color: #146AB8;
	font-size: 9pt;
	padding-top: 3px;
	padding-left: 2px;
	height: 17px;
	line-height: 15px;
	border: solid 1px #042747;
	font-family: Arial;
}

input.radio {
    cursor: pointer;
}

input.checkbox {
    cursor: pointer;
}

textarea.textarea {
	color: #146AB8;
	font-size: 10pt;
	padding-top: 5px;
	padding-left: 4px;
	line-height: 17px;
	border: solid 1px #042747;
	font-family: Arial;
}

input.input_file {
	color: #146AB8;
	font-size: 10pt;
	padding-top: 5px;
	padding-left: 4px;
	height: 27px;
	line-height: 17px;
	border: solid 1px #042747;
	font-family: Arial;
}

input.submit {
	color: White;
	font-size: 10pt;
	height: 30px;
	line-height: 26px;
	border: solid 1px #042747;
	font-family: Arial;
	background-color: #3D678F;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

input.submit_login {
	color: White;
	font-size: 8pt;
	height: 21px;
	border: solid 1px #003366;
	font-family: Arial;
	background-color: #336699;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}

.cadreErreur {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 95%;
    
    background-color: #FEFFB4;
    border: solid 1px #EB2E15;
	color: #EB2E15;
	
	font-weight: bold;
	text-align: center;
}

.cadreSucces {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 95%;
    
    background-color: #D8E8FF;
    border: solid 1px #0404CD;
	color:#0D52A3;
	
	font-weight: bold;
	text-align: center;
}

span.spanRepositionnerImageContainer {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
}

span.spanRepositionnerImage {
    cursor: pointer;
	color: #003366;
}

span.spanRepositionnerImage:hover {
	color: #9CA3C0;
}

div.texteEnteteSection {
    font-size: 10pt;
    line-height: 20px;
    text-align: justify;
    border: solid 1px #042544;
    background-color: #E2E2E3;
    padding: 5px;
    color: #000000;
}

div.texteEnteteSectionThickbox {
    font-size: 10pt;
    line-height: 20px;
    text-align: justify;
    border: solid 1px #042544;
    background-color: #3F668D;
    padding: 5px;
    color: #FFFFFF;
}

div.titreListeGestionFiltre {
    background-color: #B9CBF3;
    border: solid 2px #06335D;
    padding: 5px;
}

div.titreListeGestionFiltreTexte {
    margin-top: 5px;
    margin-right: 10px;
    float: left;
}

div.titreListeGestion {
    text-align: right;
    margin-bottom: 5px;
    font-size: 14pt;
    font-weight: Bold;
}

div.divContainerEntete {
    padding-bottom: 10px;
}

table.tableau_liste_gestion {
    border: 2px solid #042544;
}

tr.tableau_liste_gestion_entete {
    background-color: #06335D;
    color: White;
}

td.tableau_liste_gestion_entete {
    padding: 4px; 
    border-bottom: 1px solid #042544;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

tr.tableau_liste_gestion_item {
    background-color: #FFFFFF;
    height: 28px;
}

td.tableau_liste_gestion_item {
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #042544;
    font-size: 9pt;
}

a.tableau_liste_gestion_item {
    color: #042544;
}

a.tableau_liste_gestion_item:hover {
    text-decoration:  underline;
}

tr.tableau_liste_gestion_ajout {
    background-color: #B9CBF3;
}

td.tableau_liste_gestion_ajout {
    padding: 3px 0px 3px 10px;
    height: 20px;
    line-height: 20px;
    font-size: 9pt;
}

td.tableau_liste_gestion_item_bordureHaut {
    padding: 2px 10px 2px 10px;
    height: 20px;
    line-height: 20px;
    font-size: 9pt;
    border-top: 1px solid #042544;
}

div.lienFermerThickbox {
    font-size: 10pt;
    font-weight: bold;
	font-family: Arial;
    margin-bottom: 10px;
    margin-right: 6px;
}

span.lienFermerThickbox {
    cursor: pointer;
}

img#imgThickBox {
    border: none;
    cursor: pointer;
}

img#imgAjaxChargement {
    display: none;
}

div.divContenuGeneral {
    margin: 10px;
}

.cadreConfirmationContainer {
	text-align: center;
}

.cadreConfirmation {
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 20px;
    width: 95%;
    
    background-color: #FEFFB4;
    border: solid 1px #04FF04;
	color: #0D52A3;
	
	font-weight: bold;
	text-align: center;
	
	height: 40px;
	display: none;
	
	margin-left: auto;
	margin-right: auto;
}

div.cadreConfirmation_reponses {
    width: 100%;
    text-align: center;
}

span.cadreConfirmation_reponse_oui, span.cadreConfirmation_reponse_oui_listeGestion {
    margin-right: 10px;
    font-size: 14pt;
    cursor: pointer;
}

span.cadreConfirmation_reponse_oui:hover, span.cadreConfirmation_reponse_oui_listeGestion:hover {
    color: #4183C4;
}

span.cadreConfirmation_reponse_non, span.cadreConfirmation_reponse_non_listeGestion {
    margin-left: 10px;
    font-size: 14pt;
    cursor: pointer;
}

span.cadreConfirmation_reponse_non:hover, span.cadreConfirmation_reponse_non_listeGestion:hover {
    color: #4183C4;
}

div.messageConfirmationListeGestion {
    display: none;
    float: left;
    width: 70%;
    margin-top: 7px;
}

div.divAncreGoogle {
    cursor: pointer;
    color: #000000;
}

div.divAncreGoogle:hover {
    color: #4183C4;
}

input.input_trouverDetaillant {
	color: #146AB8;
	font-size: 8pt;
	padding-top: 3px;
	padding-left: 3px;
	height: 17px;
	line-height: 17px;
	border: solid 1px #003466;
	font-family: Arial;
	width: 100px;
}

input.input_login {
	color: #146AB8;
	font-size: 8pt;
	padding-top: 2px;
	padding-left: 2px;
	height: 16px;
	line-height: 16px;
	border: solid 1px #003466;
	font-family: Arial;
	width: 120px;
}

input.input_quantite {
	color: #146AB8;
	font-size: 8pt;
	padding-top: 2px;
	padding-left: 2px;
	height: 16px;
	line-height: 16px;
	border: solid 1px #003466;
	font-family: Arial;
	width: 28px;
}

input.submit_trouverDetaillant {
    margin-top: 8px;
}

div.imgBanniere {
    border: solid 1px #ADBED0;
    height: auto;
    width: 567px;
}

div.divLogin {
    font-size: 9pt;
    margin-right: 7px;
}

div.divLettreContainer {
    width: auto;
    height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #06335D;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

div.divLettreElement {    
    width: auto;
    float: left;
    height: 100%;
}

div.divLettreSelectionnee {
    float: left;
    width: 22px;
    height: 100%;
    background-color: #FFCC00;
    color: #000000;
}

div.divLettre {
    cursor: pointer;
    float: left;
    width: 22px;
    height: 100%;
}

div.divLettre:hover {
    background-color: #B9CBF3;
}

a.aLettre:hover {
    color: #000000;
}

a.aLettre {
    text-decoration: none;
    color: #FFFFFF;
    width: 22px;
}

div.divLettreInvisible {
    float: left;
    width: 14px;
    height: 100%;
}

div.divLettreSeparateur {
    font-weight: normal;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
}

div.divIconeAjaxChangerMotDePasse {
    float: left;
    margin-right: 10px;
}

div#divConfirmationModifierMotDePasse {
    margin-bottom: 20px;
}

div#sousMenu {
    display: none;
}

div.divContainerTelechargements {
    margin: 0px 20px 0px 20px;
}

div.divContainerTelechargementsFichiersJaune {
    clear: both;
    background-image: url(../images/bg_download_1.png);
}

div.divContainerTelechargementsFichiersBleu {
    clear: both;
    background-image: url(../images/bg_download_2.png);
}

div.divTitreEnteteSousSection {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: solid 1px #003366;
    font-size: 11pt;
    font-weight: bold;
    color: #003366;
}

div.divIconeFichier {
    margin-right: 10px;
    margin-bottom: 8px;
    float: left;
}

div.divTelechargerFichier {
    height: 35px;
    line-height: 35px;    
    font-size: 10pt;
    font-weight: bold;
}

div.divContainerListingGauche {
    border: 1px solid #4183C4;
    background-color: #FFFFA8;
    padding: 5px;
    margin-bottom: 2px;
    cursor: pointer;
}

div.divContainerListingGauche:hover {
    background-color: #EEF2F5;
    color: #000000;
}

div.divListingGaucheTitre {
    font-weight: bold;
    margin-bottom: 5px;
}

div.divListingGaucheDate {
    font-style: italic;
    text-align: right;
}

div.divTitreEnteteCategoriesJohnnyVac {
    margin-top: 20px;
    font-size: 11pt;
    font-weight: bold;
    color: #003366;
}

div.divSeparateurCategoriesJohnnyVac {
    background-image: url(../images/bg_download_1.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

div#divSousCategoriesJohnnyVac {
    width: auto;
    height: 30px;
    margin-bottom: 15px;
}

div#divProduitsContenu {
    text-align: left;
    width: 600px;
    padding-left: 50px;
    padding-right: 50px;
}

div#divIconeAjaxChargement {
    text-align: center;
    height: 70px;
    padding-top: 50px;
}

table.tableSousCategorieJohnnyVac {
    cursor: pointer;
}

img#btnProduitVideo {
    cursor: pointer;
}

div#divContenuProduitVideoFicheFermer {
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: right;
}

span#spanContenuProduitVideoFicheFermer {
    color: #003366;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 8pt;
}

span#spanContenuProduitVideoFicheFermer:hover {
    color: #9CA3C0;
}

table#tableImprimerFiche {
	color: #003366;
	cursor: pointer;
	text-decoration: none;
}

table#tableImprimerFiche:hover {
	color: #9CA3C0;
	text-decoration: none;
}

img.imgProduitJohnnyVac {
    border: 1px solid black;
    cursor: pointer;
}

img#logoProduitJohnnyVac {
    border: 1px solid #acacac;
    padding: 2px;
}

div.divListePiecesCategories {
    margin-bottom: 2px;
}

div.divListePiecesCategoriesItem {
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

div.divListePiecesCategoriesItem:hover {
    border-top: solid 1px #9CA3C0;
    border-bottom: solid 1px #9CA3C0;
}

div.divListePiecesCategoriesItem_selectionne {
    border-top: solid 1px #003366;
    border-bottom: solid 1px #003366;
    font-weight: bold;
    color: #003366;
}

div.divPages {
    padding: 10px;
    text-align: center;
}

div.divPagesHaut {
    margin-bottom: 15px;
}

div.divPagesBas {
    margin-top: 15px;
}

div.divPageTitre {
    border-bottom: solid 1px #336699;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
}

img.imgListingProduit {
    cursor: pointer;
}

div.divImgListingProduit {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    padding: 10px;
    border: solid 1px #003366;
    cursor: pointer;
}

div.divPanierToggle {
    cursor: pointer;
}

div.divPanierToggle:hover {
	color: #9CA3C0;
}

div.divPanierOptions {
    cursor: pointer;
}

div.divPanierOptions:hover {
	color: #9CA3C0;
}

div#divAjaxOptions {
    text-align: center;
    margin-top: 10px;
}

td.tdTermes {
    font-size: 7pt;
    padding-top: 5px;
}

span#spanAjouterLigne {
    color: #000000;
    cursor: pointer;
}

span#spanAjouterLigne:hover {
    color: #9CA3C0;
}