/* ****************************************************

	@file		  screen.css
	@description  Feuille de styles globale
	@version	  20090527

***************************************************** */

@import url("./reset.css");

/*
 * @section Basic
******************************************************************************/

html {
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.3;
	color: #666;
	background: #fff url("../img/interface/bg-body.jpg") no-repeat top center;
	position: relative;
	behavior: url("/scripts/ie6/csshover.htc");
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #7b6e67; font-weight: bold; }
a:focus { outline: 1px dotted; }
a:visited { color: #7b6e67; }
a:hover, a:focus { color: #7b6e67; text-decoration: underline; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }

button::-moz-focus-inner { border: 0; padding: 1px; }

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	line-height: 0.8;
}

#fancy_bg {
	display: none;
}

/*
 * @section Entête
******************************************************************************/

#entete {
	width: 100%;
	min-width: 961px;
	height: 171px;
	background: url("../img/interface/bg-entete.jpg") no-repeat top center;
}

#entete-inner {
	width: 940px;
	margin: 0 auto;
	height: 171px;
	position: relative;
}

#logo {
	position: absolute;
	top: 32px;
	left: 44px;
}

#logo a {
	outline: none;
}

#nav {
	position: absolute;
	left: 6px;
	bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 125%;
}

#nav ul {
	margin: 0;
}

#nav ul li {
	float: left;
	padding: 0 0 0 9px;
	height: 54px;
}

#nav ul li.dernier a {
	border-right: none;
}

#nav ul li a {
	text-decoration: none;
	display: block;
	float: left;
	padding: 16px 29px 0px 20px;
	height: 38px;
	text-align: center;
	border-right: 1px solid #bdc5b9;
}

#nav ul li:hover,
#nav ul li.active {
	background: url("../img/interface/bg-nav-item-gauche.gif") no-repeat;
	border-right: none;
	margin-left: -1px;
}

* html #nav ul li:hover,
* html #nav ul li.active {
	margin-left: -3px;
}

#nav ul li.active a:hover,
#nav ul li:hover a,
#nav ul li.active a {
	color: #fff;
	border-right: none;
	margin-right: 2px;
	background: url("../img/interface/bg-nav-item-droite.gif") no-repeat top right;
}

#utilitaires {
	position: absolute;
	right: 40px;
	top: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	line-height: 1;
}

#utilitaires ul {
	margin: 0;
	background: #8a7a67;
	float: left;
	height: 1%;
	padding: 0 3px;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#utilitaires ul li {
	float: left;
	border-right: 1px solid #7e6f5e;
}

#utilitaires ul li.dernier {
	border-right: none;
}

#utilitaires ul li a {
	color: #c9c4b5;
	text-decoration: none;
	padding: 10px 8px;
	display: block;
	float: left;
}

#utilitaires ul li a:hover,
#utilitaires ul li.active a {
	color: #fff;
}

#acces {
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	position: absolute;
	right: 40px;
	top: 65px;
	color: #7b6e67;
}

#acces p, #acces ul {
	margin: 0;
	float: left;
}

#acces p {
	padding: 5px 9px 0 0;
}

#acces ul li {
	float: left;
	padding: 0 0 0 12px;
	position: relative;
	height: 1%;
}

#acces ul li a {
	display: block;
	padding: 5px 9px 5px 31px;
	text-decoration: none;
	color: #bdb6b3;
	height: 1%;
	float: left;
}

#acces ul li.udata a {
	background: url("../img/interface/img-acces-udata.gif") no-repeat 0 50%;
}

#acces ul li.compte a {
	background: url("../img/interface/img-acces-compte.gif") no-repeat 0 50%;
}

#acces ul li.active a {
	background: #8a7a67 url("../img/interface/img-acces-compte-active.gif") no-repeat 7px 4px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0; 
	-webkit-border-bottom-left-radius: 0;
}

#acces ul li.compte div {
	position: absolute;
	display: none;
	right: 0;
	width: 210px;
	background: #8a7a67;
	border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
}

#acces ul li.active div {
	display: block;
}

#acces ul li.compte div form {
	padding: 10px 19px;
	color: #b5ab9f;
}

#acces ul li.compte div form p {
	float: none;
}

#acces ul li.compte div form li a {
	background: none;
	text-transform: none;
	padding: 0;
	font-size: 95%;
	float: none;
	text-decoration: underline;
}

#acces ul li.compte div form ul {
	margin: 0 0 4px;
	float: none;
}

#acces ul li.compte div form ul li {
	margin: 0 0 8px;
	float: none;
	padding: 0;
}

#acces ul li.compte div form ul li input {
	padding: 3px;
	margin: 3px 0 0 0;
	width: 166px;
	border: none;
}

/*
 * @section Pied
******************************************************************************/

#pied {
	background: #fff url("../img/interface/bg-footer.jpg") no-repeat top center;
	text-transform: uppercase;
	font-size: 90%;
	margin: 0 auto;
	clear: both;
	height: 9em;
	margin-top: -9em;
	position: relative;
	min-width: 961px;
}

