﻿/********************************class génériques (utilisée sur plusieurs pages******************************/
/*utilisation d'espaces*/
.minispace
{
 src:url(~/Images/spacer.gif);
 height:10px;   
}
.mediumspace
{
 src:url(~/Images/spacer.gif);
 height:20px;   
}
.bigspace
{
 src:url(Images/spacer.gif);
 height:50px;   
}
/*Encadrement*/
.border
{
    border-style:solid;
    border-color:White;
    border-width:7px;
    text-align:center;
    width:100%;
}
/*boutons*/
.bouton
{
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    color:white;
    background-color:#ffae00;
}

/**********************************************************************************************************/
.mail
{
 vertical-align:top;
 margin-left:50px;
 margin-right:50px;
 width:100%;
 text-align:center
}
 .colLabels
{
    text-align:right;
    vertical-align:top;
    width:20%;
}
  .colTbx
{
    text-align:right;
    vertical-align:top;
    width:80%;
}
/***********************************page master(page index.master)********************************************/

/*****************************general*****************************/
body 
{
	background-color: #ffffff;
	background-image: url(images/background.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10pt;
	width:100%;
	height:100%;
}
.page 
{
	position:relative;
	width:916px;
	height:722px;
	background-image:url(images/background.jpg);
	margin-left: auto;
	margin-right: auto;
	text-align: left;

}
.corpDePage
{
    position:relative;
    top:250px;
    background-color:Transparent;
    height:472px;
 }
 
/*************************Menu haut*****************************/
.header 
{
	background-color:Transparent;
	position: relative;
    top:58px;
}

#menuHeader
{
   background-color:Transparent;
   position:absolute;
   right:50px;
   top : 17px;
}

#menuHeader a
{
    background-color:white;
    padding :0px 20px 0px 20px;
    font-family:Arial;
    font-size:9pt;
    color:Black;
    text-decoration:none;
}
#menuHeader a.ouvert
{
    color:white;
    background-color :#ffae00;
    text-decoration:none;
}

/*********************** pied de page ****************************/
.footer {
	text-align:center;
	color: #d18a01;
	background-color:Transparent;
	position: absolute;
	bottom:10px;
	width:916px;
}

/***************affichage menu principal gauche ******************/

	
	#menu1
	{
	    position:absolute;
	    margin-top:0px;
	    list-style:none;
	}

	#menu1 h6
	{
	    background-image :url(images/menu1_fond1.gif);
		background-repeat :no-repeat;
		background-color:Transparent;
		padding: 5px 0px 0px 20px;
		margin: 5px 0px 2px 0px;
		width:161px;
		height:20px;
	}
	#menu1 h6.open{
		background-image:url(images/menu1_fond2.gif);
		background-repeat:no-repeat;
		background-color:Transparent;
		
	}
	#menu1 h6 a{
        color:black;
        font-family:Arial;
        font-size:11pt;
        text-decoration:none;
	}
	#menu1 h6.open a{
        color:white;
	}
	#menu1 ul{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
	}
	#menu1 ul h5
	{
        background-image:url(images/menu1_fond3.gif);
		background-repeat : repeat-y;
		background-color:white;
		padding: 2px 0px 2px 15px;
		margin: 0px 0px 2px 0px;
		width:135px;
		
	}
	#menu1 ul h5 a:link,
	#menu1 ul h5 a:visited,
	#menu1 ul h5 a:active{
        color:black;
        font-family:Arial;
        font-size:7.5pt;
        text-decoration:none;
	}
	#menu1 ul h5.open{
		color:white;
        background-image:none;
        background-color :#ffae00;
	}
/***************affichage du menu secondaire (catégories) ******************/


    #Menu2
    {
        
    }	
	

/********************************** Format Mail page(confirmation.aspx)***************************************/
.listMail td
{
    padding : 0px 100px 0px 0px;
}
.listMail td.qte
{
    padding : 0px 0px 0px 0px;
    text-align:center;
}

