@import url('//fonts.googleapis.com/css?family=Dancing+Script');
@charset "utf-8";
/* CSS Document */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/***
   * Mise en forme des messages d'erreurs
   */
form .error {
	color: #F00;
	font-size: 0.75em;
	padding-left: 5px;
}
form input.error {
	border: 1px solid #F00;
}


body {
	background: transparent url(../images/bg-site.jpg) repeat left top;
	font-size: 1em;
	color: #333;
}
header.wrapper {
	margin: 0px auto;
	padding: 0 10px;
	height: 130px;
	width: 940px;
	color: #FFF;
	position: relative;
}
.wrapper ul {
	list-style: none;
}
.wrapper .title {
	position: absolute;
	top: 0px;
	/*background: transparent url(../images/logo-paulo-ramand.png) no-repeat center top;*/
	background: transparent url(../images/logo-paulo-ramand.png) no-repeat center top;
	text-indent: -9999px;
	height: 100px;
	width: 291px;
	float: left;
	z-index: 1000;
}
.wrapper #head-right {
}
.wrapper .experience {
	font-family: 'Dancing Script', cursive;
	position: absolute;
	left: 50px;
	top: 65px;
	font-size: 1.5em;
	transform: rotate(-3deg);
}

#connex {
	float: right;
	position: relative;
	visibility: visible;
	z-index: 100;
}
#connex li {
	text-transform: uppercase;
	display: inline;
}
#connex li:first-child:after {
	content: " | ";
	/*border-right: solid 1px #fff;*/
}
#connex a {
	font-size: 12px;
}
#connex a:link, #connex a:visited {
	color: #fff;
	text-decoration: none;
}
#connex a:hover, #connex a:active, #connex a:focus {
	color: #CCC;
	text-decoration: underline;
}
#connex li.urlLogout {
	background: #fff;
	moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	padding: 0 10px 2px 10px;
	text-transform: inherit;
}
#connex li.urlLogout a:link, #connex li.urlLogout a:visited {
	color: #000;
}
.main-container {
}
.main-header {
	margin: 0 auto;
	background: #8aafca;
	/*height: 402px;*/
	padding-bottom: 15px;
}
/*Le main-header de la page d'accueil aura sa propre hauteur, à laquelle on retire son padding-bottom*/
.accueil .main-header {
	height: 402px;
	padding-bottom: inherit;
}
.main-content {
	position: relative;
	z-index: 100;
	/*top: -18px;*/
	background: #f8f2e8;
}
.main, .footer-container {
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
}
section {
	margin: 0;
	padding: 0;
}
/******************************************************************************/
/*                                                                            */
/*                            Mise en forme du panier                         */
/*                                                                            */
/******************************************************************************/
#panier {
	float: right;
	/*margin-top: 50px;*/
	position: absolute;
	top: 21px;
	right: 20px;
	font-size: 1.4em;
	font-weight: bold;
	visibility: visible;
}
#panier span {
	display: block;
	width: 61px;
	height: 31px;
	padding-top: 30px;
}
.head-panier {
	float: right;
	margin-left: 10px;
}
a .head-panier {
	color: #fff;
}
.nb-item {
	float: left;
	background: transparent url(../images/panier.png) left top no-repeat;
	color: #b6793d;
	text-align: center;
}
/******************************************************************************/
/*                                                                            */
/*                            Mise en forme champ de recherche                */
/*                                                                            */
/******************************************************************************/
#form1 {
	position: absolute;
	top: 47px;
	left: 320px;
	background: #fff;
	width: 380px;
	height: 28px;
	padding: 2px 1px 1px 1px;
	/*clear: both;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #000;
	visibility: visible;
}
#form1 input[type='search'] {
	width: 298px;
	border: 0;
}
#form1 input[type='submit'] {
	color: #737373;
	font-size: 0.75em;
	padding: 5px;
	border: solid 1px #bfbfbf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
/******************************************************************************/
/*                                                                            */
/*                            Mise en forme du menu                           */
/*                                                                            */
/******************************************************************************/
#menu {
	clear: both;
	position: relative;
	width: 940px;
	/*top: -10px;**/
}
#menu ul {
	margin-left: -40px;
	position: relative;
	z-index: 2;
}
#menu ul li {
	float: left;
	margin-right: 7px;
	/*margin-top: 15px;*/
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #000;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
}
#menu li a {
	/*display: block;
	float: left;
	background: #362d21;*/
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 16px;
	border-radius: 10px;
}
#menu li a.selected {
}
#menu #box {
	position: absolute;
	margin-top: -8px;
	z-index: 1;
	visibility: visible;
}
#menu #box .rectangle {
	border-radius: 10px;
	background: #362d21;
	padding-top: 7px;
	height: 24px;
}
#menu li.envoieManuscrit {
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	/*color: #333;
	text-shadow: none;*/
	text-shadow: 0px 1px 0px #000;
}
#menu li.envoieManuscrit a {
	/*color: #933;*/
	background-color: #933;
	/*border: solid 1px #933;*/
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 1px 3px #000;
}
/*#menu li.envoieManuscrit a.hover, #menu li.envoieManuscrit a.active {
	color: #fff;!important
	border: solid 1px #fff;!important
	/*border-radius: 5px;
	padding: 5px;
}*/
#menu div.facebook {
	position: absolute;
	top: 8px;
	right: 36px;
}
/******************************************************************************/
/*                                                                            */
/*                            Mise en forme du footer                         */
/*                                                                            */
/******************************************************************************/
footer {
	color: #fff;
	text-align: center;
}
/******************************************************************************/
/*                                                                            */
/*                            Mise en forme du slider                         */
/*                                                                            */
/******************************************************************************/
.feature-shadow h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 14px;
			text-transform: uppercase;
		}
