@charset "utf-8";
/* CSS Document */

BODY, HTML, FORM, H1, H2, H3, H4, H5, H6, UL, LI, OL {
	margin:0;
	padding:0;
	list-style: none;
}

BODY {
	background-color:#3D499D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}

TABLE {
	border-collapse: collapse;
}

H2 {
	border-bottom:2px solid #2E85C2;
	margin: 10px 5px 10px 5px;
	font-size: 12pt;
	color: #2E85C2;
}

IFRAME {
	border: 1px solid black;
}

IFRAME#crosslogrelay {
	border: none;
}

UL.menuroot li >span {
	display: none;
}

UL.menuroot, UL.menurootopen, UL.menuhroot, UL.menuleaves {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

UL.menuleaves {	
	display: none;
}

UL.menuleavesopen {
	display: block;
}

LABEL {
	cursor: pointer;
}

PRE {
	margin:0;
	padding: 10px;
	background-color: #FFF;
	color: #000;
	border: 1px solid black;
	z-index: 1000;
}

.clear {
	clear: both;
}
BR.clear {
	line-height: 1px;
}
.cellvalid{
	background-color: #67F058;
}
.cellnovalid{
	background-color: #FE0000;
}
.cellnovalid A:link,
.cellnovalid A:visited,
.cellnovalid A:active {
	display: block;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #320105;
}
.cell A:link,
.cell A:visited,
.cell A:active {
	display: block;
}
#site {
	font-family: Arial,Helvetica,sans-serif;
	background-color:#FFF;
	margin:auto;
	width: 954px;
	position:relative;
	
}

#site_haut {
	height: 148px;
	background: url('../img/haut.jpg');
	color: #2E85C2;
	display: block;
	position:relative;
}

#site_gauche {
	width:200px;
	float: left;
}

#site_centre {
	float: left;
	width: 614px;
}

#site_droite {
	width: 140px;
	float: right;
}

A:link,
A:visited,
A:active {
	font-family:Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #320105;
}

A:hover {
	text-decoration:underline;	
}

#site_pied {
	color:#999A9B;	
	font-size:9pt;
	padding-left:8px;
	padding-right:8px;
	text-align: center;
	clear: both;
}


#site_pied {
	padding: 2px;
}

#site_pied a:link,
#site_pied a:visited,
#site_pied a:active {
	font-size: 9pt;
}

#ariane {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 2px solid #2E85C2;
}

#linkscrolltop {
	text-align: right;
	padding: 10px;
	clear: both;
}

#sociallinks {
	margin-top: 5px;
	float: right;
}

#homelink {
	height: 65px;
	width: 295px;
	position: absolute;
	display: block;
	left: 20px;
	top: 20px;
	outline: none;
}

#innerframe {
	background-color:#FFFFFF;
	background-image: none;
	margin: 5px;
}

/* ======================================== */ 
/* 		LIENS BOUTON 					*/
/* ======================================== */ 

A.btn:link,
A.btn:visited {
    font-family: Arial,sans-serif;
     font-size: 1.0em;
     width: 200px;
     height: 43px;
     padding: 7px 20px;
     text-align: center;
     color: #fff;
	 background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
	 border-radius: 8px;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	text-decoration:none;
}

A.btn:hover {
     color: #fff;
     background: #555;
     background: -webkit-linear-gradient( #777, #333);
     background:    -moz-linear-gradient( #777, #333);
     background:     -ms-linear-gradient( #777, #333);
     background:      -o-linear-gradient( #777, #333);
     background:         linear-gradient( #777, #333);
	 text-decoration:none;
}

A.btn:active {
     color: #fff;
     background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);	
}

INPUT.btn {
	cursor: pointer;
}

/* ======================================== */ 
/* 		BOUTON V2 					*/
/* ======================================== */ 

.btn2, A.btn2:link, A.btn2:active, A.btn2:visited {	
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
}

A.btn2:link {
	text-decoration: none;
}

.btn2:hover, .btn2:focus {
	background-color: #E0E0E0;
	background-position: 0px -15px;
}

.btn2-primary, A.btn2-primary:link, A.btn2-primary:active, A.btn2-primary:visited {
	background-color: #428bca;
    background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #2b669a;
	color: #fff;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn2-primary:hover, .btn2-primary:focus, A.btn2-primary:hover, A.btn2-primary:focus {
	background-color: #2D6CA2;
}

/* ======================================== */ 
/* 		FORM V2 					*/
/* ======================================== */ 

.champ2 {
	margin: 5px;
}

.champ2 LABEL {
	font-weight: bold;	
}

.champ2 INPUT {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    padding: 3px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	box-sizing: border-box;	
}

.champ2 LABEL + INPUT {
	margin-top: 2px;
}

.champ2 INPUT:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.champ2 .validation-failed {
	border-color: #FFA6A6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(233, 100, 50, 0.6);
    outline: 0 none;
}

/* ======================================== */ 
/* 		FORMULAIRES 					*/
/* ======================================== */ 

.formulaire {
	margin: 20px 0 20px 0;
}

.formulaire H2 {
	clear: both;
}

.formulaire INPUT,
.formulaire TEXTAREA {
	border: 1px solid #333;
}

.formulaire .champ {
	margin: 4px 0 4px 0;
	width: 300px;
	float: left;
}

.formulaire .dynfields .champ {
	width: 100%;
	float: none;
}

.formulaire LABEL {
	width: 120px;
	text-align:right;
	display: block;
	float: left;
	padding-right: 5px;
	font-weight: bold;
}

.loginwin.passoublie {
    float: none;
	width: auto;
	margin: 0;
	height: auto;
    overflow: hidden;
    padding: 15px;
}

.loginwin.passoublie LABEL {
    margin-right: 10px;
    font-weight: bold;
}


.loginwin.passoublie .form-control{
    width: 250px;
}

.loginwin.passoublie .footer {
	width: 440px;
}

.liens {
	text-align: center;
	margin: 20px 0 20px 0;
}

.ko {
	font-weight: bold;
	color: #FF0000;
}

.ok {
	font-weight: bold;
	color: #00820e;
}

.validation-failed {
	border: 1px solid #FF0000;
	background-color:#FFA6A6;
}

.erreurs {
	border: 1px solid #FF0000;
	background-color:#FFA6A6;
	margin: 5px 50px 0 50px;
	padding: 5px;
	color: #000000;
	display: none;
}

UL.success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
	margin: 5px 50px 0 50px;
    padding: 5px;
    color: #000000;
    display: none;
}

.reqfield {
	color:#FF0000;
	font-size: 10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.validation-advice {
	border: 1px solid red;
	padding: 2px;
	background-color: #DDD;
}

.validation-advice-placeholder,
.grid TD.validation-advice-placeholder {
	padding: 0;
}

.field_off {
	color: #666666;
}

.panier .formulaire LABEL {
	float:none;
	width: 100%;
	text-align: left;
}

.panier .formulaire .newsletter {
	text-align: center;
}

.panier .formulaire .livrbloc .livrprix {
	font-weight: normal;
	text-align: right;
}

.panier .image_panier {
	float: left;
	padding-right: 10px;
	text-align: center;
	width: 80px;
}

.panier .liens-top {
    float: right;
    margin-top: -35px;
    right: 0;
    top: 7px;
}
.panier .gsmrequired {
	border: 1px solid #FF0000;
	background-color:#FFA6A6;
	margin: 5px;
	padding: 5px;
	color: #000000;
	font-weight: bold;	
	font-size: 16px;	
}

.panier .gsmrequired INPUT {
	font-size: 18px;
}

.hint {
	font-style: italic;
	margin-left: 123px;	
}

#champnom{
	width: 357px;
}

#champprenom LABEL {
	width: 80px;
}

#champvat {
	width: 100%;
}

#champvat LABEL {
	width: 200px;
}