#pied .pied-inner {
	width: 888px;
	margin: 0 auto;
	background: url("../img/interface/bg-footer.gif") no-repeat 0 28px;
	padding: 30px 0 0 0;
	position: relative;
}

body.template-accueil #pied {
	background: none;
}

#pied p {
	padding: 15px 0 0 45px;
}

#pied a {
	font-weight: bold;
	text-decoration: underline;
}

#pied a:hover {
	text-decoration: none;
}

#pied img {
	float: right;
}

/*
 * @section Layout
******************************************************************************/

#wrap {
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
	background: url("../img/interface/bg-contenu-catalogue.png") repeat-y top center;
}

body.template-accueil #wrap {
	background: none;
}

#contenu {
	padding-bottom: 12em !important;
}

#contenu-inner {
	width: 961px;
	margin: 0 auto;
	position: relative;
}

#lezard {
	position: absolute;
	top: -216px;
	left: -76px;
	width: 445px;
	height: 266px;
	background: url("../img/interface/bg-lezard.png") no-repeat top left;
	float: left;
	margin: 0;
	line-height: 0;
	font-size: 0pt;
}


/*
 * @section Template: accueil
******************************************************************************/

.template-accueil #contenu {
	width: 100%;
	
	padding: 278px 0 0 0;
	min-width: 961px;
}

.template-accueil .colonnes {
	background: url("../img/interface/bg-colonnes-accueil.jpg") no-repeat top center;
	padding: 0 12px 60px;
	width: 937px;
	position: relative;
}

.template-accueil .colonnes h2 {
	color: #7b6e67;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 150%;
	border-bottom: 1px solid #b3bab0;
	padding: 0 0 4px;
	margin: 0 0 0.7em;
	line-height: 1.1;
	height: 2.4em;
	position: relative;
}

.template-accueil .colonnes h2 span {
	position: absolute;
	bottom: 0.4em;
	left: 0;
}

.template-accueil .colonnes .col1 {
	float: left;
	display: inline;
	margin: 0 7px 0 0;
	width: 308px;
}

.template-accueil .colonnes .col2 {
	float: left;
	width: 308px;
}

.template-accueil .colonnes .col3 {
	float: right;
	width: 308px;
}

.template-accueil .colonnes .col-inner {
	padding: 20px 29px;
}

.template-accueil .plus {
	margin: 0;
	width: 216px;
	height: 32px;
	position: absolute;
	bottom: 15px;
	left: 50%;
}

.template-accueil .plus a {
	width: 216px;
	height: 32px;
	background: url("../img/interface/btn-accueil-general.gif") no-repeat;
	display: block;
	text-decoration: none;
	line-height: 32px;
	color: #e1ddd9;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.template-accueil .plus a:hover {
	color: #fff;
}

.template-accueil .col1 .plus {
	left: 59px;
}

.template-accueil .col2 .plus {
	left: 375px;
}

.template-accueil .col3 .plus {
	left: 685px;
}

.template-accueil .bottom {
	width: 100%;
	height: 20px;
	background: url("../img/interface/bg-colonnes-bottom.jpg") no-repeat top center;
	clear: both;
	font-size: 0pt;
}

.template-accueil .colonnes .col1 .boutons {
	margin: 1.8em auto 0;
	width: 216px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 102%;
}

.template-accueil .colonnes .col1 .boutons li {
	margin: 0 0 1em;
}

.template-accueil .colonnes .col1 .boutons li a {
	display: block;
	width: 216px;
	height: 32px;
	text-decoration: none;
	line-height: 32px;
}

.template-accueil .colonnes .col1 .boutons li.demo a {
	background: url("../img/interface/btn-accueil-demo.gif") no-repeat top left;
	color: #cedfe8;
	padding-left: 15px;
	width: 201px;
}

.template-accueil .colonnes .col1 .boutons li.tarifs a {
	background: url("../img/interface/btn-accueil-tarifs.gif") no-repeat top left;
	color: #eddecc;
}

.template-accueil .colonnes .col1 .boutons li a:hover {
	color: #fff;
}

.template-accueil .colonnes .col3 h3 {
	font-size: 115%;
	margin: 0 0 0.5em;
}

.template-accueil .colonnes .col3 ul {
	margin: 0;
	position: relative;
	margin-left: -19px;
	background: #f0f2ef;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.template-accueil .colonnes .col3 li {
	border-bottom: 1px solid #b3bab0;
}

.template-accueil .colonnes .col3 li.dernier {
	border-bottom: none;
}

.template-accueil .colonnes .col3 li a {
	background:  url("../img/interface/bg-accueil-catalogue.gif") no-repeat 19px 12px;
	display: block;
	padding: 10px 0 10px 54px;
	text-decoration: none;
	height: 1%;
}
.template-accueil .colonnes .col3 li a:hover {
	background-color: #f8f9f7;
}

.template-accueil .colonnes .col3 li a span.cat {
	font-size: 85%;
}

.template-accueil .colonnes .col3 li a strong {
	font-size: 120%;
}

.template-accueil .colonnes .col3 li a span.details {
	font-weight: bold;
	font-size: 90%;
}

.template-accueil #overlay #overlay-fg {
	width: 900px;
	margin-left: -450px;
	background: #000;
	height: 520px;
}

