/* margin: top right bottom left; */
/*
----------------------------------------------------------------------------- 
Common
-----------------------------------------------------------------------------*/

* {margin:0;padding:0}

html { 	min-height:1050px; }
	
html, body {
	margin:0;
	padding:0;
	height:100%
	}

body { 
	font: 12px/170% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color:#333;
	background: transparent url(../img/bodypro_bg.jpg) top left repeat;
	}


h1 {
	margin: 15px 0 24px 0;
	padding: 5px 40px;
	font-size: 25px;
	font-family: Times, 'Times new Roman', serif;
	font-style: oblique;
	font-weight:normal;
	color: #ce761a;
	letter-spacing: 0.3pt;
}

h2 {
	margin: 20px 0 15px 0;
	padding: 0;
	border: 0;
	font: 16px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ce761a;
}
h2 a:link, h2 a:visited, h2 a:active {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
h2 a:hover { color: #3975bb; text-decoration: underline; font-weight: normal; cursor: pointer; }
h2 span { text-transform: none; }

br { clear: both; }

hr {
	border: 0;
	color: #d23f00;
	background-color: #d23f00;
	margin:15px auto;
	width:70%;
	clear:both;
	height: 1px;
}

p { margin: 0 0 1em 0; padding:0; }

strong { font-weight: bold; }

ul { margin: 0 0 1em 0; padding-left:12px; }

li { list-style-position: outside; list-style-type:square; }

a:link,a:visited,a:active {
	color:#af4c08;;
	text-decoration: underline;
	font-weight: normal;
}

a:hover { color: #303030; text-decoration: underline; font-weight: normal; cursor: pointer; }

img, a img { border: none; margin: 0; padding: 0;}

.right { float:right; margin: 0 0 20px 20px; }

.left { float:left; margin: 0 20px 20px 0; }



form {
	margin: 0;
}

input, textarea, select, option {
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
	
.submit_valider, .submit_annuler {
	padding-left:25px; 
	padding-right:5px; 
	border:1px solid #af4c08; 
	color: #d23f00; 
	height:28px; 
	position:relative;
	margin-right:5px;
	}

.submit_valider {
	font-weight: bold; 
	background: #fae68c url(../img/boutons/valider.gif) top left no-repeat; 
	}
	
.submit_annuler {
	background: #fae68c url(../img/boutons/annuler.gif) top left no-repeat; 
	}
	
.input_label_red {
	display:block; 
	padding:5px 0; 
	font-size:10px; 
	clear:both; 
	text-transform:uppercase; 
	letter-spacing:3px;
	color: #d23f00;
	font-weight:bold;
	}
	
.input_label {
	display:block; 
	padding:5px 0; 
	font-size:10px; 
	clear:both; 
	text-transform:uppercase; 
	letter-spacing:3px;
	}

.input_field {
	padding:2px 0;  
	font-size:12px; 
	margin-bottom:10px;
	}
	
label {
	color: #222;
	font-weight: bold;
}

span.error { display:block; 
	padding-left:30px;
	padding-top:3px;
	margin-top:7px;
	min-height:25px; 
	float:left; 
	background: transparent url(../img/boutons/warning.gif) top left no-repeat;
	clear:both;
	}


/*
----------------------------------------------------------------------------- 
cartouche
-----------------------------------------------------------------------------*/

#general {
	width: 980px;
	margin: 0 auto;
	border: 0;
	background: transparent url(../img/generalpro_bg.jpg) center 60px no-repeat;
	height:100%;
	border:0;
}

#animgauche {
	position:absolute;
	float:left;
	width: 160px;
	margin: 300px 0 0 -30px;
	border: 0;
	background: transparent url(../img/animations/animationgauche_pro.gif) top left no-repeat;
	height:550px;
	z-index:2;
	border:0;
}

#animdroite {
	position:relative;
	float:right;
	width: 160px;
	margin: 500px -30px 0 0;
	border: 0;
	background: transparent url(../img/animations/animationdroite_pro.gif) top right no-repeat;
	height:550px;
	z-index:3;
}

#cartouche {
	float: left;
	position: relative;
	width: 750px;
	left: 115px;
	margin:0 auto;
	padding: 0;
	text-align: left;
	border:0;
	min-height:100%;
	background: transparent url(../img/cartouchepro_bg.jpg) left 374px repeat-y;
}


/*
----------------------------------------------------------------------------- 
En-t?te
-----------------------------------------------------------------------------*/
#entete {
	width: 750px;
	height: 260px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	background: #ce8b00 url(../img/entete/entetepro_bg.jpg) top left no-repeat;
}

#entete-anim1 {
	float: left;
	clear: both;
	width: 160px;
	height: 80px;
	margin: 0;
	margin-left:20px;
	padding: 0;
	text-align: left;
	border:0;
	background: transparent url(../img/entete/anim1pro.gif) top left no-repeat;
}