/*************************************** Accueil (page index.aspx)********************************************/

#accueil
{
    background-image: url(images/fond_accueil.png);
    font-family:Arial;
    color:Black;
    padding: 10px 5px 10px 5px;
    margin :  0px 0px 0px 10px;
}

#accueil b
{
    color:#d18a01;
    font-size:12pt;
    text-transform:uppercase;

}
#accueil h1
{
    font-size : 9pt;
    color:Black;
    font-weight:normal;
}
#accueil h1 a.Acc_Text
{
    font-size : 9pt;
    color:Black;
}
#accueil h1 a.import
{
    text-transform: uppercase;
    color:#d18a01;
    font-weight: bold;
}
#nouveautes
{
    margin :  0px 52px 20px 10px;
}
#nouveautes table.titre td
{
    padding :2px 30px 2px 30px;
}
#nouveautes table.titre
{
    font-family:Arial;
    font-size:9pt;
    font-weight:bold;
    background-color:white;
    text-align:center;
    margin :0px 20px 0px 20px;
    color:#d18a01;
    text-decoration:none;
}

#nouveautes table.listObjetNouv
{
    margin: 7px 7px 7px 7px;
}

#nouveautes table.objetNouv
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    background-color:Transparent;
    width:100%;
}
#nouveautes table.objetNouv td
{
    color:Black;
    font-family:Arial;
    text-align:left;
}
#nouveautes table.objetNouv td.colImg
{
    width:50%;
    text-align:center;
}
#nouveautes table.objetNouv td.colImg img
{
    height:100px;
}
#nouveautes table.objetNouv td.intitule
{
    font-size:14px;
    font-weight:bold;    
}
#nouveautes table.objetNouv td.descript
{
    font-size:12px;
}

/**************************************Contact (page contact.aspx)********************************************/

/* Pour la bordure voir section class génériques */

#contact
{
    margin:0px 0px 20px 30px;
   
}
#contact table.contactGene
{
    margin:7px 7px 7px 7px;
    width:600px;
    background-color:White;
}

#contact table.info
{
    background-color:#ffae00;
    width:100%;
    color:Black;
    font-family:Arial;
    font-size:10pt;
}
#contact table.info td.titre
{
    font-weight:bold;
    text-align:left;
}
#contact table.info td.adresse
{
    text-align:left;
}
#contact table.info tr.horaires td
{
    text-align:left;
    border-bottom-style:dotted;
    border-width:1px;
    border-top-style:dotted;
    border-color:Black;
}
#contact table.message
{
    width:100%;
}

#contact table.message td.texte
{
    width:20%;
    font-family:Arial;
    font-size:10pt;
    color:Black;
    text-align:right;
}
#contact table.message td.textBox
{
    width:30%;
    text-align:left;
}


/*****************************présentation (page présentation.aspx)********************/

#presentation
{
    margin:0px 0px 20px 30px;
}
#presentGene
{
    background-image:url(images/present_fond.gif);
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
}
#presentTextZone
{
    position:relative;
    text-align:left;
    margin: 0px 0px 0px 188px;
    width:405px;
    height:100%;
    font-family:Arial;
}
#presentText
{
    margin: 0px 10px 0px 10px;
    padding: 0px 10px 0px 10px;
}
#presentText a.titre
{
    font-size:12pt;
    color:#ffae00;
    font-weight:bold;
}
#presentText a.texte
{
    font-size:10pt;
    color:Black;
}

/*************************Catalogues (photo.aspx cinema.aspx)**************************/
.imprimer a
{
    background-color:white;
    padding :0px 20px 0px 20px;
    font-family:Arial;
    font-size:9pt;
    color:Black;
    text-decoration:none;
}
#catalogue
{
    margin:0px 0px 20px 30px;
}
#contentCat
{
    width:593px;
    height:358px;
    margin: 7px 7px 7px 7px;
    
}
#divGrid
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    overflow:scroll;
    overflow-x:hidden;
    height:240px;
    width:100%;
 }