.template-accueil #overlay-fg .fermer {
	background: #222;
	padding: 7px 10px 4px;
	height: 20px;
	text-align: right;
}

.template-accueil #overlay-fg .videos a {
	display: block;
	position: absolute;
	text-decoration: none;
	width: 220px;
	outline: none;
}

.template-accueil #overlay-fg .videos a:hover {
	color: #fff;
}

.template-accueil #overlay-fg .videos a strong {
	position: absolute;
	left: 80px;
	top: 120px;
	font-size: 130%;
	font-weight: normal;
}

.template-accueil #overlay-fg .videos a strong em {
	font-style: normal;
	display: block;
	text-transform: uppercase;
	font-size: 110%;
}

.template-accueil #overlay-fg .videos a strong span {
	font-size: 80%;
}

.template-accueil #overlay-fg .video1 a {
	left: 140px;
	top: 100px;
}

.template-accueil #overlay-fg .video2 a {
	left: 440px;
	top: 100px;
}

/*
 * @section Template: catalogue (base)
******************************************************************************/

.template-catalogue-base #contenu {
	width: 100%;
	padding: 80px 0 0 0;
	min-width: 961px;
}

.template-catalogue-base #contenu-inner {
	width: 875px;
}

.template-catalogue-base #sidebar {
	width: 243px;
	float: left;
}

.template-catalogue-base #sidebar .sidebar-boite {
	background: #eff1ef;
	position: relative;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.template-catalogue-base #sidebar form {
	background: #e2ded9;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0 0 0.5em;
	padding: 5px 0 5px 12px;
}

.template-catalogue-base #sidebar form p {
	margin: 0;
}

.template-catalogue-base #sidebar .sidebar-inner {
	padding: 9px 9px 9px 14px;
}

.template-catalogue-base #sidebar form input {
	border: none;
	padding: 6px;
	float: left;
	margin: 3px 0 0 0;
	width: 179px;
	position: relative;
}

.template-catalogue-base #sidebar form button {
	border: none;
	padding: 0;
	width: 31px;
	height: 32px;
	background: none;
}

.template-catalogue-base #sidebar ul {
	margin: 0;
}

.template-catalogue-base #sidebar ul li {
	margin: 0 0 0.6em;
	background: url("../img/interface/ico-bullet.gif") no-repeat 3px 5px;
	padding: 0 0 0 15px;
}

.template-catalogue-base #sidebar ul li a {
	font-weight: bold;
}

.template-catalogue-base #sidebar ul li.active a {
	color: #666;
}

.template-catalogue-base #sidebar p.bouton {
	margin: 2em 0 0 0;
}

.template-catalogue-base #sidebar p.bouton a {
	display: block;
	background: url("../img/interface/btn-catalogue-general.gif") no-repeat top left;
	width: 216px;
	height: 32px;
	line-height: 32px;
	color: #e1ddd9;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

.template-catalogue-base #sidebar p.bouton a:hover {
	color: #fff;
}

.template-catalogue-base #sidebar #lezard-mini {
	width: 231px;
	height: 138px;
	background: url("../img/interface/bg-lezard-mini.png") no-repeat top left;
	margin: 20px 0 0 -48px;
}

.template-catalogue-base #data {
	width: 596px;
	float: right;
}

/*
 * @section Template: catalogue (catalogue complet)
******************************************************************************/

body.template-catalogue-complet .menu {
	border-top: 1px solid #b3bab0;
	border-bottom: 1px solid #b3bab0;
	padding: 4px 0;
	margin: 0 0 4px;
}

body.template-catalogue-complet .menu ul {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}

body.template-catalogue-complet .menu ul li {
	float: left;
}

body.template-catalogue-complet .menu ul li a {
	float: left;
	display: block;
	padding: 8px 9px;
	line-height: 1;
	text-decoration: none;
}

body.template-catalogue-complet .menu ul li.active a {
	background: #8a7a67;
	color: #fff;
}


body.template-catalogue-complet .grid {
	margin: 0 0 4px;
}

body.template-catalogue-complet .grid li {
	float: left;
	width: 296px;
	background: #eff1ef;
	margin: 0 0 4px;
	display: inline;
}

body.template-catalogue-complet .grid li.impair {
	margin-right: 4px;
}

body.template-catalogue-complet .grid li a {
	background: #eff1ef url("../img/interface/bg-accueil-catalogue.gif") no-repeat 19px 12px;
	display: block;
	
	text-decoration: none;
	height: 1%;
}

body.template-catalogue-complet .grid li a:hover {
	background-color: #f8f9f7;
}

body.template-catalogue-complet .grid li a .item {
	display: block;
	padding: 10px 0 10px 54px;
}

body.template-catalogue-complet .grid li a span.cat {
	font-size: 85%;
}

body.template-catalogue-complet .grid li a strong {
	font-size: 120%;
}

body.template-catalogue-complet .grid li a span.details {
	font-weight: bold;
	font-size: 90%;
}

body.template-catalogue-complet .grid li a:hover strong {
	text-decoration: underline;
}

body.template-catalogue-complet #data .complete {
	font-size: 110%;
}