.champ_raisonsociale{
	width:100%;
	float:left;
	margin: 4px 0px 4px 0px;
}

.rouge{
	color:red;
}

.conditions {
	font-size: 10px;
}

/* ======================================== */ 
/* 		BLOCK GENERIQUES					*/
/* ======================================== */ 


/* ======================================== */ 
/* 		Menu Vertical			*/
/* ======================================== */

.menuroot UL.menuleaves {
	padding-left: 10px;	
}

.menuroot .menuleaf A:link,
.menuroot .menuleaf A:visited,
.menuroot .menuleaf A:active {
	display:block;
	color: #E56E04;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

.menuroot .menuleaf A:hover {
	text-decoration: underline;
}

/* ======================================== */ 
/* 		Menu Vertical	Ouvert		*/
/* ======================================== */

UL.menurootopen UL.menuleaves {
	display: block;
}

UL.menurootopen UL.menuleaves {
	padding-left: 10px;	
}

UL.menurootopen .menuleaf A:link,
UL.menurootopen .menuleaf A:visited,
UL.menurootopen .menuleaf A:active {
	display:block;
	color: #E56E04;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

UL.menurootopen .menuleaf A:hover {
	text-decoration: underline;
}

/* ======================================== */ 
/* 		Menu Horizontal			*/
/* ======================================== */

.menuhroot {
	height: 25px;
	bottom: 0px;
	position:absolute;
	z-index: 101;	
	display: block;
	width: 100%;
}

.menuhroot LI {
	float: left;
	width: 200px;
	text-align:center;
	line-height: 25px;
}

.menuhroot LI LI {
	width: 200px;
	height: 25px;
}

.menuhroot LI UL LI UL {
	left:200px;
	position:relative;
	top:-25px;
	margin:0px;
	padding:0px;
}

.menuhroot A:link,
.menuhroot A:visited,
.menuhroot A:active {
	display: block;
}

/* ======================================== */ 
/* 		FORMULAIRE CONTACT			*/
/* ======================================== */

#contactform .champ {
	float: none;
	width: 400px;
	margin: 0 auto 5px auto;	
}

#contactform INPUT {
	width: 200px;
}

#contactform TEXTAREA {
	width: 200px;
}

/* ======================================== */ 
/* 		Mon compte			*/
/* ======================================== */

#editform #fpassword2 LABEL {
	width: 420px;
}

/* ======================================== */ 
/* 		Tabs			*/
/* ======================================== */

.tabs {
	margin-top: 10px;
	border-bottom: 1px solid #999;
}

.tabs LI.tab {
	position: relative;
	top: 1px;
	margin: 0 5px;
	border: 1px solid #999;
	float: left;
	background-color: #999;
	color: #FFF;
}

.tabs LI.tab A {
	display: block;
	padding: 5px 15px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;	
}

.tabs LI.tab A:hover {
	background-color: #FFF;
	color: #999;
}

.tabs LI.selected {
	border-bottom: 1px solid #FFF;
	background-color: #FFF; 
}

.tabs LI.selected A {
	color: #999;	
}

/* ======================================== */ 
/* 		Commandes			*/
/* ======================================== */

.tablecommandes {
	margin: 20px 0;
}

.tablecommandes .cellpaiement {
	padding-right: 45px;
}

.tablecommandes .celldate {
	text-align: center;
	padding: 10px 10px 0 10px;
}

.tablecommandes .celllabel {
	padding: 10px 10px 0 10px;
}

.tablecommandes .cellprix {
	text-align: right;
	padding: 10px 10px 0 10px;
}

.tablecommandes .cellstate {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: green;
	padding: 10px 10px 0 10px;
}

.tablecommandes .state-5 {
	color: red;
	text-decoration: blink;
}

.tablecommandes .state--1 {
	color: #000;
}

.paiement_popup {
	background-color: white;
	border: 2px solid #dfdfdf;
}

.paiement_popup .entete {
	background-color: #efefef;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #dfdfdf;
	font-size: 13px;
	font-weight: bold;
}