.feature-shadow { 
	background:url("shadow.png");
	background-repeat:no-repeat;
	background-position:0 300px;
	/*height:300px;*/
	position: relative;
	top: -10px;
	}
		div#feature_list {
			width: 960px;
			height: 337px;
			overflow: hidden;
			position: relative;
			background: transparent url(../images/amas-feuille.png) left top no-repeat;
			z-index: 80;
		}

		div#feature_list ul {
			position: absolute;
			top: 12px;
			left: 6px;
			list-style: none;	
			padding: 0;
			margin: 0;
			height: 326px;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 263px;
			background: transparent url(../images/bg-tabs.png) left top repeat-y;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			padding:0;
			background:none;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			/*margin: 10px 10px 0 0;*/
		}

		ul#tabs li a {
			color: #666;
			text-decoration: none;	
			display: block;
			padding: 10px 27px 10px 10px;
			height: 45px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background: transparent url('../images/feature-tab-current.png') left top no-repeat;
			color: #000;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 960px;
			height: 300px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 960px;
			height: 338px;
			padding:0;
		}
		ul#output li img {
			position: absolute;
			/*top: 0;
			right: 0;*/
		}
		ul#output li div {
			position: absolute;
			bottom: 10px;
			right: 0;
			background: rgb(0,0,0);
			background-color: rgba(0,0,0,0.4);
			width: 100%;
			color: #fff;
			font-family: "Times New Roman", Times, serif;
			/*margin-left: 120px;*/
			width: 680px;
			padding-left: 40px;
		}
		ul#output div h2 {
			font-size: 18px;
		}
		ul#output div p {
			font-size: 14px;
		}
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #235575;
		}