body.template-catalogue-complet #data .complete a {
	background: #eeebe8 url("../img/interface/bg-ombre.gif") repeat-x bottom left;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 5px 0 19px 0;
}

/*
 * @section Template: catalogue (fiche)
******************************************************************************/
body.template-catalogue-fiche #data {
	border-bottom: 1px solid #b3bab0;
	padding: 0 0 2.5em;
}

body.template-catalogue-fiche #data div.nav {
	border-top: 1px solid #b3bab0;
	border-bottom: 1px solid #b3bab0;
	padding: 8px 0;
	font-weight: bold;
}

body.template-catalogue-fiche #data div.nav p {
	float: left;
	margin: 0;
}

body.template-catalogue-fiche #data div.nav a {
	
}

body.template-catalogue-fiche #data div.nav ul {
	float: right;
	margin: 0;
}

body.template-catalogue-fiche #data div.nav ul li {
	float: left;
}

body.template-catalogue-fiche #data div.nav ul li.prev a {
	background: url("../img/interface/ico-prev.gif") no-repeat 0 4px;
	padding: 0 0 0 10px;
}

body.template-catalogue-fiche #data div.nav ul li.next a {
	background: url("../img/interface/ico-next.gif") no-repeat 100% 4px;
	padding: 0 10px 0 0;
}

body.template-catalogue-fiche #data div.nav ul li.state {
	padding: 0 22px;
}

body.template-catalogue-fiche #data .entete {
	padding: 11px 0 5px 48px;
	border-bottom: 1px solid #b3bab0;
}

body.template-catalogue-fiche #data .entete p {
	margin: 0.5em 0 0;
}

body.template-catalogue-fiche #data .entete h1 {
	font-size: 170%;
	color: #7b6e67;
}

body.template-catalogue-fiche #data .entete ul {
	margin: 0;
	float: right;
}

body.template-catalogue-fiche #data .entete ul li {
	margin: 0 0 6px;
}

body.template-catalogue-fiche #data .entete ul li a {
	display: block;
	width: 216px;
	height: 32px;
	line-height: 32px;
	color: #e1ddd9;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

body.template-catalogue-fiche #data .entete ul li.demo a {
	background: url("../img/interface/btn-catalogue-essai.gif") no-repeat top left;
	color: #cfdfe8;
}

body.template-catalogue-fiche #data .entete ul li.achat a {
	background: url("../img/interface/btn-catalogue-achat.gif") no-repeat top left;
	color: #eedfcc;
}

body.template-catalogue-fiche #data .entete ul li a:hover {
	color: #fff;
}

body.template-catalogue-fiche #data .entete {
	background: url("../img/interface/bg-catalogue-fiche.gif") no-repeat 13px 13px;
}

body.template-catalogue-fiche #data .description {
	width: 330px;
	padding: 23px 20px 0 46px;
	float: left;
}

body.template-catalogue-fiche #data .description .images {
	background: #eff1ef;
	position: relative;
	width: 318px;
	height: 68px;
	margin: 0 0 1.5em;
}

body.template-catalogue-fiche #data .description h2 {
	margin: 1.5em 0 0.8em;
}

body.template-catalogue-fiche #data .description .images .viewport {
	width: 259px;
	height: 55px;
	position: absolute;
	left: 30px;
	top: 7px;
	overflow: hidden;
}

body.template-catalogue-fiche #data .description .images .viewport ul {
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 99999px;
}

body.template-catalogue-fiche #data .description .images .viewport ul li {
	padding-right: 5px;
	float: left;
}

body.template-catalogue-fiche #data .description .images .viewport ul li h3,
body.template-catalogue-fiche #data .description .images .viewport ul li .text {
	position: absolute;
	left: -99999px;
}

body.template-catalogue-fiche #data .description .images .viewport ul li a {
	display: block;
}

body.template-catalogue-fiche #data .description .images .viewport ul li img {
	border: 1px solid #f5f6f5;
	display: block;
}

body.template-catalogue-fiche #data .description .images ul.nav {
	margin: 0;
}

body.template-catalogue-fiche #data .description .images ul.nav li a {
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -99999px;
	background: url("../img/interface/btn-catalogue-images-nav.gif") no-repeat top left;
	position: absolute;
	outline: none;
}

body.template-catalogue-fiche #data .description .images ul.nav li.prev a {
	left: 6px;
	top: 25px;
}

body.template-catalogue-fiche #data .description .images ul.nav li.next a {
	right: 6px;
	top: 25px;
	background-position: top right;
}

body.template-catalogue-fiche #data .description .publicateur {
	background: url("../img/interface/bg-catalogue-publicateur.gif") no-repeat top left;
	padding: 2px 0 0 37px;
	height: 1%;
}

body.template-catalogue-fiche #data .description .publicateur h2 {
	margin: 0 0 0.5em;
}

body.template-catalogue-fiche #data .description .publicateur ul {
	margin: 0;
}

body.template-catalogue-fiche #data .sidebar {
	width: 186px;
	float: right;
	padding: 23px 0 0 14px;
	font-size: 95%;
}

body.template-catalogue-fiche #data .sidebar dt {
	font-weight: bold;
}

