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: 10pt;
	padding-top: 5px;
	padding-left: 4px;
	height: 20px;
	line-height: 17px;
	border: solid 1px #042747;
	font-family: Arial;
}

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

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;
}

textarea.textarea_garamond {
	color: #146AB8;
	font-size: 12pt;
	padding-top: 5px;
	padding-left: 4px;
	line-height: 20px;
	border: solid 1px #042747;
	font-family: Garamond, 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.input_file_pp {
    width: 225px;
}

input.submit {
	color: White;
	font-size: 10pt;
	height: 30px;
	line-height: 26px;
	border: solid 1px #042747;
	font-family: Arial;
	background-color: #7F9DB7;
	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;
}

a.lien_liste_gestion_entete {
    background-color: #06335D;
    color: White;
}

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

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

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

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

tr.tableau_liste_gestion_ajoutClient {
    background-color: #BEBEBE;
}

a.tableau_liste_gestion_ajoutClient {
    color: #000000;
}

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

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

td.tableau_liste_gestion_item_pasDeBordure {
    padding: 2px 10px 2px 10px;
    font-size: 9pt;
}

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

td.tableau_liste_gestion_ajout {
    padding: 2px;
}

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

td.tableau_liste_clients_ajout_avec_bordure_bottom {
    border-bottom: 1px solid #042544;
}

td.tableau_liste_clients_ajout_droite {
    padding-right: 10px;
}

td.tableau_liste_menu_premierItem {
    border-top: 1px solid #042544
}

div.titreListeGestion {
    text-align: right;
    float: right;
    width: 29%;
    font-size: 14pt;
    font-weight: Bold;
}

div.titreAncres {
    text-align: left;
    float: right;
    width: 100%;
    font-size: 14pt;
    font-weight: Bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.titreTimes {
    font-family: Times New Roman;
}

div.titreAncresLien {
    text-align: left;
    float: right;
    width: 100%;
    font-size: 14pt;
    font-weight: Bold;
    margin-top: 3px;
}

div.divRetourEnHaut {
    width: 100%;
    text-align: right;
    font-size: 8pt;
}

div.titreListeGestionLegende {
    font-size: 8pt;
    font-weight: Bold;
}

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

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

span.lienFermerThickbox {
    cursor: pointer;
}

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

div.texteEnteteLogin {
    font-size: 12pt;
    line-height: 20px;
    text-align: center;
    padding: 5px;
    color: #000000;
}

div.footerLogin {
    coloR: #FFFFFF;
    font-size: 10pt;
    text-align: justify;
}

a.footerLogin {
    coloR: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
}

div.divContainerGestionSousCategorieSousSection {
    margin-left: 5px;
}

a.aGestionSousCategorieSousSection {
    color: #003768;
    font-weight: bold;
    font-size: 10pt;
}

a.aGestionSousCategorieProduits {
    color: #003768;
    font-weight: bold;
    font-size: 10pt;
}

div.divGestionSousCategorieSousSectionContenu {
    border: 2px solid #042544;
    display: none;
}

span.texte_filtre {
    font-size: 12pt;
    font-family: Arial;
}

div.divGererProcessusPhotosSousMenu {
    margin-left: 10px;
}

div.divTitreProcessusPhotos {
    color: #000000;
    font-size: 11pt;
    font-weight: bold;
}

div.containerProcessusPhotosFull {
    width: 100%;
}

div.containerProcessusPhotos {
    float: left;
    width: 25%;
}

div.containerElementsProcessusPhotos {
    height: 200px;
    width: 95%;
    overflow: auto;
    display: none;
}

div.elementsProcessusPhotos {
    line-height: 25px;
}

div.elementsProcessusPhotosSelectionnerTout {
    border-bottom: solid 1px Black
}

div.divAfficherImageDansThickbox {
    top: 0px;
    left: 0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	z-index:300;
	width:100%;
	height: 100%;
	clear:none;
	background:url(..//images/fondTransparent.png);
	text-align: center;
	display: none;
}

img.imgDansThickbox {
    margin: 5px;
    padding: 5px;
    border: solid 2px #FFFFFF;
    cursor: pointer;
}

div.ajouterLigneDimensionPrix {
    margin-top: 5px;
}

div#divContainerProduitsFull {
    width: 100%;
    text-align: center;
}

div#divContainerProduitsDuo {
    width: 95%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div#divListingProduitGauche {
    width: 265px;
    text-align: center;
    float: left;
    margin-left: 10px;
    margin-right: 17px;
    margin-top: 10px;
}

div#divListingProduitFull {
    width: 100%;
    text-align: center;
    float: left;
    margin-left: 10px;
    margin-right: 17px;
    margin-top: 10px;
}