/******************************************************************************/
/*                          Mise en forme barre latérale                      */
/******************************************************************************/
aside {
	width: 220px;
	float: left;
	margin: 0 10px;
}
aside h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*text-align: center;*/
	color: #fefefe;
	background-color: #4a3f31;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: 0.3em;
	text-shadow: 0px 1px 1px #000;
}
.contentCarrousel a {
	display: block;
	float: left;
	width: 220px;
	margin-right: 5px;
	height: 280px;
	overflow: hidden;
}
#categorie {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#categorie li {
	border-bottom: dotted 2px #4a3f31;
	line-height: 36px;
	text-indent: 10px;
}
#categorie li a {
	text-decoration: none;
	color: #000;
	-webkit-transition: padding-left 500ms ease, color 1s ease;
	-moz-transition: padding-left 500ms ease, color 1s ease;
	-ms-transition: padding-left 500ms ease, color 1s ease;
	-o-transition: padding-left 500ms ease, color 1s ease;
	transition: padding-left 500ms ease, color 1s ease;
}
#categorie li a:hover, #categorie li a:active, #categorie li a:focus {
	padding-left: 10px;
	color: #B98B59;
}
#categorie li a.active {
	padding-left: 10px;
	color: #B98B59;
}
#partenaires {
	list-style-type: none;
}
/******************************************************************************/
/*                                                                            */
/*                          Mise en forme page accueil                        */
/*                                                                            */
/******************************************************************************/
.site {
	float: right;
	width: 700px;
	font-size: 12px;
}
.site h1 {
	border-bottom: solid 5px #4a3f31;
	color: #4a3f31;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: lighter;
}
/******************************************************************************/
/*                          Mise en forme diaporama                           */
/******************************************************************************/
#galerie {
	position: relative;
	width: 600px;
	padding: 0 40px 0 60px;
	height: 333px;
	border: solid 1px #4a3f31;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	/*line-height: 0.75em;*/
	overflow: hidden;
}
#galerie ul {
	margin: 10px;
	padding: 0;
}
#galerie a {
	text-decoration: none;
	color: #333;
}
#galerie figure img {
	-moz-box-shadow: 1px 1px 2px #000;
	box-shadow: 2px 2px 2px #666, 0px -2px 2px #666;
	float: left;
	margin: 0 20px 0 0;
}
#galerie figcaption {
}
#galerie figcaption h2 {
	padding-top: 20px;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
}
#galerie figcaption p {
	font-size: 1em;
}
#galerie .description {
	width: 400px;
	height: 86px;
	overflow: hidden;
	font-style: italic;
	color: #999;
}
/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_prev.png) no-repeat 0 -30px;
}

/*pager links*/
div.bx-pager {
	margin-left: -13px;
}
.bx-pager a {
	margin-right: 0px;
	color: #fff;
	padding: 3px 8px 3px 0px;
	font-size: 12px;
	zoom:1;
	/*background: url(../images/gray_pager.png) no-repeat 0 -20px;*/
}

/*auto start button*/
.bx-auto .start {
	background: url(../images/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url../images/(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

/******************************************************************************/
/*                                                                            */
/*                          Mise en forme du gros plan                        */
/*                                                                            */
/******************************************************************************/
#grosPlan {
}
#grosPlan article {
	/*margin-left: 60px;*/
	margin: 15px;
	padding: 7px;
	background-color: #fff;
	border: solid 1px #e2e2e2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	/*clear: both;
	display: block;*/
}
#grosPlan article header h1 {
	font-size: 1.2em;
	/*border-top: solid 2px #4B3F31;*/
	padding-top: 5px;
	border-bottom-width: 1px;
	font-weight: bold;
}
/******************************************************************************/
/*                                                                            */
/*                          Mise en forme page catalogue                      */
/*                                                                            */
/******************************************************************************/
#catalogue {
	font-size: 1em;
}
#catalogue p {
	margin: 2px 0;
}
#catalogue img {
	border: solid 1px #CCC;
	margin: 5px 5px 5px 0;
}
#catalogue tr {
	border-bottom: solid 1px #CCC;
}
#catalogue td {
	vertical-align: top;
}
#catalogue .titre a {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	/* [disabled]font-family: Georgia, "Times New Roman", Times, serif; */
	margin-top: 5px;
}
#catalogue .sous-titre {
	font-size: 1em;
	font-weight: lighter;
	font-family: Verdana, Geneva, sans-serif;
}
#catalogue td .auteur {
	/* [disabled]text-transform: uppercase; */
	margin: 5px 0;
	/* [disabled]font-weight: bold; */
}
#catalogue td .prix, #catalogue .versionNumerique {
	/* [disabled]font-size: 1.2em; */
	margin: 5px 0;
}
#catalogue td .prix span, #catalogue td .versionNumerique span {
	font-weight: bold;
}
#catalogue td .promo {
	text-decoration:line-through;
}
/*
 *********Zone de pagination
 */