body.template-catalogue-fiche #data .sidebar dd {
	margin: 0 0 1em;
}

body.template-catalogue-fiche #overlay #overlay-fg {
	margin-left: -469px;
	width: 938px;
}

body.template-catalogue-fiche #overlay .fg-inner {
	padding: 21px 32px 22px;
	height: 1%;
	position: relative;
}

body.template-catalogue-fiche #overlay .fg-inner .fermer {
	margin: 0;
	position: absolute;
	top: 12px;
	right: 12px;
}

body.template-catalogue-fiche #overlay .fg-inner h1 {
	font-size: 160%;
	margin: 0 0 0.5em;
}

body.template-catalogue-fiche #overlay .fg-inner .image {
	float: left;
	margin: 0 26px 10px 0;
	background: url("../img/interface/bg-catalogue-overlay-image.gif") repeat-x bottom left;
	padding: 0 0 15px;
}

body.template-catalogue-fiche #overlay .fg-inner .text {
	padding: 20px 0 0 0;
}

body.template-catalogue-fiche #overlay ul.fg-nav {
	margin: 0;
	float: left;
}

body.template-catalogue-fiche #overlay ul.fg-nav a {
	display: block;
	height: 35px;
	width: 35px;
	background: url("../img/interface/btn-catalogue-overlay-nav.png") no-repeat top left;
	text-indent: -99999px;
	outline: none;
	position: absolute;
	z-index: 1200;
	top: 50%;
	margin-top: -17px;
}

body.template-catalogue-fiche #overlay ul.fg-nav .prev a {
	left: -17px;
}

body.template-catalogue-fiche #overlay ul.fg-nav .next a {
	right: -17px;
	background-position: top right;
}

body.template-catalogue-fiche #overlay ul.fg-nav .prev a.inactive {
	cursor: default;
	background-position: bottom left;
}

body.template-catalogue-fiche #overlay ul.fg-nav .next a.inactive {
	cursor: default;
	background-position: bottom right;
}

/*
 * @section Template: catalogue (résultats)
******************************************************************************/

body.template-catalogue-resultats #data {
	background: url("../img/interface/bg-ombre.gif") repeat-x bottom left;
	padding: 0 0 12px 0;
}

body.template-catalogue-resultats #data .menu {
	border-top: 1px solid #b3bab0;
	border-bottom: 1px solid #b3bab0;
	padding: 9px 0 8px;
	font-weight: bold;
}

body.template-catalogue-resultats #data .menu p {
	float: left;
	margin: 0;
	padding: 3px 0 0;
}

body.template-catalogue-resultats #data .menu ul {
	float: right;
	margin: 0;
}

body.template-catalogue-resultats #data .menu ul li {
	float: left;
	padding-left: 5px;
}

body.template-catalogue-resultats #data .menu ul li a,
body.template-catalogue-resultats #data .menu ul li strong {
	margin: 2px 0 0 0;
	display: block;
	float: left;
}

body.template-catalogue-resultats #data .menu ul li select {
	margin-left: 1em;
}

body.template-catalogue-resultats #data table {
	width: 100%;
	margin: 0.7em 0 1px;
}

body.template-catalogue-resultats #data table td,
body.template-catalogue-resultats #data table th {
	text-align: left;
	padding: 6px 8px;
	font-weight: normal;
	font-size: 95%;
}

body.template-catalogue-resultats #data table th {
	padding: 12px 8px;
}

body.template-catalogue-resultats #data table th a {
	text-decoration: none;
	color: #666;
}

body.template-catalogue-resultats #data table td {
	background: #eff1ef;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}

body.template-catalogue-resultats #data table tr:hover td {
	background: #F8F9F7;
}

body.template-catalogue-resultats #data table tr:hover td a {
	text-decoration: underline;
}

body.template-catalogue-resultats #data table td.app {
	width: 180px;
}

body.template-catalogue-resultats #data table td a {
	
}

body.template-catalogue-resultats #data table td.app a {
	font-weight: bold;
	background: url("../img/interface/ico-catalogue-resultats.gif") no-repeat top left;
	display: block;
	padding: 5px 0 5px 34px;
}

/*
 * @section Template: catalogue (fiche)
******************************************************************************/
.template-tarifs-base #contenu {
	width: 100%;
	padding: 80px 0 0 0;
	min-width: 961px;
}

.template-tarifs-base #contenu-inner {
	width: 875px;
}

.template-tarifs-tableau table {
	width: 100%;
	text-align: left;
	border-top: 1px solid #b3bab0;
	border-bottom: 1px solid #b3bab0;
}


.template-tarifs-tableau table th {
	font-size: 160%;
	font-weight: normal;
	padding: 10px 16px;
	vertical-align: middle;
	border-right: 3px solid #eff1ef;
	border-bottom: 1px solid #b3bab0;
}

.template-tarifs-tableau table th strong,
.template-tarifs-tableau table th span {
	display: block;
	font-weight:  normal;
}

.template-tarifs-tableau table th span.details {
	font-size: 55%;
	margin: 0 0 1em;
}

.template-tarifs-tableau table th.fonctionnalites {
	width: 280px;
}

