/* CSS Document */
body{
	margin:10px 0 0 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#D5D5D5;
	background-image:url(images/fondAlu.jpg);
	background-position:left;
}

/*__Tableau Général__*/

table#bord{
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:auto;
	width:1000px;
	height:640px;
}

table#bord td{
	margin:0;
	padding:0;
	border:0;
}

table#bord td#bandeH{
	height:11px;
	background-image:url(images/haut.gif);
	background-repeat:repeat-x;
}

table#bord td#bandeG{
	width:11px;
	background-image:url(images/gauche.gif);
	background-repeat:repeat-y;
}

table#bord td#bandeD{
	width:12px;
	background-image:url(images/droite.gif);
	background-repeat:repeat-y;
}

table#bord td#bandeB{
	height:16px;
	background-image:url(images/bas.gif);
	background-repeat:repeat-x;
}

/*__TD Pricipal__*/

table#bord td#conteneur{
	text-align:left;
	background-color:#FFFFFF;
	padding:5px 12px 0 12px;
}

/*******************************************HEADER*******************************************/
/*__logo__*/
table#bord td#conteneur h1{
	float:left;
	margin:6px 8px 0px 0;	
}
/*slogan*/
table#bord td#conteneur p#slogan{
	clear:left;
	margin:40px 0 5px 3px;
	font-style:italic;
	font-weight:bold;
	font-size:9px;
}

/*__Menu onglets__*/
div#onglets{
	margin:0px 0 27px 0;
	clear:both;
	padding-left:381px;
	height:21px;
	text-align:right;
	border-bottom:solid #BCBEC0 1px;
}

div#onglets a{
	display:block;
	height:17px;
	float:left;
	text-align:center;
	padding-top:4px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#58595B;
	border:0;
}

div#onglets a:hover{
	color:#00AC6C;
	
}
/*__Recherche__*/
div#recherche{
	font-size:10px;
	float:right;
	margin:0;
	text-align:right;
	vertical-align:middle;
}
div#recherche img{
	border:0;
}
div#recherche form{
	margin:0;
	vertical-align:baseline;
}
div#recherche label{
	font-style:normal;
	color:#58595B;
}
div#recherche input.champ{
	width:90px;
	font-size:9px;
	margin:0 2px 0 3px;
}
div#recherche input.loupe{
	font-size:9px;
	margin:0 0 0 3px;
}
div#recherche .rechercheAvance{
	margin:0 18px 0 0;
	color:#58595B;
	font-size:9px;
}

/*******************************************NEWS*******************************************/

div#news
{
    float: right;
    width: 204px;
    text-align: center;
}
/*__Titres Onglets__*/
div#news h3.titrePromo{
	clear:both;
	margin:0 0 0 0;
	padding-top:2px;
	background: url(images/ongletVertSansBord.gif) center bottom no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	height:15px;
	font-size:11px;
}
/*__générale__*/
div#news img{
	border:0;
	margin-top:10px;
}

div#news a{
	display:block;
	margin:10px 0 2px 0;
	font-size:9px;
	color:#00AC6C;
}

div#news p{
	margin:0px;
	font-size:10px;
	font-weight:500;
	text-align:left;
	font-style:normal;
}
div#news div.promo{
	border:1px solid #00AC6C;
	margin:0 0 15px 0;
	padding-bottom:2px;
	/*height: 138px;*/
}
div#news div.news{
	border:1px solid #00AC6C;
	margin:0 0 15px 0;
	padding-bottom:2px;
	/*height: 105px;*/
}
/*__partie NEWS__*/
div#news p#new{
	margin-top:10px;
	margin-left:12px;
}

img.news{
	float:right;
	margin:0 14px 0 3px;
}

/*__partie PROMO__*/
div#news p.ancienPrix{
	text-align:center;
	font-size:10px;
	text-decoration:line-through;
	font-style:normal;
}

div#news p.prixPromo{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	font-style:normal;
}

/*__partie COMPTE__*/
div#news a.compte{
	text-align:center;
	color:#000000;
	margin:5px 0 10px 0px;
}

div#news img.compte{
	float:right;
	margin:5px 30px 0 0;
}

/*__formulaire compte__*/
form{
	margin:10px 0 5px 0;
}
div#news div#ctl00_ContentPlaceHolder1_compte .newpass{
	text-align:center;
	color:#000000;
	margin:5px 0 10px 0px;
	font-weight:normal;

}
div#news div#ctl00_ContentPlaceHolder1_compte{

	font-size:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #00AC6C;
	margin:0 0 15px 0;
	padding-bottom:2px;
}
label{
	margin-top:10px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
}

div#news div#ctl00_ContentPlaceHolder1_compte .champ
{
    width:130px;
	font-size:10px;
	height:16px;
	margin:0 2px 0 3px;
	border:1px solid #00AC6C;
	margin-bottom:5px;

}
div#news div#ctl00_ContentPlaceHolder1_compte .champ02
{
    width:130px;
	font-size:10px;
	height:16px;
	margin:0 3px 0px 27px;
	border:1px solid #00AC6C;
	vertical-align:top;
}
	
input#motDePasse{
	margin:0 5px 0 27px;
}
div#news div#ctl00_ContentPlaceHolder1_compte #boutonOK{
	vertical-align:top
}

/*******************************************ANIME*******************************************/

div#swf{
	width:730px;
	height:290px;
	background-color:#00AC6C;
}

/*******************************************MENU*******************************************/
a.menu{
	height:150px;

	text-align:center;
	float:left;
	margin:26px 13px 0 0;
	padding-top:15px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;  
	background-image : url(/images/onglets_fam/onglet_accueil.gif)
}

a.menu:hover {
	background-image : url(/images/onglets_fam/onglet_accueil_over.gif)
	}

a.menu img{
	border:0;
	margin-bottom:15px;
}

/*__Menu__*/
/*
#couleur1{
	background-color:#F9A94A;
}

#couleur2{
	background-color:#A1E75E;
}

#couleur3{
	background-color:#8CEBF4;
}

#couleur4{
	background-color:#F9A94A;
}

#couleur5{
	background-color:#A1E75E;
}

#couleur6{
	background-color:#8CEBF4;
}

#couleur7{
	background-color:#F9A94A;
	margin-right:0;
}
*/

/*******************************************PIED DE PAGE*******************************************/
.spacer { 
	clear:both;
}

div#PiedDePage{
	clear:both;
	margin-top:15px;
	border-top:solid #BCBEC0 1px;
	text-align:center;
	font-size:9px;
}

/***************************** mise en forme pour ACCES client ******************************/
/****************************************CONTACT*********************************************/

div#produits table.contact{
	padding:10px;	
}

div#produits td.nomChamps{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.lbl 
 {
    display:block;
    width:90px;
    float:left;
    font-family: Verdana;
    font-size: 12px;
    color:Black;
    margin:2px 0 3px 0;
    text-align:right;
 }

/****************************************CONTACT*********************************************/

div#contact {
	margin:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#D5D5D5;
	background-image:url(images/fondAlu.jpg);
	background-position:left;
	text-align:justify;
}
div#contact a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#00AC6C;
	font-weight:bold
}