div#divListingProduitDroite {
    width: 265px;
    text-align: center;
    float: left;
    margin-top: 10px;
}

img.imgProduitListing {
    /*border: solid 1px #000000;*/
    border: none;
}

div.divNavigation {
    margin-top: 10px;
    margin-bottom: 20px;
}

table.prix {
	border-color: #807F84;
	border-style:solid;
	border-width:1px;
	background-color: #FFFFFF;
}

span.spanAjouterUnePhoto {
    cursor: pointer;
    color: #003768;
}

img#imgToggleResume 
{
    cursor: pointer;
    margin-right: 15px;
}

img.imgRenvoyerConfirmationClient {
    margin-left: 3px;
    cursor: pointer;
}

img.imgGestionCommandes {
    margin-left: 3px;
    cursor: pointer;
}

div.divResumeCommandeContainer
{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
}

div.divResumeCommandeContainerDetails
{
    width: 95%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 5px;
}

div.divResumeCommandeTitre
{
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 11pt;
}

div.divResumeCommandeContainer
{
    height: auto;
    width: 600px;
	text-align: center;
}

div.divResumeCommandeLignesContainer
{
    height: auto;
    line-height: auto;
    width: 600px;
	text-align: center;
	border: solid 2px #807F84;
}

div.divResumeCommandeLignesContainerDetails
{
    height: auto;
    line-height: auto;
    width: 560px;
	text-align: center;
	border: solid 2px #807F84;
}

div.divResumeCommandeLigne
{
    width: 600px;
    border-bottom: solid 1px #767877;
}

div.divResumeCommandeLigneDetails
{
    width: 560px;
    border-bottom: solid 1px #767877;
}