.template-tarifs-tableau table th.corporative {
	border-right: none;
}

.template-tarifs-tableau table th .prix {
	margin: 0 0 0.3em;
	text-align: center;
}

.template-tarifs-tableau table th .prix strong {
	font-weight: bold;
}

.template-tarifs-tableau table th .bouton a {
	width: 106px;
	height: 32px;
	background: #356d8e url("../img/interface/bg-bouton-bleu.gif") repeat-x top left;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	line-height: 32px;
	color: #cedee7;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 62%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.template-tarifs-tableau table th.professionnelle .bouton a { background: #a36e2f url("../img/interface/bg-bouton-orange.gif") repeat-x top left; color: #eedfcd; }
.template-tarifs-tableau table th.corporative .bouton a { background: #2fa382 url("../img/interface/bg-bouton-vert.gif") repeat-x top left; color: #cceee4; }


.template-tarifs-tableau table th .bouton a:hover {
	color: #fff !important;
}

.template-tarifs-tableau table td {
	background: #eff1ef;
	padding: 10px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
}

.template-tarifs-tableau table tr.sep td {
	padding: 1px 0 0 0;
	background: #b3bab0;
	height: 4px;
}

.template-tarifs-tableau table td strong {
	display: block;
	font-size: 120%;
}

.template-tarifs-tableau table td ul {
	margin: 0 0 0 15px;
}

.template-tarifs-tableau table td ul li {
	height: 1%;
}


/*
 * @section Template: communautés
******************************************************************************/

#overlay.video #overlay-fg {
	width: 900px;
	margin-left: -450px;
	background: #000;
	height: 520px;
}

#overlay.video #overlay-fg .fermer {
	background: #222;
	padding: 7px 10px 4px;
	height: 20px;
	text-align: right;
}

/*
 * @section Template: solutions
******************************************************************************/


/*
 * @section Template: pages statiques
******************************************************************************/

.template-statique #contenu {
	width: 100%;
	padding: 80px 0 0 0;
	min-width: 961px;
}

.template-statique #contenu-inner {
	width: 875px;
}


.template-statique #data {
	float: left;
	width: 596px;
	line-height: 1.6;
	font-size: 120%;
}

.template-statique #sidebar {
	float: right;
	width: 243px;
	padding: 0 0 450px;
}

.template-statique #lezard-large {
	width: 371px;
	height: 435px;
	position: absolute;
	right: -124px;
	bottom: 9em;
	font-size: 90%;
	margin-bottom: -30px;
}

.template-statique .pied-inner .inspection-batiments { background: url("../img/communautes/lezard-batiments.png") no-repeat; }
.template-statique .pied-inner .inspection-aires-jeu { background: url("../img/communautes/lezard-aires-jeu.png") no-repeat; }
.template-statique .pied-inner .securite-aquatique { background: url("../img/communautes/lezard-aquatique.png") no-repeat; }
.template-statique .pied-inner .secteur-environnement { background: url("../img/communautes/lezard-environnement.png") no-repeat; }
.template-statique .pied-inner .secteur-sante-publique { background: url("../img/communautes/lezard-sante.png") no-repeat; }
.template-statique .pied-inner .secteur-municipal { background: url("../img/communautes/lezard-municipal.png") no-repeat; }
.template-statique .pied-inner .generic { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic1 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic2 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic3 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic4 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic5 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic6 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic7 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic8 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic9 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
.template-statique .pied-inner .generic10 { background: url("../img/communautes/lezard-generic.png") no-repeat; }
* html .template-statique #lezard-large {
	margin-bottom: -5px;
}

*+html .template-statique #lezard-large {
	margin-bottom: -5px;
}

body.template-statique .menu-pages {
	font-size: 80%;
}

body.template-statique .visualisateur-images {
	background: #eff1ef url("../img/interface/bg-ombre.gif") repeat-x bottom left;
	padding: 11px 11px 23px;
	text-align: center;
}

body.template-statique .visualisateur-images a {
	outline: none;
	position: relative;
}

body.template-statique .visualisateur-images p {
	position: relative;
}

body.template-statique .visualisateur-images p a {
	display: block;
}

body.template-statique .visualisateur-images p span {
	position: absolute;
	display: block;
	width: 73px;
	height: 44px;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -36px;
	background: url("../img/interface/btn-zoom.png") no-repeat top left;
}

body.template-statique .visualisateur-images ul {
	margin: 0;
}

body.template-statique .visualisateur-images ul li {
	display: inline;
}

body.template-statique .visualisateur-images ul li img {
	border: 1px solid #f5f6f5;
}

.menu-pages {
	border-top: 1px solid #b3bab0;
	border-bottom: 1px solid #b3bab0;
	padding: 4px 0;
	margin: 0 0 1.6em;
}

.menu-pages ul {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}

.menu-pages ul li {
	float: left;
}