.paiement_popup .entete .close {
	float: right;
	cursor: pointer;
	background-color: white;
	border-radius: 5px;
	padding: 0 5px;
	text-align: center;
	border: 1px solid #dfdfdf;
}

.paiement_popup .entete .close:hover {
	background-color: #dfdfdf;
}

.paiement_popup .content {
	padding: 10px;
	min-width: 350px;
}
/* ======================================== */ 
/* 		Livre d'or			*/
/* ======================================== */
.guestbook .message {
	margin: 0 10px 20px 10px;	
}

.guestbook .message .signature {
	text-align: right;
	margin-top: 4px;
	font-size: 10pt;
}

.guestbook .message .texte {
	text-align: justify;
}

.guestbook .message .signature .nom {
	font-weight: bold;
}

.guestbook .liens {
	margin:10px 0 0 0;
	text-align:center;
	clear: both;
	height: 22px; 
}

.guestbook .message .signature .nom {
	font-weight: bold;
}

.guestbook .champ {
	width: 100%;
	float: none;
}

.guestbook .hint {
	text-align: center;	
}

/* ======================================== */ 
/* 		News Letter			*/
/* ======================================== */
.newsletter .liens {
	margin:10px 0 0 0;
	text-align:center;
}

/* ======================================== */ 
/* 		PANIER 								*/
/* ======================================== */ 

.panier TH {
	padding: 10px 0 10px 0;
}
.panier TD {
	padding: 2px 0 2px 0;
}

.panier .prixunitaire {
	font-size: 9pt;
	font-style: italic;
}

.panier .msgdispo {
	font-size: 9pt;
}

.panier .txtquantite,
.panier .txtajoutrapide,
.panier .txtfidelite,
.panier .txtcodereduc {
	border: 1px solid #777;
	text-align:center;
}

.panier .txtquantite{
	width: 35px;	
}

.panier .txtfidelite{
	width: 60px;
}

.panier .txtcodereduc {
	width: 200px;
}

.panier .uptquantite,
.panier .btnfidelite,
.panier .btncodepromo {
	border: 1px solid #777;
	border-radius:2px;
	text-align:center;
}

.panier .prix {
	text-align: right;
	font-size: 10pt;
}

.panier .quantite {
	text-align: center;
}

.panier .livrtable {
	border-collapse: separate;
}

.panier .livrtable INPUT {
	border: none;
}

.panier .livrtable LABEL {
	width: auto;
}

.panier .livrcell {
	padding: 5px;
	border: 1px solid #CCC;
}

.panier .livrtitre {
	font-weight: bold;
	display: block;
	margin-right: 70px;
}

.panier LABEL.livrimg {
	padding-top: 10px;
	float: left;
	display: block;
}

.panier LABEL.livrtext {	
	margin-left: 25px;
	font-weight: normal;
	display: block;
}

.panier LABEL.livrtextimg {
	margin-left: 150px;
}

.panier LABEL.livrprix {
	text-align: right;
	font-weight: normal;
	display: block;
	width: 70px;
	float: right;
	font-weight: bold;
}

.panier LABEL.livrmsgfranco {
	padding: 5px 5px 0;
	clear:both;
	display: block;
}

.panier .paietable {
	border-collapse: separate;
}

.panier .paietable INPUT {
	border: none;
}

.panier .paietable LABEL {
	width: auto;
}

.panier .paiecell {
	padding: 5px;
	border: 1px solid #CCC;
}

.panier .paiecell.supplement {
	padding: 5px;
	border: 1px solid #DDCCCC;
}

.panier .paiecell .paiesupp {
	padding: 5px;	
	text-align: center;
	background-color: #ffCCCC;
}

.panier .paietitre {
	font-weight: bold;
	display: block;
	margin-right: 70px;
}

.panier LABEL.paieimg,
.panier LABEL.paietext {
	font-weight: normal;
	padding-top: 5px;
	padding-left: 20px;
}

.panier .paniervide {
	font-weight: bold;
	color:  #333;
	text-align:center;
}

.panier .del {
	display:block;
	text-align:center;
}

.panier .modes {
	margin: 20px 0 20px 0;
}

.panier .modes LABEL {
	margin: 10px;
	float: left;
	height: 40px;
	padding: none;
	width: 200px;
}


.panier .modes INPUT {
	border: none;
}

.panier .totalcommcell {
    border: 1px solid #cccccc;
    float: right;
    font-size: 15px;
    margin: 0 5px;
    padding: 5px;
    width: 210px;
}

.panier .totalcommcell .prix {
    font-size: 16px;
}

.panier .totalcommcell .ttccell .prix {
    font-size: 17px;
}

.panier .totalcommcell .ttccell {
    border-top: 1px solid #cccccc;
    font-size: 15px;
    font-weight: bold;
}

.panier .liens,
.ajoutrapide .liens {
	text-align: center;
}

.ajoutrapide .champ {
	float: none;
	width: auto;
}

.panier .prixunitaire .prixnormal,
.panier .prixunitaire .prixpromo {
	display: inline;
}

.tableline TD {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 10px 0;
}

.panier .portinfo {
	font-weight: bold;
	font-size: 12pt;
}

.adresseselect .adrcell {
	padding: 5px;
	border: 1px solid #CCC;
	display: block;
	margin-bottom: 5px;
}

.panier .optionselect {
	width: 100px;
	border: 1px solid #CCC;
}

.page-default-panier-devis .actions A {
    text-decoration: none;
}

.page-default-panier-devis .actions {
    margin: 15px 0;
    text-align: center;
}

.panier #estimation {
	margin:auto;
	width:300px;
	border: 1px solid #cccccc;
	padding : 0 10px;
	background: #e0e0e0;
}
.panier #estimation .champ {
	float: none;
}
/* ==================================== */
/*			Habillage panier			*/
/* ==================================== */
.panier h1 {
	margin-bottom: 5px;	
}
.panier .article td,
.panier .point {
	border: 1px solid #CCCCCC;
	padding:5px;
}