#contentCat table.header
{
    height:95px;
    width:100%;
    top:0px;
    background-color:#a97300;
    
}
#contentCat table.header td.affCat img
{
    height:95px;
   
}
#contentCat table.header td.choixCat
{
    background-color:Transparent;
    width:226px;
    text-align:left;
    padding-left:20px;
    color:White;
    font-family:Arial;
    font-size:10pt;
}
#contentCat table.header td.affCat
{
    background-color:white;
    text-align:left;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    
}
#contentCat table.headerGrid
{
    width:100%;
    top:0px;
    color:White;
    background-color:#68696c;
}

/**************************************Nouveautes (page nouveautes.aspx)************************************/

#nouv
{
    margin:0px 0px 20px 30px;
}
#nouvGene
{
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    overflow:auto;
}
#nouvGene table.objetNouv
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    background-color:Transparent;
    width:100%;
}
#nouvGene table.objetNouv td
{
    color:Black;
    font-family:Arial;
    text-align:left;
}
#nouvGene table.objetNouv td.colImg
{
    width:35%;
    text-align:center;
}
#nouvGene table.objetNouv td.colImg img
{
    height:110px;
}
#nouvGene table.objetNouv td.intitule
{
    font-size:14px;
    font-weight:bold;    
}
#nouvGene table.objetNouv td.descript
{
    font-size:12px;
}

/*************************************Panier (page panier.aspx)**********************************************/
#panier
{
    margin:0px 0px 20px 30px;
}
#panierGene
{
    background-color:White;
    width:593px;
    height:355px;
    margin: 7px 7px 7px 7px;
}
#panierGene table
{
    width:100%;
    height:auto;
}
#panierGene table td.panierText
{
    background-color:#ffae00;
    color:White;
    padding-left:20px;
    padding-right:30px;
    text-align:left;
    font-size:9pt;
    font-weight:bolder;
    font-family:Arial;
    height:25px;
}
#panierGene table td.panierContent table tr.panierTitre td
{
    padding-left:30px;
    padding-right:30px;
    color:White;
    background-color:#68696c;
    font-size:9pt;
    font-weight:bold;
    height:25px;
}
#panierGene table td.panierContent table tr.panierLignes td
{
    padding-left:30px;
    padding-right:30px;
    color:black;
    background-color:#d7d6d5;
    font-size:9pt;
    height:25px;
 }
#panierGene table td.panierContent table tr.panierAltLignes td
{
    padding-left:30px;
    padding-right:30px;
    color:black;
    background-color:#b8b7b7;
    font-size:9pt;
    height:25px;
}
#panierGene table td.panierContent div.panierDef
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    /* attention avec IE7 ca peut deconner**/
    position:relative;
    width:100%;
}

.colQte
{
    width:15%;
    text-align:center;
}
.colNom
{
    width:  65%;
    text-align:left;
    padding-left:10px;
}
.colPrix
{
    width:  10%;
    text-align:center;  
}
.colSupp
{
    width:10%;
    text-align:center;
}
.panierVide, .panierVide a
{
    text-align:center;
    vertical-align:middle;
    color:Black;
    font-family:Arial;
    font-size:10pt;
}
/********************************************Login (page login.aspx)*****************************************/