#entete-anim1 span {
	border: 0;
	margin: 0;
	visibility: hidden;
}

#entete-name {
	visibility: hidden;
	float: left;
	width: 440px;
	margin: 0;
	padding: 0;
}


/*
----------------------------------------------------------------------------- 
contenu
-----------------------------------------------------------------------------*/

#contenu {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../img/contenu/contenupro_bg.jpg) top left no-repeat;
	position:relative;
	min-height:790px;
	border:0;
	}


/*
----------------------------------------------------------------------------- 
Menu
-----------------------------------------------------------------------------*/

div.colonne-un {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Times, 'Times New Roman', serif;
	font-size: /*8pt*/9pt;
	line-height: 100%;
}

div#nav-menu {
	width: 160px;
	margin-top: 70px;
	}

div#nav-menu ul li.limenu { 
	list-style-type:none; 
	list-style-position: inside; 
	padding: 6px 5px;
	display:block;
	border-bottom:1px solid #d2a25d;
	padding-left:10px;

	}

/* -------- UL -------- */

ul#menu-un, 
ul#menu-deux  {
	width: 160px;
	margin: 0px;
	list-style-type:none;
	font-style: oblique;
	letter-spacing: 0px;
	padding:0;
	padding-top:10px;
}

body ul#menu-un, 
body #menu-un-bis {
	display:none;
	}
	
body div#menu-un-bis, 
body div#menu-deux-bis 
	{ margin:0; padding:0; margin-top:15px; margin-bottom:10px; }
	

/* -------- LI -------- */

#nav-menu li#active {
	float: left;
	height: 22px;
	padding: 0;
	background: yellow;
}

#nav-menu li a { color:#af4c08; text-decoration:none; }

#nav-menu li.limenu:hover, 
#nav-menu li.over {
	background-color:#af4c08;
	color: #fff;
}

#nav-menu li.limenu:hover a, 
#nav-menu li.over a {
	color: #fff;
	text-decoration:none;
}

/* -------- A -------- */

#nav-menu li.limenu#active a { font-weight:bolder; }

#identificationgondole { display:none; }

/*
----------------------------------------------------------------------------- 
Colonnes
-----------------------------------------------------------------------------*/
.colonnes-contenu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}

.colonnes-contenu img {
	display:block;
	}

div.colonne-deux {
	float: left;
	width: 586px;
	margin:0;
	}

.contenu-colonne-deux {
	float: left;
	margin: 0 0 1em 0;
	padding:6px 40px 6px 40px;
	}
	
.contenu-colonne-deux .chapeau { padding:0; margin:0 0 20px 0px; border:0;}

.colonne-deux h2 {
	margin: 10px 0 30px 0;
	padding: 0;
	border: 0;
	font-size: 18px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ce761a;
	}

.colonne-deux p  {
	margin: 0 0 30px 0;
	clear:both;
	}


/* ----------------------------------------------------------------------------- 
    boutique
-----------------------------------------------------------------------------*/ 


/*
----------------------------------------------------------------------------- 
Formulaires de gestion de compte
-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------- 
    zone panier - identification
-----------------------------------------------------------------------------*/ 

#menucompte { width:150px; border:0; }

#identificationform { margin:0; padding:0; }

#identificationform li { 
	list-style-type:none; 
	margin:0;
	padding:0;
	float:left;
	clear:right;
	}



#identificationform img.identification, #identificationform a.identification, #identificationform div.identification { 
	margin-left:10px;
	display:block;
	padding:0;
	margin-bottom:5px;
	}

#identificationform img.identification { 
	margin-bottom:2px;
	}

#identificationform div.identification { 
	padding-left:32px;
	width:110px;
	}

#identificationform a.votrepanier, #identificationform a.historique {
	width:142px;
	height:30px;
	text-align:right;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	}
	
#identificationform a.votrepanier { background: transparent url(../img/boutons/votrepanier.gif) top left no-repeat; }
	
#identificationform a.historique { background: transparent url(../img/boutons/historique_commandes.gif) top left no-repeat; }

#identificationform a.votrepanier span, #identificationform a.historique span {
	padding-right:7px;
	padding-bottom:2px;
	}

/*
----------------------------------------------------------------------------- 
Site Info pied
-----------------------------------------------------------------------------*/
#siteinfo-pied {
	float: left;
	width: 750px;
	clear: both;
	margin: 0;
	padding: 0;
}


#siteinfo-links {
	margin-left:160px;
	float: left;
	margin: 5px;
	padding: 5px;
	padding-top:20px;
	border:0;
	text-align: right;
	width:570px;
	display:block;
	color: #af4c08;
	font: normal 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	}

#siteinfo-legal {
	margin: 5px;
	padding: 5px;
	padding-top:20px;
	border: 0;
	text-align: right;
	color: #af4c08;
	font: normal 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	letter-spacing: 0.1em;
	}