.panier .entete th {
	padding: 2px 0 0 0;
	background: #CCCCCC;
	border:1px solid #cccccc;
}

.panier .entete th {
	text-transform: uppercase;
}

.panier .reductionuser td {
	border: 1px solid #CCCCCC;
	padding:5px;
	font-weight: bold;
}

.panier .reductionuser .montant {
	float:right;
}

/* ======================================== */ 
/* 		Catégories				*/
/* ======================================== */

.prodlist {
	background-color: #2E85C2;
	width:100%;
}

.prodlist TD {
	padding: 0;
}

.prodlist .titre {	
	width: 40px;
	text-align: center;
}

.prodlist .produits {
	margin-left: 40px;
	background-color: #FFF;
}

.prodline .imgzone {
	float: left;
}

.prodline .desc {
	text-align: justify;
}


/* ======================================== */ 
/* 		Prod halfline				*/
/* ======================================== */

.prodhalfline {
	width: 50%;
	float: left;
}

.prodhalfline .nom {
	margin: 0;
	padding: 0;
}

/* ======================================== */ 
/* 		Prod mini img				*/
/* ======================================== */

.prodminiimg {
	width: 50px;
	height: 50px;
	line-height: 75px;
	#line-height: 50px;
	border: 1px solid red;
	text-align: center;
}

.prodline .desc {
	text-align: justify;
}

/* ======================================== */ 
/* 		Prod options				*/
/* ======================================== */

.prodoptions IMG {
	 border: 2px solid #000;
}

.prodoptions LI {
	margin-bottom: 5px;
}

/* ======================================== */ 
/* 		PRIX 								*/
/* ======================================== */ 

.prixnormal {
	text-decoration: line-through;
	font-weight: bold;
}

.promopourcent {
	font-weight: bold;
	font-size: 12pt;
	color: #FF0000;
	text-decoration: blink;
}

.promopourcent .value:before {
	content:' (-';
}
.promopourcent .value:after {
	content:'%)';
}

/* ======================================== */ 
/* 		FICHE PRODUIT 						*/
/* ======================================== */ 

.fichezone .fichebody {
	position: relative;
}

.fichezone .imgzonelist{
	margin-top: 10px;
}

.fichezone .imgzonelistitem A:link,
.fichezone .imgzonelistitem A:visited,
.fichezone .imgzonelistitem A:active {
	display: block;
}

.fichezone .imgzone A:link,
.fichezone .imgzone A:visited,
.fichezone .imgzone A:active {
	display: block;
}

.fichezone .quantite {
	border: 1px solid #2E85C2;
	text-align: center;
}

.fichezone .quantiteactions {
	display: inline;
}

.fichezone .quantiteactions .quantite_moins img,
.fichezone .quantiteactions .quantite_plus img {
	margin-bottom: 4px;
}

.fichezone .quantiteactions .quantite_moins img,
.fichezone .quantiteactions .quantite_plus img{
	vertical-align: bottom;
}

.fichezone .imgzonelist .imgzonelistitem {
	float: left;
	margin: 5px;
	width: 100px;
}

.fichezone .imgzonelist .imgzonelistitem .imgzonelisttitre {
	text-align: center;
}

.fichezone .desc {
	text-align: justify;
}

.fichezone .ficheright {
	width: 400px;
	margin-left: 250px;
}

.fichezone .ficheleft {
	width: 250px;
	float: left;
}

.fichezone .fichebottom {
	clear: both;
}

.prodpied {
	font-size: 9pt;
	margin: 10px;
	text-align: right;
	font-style: italic;
}

.fichezone .fichelabel {
	font-weight: bold;
}

.prixdegtable {
	width: 100%;
}

.prixdegtable TD.qte {
	text-align: center;
}

.prixdegtable TD.valprix {
	text-align: right;
}

/* ======================================== */ 
/* 		BLOCKS								*/
/* ======================================== */
.blockwsb{text-align: left;}
.blockwsb li{	list-style: disc inside none;}

.blocksearchcrit SELECT {
	width: 100%;
	margin: auto;
}

.blocksearchcrit .liens {
	margin: 2px 0;
	text-align: right;
}

/* ======================================== */ 
/* 		USER								*/
/* ======================================== */

#vatcheck #erreurs {
	margin: 5px; 
}

#vatcheck .liens {
	margin: 10px 5px;
}

/* ======================================== */ 
/* 		PLUGIN SURFACE						*/
/* ======================================== */

.plugin_surface .liens {
	text-align: right;
}

.plugin_surface INPUT {
	text-align: center;
}

.plugin_surface .optionssuptitre {
	font-weight: bold;
	margin: 0 5px;
}

.plugin_surface .optionssup {
	margin: 0 2px;
}

/* ======================================== */ 
/* 		PLUGIN LINEAIRE						*/
/* ======================================== */

.plugin_lineaire .liens {
	text-align: right;
}

.plugin_lineaire INPUT {
	text-align: center;
}

/* ======================================== */ 
/* 		GRID								*/
/* ======================================== */

.grid TH {
	background-color: #CCC;
	font-weight: bold;
	padding: 2px;
}

.grid TD {
	padding: 5px 0;
}

.grid .pairline TD {
	background-color: #E0E0E0;	
}

.grid INPUT,
.grid SELECT {
	border: 1px solid #666;
}

/* ======================================== */ 
/* 		PLAN DU SITE						*/
/* ======================================== */

.planroot UL LI {
	list-style-type: square;
	margin-left: 40px;
}