#login
{
    margin:0px 0px 20px 30px;
}
#loginGene
{
    background-image:url(images/log_fond.gif);
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
        
}
#logPanel
{
    position:relative;
    text-align:center;
    margin: 0px 0px 0px 188px;
    width:405px;
    height:100%;
}
#logPanel table
{
    width:100%;
    font-family:Arial;
    font-size:10pt;
    text-align:left;
}
#logPanel table td
{
}
#logPanel table tr.titre
{
    background-color:#ffae00;
    color:White;
    height:25px;
    font-size:10pt;
    font-weight:bold;

}
.logText
{
    
    font-family:Arial;
    color:Black;
    text-decoration:none;
    font-size:10pt;  
}
/************************************Nouvel utilisateur (page register.aspx)**********************************/
#register
{
    margin:0px 0px 20px 30px;
}
#registerGene
{
    background-color:white;
    width:593px;
    margin: 7px 7px 7px 7px;
}
#registerGene table
{
width:100%;
height:100%;
}
#registerGene table tr.titre
{
    background-color:#ffae00;
    color:White;
    height:25px;
    font-size:10pt;
    font-weight:bold;

}
#registerGene table td.texte
{
    width:25%;
    text-align:right;
    padding-right:5px;
    height:30px;
}
#registerGene table td.textBox
{
    width:25%;
    text-align:left;
    height:30px;
}

/*************************************Espace utilisateur (userSpace.aspx)*************************************/

#userSpace
{
    margin:20px 0px 20px 30px;
    
}
#userSpaceGene
{
    background-color:white;
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    text-align:left;
}
#userSpaceGene table
{
    width:100%;
}
#userSpaceGene table table td.titre 
{
    background-color:#ffae00;
    padding-left:10px;
    color:White;
    height:25px;
    font-size:10pt;
    font-weight:bold;
}
#userSpaceGene table table tr.titre
{
    background-color:#68696c;
    color:White;
}
#userSpaceGene table table td.text 
{
    color:black;
    font-family:Arial;
    font-size:10pt;
    text-align:right;
    padding-right:10px;
    width:20%;
}
#userSpaceGene table table td.textBox 
{
    color:black;
    font-family:Arial;
    font-size:10pt;
    text-align:left;
    width:30%;
}
#userSpaceGene table table td.valeur
{
    color:Black;
    font-family:Arial;
    font-size:10pt;
    text-decoration:none;
}
.nom
{
    width:50%;
}
.date
{
    width:25%;
    text-align:left;
}
.detail
{
    width:15%;
    text-align:center;
}
.supp
{
    width:10%;
    text-align:center;
}
#listDevis
{
    height:105px;
    overflow:scroll;
    overflow-x:hidden;
}
/******************************Détails des devis enregistrés (page detailDevis.aspx)*************************/
#detailDevis
{
    margin:0px 0px 20px 30px;
    
}
#detailDevisGene
{
    background-color:white;
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    text-align:left;
}
#detailDevisGene table
{
    width:100%;
    background-color:White;
}
#detailDevisGene table tr.titre
{
    background-color:#68696c;
    color:White;
    padding-left:15px;
    height:25px;
    font-size:10pt;
    font-weight:bold;    
}
#detailDevisGene table td.nomSociete
{
width:15%;
}
#detailDevisGene table td.nomProduit
{
width:75%;
padding-left:20px
}
#detailDevisGene table td.qteProduit
{
width:10%;
text-align:center;
}
#detailDevisDef
{
    overflow:scroll;
    overflow-x:hidden;
    height:250px;
}

/***********************Informations Supplémentaires pour le devis (Confirmation.aspx)************************/
#confirmation
{
    margin:0px 0px 20px 30px;
    
}
#confirmGene
{
    background-color:white;
    width:593px;
    height:auto;
    margin: 7px 7px 7px 7px;
    font-family:Arial;
    font-size:10pt;
    color:Black;
}
#confirmGene table tr.titre,
#confirmGene table tr.titre a
{
    background-color:#ffae00;
    color:White;
    height:20px;
    font-weight:bold;   
}
#confirmGene table tr.titre td
{
    padding-left:15px;
    text-align:left;
}
#confirmGene table td.text
{
    width:80px;
    text-align:right;
}
#confirmGene table td.textImport
{
    text-align:left;
    padding-left:100px;
}
#confirmGene table td.textBox
{
    width:216;
    text-align:left;
}
#confirmGene table tr.infoPanier
{
    width:216;
    text-align:left;
}
#devisInfo table tr
{
    height:20px;
}
#devisInfo table td.text
{
    width:50%;
    padding-right:20px;
    text-align:right;
}
#devisInfo table td.textBox
{
    width:50%;
    text-align:left;
}
#devisInfo table td.textImport
{
    text-align:left;
    padding-left:20px;
    font-weight:bold;
}
/******************************Sauvegarde Panier (page svgPanier.aspx)***************************************/
#svgPanier
{
   margin:0px 0px 20px 30px;
    
}
#svgPanierGene
{
    background-color:white;
    background-image:url(images/svgPanier_fond.jpg);
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    text-align:left;
}
#svgPanierPanel
{
    position:relative;
    text-align:center;
    margin: 0px 0px 0px 188px;
    width:405px;
    height:100%;
}