.pagination {
	text-align: center;
	padding-top: 2px;
}
.pagination span {
	border: solid 1px #4B3F31;
	padding: 3px 6px;
	color: #FFF;
	background-color: #4B3F31;
	-moz-border-radius: 2px;
}
.pagination span.firstNav, .pagination span.nextNav {
	background-color: #FFF;
	color: #999;
}
.pagination a {
	border: solid 1px #4B3F31;
	padding: 3px 6px;
	color: #4B3F31;
	text-decoration: none;
	-moz-border-radius: 2px;
}
/******************************************************************************/
/*                                                                            */
/*                          Mise en forme page detail livre                   */
/*                                                                            */
/******************************************************************************/
#detailLivre h1 {
	border-bottom: none;
	color: #4a3f31;
	font-size: 1.2em;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: inherit;
	font-weight: bold;
}
#detailLivre h1 + h2 {
	border-bottom: none;
	color: #4a3f31;
	font-size: 1em;
	text-align: left;
	letter-spacing: inherit;
	font-weight: bold;
	font-style: italic;
}
#detailLivre .resumeLivre, #detailLivre .ficheLivre {
	margin-top: 12px;
}
#detailLivre .resumeLivre {
	float: right;
	width: 480px;
}
#detailLivre .auteurLivre {
	font-weight: bold;
}
#detailLivre .auteurLivre + p {
	font-size: 1em;
	color: #666;
	line-height: 16px;
}
#detailLivre .ficheLivre {
	float: left;
	width: 196px;
	font-size: 1em;
	text-align: center;
}
#detailLivre .ficheLivre p {
	margin: 0;
}
#detailLivre .ficheLivre img {
	border: solid 1px #4a3f31;
	padding: 3px;
	margin: 5px;
}
#detailLivre .ficheLivre .detailPrix {
}
#detailLivre .ficheLivre .detailPrix .addPanier {
	display: block;
	width: 40%;
	float: left;
}
#detailLivre .ficheLivre .detailPrix a {
	display: block;
	width: 50%;
	float: right;
}
#detailLivre .ficheLivre .detailPrix a:link, #detailLivre .ficheLivre .detailPrix a:visited {
	background: rgb(250,198,149); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1YWI2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjhkMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,198,149,1)), color-stop(47%,rgba(245,171,102,1)), color-stop(100%,rgba(239,141,49,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(250,198,149,1) 0%,rgba(245,171,102,1) 47%,rgba(239,141,49,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-8 */
	padding: 5px;
	color: #333;
	text-shadow: 0px 1px 0px #FFF;
	border: solid 1px #ef8d31;
	border-radius: 2px;
	text-decoration: none;
}
#detailLivre .ficheLivre form {
	text-align: left;
	margin-top: 10px;
	border: solid 1px #bd915f;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
}
#detailLivre .ficheLivre form input[type='radio'] {
	margin-left: 15px;
}
#detailLivre .ficheLivre .button {
	border: none;
	border-top: 1px solid #9c672b;
	background: #9c672b;
	background: -webkit-gradient(linear, left top, left bottom, from(#4b3f31), to(#9c672b));
	background: -webkit-linear-gradient(top, #4b3f31, #9c672b);
	background: -moz-linear-gradient(top, #4b3f31, #9c672b);
	background: -ms-linear-gradient(top, #4b3f31, #9c672b);
	background: -o-linear-gradient(top, #4b3f31, #9c672b);
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: middle;
	margin-top: 15px;
}
#detailLivre .ficheLivre .button:hover {
	border-top-color: #9c672b;
	background: #9c672b;
	color: #ccc;
}
#detailLivre .ficheLivre .button:active {
	border-top-color: #4b3f31;
	background: #4b3f31;
}
.auteurCommentaire {
	font-weight: bold;
	color: #600;
}
.dateCommentaire {
	color: #666;
	font-size: 0.8em;
}
/******************************************************************************/
/*                                                                            */
/*                     Mise en forme page connexion/inscription               */
/*                                                                            */
/******************************************************************************/
#espaceIdentification form {
	margin: 10px;
	padding: 10px;
	float: left;
	background-color: #bd915f;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
#espaceIdentification #identification {
	width: 230px;
}
#espaceIdentification #inscription {
	width: 330px;
}
#espaceIdentification #dataInscription {
	width: 100%;
}
#espaceIdentification fieldset {
	border: none;
}
#espaceIdentification #dataInscription legend {
	display: block;
	width: 100%;
}
#espaceIdentification #dataInscription fieldset div {
	padding-left: 150px;
}
#espaceIdentification legend {
	font-size: 16px;
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	text-shadow: 0px 1px 0px #000;
}
#espaceIdentification label {
	display: block;
}
#espaceIdentification input[type='text'] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: block;
	border: solid 1px #CCCCCC;
	width: 100%;
}
#espaceIdentification #dataInscription input[type='text'] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: block;
	border: solid 1px #CCCCCC;
	width: 200px;
}
#espaceIdentification .error {
	color: #FFF;
	text-shadow: 0px 1px 2px #f00;
	/*color: #000;*/
	display: block;
	font-size: 1em;
}
#espaceIdentification input.error {
	color: #333;
	text-shadow: none;
}