/* ======================================== */ 
/* 		CHEMIN DE FER						*/
/* ======================================== */
.cheminfer {
	width: 700px;
}
.cheminfer {
	margin-bottom: 10px;
}
.cheminfer .etape .nom {
    text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.cheminfer .etapeon {
	color: #FFF;
}
.cheminfer .etape {
    border: none;
    float: left;
    height: 39px;
    padding: 21px 0 0 40px;
    width: 128px;
	margin-right: 3px;
}
.cheminfer .etape4 {
    width: 114px;
	margin-right: 0;
}

.cheminfer .etape1on {
	background: url("../img/etape_panier.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape2 {
	background: url("../img/etape_identification.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape2on {
	background: url("../img/etape_identification_over.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape3 {
	background: url("../img/etape_validation.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape3on {
	background: url("../img/etape_validation_over.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape4 {
	background: url("../img/etape_paiement.gif") no-repeat scroll 0 0 transparent;
}
.cheminfer .etape4on {
	background: url("../img/etape_paiement_over.gif") no-repeat scroll 0 0 transparent;
}

#confirmform {
	margin: 0;
}

/* ======================================== */ 
/* 		RECHERCHE						*/
/* ======================================== */

.resultscount {
	font-style: italic;
	margin-left: 24px;
}

.results {
	margin-top: 15px;
}

/* ======================================== */ 
/* 		ACTUS					*/
/* ======================================== */

.actus IMG {
	margin: 0 5px 5px 0;
}

.actus .actu {
	margin-bottom: 5px;
}

/* ======================================== */ 
/* 		REGIE PUB					*/
/* ======================================== */
.regiepub_caroussel {
	position: relative;
}

.regiepub_caroussel .slide {
	display: block;
	position: absolute;
}

.regiepub_caroussel .buttons {
	bottom: 0;
	height: 24px;	
	position: absolute;
}

.regiepub_caroussel .buttons .button {
	height: 24px;
	line-height: 24px;	
	padding: 0 10px 0 10px;		
	background-image: url('../img/carousel_bg.gif');
	border: 1px solid white;
}

.regiepub_caroussel .buttons .button a:link,
.regiepub_caroussel .buttons .button a:active,
.regiepub_caroussel .buttons .button a:visited {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}

.regiepub_caroussel .buttons .button a:hover {
	text-decoration: none;	
}

.regiepub_caroussel .buttons .selected {
	background-image: url('../img/carousel_bg.gif');
	font-weight: bold;
}

.regiepub_caroussel .jscountdown {
	position: absolute;
	top: 0px;
	right: 0px;
}

.regiepub_caroussel a:link,
.regiepub_caroussel a:active,
.regiepub_caroussel a:visited,
.regiepub_caroussel a:hover {
	color: #FFF;
}

.regiepub_background {
	display : block;
	width : 100%;
	height : 100%;
	background-position: center top;
	background-repeat: no-repeat;
	width : 100%;
	height : 100%;
	position : fixed;
	z-index : 0;
}

/* ======================================== */ 
/* 		DIAPORAMA					*/
/* ======================================== */

.jsdiapo {	
	width: 400px;
	height: 318px;
	position: relative;
	background-color: #000;
}

.jsdiapo .jsdiaposcroll {
	width: 400px;
	height: 300px;
	overflow: hidden;
}

.jsdiapo .jsdiapoimg {
	float: left;
	width: 400px;
	height: 300px;
	color: #FFF;
}

.jsdiapo .prev,
.jsdiapo .next {
	width: 50%;
	height: 18px;
	position: absolute;
	background-color: #000;
	padding: 0 5px;
}

.jsdiapo .prev {
	bottom: 0;
	left: 0;
}

.jsdiapo .next {
	bottom: 0;
	right: 0;
	text-align: right;
}

.jsdiapo A:link,
.jsdiapo A:visited,
.jsdiapo A:active {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

.jsdiapo A:hover {
	text-decoration: underline;
}

/* ======================================== */ 
/* 		COMPOSANTS JS					*/
/* ======================================== */

.jsdata {
	display: none;
}

.overpanel {
	 position: absolute; 
	 display: none;
	 z-index: 100;
}

.jscountdown {
	visibility: hidden;
	background:url(../img/chrono.gif) no-repeat 2px center #FF0000;
	color: #FFF;
	padding: 2px;
	border: 1px solid #FFF;
	width: 180px;
	text-align: center;	
	font-weight: bold;
}

.jsajaxpanel {
	visibility: visible;
	text-align: center;
	font-weight: bold;
}

.jsrangeslider .titre {
	padding-bottom: 5px;
}

.jsrangeslider .gutter {
	border: 1px solid #999;
	background-color: #EEE;
	border-radius: 3px;
	height: 8px;
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.jsrangeslider .gutter .knob {
	border: 1px solid black;
	background-color: #999;
	border-radius: 3px;
	height: 12px;
	width: 12px;
	position: absolute;
	top: -3px;
	left: -3px;
	cursor: pointer;
}

.jsrangeslider .gutter .knobmax {
	top: -17px;
}

.jsrangeslider .gutter .bkg {
	position: absolute;
	height: 8px;
	width: 100%;
	background-color: red;
}

.jsrangeslider .values {
	clear: both;
	padding-top: 1px;
}

.jsrangeslider .maxvalue {
	text-align: right;
} 

.jsrangeslider .minvalue,
.jsrangeslider .maxvalue {
	width: 50%;
	float: left;
}

/* ======================================== */ 
/* 		IMAGE MAP					*/
/* ======================================== */

.fiche .plugin_imagemap_img {
	border: 2px solid #0f0f0f;
	position: relative;	
}

.plugin_imagemap A.imagemaplink:link,
.plugin_imagemap A.imagemaplink:visited,
.plugin_imagemap A.imagemaplink:active {
	display: block;
	position: absolute;
	background: url('../img/schemazone.png');
	width: 30px;
	height: 30px;
}


/***********************************
 *          Tool tips              *
***********************************/

.tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}

/* ======================================== */ 
/* 		CSS HACK					*/
/* ======================================== */

.vcenterOuter {height: 100%; width: 100%; overflow: hidden; position: relative;} 
html>/**/body .vcenterOuter {display: table; position: static;}

.vcenterMiddle {position: absolute; left: 0; top: 50%;} 
html>/**/body .vcenterMiddle {position: static; display: table-cell; vertical-align: middle; width: 100%;}

/* .vcenterInner {position: relative; top: -50%; margin-left: auto; margin-right: auto;} */ /* for explorer only */

/* ======================================== */ 
/* 		TRANSACTION					*/
/* ======================================== */

.transactioninfo{
	padding:5px;	
}
.transaction .commentaire{
	text-align:justify;
	padding:0px 30px 0px 100px;
}
.transaction .montant{
	padding:5px 30px 10px 115px;
}

.transaction .gsmrequired {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 15px;
}

.transaction .gsmrequired .saisie {
    margin-top: 5px;
}

.transaction .gsmrequired .saisie INPUT {
    font-size: 18px;
}

.transaction .gsmrequired .saisie BUTTON {
    padding: 3px 12px;
    vertical-align: top;
}

/* ======================================== */ 
/* 					REMISE					*/
/* ======================================== */


.panier .remisetable {
	border-collapse: separate;
}

.panier .remisetable INPUT {
	/*border: none;*/
}

.panier .remisetable LABEL {
	width: auto;
}

.panier .remisecell {
	padding: 5px 5px 6px 5px;
	border: 1px solid #CCC;
}

.panier .remisecell .titre {
	font-weight: bold;
	display: block;
	float:left;
	margin-bottom: 10px;
}

.panier .remisecell .text {	
	clear:both;
	margin-left: 25px;
	margin-top: 4px;
	font-weight: normal;
	display: block;
	text-align:center;
	float:left;
}

.panier .remisecell .action {	
	float:right;
}

.panier .remisecell .prix {
	text-align: right;
	font-weight: normal;
	display: block;
	float: right;
	font-weight: bold;
}

.panier .apportpoints {
	text-align:center;
	font-weight:bold;
}

.panier .apportpoints .points{
	color:#ff0000;
}

/* ======================================== */ 
/* 			DETAIL DES COMMANDES			*/
/* ======================================== */

.detailcommande {
	padding:15px 0;
}

.detailcommande .adresse {
	margin-bottom: 20px;
}

.detailcommande .adresse td {
	padding: 0 15px;
}

.detailcommande .adresse td H2{
	margin-left: -10px;
	margin-bottom:0;
}

.detailcommande .listitem {
	padding:0 15px;
}

.detailcommande .listitem .prixnormal,
.detailcommande .listitem .prixpromo {
	display:inline;
}

.detailcommande .total {
	padding-right:15px;
}

.detailcommande .total table{
	width:200px;
	margin-bottom:10px;
}

.detailcommande .liens {
	clear:both;
}

.optionzone .optionimgs {
	margin-top: 5px;
}

.denied {
	text-align: center;
}

.blockfacebook {
	text-align:center;
}

/* ======================================== */ 
/* 		SEJOUR								*/
/* ======================================== */

#sejourform H2 {
	margin-bottom: 10px;	
}

.opttarif {
	margin-bottom: 5px;	
}

.optsejour .optionzone LI {
	margin-left: 20px;
	margin-bottom: 5px;
}

.optsejour .optionnom .optionradio {
	float: left;
}

.optsejour .optionnom LABEL {
	width: auto;
	float: none;
	text-align: left;
}

.formulaire .participant INPUT {
	width: 135px;
}

.formulaire .participant LABEL {
	width: 125px;
}

.formulaire .participant INPUT.datepickerinput {
	width: 70px;
}

/* ======================================== */ 
/* 		tabcontrol - zone Onglets			*/
/* ======================================== */


.tabcontrol .tabcontrol_onglets {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 30px;
}

.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet {
    float: left;
    list-style: none;
    margin: 0;
    margin: 3px 3px 0;
    height: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
	text-align: center;
}

.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet.selected {
    z-index: 3;
}

.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet a:link,
.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet a:visited,
.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet a:active {
	float:left;
    height: 27px;
    line-height: 27px;
    background: linear-gradient(#F3F3F3, #FFFFFF 70%) repeat scroll 0 0 transparent;
    border: 1px solid #666666;
    border-bottom: 0;
    padding: 0 10px;
    text-decoration: none;
    color: #333;
}

.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet.selected a:link,
.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet.selected a:visited,
.tabcontrol .tabcontrol_onglets li.tabcontrol_onglet.selected a:active {
    background: none;	
    background-color: #fff;	
    color: #000;
}

.tabcontrol .tabcontrol_panel {
    clear: left;
    position: relative;
    z-index: 2;
    padding: 13px;
    border: 1px solid #666666;
    background: #FFF;
    display: none;
}

.tabcontrol .tabcontrol_panel.selected {
    display: block;
}


/* ======================================== */ 
/* 					CKEditor				*/
/* ======================================== */

BODY.cke_show_borders {
	background:none;
}

.cke_panel_listItem a,
.cke_panel_listItem a:link,
.cke_panel_listItem a:visited,
.cke_panel_listItem a:active {
	text-decoration: none;
}

/* ======================================== */ 
/* 				Calendrier					*/
/* ======================================== */

.datepicker {
	background: url(../img/admin/calendar.gif) no-repeat center center;
	cursor: pointer;
    display: inline;
    height: 12px;
    margin-left: -19px;
    margin-top: 4px;
    position: absolute;
    width: 13px;
}

.datepickerinput {
	padding-right: 22px;
	width: 70px;
}

/* ======================================== */ 
/* 					SlimBox 				*/
/* ======================================== */

#lbIframe {
	width: 450px;
	height: 200px;
}

.body-default-shop-prod #lbIframe {
	width: 700px;
	height: 500px;
}

.stickypopup {
	background-color: #252729;
	border: 1px solid #c6c6c6;

}

.stickytitre {
	border-bottom: none;
	float: left;
	padding: 3px 10px;
	font-size: 20px;
	color: #ffffff;
}

.stickyclose {
	border-bottom: none;
	float: right;
	padding: 3px 10px;
	margin-top: 3px;
}

.stickyclose a,
.stickyclose a:link,
.stickyclose a:visited,
.stickyclose a:active {
	color: #ffffff;
}

.stickycontent {
	background-color: #ffffff;	
	padding: 10px;
	width: 835px;
	height: 450px;
	overflow-y: auto;
	clear: both;
}

.optionpopup {
	width: 90px;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

.fiche .optionpopup .img {
	width: 90px;
	height: 70px;
}

.fiche .optionpopup .nom {
	background-color: transparent;
}

/* ======================================== */ 
/* 					Pagination 				*/
/* ======================================== */

.blockcatpaging .page{
	border:0; 
	margin: 0; 
	font-size: 11px;
	list-style: none;
	margin-right: 2px;
	padding: 3px 6px;
}

.blockcatpaging a.page{
	margin-right:2px;
}


.blockcatpaging .page.next-off,
.blockcatpaging .page.previous-off {
	color: #b8b8b8;
}

.blockcatpaging a.page.next,
.blockcatpaging a.page.previous {
	font-weight:bold;
}

.blockcatpaging .page.current{
	font-weight: bold;
}

/* ======================================== */ 
/* 		USER 								*/
/* ======================================== */

.body-default-user-edit .tabs{
	margin-bottom: 10px;
}

.page-default-user-login .erreurs,
.page-default-user-edit .erreurs{
	margin: 10px 20px;
}

.loginwin {
	float: left;
	border: 1px solid #000000;
	width: 285px;
	height: 240px;
	margin: 7px;
	position: relative; 
}

.loginwin H2 {
	margin: 2px;
	padding: 5px 0 5px 10px;
	background-color: #b7b7b7;
	color: #000;
	font-size: 14px;
}

.loginwin .content {
	margin: 15px 5px 5px 5px;	
}

.loginwin .content UL {
	list-style-type: square;	
}

.loginwin .content UL LI {
	margin: 5px 5px 5px 20px;
	list-style-type: square;
}

.loginwin .erreurs {
	margin: 5px;
}

.loginwin .footer {
	position: absolute; 
    bottom: 0;
	padding: 5px;
	text-align: right;
	width: 275px;
}

.edituserform{
	margin-bottom: 20px;
}

.edituserform LABEL {
	width: 120px;
	float: left;
}

.edituserform INPUT {
	width: 170px;
	border: 1px solid #a6a6a6;
}

.login .passoublie {
	text-align: center;
	float: right;
	margin-right: 10px;
}

.edituserform LABEL {
	text-align: right;
	padding-right: 10px;
}

.edituserform LABEL .minilabel {
	font-size: 11px;
}

.edituserform SELECT{
	width: 172px;
	border: 1px solid #a6a6a6;
}

.edituserform .champ {
	float: left;
	width: 316px;
	margin: 5px 0;
}

.edituserform .adresse,
.edituserform .parrainage,
.edituserform .complements,
.edituserform .livadresse {
	clear: both;
}

.identifiants .champ{
	display: block;
	float: none;
	width: 100%;
}

.identifiants INPUT{
	width: 200px;
}
.edituserform .civilite{
	width: 100%;
}
.edituserform .civilite LABEL.choix{
	width: 60px;
}
.edituserform .civilite INPUT{
	width: 22px;
}

.edituserform .nom{
	clear: both;
}

.edituserform INPUT.ville {
	height: 15px;
}
.edituserform SELECT.ville {
	height: 20px;
}
.edituserform .champ.ville,
.edituserform .champ.fax {
	clear: both;
}

.edituserform .vatnum,
.edituserform .parrain {
	clear: both;
	display: block;
	width: 100%;
}

.edituserform .vatnum LABEL{
	width: 200px;
}

.edituserform .parrain LABEL{
	width: 170px;
}

.edituserform .vatnum SELECT{
	width: 50px;
}

.edituserform .vatnum #cell_valid_vatnum,
.edituserform .parrain #cell_valid_parrain{
	display: inline;
}

.edituserform .adresse{
	display: block;
	float: none;
	width: 100%;
	overflow: auto;
}

.edituserform #div_livraison {
	overflow: auto;
}

.edituserform .adresse .reqfield{
	vertical-align: top;
}

.edituserform .adresse TEXTAREA{
	width: 486px;
	border: 1px solid #a6a6a6;
}

.edituserform .adresse .champ.adresse INPUT{
	width: 485px;
}

.edituserform .livchoix LABEL{
	display: block;
	float: none;
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}

.edituserform .livchoix INPUT{
	width: 70px;
}

.edituserform .actions{
	clear: both;
	text-align: right;
	padding-top: 10px;
	margin-right: 10px;
}

.edituserform .actions #valider{
	cursor: pointer;
}

.edituserform .choix INPUT{
	border: none;
}

/* ======================================== */ 
/* 		STICKY Popup						*/
/* ======================================== */

.sticky_fond{
	background-color: #000000;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 8000;
}

.popup_stickywin .content-ajoutajax,
.popup_stickywin .content-ajoutqteajax,
#popup_stickywin .content-ajoutqteajax{
	width: 450px;
	background-color: #ffffff;
	padding: 5px;
	position: relative;
}

.popup_stickywin .content-ajoutajax .result_post,
.popup_stickywin .content-ajoutqteajax .result_post,
#popup_stickywin .content-ajoutqteajax .result_post{
	height: 80px;
	padding: 0 15px;
}

