body
{
	background: url(../images/global/fd.jpg) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
/* HEADER */
#bgHeader
{
	background: url(../images/header/bg.jpg) no-repeat center top;
	width: 100%;
}
#globalDeco
{
	background: url(../images/global/global_deco.jpg) no-repeat center top;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#header { height: 139px; }
/* MENU */
#menu { height: 41px; }
#menu li { display: inline; }
#menu a
{
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px dashed #FFFFFF;
	font: normal 1.4em/41px Georgia, "Times New Roman", Times, serif;
	padding-right: 35px;
	padding-left: 35px;
}
#menu a.last { border:none; }
#menu a.on, #menu a:hover { text-decoration: underline; }
/* CONTENT */
#globalContent
{
	background: #682145;
	width: 100%;
}
#containerGlobal { background: #FFFFFF url(../images/global/global_deco_top.jpg) no-repeat center top; }
#slideText {
	padding-top: 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	padding-right: 10px;
	padding-left: 30px;
	cursor: default;
}
#content { padding: 10px 10px 10px 30px; }
h1{
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #682145;
	padding: 10px;
}
h2{
	font: 2.5em Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
h3{
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
h4{
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
.editContentMenu li { }
#content #onglets a
{
	width: 198px;
	font-size: 1em;
	line-height: 35px;
	color: #F7F7F7;
	background: url(../images/content/tab.jpg) no-repeat center center;
	text-align: center;
	vertical-align: middle;
	display: block;
	float: left;
	margin-right: 5px;
	text-decoration: none;
	margin-bottom: 0px;
}
#content #onglets a:hover { color: #FFFFFF; }
#content #onglets a.on
{
	color: #FFFFFF;
	font-weight: bold;
}
.bgViolet
{
	background: #C083A2;
	padding: 10px;
}
.rechercheRapide {
	margin-bottom: 10px;
	padding-left:20px;
	font-weight: normal;
}
#rechercheRapide #divForm {
	background: url(../images/content/rapide_bg_listes.gif) no-repeat left top;
	height: 320px;
	width: 642px;
	padding-left: 20px;
	padding-top:30px;
	font-weight: bold; 
}
#rechercheRapide input[type=text] {
	width: 250px;
	margin-right: 20px;
}
#colleft #rechercheRapide .element { 
	float: left; 
	
}
#rechercheRapide #submit {
	text-align: center;
	margin-top: 30px;
	background: url(../images/form/bg_btn.jpg);
	height: 24px;
	width: 117px;
	border-style: none;
	color: #FFFFFF;
	margin:0;
}
#rechercheRapide #legende { width: 300px; text-transform:uppercase; }
#carte,
#listeLocalites { float: left; }
#listeLocalites
{
	height: 344px;
	width: 230px;
	background: url(../images/content/bg_liste_localites.jpg) no-repeat center center;
	margin-left: 10px;
	margin-top:20px;
}
#listeLocalites .liste
{
	width:221px;
	border-style: none;
	margin-left: 5px;
	margin-top: 35px;
	height: 285px;
	background: #FFF7FB;
	color: #31222A;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#rechercheCarte .rechercheRapide { margin-top: 40px; }
#rechercheCarte #listeLocalites .liste {
	height:210px;
	margin-top:10px;
}
#listeLocalites .liste ul { margin-left: 10px; }
#listeLocalites .liste a
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 1em;
	width: 150px;
}
#nbCarte
{
	height: 74px;
	width: 643px;
	background: url(../images/content/bg_nb_cartes.jpg) no-repeat center center;
	padding-top: 10px;
}
#nbCarte .col
{
	width: 210px;
	border-right: 1px dashed #6A2045;
	float: left;
	height: 40px;
	text-align: center;
	padding-top: 6px;
}
#nbCarte #selection { font-size: 0.9em; 
}
#nbCarte .col.last { border-style: none; }
#nbCarte .col .title
{
	font-weight: bold;
	color: #692145;
}
#nbCarte #btnAfficher, #nbCarte #btnRecInfructueuse { display: none; }
#boxThemes,
#boxFiltres { float:left; }
#boxFiltres
{
	margin-left: 65px;
	font-weight: bold;
	color: #FFFFFF;
}
#listeThemes
{
	background: url(../images/content/themes_bg_list.gif) no-repeat left top;
	height: 295px;
	width: 191px;
	margin-top: 20px;
	margin-bottom:10px;
	padding-left: 5px;
	font-weight: bold;
}
#listeThemes .title
{
	font-size: 1.1em;
	font-weight: bold;
	color: #692145;
	padding-top: 8px;
	padding-left: 30px;
	display: block;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#listeThemes .liste
{
	width: 180px;
	height:180px;
}
#listeFiltre
{
	background: url(../images/content/themes_bg_filtres.gif) no-repeat left top;
	height: 265px;
	width: 374px;
	padding-left: 5px;
	padding-top:15px;
}
#listeFiltre .liste
{
	width:365px;
	height:240px;
}
#listeFiltre ul
{
	float:left;
	width:150px;
}
#ongletsFiltres
{
	background: url(../images/content/sub_tab_bg.gif) repeat-x center top;
	width: 368px;
	margin-top:5px;
}
#ongletsFiltres ul
{
	margin: 0px;
	padding: 0px;
}
#ongletsFiltres li { display:inline; }
#ongletsFiltres a
{
	height: 30px;
	width: 113px;
	background: url(../images/content/sub_tab_off.gif) no-repeat left top;
	display: block;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #692145;
	font-family: Arial, Helvetica, sans-serif;
}
#ongletsFiltres a.on
{
	text-decoration: none;
	background: url(../images/content/sub_tab_on.gif) no-repeat left top;
}
#ongletsGeo
{
	background: url(../images/content/sub_tab_bg.gif) repeat-x center top;
	width: 368px;
	margin-top: 15px;
}
#ongletsGeo ul
{
	margin: 0px;
	padding: 0px;
}
#ongletsGeo li { display:inline; }
#ongletsGeo a
{
	height: 30px;
	width: 113px;
	background: url(../images/content/sub_tab_off.gif) no-repeat left top;
	display: block;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #692145;
	font-family: Arial, Helvetica, sans-serif;
}
#ongletsGeo a.on
{
	text-decoration: none;
	background: url(../images/content/sub_tab_on.gif) no-repeat left top;
}
#listeGeo
{
	background: url(../images/content/rapide_bg_listes.gif) no-repeat left top;
	height: 265px;
	width: 642px;
	padding-left: 5px;
	padding-top:15px;
	font-weight: bold;
}
#listeGeo ul
{
	float:left;
	width:180px;
}
#listeGeo .liste {
	height:190px;
	width:630px;
}
/* AFFICHAGE DES CARTES */
#boxAfficheCartes { margin-top: 15px; }
#ongletsAffichage
{
	background: url(../images/content/sub_tab_bg.gif) repeat-x center top;
	width: 637px;
}
#ongletsAffichage ul
{
	margin: 0px;
	padding: 0px;
}
#ongletsAffichage li { display:inline; }
#ongletsAffichage a
{
	height: 30px;
	width: 113px;
	background: url(../images/content/sub_tab_off.gif) no-repeat left top;
	display: block;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #692145;
	font-family: Arial, Helvetica, sans-serif;
}
#ongletsAffichage a.on
{
	text-decoration: none;
	background: url(../images/content/sub_tab_on.gif) no-repeat left top;
}
#AfficheCartes
{
	background: url(../images/content/affiche_cartes_bg.gif) no-repeat left top;
	height:610px;
	padding-top:15px;
	width:640px;
}
#AfficheCartes #message {
	text-align:center;
	color:#692145;
	padding-top:15px;
}