.menu-pages ul li a {
	float: left;
	display: block;
	padding: 10px 10px 9px;
	line-height: 1;
	height: 1%;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.menu-pages ul li.securisee a {
	background: url("../img/interface/ico-cadenas.gif") no-repeat 100% 50%;
	padding-right: 27px;
}

.menu-pages ul li.securisee-active a,
.menu-pages ul li.active a,
.menu-pages ul li a:hover {
	background: #8a7a67;
	color: #fff;
	text-decoration: none;
}

.menu-pages ul li.securisee a:hover,
.menu-pages ul li.securisee-active a {
	background: #8a7a67 url("../img/interface/ico-cadenas-active.gif") no-repeat 100% 50%;
	color: #fff;
}

body.template-statique #data h1 {
	font-size: 150%;
	margin: 0 0 0.6em;
	letter-spacing: -0.02em;
}

body.template-statique #data h2 {
	font-size: 120%;
	margin: 0 0 0.6em;
	letter-spacing: -0.02em;
}

body.template-statique #data .contentlist {
	font-size: 83%;
}

body.template-statique #data .contentlist .nav {
	width: 193px;
	float: left;
	margin: 0;
	font-size: 95%;
	line-height: 1.4;
}

body.template-statique #data .contentlist .nav a {
	padding: 5px 8px;
	display: block;
	color: #7b6e67;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 0;
	outline: none;
}

body.template-statique #data .contentlist .nav .active a {
	background: #eff1ef url("../img/interface/ico-bullet-2.gif") no-repeat 10px 50%;
	padding-left: 22px;
	color: #666;
}

body.template-statique #data .contentlist .items {
	width: 100%;
	float: right;
	padding: 0 0 12px;
	background: #eff1ef url("../img/interface/bg-ombre.gif") repeat-x bottom left;
}

body.template-statique #data .contentlist-etroit .items {
	width: 403px;
}

body.template-statique #data .contentlist .items .item {
	padding: 15px;
}

body.template-statique #data .contentlist h3 {
	font-size: 155%;
	margin: 0 0 0.3em;
}

body.template-statique #data h1 strong,
body.template-statique #data h2 strong,
body.template-statique #data h3 strong {
	font-weight: normal;
}

body.template-statique #sidebar .video {
	margin: 0 0 1.5em;
}

body.template-statique #sidebar .video a {
	text-decoration: none;
}

body.template-statique #sidebar .video a strong {
	display: block;
	padding: 2px 0 0 17px;
	font-size: 90%;
	color: #666;
	font-weight: normal;
}

body.template-statique #sidebar .boutons {
	background: #eff1ef;
	padding: 15px 15px 5px;
}

body.template-statique #sidebar .boutons ul {
	margin: 0;
}

body.template-statique #sidebar .boutons ul li {
	margin: 0 0 10px;
}

body.template-statique #sidebar .boutons ul li a {
	width: 216px;
	background: #356d8e url("../img/interface/bg-bouton-bleu.gif") repeat-x top left;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	padding: 7px 0;
	color: #cedee7;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

body.template-statique #sidebar .boutons ul li.demo a { background: #a36e2f url("../img/interface/bg-bouton-orange.gif") repeat-x top left; color: #eedfcd; }
body.template-statique #sidebar .boutons ul li.catalogue a { background: #2fa382 url("../img/interface/bg-bouton-brun.gif") repeat-x top left; color: #e0dcd7; }

body.template-statique #sidebar .boutons ul li a:hover {
	color: #fff !important;
}


/*
 * @section Template: facture adhésion
******************************************************************************/

body.template-adhesion-facture h2 {
	font-size: 140%;
	letter-spacing: -0.03em;
	margin-top: 1.3em;
	margin-bottom: 0.8em;
}

body.template-adhesion-facture #contenu ul li {
	list-style: disc;
}

body.template-adhesion-facture .facture {
	margin: 0 0 1em;
}

body.template-adhesion-facture .facture table {
	width: 380px;
}

body.template-adhesion-facture .facture table td,
body.template-adhesion-facture .facture table th {
	text-align: right;
	border: 1px solid #ddd;
	padding: 4px;
}


/*
 * @section Template: formulaire adhésion
******************************************************************************/

body.template-formulaire #contenu {
	width: 100%;
	padding: 80px 0 0 0;
	min-width: 961px;
}

body.template-formulaire #contenu-inner {
	width: 875px;
}

body.template-formulaire h1 {
	font-size: 180%;
	letter-spacing: -0.03em;
	margin-bottom: 0.1em;
}

body.template-formulaire h1.sans-sous-titre {
	margin-bottom: 0.7em;
}

body.template-formulaire .soustitre {
	font-size: 90%;
}

body.template-formulaire .infos-achat {
	background: #eff1ef;
	padding: 8px 12px;
	font-size: 110%;
	margin: 0 0 2em;
}

body.template-formulaire .infos-achat p {
	margin: 0;
	float: left;
}

body.template-formulaire .infos-achat p.desc {
	float: right;
}

body.template-formulaire fieldset {
	background: url("../img/interface/bg-ombre.gif") repeat-x bottom left;
	padding: 0 0 12px;
	font-size: 90%;
	margin: 0 0 1.5em;
	position: relative;
}

body.template-formulaire fieldset .modifier {
	position: absolute;
	top: -9px !important;
	top: 6px;
	right: 15px;
	z-index: 1000;
}