/******************************************************************************/
/*                                                                            */
/*                          Mise en forme page PANIER                         */
/*                                                                            */
/******************************************************************************/
#listePanier {
	width: 100%;
	color: #666;
	font-size: 1em;
	border: 1px solid #ead8b9;
	background: #FFF url(../images/fond-panier.png) no-repeat right bottom;
	/* [disabled]padding: 25px; */
}
#listePanier h2 {
	font-size: 1.2em;
	text-decoration: underline;
}

#listePanier th {
	text-align: center;
	padding: 5px;
	background: #4B3F31;
	color: #FFF;
}
#listePanier td {
	text-align: right;
	padding: 5px;
}
#listePanier tr.sectionTotal {
	border-top: solid 2px #EBDECF;
}
#listePanier td.designation {
	text-align: left;
}
#listePanier td.designation img {
	border: 1px solid #CCC;
	padding: 1px;
}
#listePanier td.version {
	text-align: center;
}
#listePanier .btnPlus a , #listePanier .btnMoins a{
	text-decoration: none;
	font-size: 12px;
	/* [disabled]font-weight: bold; */
	color: #4B3F31;
	padding: 0 2px;
	border: solid 1px #999;
	background-color: #e2e2e2;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/******************************************************************************/
/*                                                                            */
/*                          Mise en forme page PAIEMENT                       */
/*                                                                            */
/******************************************************************************/
#recapAdresse {
	width: 100%;
	text-align: left;
}
#recapAdresse th {
	text-align: left;
	border-bottom: solid 1px #000;
}

#propositionPaiement {
	margin: 0 auto;
}
#propositionPaiement table {
	margin: 0px 10px;
	border: 1px solid #666;
}
#propositionPaiement th, #propositionPaiement td {
	width: 350px;
}
#propositionPaiement table th {
	font-weight: bold;
	text-align: center;
	padding: 3px;
	color: #06C;
	border-bottom: 1px solid #CCC;
}
#propositionPaiement table td {
	font-size: 0.75em;
	font-weight: lighter;
	text-align: center;
}
#propositionPaiement form {
	margin: 0px auto;
	text-align: center;
}
.payerParCheque a {
	display: block;
	margin: 3px auto;
	padding: 3px;
	background-color: #CCC;
	width: 100px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 2px solid #FFF;
}

/*
 *   Mise en forme des formulaires
 */
 