#catalogueMiniatures #miniatures {
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;	
}
#catalogueMiniatures #miniatures .miniature {
	margin-right: 15px;
	margin-bottom: 10px;
	width:135px;
	float:left;
}
#catalogueMiniatures #miniatures .miniature img {
	border: 1px solid #AB5F8C;
}
#catalogueMiniatures #miniatures .addfavori, 
#catalogueMiniatures #miniatures .addpanier,
#catalogueMiniatures #miniatures .delfavori {
	font-size:0.9em;
	background: #F0DCE6;
	margin-right: 2px;
	margin-left: 2px;
	padding: 1px;
}
#catalogueMiniatures #miniatures .addfavori {
	padding-right:15px;
}
#AfficheCartes h4 { padding-left:15px;}
#ongletsAjouter {
	width: 513px;
	margin-right: auto;
	margin-left: auto;
}
#ongletsAjouter ul
{
	margin: 0px;
	padding: 0px;
}
#ongletsAjouter li { display:inline; }
#ongletsAjouter a
{
	height: 29px;
	width: 150px;
	background: url(../images/content/btn_bg_ajouter.gif) no-repeat left top;
	display: block;
	line-height: 29px;
	text-align: center;
	vertical-align: middle;
	float: left;
	font-size: 1em;
	font-weight: bold;
	color: #692145;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 5px;
}
#ongletsAjouter a.rotation{
	width: 52px;
	background: url(none);
}
#ongletsAjouter a.on
{
	text-decoration: none;
	background: url(../images/content/sub_tab_on.gif) no-repeat left top;
}
#carteGrandeTaille
{
	border: 1px solid #AB5F8C;
	height: 330px;
	width: 513px;
	margin-left: auto;
	float: left;
	margin-right: auto;
}
#carteGrandeTailleP
{
	border: 1px solid #AB5F8C;
	height: 330px;
	width: 513px;
	margin-left: auto;
	margin-right: auto;
}
#pellicule
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top:5px;
	text-align: center;
}
.navigationCartes
{
	display: block;
	float: left;
	width: 24px;
	padding: 25px 5px 0px 2px;
	border-style: none;
}
span.navigationCartesG
{
	display: block;
	float: left;
	width: 39px;
	padding: 100px 5px 0px 2px;
	border-style: none;
}
div.navigationCartesG {
	padding-top: 15px;
	text-align: center;
}
div.navigationCartesG #automaticButton {
	margin-left: 10px;
	margin-right: 10px;
}
#pellicule a.miniature
{
	float: left;
	border: 1px solid #AB5F8C;
	margin-right: 3px;
}
#cartePrecedente { margin-left:10px; }
#navigationCarte
{
	text-align: center;
	padding-top: 25px;
}
#boxAfficheMiniaturesTop,
#boxAfficheMiniaturesBottom
{
	height: 34px;
	width: 642px;
}
#boxAfficheMiniaturesTop { background: url(../images/content/bg_miniatures_top.gif) no-repeat center top; }
#boxAfficheMiniaturesBottom { background: url(../images/content/bg_miniatures_bottom.gif) no-repeat center top; }
#boxAfficheMiniatures
{
	padding: 15px;
	width: 612px;
	background: url(../images/content/bg_miniatures.gif) repeat-y center top;
}
.boxMiniature
{
	height: 91px;
	width: 132px;
	float: left;
	margin:0 21px 30px 0;
}
.boxMiniature a img { border: 1px solid #AB5F8C; }
.boxMiniature a { color: #692145; }
/* ACCUEIL */
#colleft #formAccueil label{
	display: none;
}
#formAccueil #localite { text-transform: uppercase; }
#formAccueil dl{ margin:0px; }
/* COLRIGHT */
#colright #identification,
#colright #inscriptionMembre,
#colright #inscriptionNewsletter,
#colright #publicite,
#colright #panierBox
{
	margin-bottom: 15px;
}
/* FOOTER */
#footer ul {
	list-style: none;
	margin-right: 0;
	margin-left: 0;
}
#footer a
{
	color: #FFFFFF;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer { padding-top: 10px; }
/* COMMON */
.bgWhite { background: #FFFFFF; }
.neutre
{
	clear:both;
	font-size:1px;
}
div.liste { overflow: auto; }
div.liste ul
{
	list-style: none;
	margin-right: 0px;
}
div.liste a
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	width:130px;
}
div.liste a:hover, div.liste a:active
{
	background: #FFCCE6;
	text-decoration: none;
}
a
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	text-decoration:underline;
}
#colleft label{ display: block; }
#colleft .element {
	margin-bottom:10px;
	float:left;
}
#colleft input[type=text], #colleft input[type=password], #colleft select {
	border:1px solid #BBBBBB;
	color:#333333;
	font-size:1.2em;
	margin:0.5em 0;
	padding:5px;
	width:250px;
	margin-right:15px;
}
#colleft select {
	padding:4px;
}
#colleft div.form.element.checkbox label {
	margin-left: 10px;
	display:inline;
	color:#B81468;
	font-size:1.2em;
}