.popup_stickywin .content-ajoutajax .result_post .txt,
.popup_stickywin .content-ajoutqteajax .result_post .txt,
#popup_stickywin .content-ajoutqteajax .result_post .txt{
	padding: 10px;
}

.popup_stickywin .content-ajoutajax .result_post .nom,
.popup_stickywin .content-ajoutqteajax .result_post .nom,
#popup_stickywin .content-ajoutqteajax .result_post .nom{
	float: left;
	font-size: 20px;
}

.popup_stickywin .content-ajoutajax .result_post .option,
.popup_stickywin .content-ajoutqteajax .result_post .option,
#popup_stickywin .content-ajoutqteajax .result_post .option,
.popup_stickywin .content-ajoutajax .result_post .quantite,
.popup_stickywin .content-ajoutqteajax .result_post .quantite,
#popup_stickywin .content-ajoutqteajax .result_post .quantite{
	float: left;
	clear: both;
	font-size: 13px;
}

.popup_stickywin .content-ajoutajax .result_post .quantite,
.popup_stickywin .content-ajoutqteajax .result_post .quantite,
#popup_stickywin .content-ajoutqteajax .result_post .quantite{
	margin-bottom:  5px;
}

.popup_stickywin .content-ajoutajax .result_post .prix,
.popup_stickywin .content-ajoutqteajax .result_post .prix,
#popup_stickywin .content-ajoutqteajax .result_post .prix{
	float: right
}