#verif, #envoi {
	width: 650px;
	margin: 0 auto;
}
#verif label, #envoi label {
	display: block;
	width: 115px;
	float: left;
}
#verif label.off, #envoi label.off {
	display: inline;
	width: inherit;
	float: inherit;
}
#verif input[type='text'], #verif input[type='email'], #envoi input[type='text'], #envoi input[type='email'], #envoi textarea {
	background-color: #eee;
	border: solid 1px #666;
	color: #333;
}
#verif input[type='text'], #verif input[type='email'], #envoi input[type='text'], #envoi input[type='email'] {
	height: 23px;
	width: 250px;
}
#verif label.petit + input[type='text'], #envoi label.petit + input[type='text'] {
	width: 75px;
}
#verif .error, #envoi .error {
	display: inline-block;
	background-color: #b3091c;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 0.8em;
	padding: 0 5px;
	margin-left: 10px;
}
p.error {
	background-color: #b3091c;
	color: #fff;
	font-size: 0.8em;
	padding: 15px;
	margin-left: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.button {
   border-top: 1px solid #bb8f5c;
   background: #bb8f5c;
   background: -webkit-gradient(linear, left top, left bottom, from(#4b3f31), to(#bb8f5c));
   background: -webkit-linear-gradient(top, #4b3f31, #bb8f5c);
   background: -moz-linear-gradient(top, #4b3f31, #bb8f5c);
   background: -ms-linear-gradient(top, #4b3f31, #bb8f5c);
   background: -o-linear-gradient(top, #4b3f31, #bb8f5c);
   padding: 6px 12px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
.button:hover {
   border-top-color: #bb8f5c;
   background: #bb8f5c;
   color: #000000;
}
.button:active {
   border-top-color: #4b3f31;
   background: #4b3f31;
}
/******************************************************************************/
/*                                                                            */
/*                             PHASE DE VALIDATION                            */
/*                                                                            */
/******************************************************************************/
#confirmation_adresse {
	min-height: 150px;
	margin-bottom: 15px;
}
#confirmation_adresse .confirmeAdresseFacture, #confirmation_adresse .confirmeAdresseLivraison {
	border: solid 1px #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 280px;
	margin: 10px 20px;
	padding: 10px;
	float: left;
	text-shadow: 0px 1px 0px #fff;
}
#confirmation_adresse table {
	width: 100%;
}
#confirmation_adresse table th {
	text-align: center;
	font-size: 1em;
	background-color: #e2e2e2;
}
#confirmation_adresse table th, #confirmation_adresse table td {
	padding: 5px;
}
#confirmation_adresse > p {
	clear: both;
	text-align: center;
	padding-top: 5px;
}
#confirmation_adresse a {
	background-color: #fff;
	padding: 7px 15px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #4B3F31;
}
#confirmation_adresse a:hover {
	margin-top: 1px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	color: #FFF;
	background-color: #6B563E;
}
.phaseValidation {
	/*float: right;*/
	width: 100%;
}
.phaseValidation h1 {
	border-bottom: solid 5px #4a3f31;
	color: #4a3f31;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: lighter;
}
#paiementPaypal {
	text-align: center;
	margin: 10px auto;
}
#paiementPaypal input[type='image'] {
	width: 307px;
	height: 133px;
	background: transparent url(../images/logo_paypal_2.gif) left top no-repeat;!important
	text-indent: -9999px;
}
/*
 * Mise en forme du menu
 */
#menuPhase {
	clear: both;
	position: relative;
	width: 940px;
	top: -10px;
}
#menuPhase ul {
	margin-left: -40px;
	position: relative;
	z-index: 2;
}
#menuPhase ul li {
	float: left;
	margin-right: 7px;
	/*margin-top: 15px;*/
	font-size: 0.75em;
	text-shadow: 0px 1px 1px #000;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 16px;
	color: #fff;
	/*text-decoration: underline;*/
}
#menuPhase ul li.selected {
	border-bottom: solid 3px #4a3f31;
	color: #4a3f31;
}
#menuPhase li a {
	/*display: block;
	float: left;
	background: #362d21;*/
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 16px;
	border-radius: 10px;
}
#menuPhase li.selected {
}
/*
 * FOOTER DU SITE
 */
footer {
	font-size: 12px;
}
/*========================================================

                    ESPACE PRIVÉ CLIENT
					
=========================================================*/
#espacePriveClient a {
	color: #BD915F;
	text-decoration: none;
}
#espacePriveClient a:hover {
	color: #4B3F31;
}
#espacePriveClient fieldset {
	border: none;
}
#espacePriveClient legend {
	background-color: #e2e2e2;
	color: #4B3F31;
	text-shadow: 0px 1px 0px #FFF;
	padding: 5px;
	font-size: 1em;
	width: 100%;
	border: solid 1px #ccc;
	border-radius: 3px;
}
#espacePriveClient label {
	display: block;
	margin: 5px 10px;
	float: left;
	text-align: right;
	width: 150px;
}
#espacePriveClient input[type='text'], #espacePriveClient input[type='email'], #espacePriveClient input[type='password'] {
	width: 250px;
	padding: 3px;
}
#espacePriveClient input[type='submit'] {
	color: #333;
	font-size: 1.2em;
	padding: 5px 10px;
	border: solid 1px #bfbfbf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-color: #BD915F;
}
#espacePriveClient input[type='submit']:hover {
	color: #000;
}