#colleft input[type=submit], #colleft a.deconnexion {
	background: url(../images/commande/btn.jpg) no-repeat center center;
	line-height: 37px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	height: 37px;
	width: 158px;
	border:none;
	margin-right:400px;
	
}
#colleft .rechercheRapide #rechercheRapideCarte { width:180px;}
#colleft a.deconnexion {
	margin:0;
}
#colleft select#civilite {
	width: 100px;
}
#colleft input#nom, #colleft input#prenom {
	width:200px;
}
#colleft input#code_postal {
	width:100px;
}
#colleft input#adresse, #colleft input#societe, #colleft input#raison_sociale, #colleft input#de_la_part_de, 
#colleft textarea#message, #colleft textarea#commentaires, #colleft input#email, 
#colleft input#confirmationEmail, #colleft input#secteur, #colleft select#forme_juridique {
	width:542px;
}
#colleft textarea#message, #colleft textarea#commentaires {
	height:100px;
}
#colleft input#ville {
	width:414px;
}
#colleft select#pays {
	width:275px;
}
#colleft input#telephone {
	width:250px;
}
#colleft input#siren, #colleft input#ape {
	width:257px;
}
#divLegendeslist {
	display:none;
}
#colleft #legendeslist {
	width:588px;
}
/****************************************
*	PANIER
*****************************************/
div.panierEtape {
	background: #F2F2F2 url(../images/commande/bg_etape_off_left.gif) no-repeat left center;
	color: #666666;
	padding-left:15px;
}
div.panierEtape span {
	padding: 5px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	display: block;
	background: #F2F2F2 url(../images/commande/bg_etape_off_right.gif) no-repeat right center;
}
div.panierEtape.on {
	color: #FFFFFF;
	background: #9FA527 url(../images/commande/bg_etape_on_left.gif) no-repeat left center;
}
div.panierEtape.on span {
	background: #9FA527 url(../images/commande/bg_etape_on_right.gif) no-repeat right center;
}
table.panierArticles {
	margin-bottom:15px;
}
table.panierArticles th {
	background: #FFFFFF;
	font-weight: normal;
	text-align:center;
}
table.panierArticles tr { background: #EFE4EB; }
table.panierArticles td {
	font-weight: bold;
	border-bottom:1px solid #C59FB5;
	border-top:1px solid #C59FB5;
}
table.panierArticles tr.white {
	padding:0;
}
table.panierArticles tr.white td {
	background:#FFFFFF none repeat scroll 0 0;
	border-style:none;
	font-size:0.1em;
	height:5px;
	padding:0;
}
table.panierArticles td.firstpa {
	border-left:1px solid #C59FB5;
	border-right: 1px dashed #C59FB5;
}
table.panierArticles td.firstpa img { vertical-align: middle; 	
}
table.panierArticles td.lastpa {
	border-right:1px solid #C59FB5;
}
table.panierArticles td.supprimer {
	background:#FFFFFF;
	font-size:0.8em;
	padding-right:5px;
	text-align: center;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
table.panierArticles td.prix, table.panierArticles td.total{ 
	text-align: right; 	
}
table.panierArticles td.format, table.panierArticles td.qte {
	border-right: 1px dashed #C59FB5;
	text-align:center;
}
table.panierArticles span.details_format {
	font-size:0.9em;
	font-weight:normal;
}
#colleft table.panierArticles input[type="text"] {
	border:1px solid #FFFFFF;
	color:#000000;
	font-size:1em;
	font-weight:bold;
	padding:1px 3px;
	width:30px;
}
a.button {
	background: url(../images/commande/btn.jpg) no-repeat center center;
	line-height: 37px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	height: 37px;
	width: 158px;
}
a#btnCommander {
	margin-right:30px;
}
tr.even td { background: #EFE4EB; }
/*******************************************
* COMMANDE
********************************************/
div.commande {
	padding: 15px;
}
div.commande h3 {
	margin-bottom:0;
	font-size:1.7em;
}
div.commande div.error {
	width:240px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom:0px;	
}
div.identificationClient {
	float:left;
	width:290px;
	border: 1px solid #CCCCCC;
	margin-right:12px;
}
#colleft div.identificationClient input#email, #colleft div.identificationClient input#confirmationEmail {
	width:250px;
}
div.commande.adresse input[type=text] {
	width:350px;
}
div.commande.adresse div.error {
	width:340px;
}
div.paiementType h3 {
	margin-bottom:10px;
}
div.paiementType {
	border:1px solid #CCCCCC;
	float:left;
	margin-right:5px;
	width:180px;
	height:260px;
	padding-bottom:0px;
}
div.commande input#adresse_membre {
	margin-top:30px;
	margin-bottom:30px;
}
/**************************************
*	PLAN DU SITE
***************************************/
div#siteMap ul {
	list-style: square url(none);
	padding-left: 40px;
}
div#siteMap a {
	display:block;
	width:420px;
	padding:2px 10px;
	font-size:1.2em;
}
div#siteMap a:hover{ background: #EFE4EB; 	
}
/****************************************
* 	CMS
*****************************************/
#formCmsEdit input[type=text] {
	width:650px;
}
#formCmsEdit textarea {
	width:650px;
	height:400px;
}
a.deconnexion {
	color: #000000;
	background: #FFCCFF;
	border: 1px solid #8C008C;
	padding: 5px;
}
#colleft h3 {
	clear: both;
}
#colleft .cmsContent img.left, #colleft .cmsContent img.right {
	padding-bottom: 20px;
	margin:0;
}
#colleft .cmsContent img.left {
	float:left;
	padding-right: 20px;	
}
#colleft .cmsContent img.right {
	float:right;
	padding-left: 20px;
}
/*******************************************
*	CONSOLE
********************************************/
#console  a.btnRetour {
	color: #FFFFFF;
	font: 1.2em Arial, Helvetica, sans-serif;
	background: #D24636;
	padding: 5px;
}
#console  a.btnRetour:hover { text-decoration: none; }
#colleft #console form {
	padding-top:30px;
}
#colleft #console #formSearchMembreTarifPerso{
	padding-top:0;
}
#colleft #console #formSearchMembreTarifPerso div.form.element {
	float:left;
}
#colleft #console #formSearchMembreTarifPerso #submit {
	margin:18px 0 0;
}
#console a.button.confirm {
	margin-bottom:20px;
}
#console form#formSetTarif #format_id {
	width:550px;
}
#console form#formSetTarif #frais_port {
	width:150px;
}
#console form#formSetTarif #quantite {
	width:50px;
}
#console #galerie div.img {
	padding: 5px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-top: 10px;
}
#console #galerie div.img.active {
	background:#E6EFC2 none repeat scroll 0 0;
	border-color:#C6D880;
}
#console #galerie div.img legende {
	font-size: 1.2em;
	font-weight: bold;
	color: #264409;
	padding: 5px;
}
#console #numero_client {
	width:550px;
}
#colleft #console #formMarqueeEdit div.form.element.checkbox {
	float:none;
	margin:0 0 20px;
}
/*******************************************
*	AJAX
********************************************/
div#ajaxload {
	position:relative;
	display:none;
}
div#ajaxloader {
	background: #682145 url(../images/content/ajax-loader.gif) no-repeat center center;
	opacity:0.8;
	width:670px;
	height:470px;
	z-index:500;
	position:absolute;
	top:67px;
	left:30px;
}