.popup_stickywin .content-ajoutajax .actions,
.popup_stickywin .content-ajoutqteajax .actions,
#popup_stickywin .content-ajoutqteajax .actions{
	clear: both;
	text-align: center;
}

.popup_stickywin .content-ajoutajax .actions .event_closePopup,
.popup_stickywin .content-ajoutajax .actions .event_navToPanier,
.popup_stickywin .content-ajoutqteajax .actions .event_closePopup,
#popup_stickywin .content-ajoutqteajax .actions .event_closePopup,
.popup_stickywin .content-ajoutqteajax .actions .event_navToPanier,
#popup_stickywin .content-ajoutqteajax .actions .event_navToPanier{
	margin: 5px;
	cursor: pointer;
}

.waitredirect {
	font-size: 12pt;
	text-align: center;
}

.atosform {
	text-align: center;
}

/* ======================================== */ 
/* 		Page Erreur 404						*/
/* ======================================== */
.error404_msg,
.error404_link{
	text-align: center;
	margin: 10px 0;
	font-size: 16px;
}
.error404_link a:link, 
.error404_link a:visited, 
.error404_link a:active {
	font-size: 14px;
	padding:5px 0;
}

/* ======================================== */ 
/* 		Défilement fiche					*/
/* ======================================== */
.fichedefilement, 
.fichedefilement .content {
	overflow: hidden;	
	white-space: nowrap;
}