div.divResumeCommandeGauche
{
    width: 210px;
    text-align: left;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeGaucheDouble
{
    width: 415px;
    text-align: left;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeGaucheDetails
{
    width: 225px;
    text-align: left;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeCentre
{
    width: 208px;
    float: right;
    text-align: left;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeCentreDetails
{
    width: 205px;
    float: right;
    text-align: left;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeDroite
{
    width: 167px;
    float: right;
    text-align: right;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeDroiteDetails
{
    width: 115px;
    float: right;
    text-align: right;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

div.divResumeCommandeLigne0
{
    background-color: #DADADC;
}

div.divResumeCommandeLigne1
{
    background-color: #88A5C3;
}

span#spanNbCaracteresRestants
{
    font-weight: bold;
}

div.divCliquezPourAgrandirImage
{
    margin-top: 3px;
    font-size: 8pt;
}
 
div.divContainerResumeFinitions {
    width: 100%;
}

div.divResumeFinitionsTexte 
{
    width: 85%;
    float: right;
}

div.divResumeFinitionsLoupe
{
    width: 15%;
    float: left;
}

span.formatDate
{
    margin-left: 10px;
    font-size: 8pt;
}

div.itemSurchargeException
{
    width: 100%;
}

div.divApercuNotes {
    font-weight: bold;
    font-size: 11px;
    text-align: right;
}

div.divAdminCommandes {
    font-size: 10pt;
    line-height: 17px;
    text-align: justify;
    border: solid 1px #042544;
    background-color: #DEDEDF;
    padding: 3px;
    color: #000000;
    cursor: pointer;
    margin-bottom: 3px;
}

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

div.divCommentaireEntete {
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}

div#containerCommentaires {
    margin-top: 20px;
    margin-bottom: 20px;
}

div#containerApercu {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.divEnteteCommentaireDateHeureAuteur {
    text-align: right;
    font-weight: bold;
    color: #073660;
    margin-bottom: 10px;
}

div.divEnteteCommentaire {
    border: solid 1px #062D54;
    background-color: #91AAC0;
    color: #000000;
    font-size: 9pt;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

div.divContainerAjoutApercu {
    width: 100%;
}

div.divAjoutApercuInput {
    float: left;
}

div.divAjoutApercuSubmit {
    text-align: right;
}

span.spanLienApercuFullSize {
    margin-left: 10px;
    font-size: 8pt;
}

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

td.td_quatre_par_quatre {
    border: solid 1px #5F5D62;
    background-color: #B3B2B4;
    cursor: pointer;
    padding-top: 10px;
}

td.td_quatre_par_quatre_pas_de_hover {
    background-color: #FFFFFF;
    cursor: pointer;
    padding-top: 10px;
}

td.td_deux_par_deux_pas_de_hover {
    background-color: #FFFFFF;
    cursor: pointer;
}

td.td_un_par_un_pas_de_hover {
    padding-top: 2px;
    padding-left: 10px;
    background-color: #FFFFFF;
    cursor: pointer;
}

td.td_quatre_par_quatre:hover {
    background-color: #7D7B7F;
}

div.produitDescription {
    text-align: justify;
    font-size: 12pt;
}

tr.trDimension {
    cursor: pointer;
}

tr.trDimension > td {
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
}

tr.trDimension:hover > td {
    background-color: #E7E7E7;
    border-top: solid 1px #ACACAE;
    border-bottom: solid 1px #ACACAE;
}

input.inputRadioDimension {
    position: relative;
    top: -2px;
}

div.accordeon {
    overflow: hidden;
}

div.divEnteteSectionAccordeon {
    margin-top: 15px;
    font-size: 14pt;
    font-weight: bold;
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: left;
}

div.divContenuSectionAccordeon {
    overflow: hidden;
    float: left;
}

div.divEnteteSectionAccordeonDeuxImages {
    width: 620px;
    margin-bottom: 20px;
    float: left;
}

div.divEnteteSectionAccordeonDeuxImagesContenu {
    float: left;    
    width: 305px;
    text-align: center;
}

div.divGeneraleTitre {
    font-size: 11pt;
    font-weight: bold;
}

div.divNomProduit {
    font-size: 11pt;
}

img.imgRetourNavigation {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

div.divCliquezPourOptions {
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
}

span.spanCliquezPourOptions {
    cursor: pointer;
    font-size: 10pt;
    font-style: italic;
    font-weight: normal;
    color: #D01616;
    text-decoration: underline;
}

span.spanCliquezPourOptions:hover {
    color: #000000;
}

span.spanCliquezPourOptionsNoir {
    font-style: italic;
    font-weight: normal;
    color: #D01616;
    text-decoration: underline;
}

span.spanCliquezPourOptionsNoir:hover {
    color: #000000;
}

img.imgImpressionResumeCommande {
    cursor: pointer;
}

img.imgSupprimerSelectionPhoto {
    cursor: pointer;
    margin-right: 5px;
}

a.aCliquezIciNosHeros {
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
}

td.td_prix_produit {
    cursor: pointer;
}

div.divFermerOptions {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    cursor: pointer;
}

div.divPrixSousRadio {
    margin-left: 20px;
}

tr.trEstPartenaire {
    background-color: #FFFFFF;
}

tr.trEstClient {
    background-color: #B4CDE4;
}

span.spanPrixTotaux {
    color: #CC0000;
    font-weight: bold;
}

span.titreRechercherCourriel {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
}

div.divContainerRechercherCourriel {
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

div.divRechercherCourriel {
    display: none;
}

span.spanTitreRechercherCourriel {
    font-weight: bold;
    font-size: 10pt;
}