#svgPanier table
{
    width:100%;
    font-family:Arial;
    font-size:10pt;
    text-align:center;
}
#svgPanier table td.text
{
    text-align:left;
    padding: 0px 0px 0px 20px;
}
#svgPanier table tr.titre
{
    background-color:#ffae00;
    color:White;
    height:25px;
    font-size:10pt;
    font-weight:bold;

}
/*********************************Menu administrateur (page indexadmin.master)******************************/
.colMenu
{
    position:relative;
    width:160px;
    vertical-align:top;
    text-align:left;
    padding-left:20px;
    
}
.colPages
{
    width:560px;
    vertical-align:top;
    text-align:left;
}
.menuadmin a
{
    color: Red;
}
.menuadmin a:selected
{
    background-color:Lime;
    color:Red;
}
.menuadmin a:hover
{
    background-color:Gray;
    color:Red;
}

/************************************************Liens page(liens.aspx)**************************************/

#liens
{
   margin:20px 0px 20px 30px;
}
#liens table.border
{
  border-color:#ffae00;
}
#liensGene
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    background-color:Transparent;
    width:593px;
    height:328px;
    overflow-y:scroll;
    overflow-x:hidden;
    margin: 7px 7px 7px 7px;
    padding-left:15px;
    padding-right:15px;
    text-align:left;
}
#liensHeader
{
   background-color:Transparent;
   position:absolute;
   top:0;
}
#liensHeader a
{
    
    background-color:white;
    padding :0px 20px 0px 20px;
    font-family:Arial;
    font-size:9pt;
    color:Black;
    text-decoration:none;
}
#liensHeader a.ouvert
{
    background-color:#ffae00;
    color:White;
}
#liensGene table.imgLiens td
{
    background-color:White;
    width:182px;
    height:94px;
    text-align:center;
}
#liensGene table.imgLiens td img
{
    max-height:94px;
    max-width:182px;
    border:0px;
}
/*************************************Espace administration*************************************************/
.Admin
{
   margin: 0px 0px 20px 0px;
}
.Admin table.border
{
  border-color:#ffae00;
}
.AdminGene
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    background-color:Transparent;
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    padding-left:15px;
    padding-right:15px;
    text-align:left;
    overflow:scroll;
}
/**************************************occasions (page occasions.aspx)************************************/

#occas
{
    margin:0px 0px 20px 30px;
}
#occasGene
{
    width:593px;
    height:328px;
    margin: 7px 7px 7px 7px;
    overflow:auto;
}
#occasGene table.listObjetOccas
{
    background-image :url(images/fond_actu.png);
    background-repeat:repeat;
    background-color:Transparent;
    width:100%;
}
#occasGene table.objetOccas td
{
    color:Black;
    font-family:Arial;
    text-align:left;
}
#occasGene table.objetOccas td.colImg
{
    width:35%;
    text-align:center;
}
#occasGene table.objetOccas td.colImg img
{
    height:110px;
}
#occasGene table.objetOccas td.intitule
{
    font-size:14px;
    font-weight:bold;    
}
#occasGene table.objetOccas td.descript
{
    font-size:12px;
}