*+html body.template-formulaire fieldset .modifier {
	top: 6px !important;
}

body.template-formulaire fieldset .modifier a {
	background: #8A7A67;
	color: #fff;
	display: block;
	float: right;
	padding: 3px 7px;
}

body.template-formulaire fieldset .fieldset-inner {
	border: 1px solid #d9d9d9;
	padding: 13px 12px 10px;
	position: relative;
	height: 1%;
}

body.template-formulaire fieldset legend {
	font-size: 170%;
	line-height: 0.9;
	padding: 0 0 0 13px;
}

body.template-formulaire .menu-pages ul li a {
	color: #bdb6b3;
}

body.template-formulaire .menu-pages ul li.securisee-active a,
body.template-formulaire .menu-pages ul li.active a {
	color: #fff;
}

body.template-formulaire #lezard-medium {
	width: 341px;
	height: 204px;
	background: url("../img/interface/bg-lezard-medium.png") no-repeat;
	position: absolute;
	right: -64px;
	bottom: 12px;
}

body.template-formulaire .imprimer {
	width: 100%;
	overflow: hidden;
}

body.template-formulaire .imprimer a {
	background: #4B4338;
	color: #fff;
	padding: 4px 10px;
	display: block;
	float: left;
}


/*
 * @section Overlay communs
******************************************************************************/


#overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}

#overlay #overlay-bg {
	position: fixed !important;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #8a7a67;
	z-index: 900;
}

#overlay #overlay-fg {
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 100px;
	background: #fff;
}

/*
 * @section Template: Mon compte (login)
******************************************************************************/

body.template-compte-login h1 {
	margin: 0 0 0.7em;
}

body.template-compte-login fieldset .fieldset-inner {
	padding-bottom: 100px;
}

body.template-compte-login fieldset ul.champs {
	margin: 0 0 0 !important;
	margin: 0 0 1em;
}

*+html body.template-compte-login fieldset ul.champs {
	margin: 0 0 1em !important;
}

body.template-compte-login fieldset ul.champs li {
	margin: 0 0 0.9em;
}

body.template-compte-login fieldset p {
	margin-left: 166px;
}

body.template-compte-login fieldset p a {
	font-weight: normal;
	color: #8a7a67;
	text-decoration: underline;
}

body.template-compte-login .bouton {
	display: block;
	width: 175px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
}

body.template-compte-login .bouton a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 6px;
	background: url("../img/interface/bg-bouton-brun.gif") repeat-x bottom left;
	color: #c5bdb3;
	font-size: 110%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 1%;
}

body.template-compte-login .bouton a:hover {
	color: #fff;
}

body.template-compte-login #lezard {
	bottom: -48px;
	right: 10px;
	top: auto;
	left: auto;
}

/*
 * @section Template: formulaires communs
******************************************************************************/

ul.champs {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

ul.champs li {
	margin: 0 0 3px;
	float: left;
	width: 100%;
	clear: both;
	height: 1%;
}

ul.champs li.champ-select label,
ul.champs li.champ-texte label {
	width: 152px;
	float: left;
	text-align: right;
	padding: 3px 13px 0 0;
}

ul.champs li.champ-texte input {
	border: 1px solid #d9d9d9;
	padding: 3px;
	width: 320px;
}

ul.champs li span {
	padding: 3px 0 0 3px;
	display: block;
}

body.template-formulaire fieldset.active .fieldset-inner {
	border-color: #a3a3a3;
}

ul.champs li.champ-texte input.active {
	border-color: #a3a3a3;
	font-weight: bold;
}

ul.champs li.champ-select-large select {
	width: 330px;
}

ul.champs li.champ-select-small select {
	width: 90px;
}


ul.champs li.champ-erreur label {
	color: #c00;
}

ul.champs li.champ-erreur input {
	border-color: #c00 !important;
}

ul.champs li.champ-erreur strong {
	display: block;
	color: #c00;
	margin-left: 165px;
	padding: 3px 0 5px;
}

ul.champs li.champ-paiement label {
	width: 152px;
	float: left;
	text-align: right;
	padding: 3px 13px 0 0;
}

ul.champs li.champ-paiement ul li {
	float: left;
	clear: none;
	padding: 0 10px 0 0;
	width: auto;
}

ul.champs li.champ-paiement ul li label {
	width: auto;
	display: block;
	float: none;
	text-align: left;
	margin: 0 0 3px;
}

ul.champs li.champ-paiement ul li.champ-texte-cartecredit input {
	width: 210px;
}

ul.champs li.champ-paiement ul li.champ-texte-codeverification input {
	width: 120px;
}

form .convention {
	padding-left: 174px;
	margin: 0 0 2.5em;
}

form .convention div {
	padding: 0 20px 1.5em 0;
	border-bottom: 1px solid #ccc;
}

form .convention .checkbox input {
	float: left;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
}

form .convention .checkbox label {
	margin-left: 4px;
	margin-right: 4px;
	display: block;
	float: left;
}

form .convention p.checkbox a {
	float: left;
}

form .actions {
	padding-left: 174px;
}

form .actions input {
	background: #53463E;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px;
	border: none;
	margin-right: 0.4em;
}