.fichedefilement .leftarrow,
.fichedefilement .rightarrow {
	float: left;
	cursor: pointer;
}

.fichedefilement .content {
	float: left;
}

.fichedefilement .content .fichesimplezone {
	zoom: 1;
	display: inline-block;
}

/* ================================ */ 
/* 		Tooltips fichesimple		*/
/* ================================ */
.fichesimplezone .tooltips_content{
	z-index: 200;
	position: absolute;
	background-color:#333333;
	color: #ffffff;
}

.fichesimplezone .tooltips_content .arrow{
	position: absolute;
	background-image: url('../img/top_tooltips.gif');
	background-repeat: no-repeat;
	width: 50px;
	height: 13px;
	margin-top: -12px;
	margin-left: 30px;
}

.fichesimplezone .tooltips_content .content{
	padding: 5px;
}

/* ================================ */ 
/* 		Tooltips fichesimple		*/
/* ================================ */
.form_balise .champ {
    float: none;
    width: 640px;
}

.form_balise .champ label{
    width: 260px;
}

.form_balise .champ input{
    width: 330px;
}


/* Google Remarketing */
IFRAME[name="google_conversion_frame"] {
	display: none;
}

/* ================================ */ 
/* 			RegiePub Popup			*/
/* ================================ */
.regiepub_popup {
	position: relative;
}

.regiepub_popup .close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 600;
	padding: 5px;
}


.success {
	color: green;
}

.danger {
	color: red;
}

.warning {
	color: orange;
}

/* ================================ */ 
/*		Fidélité & Parrainage		*/
/* ================================ */

.fidelite_historique th,
.fidelite_tree th {
  border-top: 1px solid #dddddd;
}

.fidelite_historique td,
.fidelite_tree td {
  border-bottom: 1px solid #dddddd;
  padding: 2px 5px;
}

.fidelite_historique tbody,
.fidelite_tree tbody {
  border-top: 2px solid #dddddd;
}

.fidelite_historique tbody tr:nth-child(odd) td,
.fidelite_historique tbody tr:nth-child(odd) th,
.fidelite_tree tbody tr:nth-child(odd) td,
.fidelite_tree tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

/* ================================ */ 
/* 			RGPD Popup				*/
/* ================================ */
.ui-site-rgpd-popup {
	background: #fff;
}

.ui-site-rgpd-popup .entete,
.ui-site-rgpd-popup .footer {
	background: #efefef;
	padding: 10px;
	overflow: hidden;
}

.ui-site-rgpd-popup .entete H4 {
	float: left;	
}

.ui-site-rgpd-popup .entete .close {
	float: right;	
	cursor: pointer;
}

.ui-site-rgpd-popup .content {
	padding: 15px;
}
	
.ui-site-rgpd-popup .footer {
	background: #efefef;
	text-align: center;
	padding: 5px;
	overflow: hidden;
}

.ui-site-rgpd-popup .footer .btn {
	margin: 0 15px;
}
	
	
.ui-site-rgpd-message {
	font-size: .9em;
}

.ui-site-rgpd-cookiebar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,240);
	z-index: 100000;
	text-align: center;
	padding: 15px;
	border-top: 1px solid #ccc;
}

.ui-site-rgpd-cookiebar .ui-site-rgpd-cookiebar-txt {
	color: #333;
	display: inline-block;
	text-align: justify;
}

.ui-site-rgpd-cookiebar .ui-site-rgpd-cookiebar-btn {
	padding: 3px 10px;
	margin: 0 10px;
}
.ui-site-rgpd-cookiebar .ui-site-rgpd-cookiebar-link {
	float: right;
	color: #333;
}