@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
input[type="submit"] {
	cursor:pointer;
}
input[type="button"] {
	cursor:pointer;
}
html, body {
	font-size:11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fffff;
	background-attachment:fixed;
	background-image: url(../img/fondgris.png);
	background-position: center top;
	background-repeat: repeat-x;
	height: 100%;
}
#content{
	position: relative;
	width: 988px;
	margin: 0 auto;
}
#menuhaut {
	background-color: #fffff;
	background-image: url(../img/fondentete.png);
	background-position: left top;
	background-repeat: no-repeat;
	height:207px;
	min-height:207px;
	width:985px;
}

#lestatistiques,
#lesoutils,
#leprogramme {
	position: absolute;
	z-index: 200;
	background: transparent url('../img/pix_violet.png');
}

#contenu {
	background-color: #fffff;
	height:100%;
	padding: 20px;
}
#contenuaccueil {
	background-color: #fffff;
	height:100%;
	padding: 0;
}
#footer {
	background-color: #dddddd;
	height:89px;
	width:985px;
	text-align: center;
	font-size:11px;
	color:#000;
	padding-top:21px;
}
#droitelogo{
	display:inline;
	float:left;
	margin-top: 15px !important;
	margin-top: 12px;
	margin-left: 20px;
	width:381px;
	padding:0;

}
#logo {
	margin-left: 10px;
}
#tableaubord {
	background-image: url(../img/fondtableaubord.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:391px;
	height:55px;
	margin-top: 9px;
	font-size:11px;
	color: #000;
}
#tableaubord a{
	color: #000;
}
#cadrenews {
	display:inline;
	float:left;
	width:299px;
	height:141px;
	margin-top: 10px;
	margin-left: 20px;
	background-image: url(../img/fondnews.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding:0;
}
#titrenews {
	margin-top: 11px;
	margin-left: 16px;
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
}
#news {
	margin-top: 4px;
	margin-left: 16px;
	font-size:11px;
	color: #a9a2f4;
	height: 86px;
	width: 275px;
}
#boutonnews{
	width: 299px;
	margin-top:3px;
}
#boutonnews div {
	float:left;
}

.cadrechat{
	display:inline;
	float:left;
	width:229px;
	height:141px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../img/fondchat.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding:0;
}

.status {
	float:left;
	text-align:right;
	width:75px;
	margin-top: 4px;
	font-size:11px;
	color: #FFFFFF;
}
.boutonstatus {
	float:left;
	margin-top: 6px;
	margin-left:21px;
	font-size:11px;
	color: #FFFFFF;
}
.clear{
	clear:both;
	font-size:1px;
}
#menu {
	display:inline;
	height: 46px;
	width: 983px;
	font-size:14px;
}
#menu div{

}
#titrepage {
	background-image:url(../img/fondtitrepage.png);
	background-position:left top;
	background-repeat: no-repeat;
	width:243px;
	height:32px;
	line-height:32px;
	font-size: 16px;
	color: #FFF;
	padding-left: 20px;
	margin-top: 15px;
}
#bttools{
	float:right;
	margin-right: 12px;
}
#lienmenu {
	overflow:hidden;
	margin-top: 15px;
	/*display: inline;*/
}

#lienmenu div a{
	display:block;
}

.btaccueil, .selbtaccueil {
	background-image: url(../img/btaccueil.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btaccueil:hover, .selbtaccueil:hover {
	background-position: 0 -35px;
}
.selbtaccueil {
	background-position: 0 -69px;
}

.btstatistique, .selbtstatistique, .hoverbtstatistique {
	background-image: url(../img/btstatistique.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btstatistique:hover, .selbtstatistique:hover {
	background-position: 0 -35px;
}
.selbtstatistique {
	background-position: 0 -69px;
}
.hoverbtstatistique {
	background-position: 0 -35px;
}

.btoutilpromo, .selbtoutilpromo, .hoverbtoutilpromo {
	background-image: url(../img/btoutilpromo.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btoutilpromo:hover, .selbtoutilpromo:hover {
	background-position: 0 -35px;
}
.selbtoutilpromo {
	background-position: 0 -69px;
}
.hoverbtoutilpromo {
	background-position: 0 -35px;
}

.btprogramme, .selbtprogramme, .hoverbtprogramme {
	background-image: url(../img/btprogramme.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btprogramme:hover, .selbtprogramme:hover {
	background-position: 0 -35px;
}
.selbtprogramme {
	background-position: 0 -69px;
}
.hoverbtprogramme {
	background-position: 0 -35px;
}

.btconnexion, .selbtconnexion, .hoverbtconnexion {
	background-image: url(../img/btconnexion.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btconnexion:hover, .selbtconnexion:hover {
	background-position: 0 -35px;
}
.selbtconnexion{
	background-position: 0 -69px;
}
.hoverbtconnexion {
	background-position: 0 -35px;
}

.btinscription, .selbtinscription, .hoverbtinscription {
	background-image: url(../img/btinscription.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btinscription:hover, .selbtinscription:hover {
	background-position: 0 -35px;
}
.selbtinscription {
	background-position: 0 -69px;
}
.hoverbtinscription {
	background-position: 0 -35px;
}

.btcontact, .selbtcontact {
	background-image: url(../img/btcontact.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btcontact:hover, .selbtcontact:hover {
	background-position: 0 -35px;
}
.selbtcontact {
	background-position: 0 -69px;
}

.btconcours, .selbtconcours {
	background-image: url(../img/btconcours.png);
	background-repeat:no-repeat;
	background-position: 0 0px;
}
.btconcours:hover, .selbtconcours:hover {
	background-position: 0 -35px;
}
.selbtconcours{
	background-position: 0 -69px;
}

.bordure {
	display:block;
	border: 1px #cccccc solid
}

.bordurerouge {
	display:block;
	border: 1px #6137c4 solid; /* # ffa3a3 */
}
.bordure .haut,
.bordurerouge .haut {
	line-height: 20px;
	border-bottom: 1px #cccccc solid;
	background-image:url(../img/fondentetetableau.png);
	background-repeat:repeat-x;
	background-position:left top;
	padding-left: 5px;
	font-size:12px;
	color: #6225b8;
	font-weight: bold;
}
.bordurerouge .haut {
	border-bottom: 1px #6137c4 solid;
	background-position:left -72px;
	color: #ffffff;
}
a {
	color: #6225b8;
}
a:hover{
	color:#000;
}
.label {
	font-size:12px;
	font-weight: bold;
	padding-top: 10px;
	color: #333333;
}
.label LABEL.sel {
	color: #6225b8;
}
.champ {
	font-size:12px;
	font-weight: bold;
	padding-top: 5px;
}
.champ SELECT.sel {
	background-color: #eee9f8;
}
.champ SELECT.sel OPTION {
	background-color: #ffffff;
}
.champ SELECT.sel .sel {
	background-color: #eee9f8;
}
.champ input, select {
	width: 176px;
	border: 1px #cccccc solid; s
}
.submit {
	text-align:center;
	margin-top:14px;
}
#choixvideo {
	float: left;
	margin-top: 19px;
	width: 219px;
}
#confaffichage {
	float: left;
	margin-left: 10px;
	margin-top: 19px;
	width: 715px;
}
.btchangecouleur{
	display:block;
	width:36px;
	height:20px;
}
.btviolet {
	background-image: url(../img/btviolet.png);
	border:0;
	width:119px;
	height:24px;
	font-weight:bold;
	color: #fff;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
#resultatcode{
	display:block;
	height:70px;
	margin-top: 10px;
}
#resultatcode textarea{
	height:60px;
	width:938px;
	border: 1px #cebdf6 solid;
	padding: 4px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.blocautre{
	margin-top:10px;
	display:block;
	background-image: url(../img/fondautreoutil.png);
	background-position:top left;
	width:490px;
	height:139px;
}
.blocautre2{
	margin-top:10px;
	display:block;
	background-image: url(../img/fondautreoutil2.png);
	background-position:top left;
	width:440px;
	height:139px;
}
/*police*/
.violetgras {
	font-size:12px;
	color: #6225B8;
	font-weight: bold;
}
.violet {
	font-size:11px;
	color: #a9a2f4;
}
#lstnews .violet, #lstnews .violetnews {
    font-size: 12px;
}
.blanc {
	font-size:11px;
	color: #FFFFFF;
}
.blancgras {
	font-size:11px;
	color: #FFFFFF;
	font-weight: bold;
}
a.blanc {
	color: #fff;
}
a.violetgras {
	color: #6225B8;
	font-weight: bold;
}
a.violet {
	color: #a9a2f4;
}
a.violetnews {
	color: #a9a2f4;
}
a:hover.violetnews{
		color: #000;
}
a:hover.violet, a:hover.violetgras, a:hover.violet {
	color: #fff;
}
.vertgras{
	color: #65df3a;
	font-size:12px;
	font-weight:bold;
}
.rougegras{
	color: #df3a3a;
	font-size:12px;
	font-weight:bold;
}
.rouge {
	color: #df3a3a;
}

h1 {
	color: #333333;
	font-size: 18px;
	height: 34px;
	background-image: url(../img/h1bordure.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
h1.accueil {
	color: #333333;
	font-size: 16px;
	height: 20px;
	background-image: none;
}
h3 {
	margin-top: 14px;
	margin-bottom: 10px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	background-image: url(../img/h1bordure.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.sousmenu {
	border-top: 1px #7d5bcc solid;
	padding:13px;
	margin:0;
}
.sousmenu ul {
	list-style:none;
	background-color: #eee9fa;
	padding: 8px;
	width: 162px;
}
.sousmenu li {
	display:inline;
	font-size:12px;
}
.sousmenu a {
	color: #6225b8;
}
.sousmenu a:hover{
	color:#000;
}
.entetev3 {
	background-image: url(../img/fondmenuv3.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.enteterouge {
	background-image: url(../img/fondmenurouge.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.entetejaune {
	background-image: url(../img/fondmenujaune.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.entetebleu {
	background-image: url(../img/fondmenubleu.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	margin-top:8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.entetebleufonce {
	background-image: url(../img/fondmenuhard.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	margin-top:8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.enteterose {
	background-image: url(../img/fondmenurose.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	margin-top:8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}
.entetevert {
	background-image: url(../img/fondmenuvert.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 25px;
	padding-left: 8px;
	margin-top:8px;
	color: #FFF;
	width: 178px;
	font-weight: bold;
}

/* Color picker */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
	width: 50px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}



/* Nouveau admin statsv3 */
.ongleton {
	color: #ff0000;
	cursor: default;
	text-decoration: none;
}
.tbl_gestion THEAD TR.sous-titre TD {
	background-color: #e9e9e9;
	font-weight: normal;
}
.tbl_gestion TBODY tr.avenir {
	color: #aaaaaa;
}
.tbl_gestion TBODY tr.actuel {
	background-color: #eeffee
}
.tbl_gestion TBODY tr.acquis {
	 color: #999999;
	 background-color: #eeffee;
}
/* Provisoire */
FIELDSET {
	padding: 10px;
}
.codesourcepage {
	margin-top: 5px;
	margin-bottom: 25px;
}

.codesourcepage DIV.codesourceiframe,
.codesourcepage DIV.codesourcehtml,
.codesourcepage DIV.codesourcejs,
.codesourcepage DIV.codesourceurl,
.codesourcepage DIV.codesourcexml,
.codesourcepage DIV.codesourceimg {
	float: left;
}
.codesourcepage TEXTAREA {
	color: #000;
	width: 780px;
	padding: 2px;
	margin: 15px 5px 5px 5px;
	font-size: 11px;
	overflow: hidden;
	height: 45px;
}
.codesourcepage .tt-textarea,
.codesourcepage .legend-texttocopy {
	text-transform: uppercase;
	position: absolute;
	line-height: 11px;
	font-size: 11px;
	font-weight: bold;
	background-color: #cccccc;
	padding: 2px 4px;
	margin: 1px 5px 5px 5px;
}
.codesourcepage .legend-texttocopy {
	background-color: transparent;
	color: #00a600;
	width: 170px;
	text-align: right;
	font-weight: normal;
}
#tbl_ventes .lig-slide-toshow TD {
	padding: 10px;
}
#tbl_ventes .lig-slide-toshow EM {
	color: red;
	font-style: normal;
}


/*table et page statistiques*/
#statistique {
	width:100%;
	clear: both;
}
#onglet {
	padding-top:20px;
}
#onglet div.onglet-tri,
#onglet div.onglet {
	float:left;
	font-size:12px;
	line-height: 22px;
	color: #333333;
}
.onglet ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:0;
	padding:0;
}
.onglet ul li {
	float:left;
	margin-left:2px;
	line-height: 22px;
	font-weight:bold;
}
.onglet ul li a {
	background-image:url(../img/onglet_blanc_gauche.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	padding-left:6px;
	text-decoration:none;
}
.onglet ul li a span {
	background-image:url(../img/onglet_blanc_droite.png);
	background-position:100% 0;
	background-repeat:no-repeat;
	float:left;
	padding-right:6px;
	color:#333333;
}
.onglet ul li a.select {
	background-image:url(../img/onglet_violet_gauche.png);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	padding-left:6px;
	text-decoration:none;
}
.onglet ul li a.select span {
	background-image:url(../img/onglet_violet_droite.png);
	background-position:100% 0;
	background-repeat:no-repeat;
	float:left;
	padding-right:6px;
	color:#FFFFFF;
}
#recherche {
	float:right;
	height:42px;
	line-height:42px;
}
#recherche div {
	display:inline;
}
.btpetitblanc,.btpetitviolet {
	height:22px;
	width:45px;
	font-size:12px;
	font-weight:bold;
	border:0;
}
.btpetitblanc {
	background-image: url(../img/bt_petit_blanc.png);
	background-repeat:no-repeat;
	color: #333333;
}
.btpetitviolet,
.btpetitviolet1 {
	background-image: url(../img/bt_petit_violet.png);
	background-repeat:no-repeat;
	color: #FFF;
}
.btpetitviolet1 {
	background-image: url(../img/bt_petit_violet1.png);
	height:22px;
	width:55px;
	font-size:12px;
	font-weight:bold;
	border:0;
}
.btpetitviolet:hover,
.btpetitviolet1:hover {
	color: #FFF;
}
#statistique table {
	width:100%;
	border:0px;
}
#statistique table thead {
	color: #6225b8;
	font-size:12px;
	font-weight:bold;
}
#statistique table thead tr {
	border: 1px #cccccc solid;
}
#statistique table th{
	background-image: url(../img/fondentetetableau.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 5px;
	border: 0;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}
#statistique table th.gauche, td.gauche{
	text-align:left;
}
#statistique table th.droite, td.droite{
	text-align:right;
}
#statistique table span.small {
	color: 	#666666;
	font-size: 11px;
	font-weight:normal;
}
#statistique table th.bordgauche {
	background-image: url(../img/fond_tableau_headgauche.png);
	background-position: top left;
	background-repeat: no-repeat;
	width:3px;
	padding:0;
	border-top: 0px;
}
#statistique table th.borddroite {
	background-image: url(../img/fond_tableau_headdroite.png);
	background-position: top left;
	background-repeat: no-repeat;
	width:3px;
	padding:0;
	border-top: 0px;
}
#statistique table tbody tr {
	line-height: 22px;
	height:22px;
}
#statistique table tbody td {
	border-bottom: 1px #ceddf5 solid;
}
#statistique table tbody td.plus {
	width:16px;
}
#statistique table tbody tr.bleu {
	line-height: 22px;
	height:22px;
	background-color: #e4ecf9;
}
#statistique table tbody tr.total {
	border-top: 2px solid #e4ecf9;
	font-weight: bold;
}
#statistique table tbody td.total {
	font-weight: bold;
}
#statistique table td.bordgauche {
	width:3px;
	padding:0;
}
#statistique table td.borddroite {
	width:3px;
	padding:0;
}
#statistique td.violet{
	color: #6225b8;
}

.stats {
	border-collapse:collapse;
	width: 100%;
	margin-top:10px;
}
.stats thead tr {
	height: 22px;
}
.stats tbody tr {
	height: 26px;
}
.stats td, th {
	border: 1px #cccccc solid;
}
.stats td {
	text-align:center;
}
.stats .fond {
	background-image: url(../img/fondentetetableau.png);
	background-repeat: repeat-x;
}
.stats .noir {
	color:#000;
	font-weight:bold;
}
.stats .noirnormal {
	color:#000;
}
.stats .gauche {
	text-align:left;
	padding-left:5px;
}
.stats td.violet{
	color: #6225b8;
}
.stats .separateur {
	border-right:0px;
	background-image: url(../img/separateurtableau.png);
	background-position:right top;
	background-repeat: no-repeat;
}
.stats .separateur2 {
	border-left:0px;
}
.vert {
	color: #21b90f;
}

#messageinfo {
   	border: 1px #cbcbcb solid;
   	padding: 7px;
   	margin-left: 20px;
   	margin-right: 20px;
   	margin-top: 20px;
   	background-color: #eeeeee;
   }
 #messageinfo img {
 	float:left;
 	margin-right: 16px;
 	margin-bottom: 6px;
 }

 #suggestion {
  	border: 1px #cbcbcb solid;
  	padding: 7px;
  	margin-left: 20px;
  	margin-right: 20px;
  	margin-top: 20px;
  	background-color: #eeeeee;
  }
#suggestion img {
	float:left;
	margin-right: 16px;
	margin-bottom: 6px;
	}
#suggestion textarea {
	border: 1px #cbcbcb solid;
	width:800px;
	height:50px;
}

#message_chat {
	position:relative;
	width:190px;
	margin-left:15px;
	margin-top:10px;
	height:50px;
	background-color: #000;
	border: 1px #cccccc solid;
	padding:5px;
	text-align: center;
	display:none;
}


/* Calendar */

div.popcal {
	height: 22px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	font-size: 18px; /* Casse héritage */
	float: left;
	margin-right: 6px;
}

.popcalbtjour,
.popcalbtmois {
	margin-right: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	width: 45px;
	text-align: center;
	float: left;
	vertical-align: middle;
	background: transparent url('../img/bt_petit_blanc.png') no-repeat 50% 50%;
}

.popcalbtmois {
}

.popcalbton:hover,
.popcalbton {
	color:#ffffff;
	background-image: url('../img/bt_petit_violet.png');
}
.popcalbtprec,
.popcalbtsuiv {
	float: left;
	padding-top: 3px;
	vertical-align: middle;
	cursor: pointer;
}

.popcaldate {
	float: left;
	margin: 0 5px;
	border: 1px solid #cccccc;
	padding: 0 16px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 20px;
}

div.periode-popup SELECT {
	border: 1px solid #b4b4b4;
}

div.periode-popup TABLE TD { /* Casse héritage */
	padding: 0px;
}


div.popcal.close {
}
.periode-popup {
	font-size: 12px; /* Casse héritage */
	font-weight: normal; /* Casse héritage */
	width: 214px;
	margin-top: 23px;
	position: absolute;
	z-index:100;
}
.periode-popup TABLE {
	border-collapse: collapse;
}
div.periode-popup .trait {
	height: 1px;
	background-color: #6852bd;
	margin: 0px 1px;
	font-size: 1px;
}

.periode-stats-choix {
	background: #3b2c74 url('../img/fd_periode_choix.png') repeat-x 0px 0px;
	border: 1px solid #513d9f;
	border-bottom: 0px solid #bbd4dc;
	height: 25px;
}

#contenu .periode-stats-choix A {
	text-align: center;
	margin-top: 7px;
	margin-left: .4em;
	padding-top: 0;
	display: inline;
	float: left;
	background: transparent url('../img/fd_periode_mois.gif') repeat-x 0px 0px;
	width: 99px;
	height: 18px;
	line-height: 18px; /* IE6FIX */
	font-size: .95em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#contenu .periode-stats-choix A.periode-stats-jour {
	margin-left: .35em;
}

#contenu .periode-stats-choix A.sel {
	background-image: url('../img/fd_periode_jour.gif');
	color: #333333;
}

.jcalendar-jour-container,
.jcalendar-mois-container {
	border-top: 1px solid #ffffff;
	background: #d7d7d7 url('../img/fdcalgris.png') repeat-y;
}

div.jmonthcalendar-wrapper,
div.jcalendar-wrapper {
	padding-top: .6em;
	/* border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4; */
}

div.jcalendar-selects {
	text-align: center;
}
div.periode-popup select {
	margin: 0px 1px;
	font-size: .95em;
	font-weight: bold;
}
div.periode-popup select.jcalendar-select-day {
	width: 3.6em;
	margin-left: 0px;
}

div.periode-popup select.jcalendar-select-month {
	width: 8.7em;
}

div.periode-popup select.jcalendar-select-year {
	width: 5.2em;
}


div.jmonthcalendar-selects {
	margin-left: .3em;
}
div.periode-popup select.jmonthcalendar-select-month {
	width: 8.85em;
}

div.periode-popup select.jmonthcalendar-select-year {
	width: 5.2em;
}

div.jmonthcalendar-wrapper .jmonthcalendar,
div.jcalendar-wrapper .jcalendar {
	margin-top: .35em;
}

div.jmonthcalendar table,
div.jcalendar table {
	background-color: #d7d7d7;
	margin: auto;
}

div.jmonthcalendar table th,
div.jcalendar table th {
	width: 2.6em;
	height: 1.45em;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #45c4ff;
	text-align: center;
	color: #ffffff;
	border:1px solid #d7d7d7;
}

div.jmonthcalendar table td,
div.jcalendar table td {
	width: 2.6em;
	height: 1.45em;
	line-height: 1.45em;
	font-size: 0.9em;
	text-align: center;
	background-color: #f6f6f6;
	color: #c5c5c5;
	border:1px solid #d7d7d7;
}

div.jmonthcalendar table td {
	font-size: .95em;
	font-weight: bold;
	width: 8.85em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: left;
	text-indent: 0.5em;
}

div.jmonthcalendar table td.weekend,
div.jcalendar table td.weekend {
	background-color: #e8e8e8;
}

#contenu div.jmonthcalendar table td.weekend A,
#contenu div.jcalendar table td.weekend A {
	background-color: #eaeaea;
}

#contenu div.jmonthcalendar table td a,
#contenu div.jcalendar table td a {
	background-color: #ffffff;
	color: #000000;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	height: 100%;
}

#contenu div.jmonthcalendar table td A {
	text-align: left;
}

div.jmonthcalendar table td.today,
div.jcalendar table td.today {
	background-color:#40acd1;
	color: #b3dbe9;
	font-weight: bold;
}
#contenu div.jmonthcalendar table td.today a,
#contenu div.jcalendar table td.today a {
	background-color: #45c4ff;
	color: #ffffff;
	font-weight: bold;
}

#contenu div.jmonthcalendar table td a:hover,
#contenu div.jmonthcalendar table td a:focus,
#contenu div.jmonthcalendar table td a:active,
#contenu div.jcalendar table td a:hover,
#contenu div.jcalendar table td a:focus,
#contenu div.jcalendar table td a:active {
	background-color: #b09ff0;
	color:#000000;
}

#contenu div.jmonthcalendar table td a.selected,
#contenu div.jcalendar table td a.selected {
	background-color:#171717;
	color: #8e8e8e;
}

div.jmonthcalendar-links,
div.jcalendar-links {
	border-top: 1px solid #534297;
	background-color: #6852bd;
	margin-top: .5em;
	text-align: center;
}

#contenu div.jmonthcalendar-links a,
#contenu div.jcalendar-links a {
	padding:.2em .4em;
	font-size: .95em;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.8em;
}

/* Blocs filtres */

.filtres-etape {
	background-color: #efefef;
	width: 944px;
	margin-bottom: 10px;
}

.filtres-etape .etape-num {
	background: transparent url('../img/num_etapes.png') no-repeat 0 0;
	width: 30px;
	height: 30px;
	float: left;
	margin: 10px;
}
.filtres-etape H4 {
	color: #6225B8;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	width: 175px;
	margin-top: 14px;
	float: left;
}

.filtres-etape.n2 .etape-num { background-position: 0 -32px; }
.filtres-etape.n3 .etape-num { background-position: 0 -64px; }
.filtres-etape.n4 .etape-num { background-position: 0 -96px; }
.filtres-etape.n5 .etape-num { background-position: 0 -128px; }
.filtres-etape.n6 .etape-num { background-position: 0 -160px; }
.filtres-etape.n7 .etape-num { background-position: 0 -192px; }


.filtres-etape .filtre-options {
	float: left;
}

.filtres-etape .filtre-opt {
	float: left;
	padding-left: 20px;
}
.filtres-etape .filtre-opt LABEL {
	color: #333333;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
}
.filtres-etape .filtre-opt .colorpickerinput {
	vertical-align: top;
	margin-right: 5px
}

.filtres-etape .clear {
	height: 3px;
}

.filtres-etape .filtre-sep {
	clear: both;
	margin-left: 12px;
	width: 690px;
	font-size: 1px;
	height: 20px;
	background: transparent url('../img/sep_gris.png') repeat-x 0 70%;
}

.filtres-etape .filtre-radio {
	height: 12px;
	vertical-align: middle;
	margin: 0 5px;
}

.filtres-etape .filtre-radio {
	color: #606060;
	font-weight: bold;
	font-size: 12px;
}

.filtres-etape .filtre-radio INPUT {
	height: 12px;
	vertical-align: middle;
	margin: 0 5px;
}



.filtres-etape .filtres-ht {
	background: transparent url('../img/fd_filtre.png') no-repeat 0 -5px;
	width: 944px;
	height: 4px;
}

.filtres-etape .filtres-bs {
	clear: both;
	background: transparent url('../img/fd_filtre.png') no-repeat 0 5px;
	width: 944px;
	height: 10px;
}

/* Spécific pdp et pdv*/

.pdp-list-visuels, .pdv-list-visuels {
	float:left;
	width: 600px;
	height: 140px;
	overflow-y: hidden;
	overflow-x: auto;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
}
.pdp-list-visuels TABLE, .pdv-list-visuels TABLE {
	margin: 0 5px;
}
.pdp-visuel, .pdv-visuel {
	background-repeat: no-repeat;
	background-position: 50% 10px;
	text-align: center;
}

.pdp-visuel IMG, .pdv-visuel IMG {
	margin: 10px 5px 2px;
	opacity: 0;
}
.pdp-visuel IMG:hover, .pdv-visuel IMG:hover	{
	opacity: 0.8;
}
.pdp-list-visuels .pdp-sel,
.pdp-list-visuels IMG.pdp-sel:hover,
.pdv-list-visuels .pdv-sel,
.pdv-list-visuels IMG.pdv-sel:hover	{
	opacity: 1;
}

/*Accuil non connecté*/
.cadreaccueil{
	display:inline;
	float:left;
	width:229px;
	height:141px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../img/fondaccueilconnection.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding:0;
	text-align:center;
	font-size:16px;
	color:#FFF;
}
.textaccueilconnection {
	margin-top: 28px;
}
.btaccueilconnection{
	background-image: url(../img/btaccueilconnection.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:211px;
	height: 32px;
	border:0px;
	color:#FFF;
	font-weight:bold;
	margin-top:17px;
	cursor:pointer;
}

/*Page programme */
.blocprogramme {
	background-image: url(../img/fondblocprogramme.png);
	background-position: left top;
	background-repeat: repeat-x;
	color: #333333;
}
.blocprogramme h3 {
	font-size:20px;
	color: #333333;
	text-transform: uppercase;
	background-image: none;
	margin-bottom:1px;

}
.blocprogramme h4 {
	font-size:12px;
	color: #009ae1;
	font-weight:normal;
}
.blocprogramme .bloccontenu{
	margin-top:7px;
}
.blocprogramme .oneshost{
	background-image: url(../img/fondaccueiloneshot.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:361px;
	height:187px;
	display:block;
	float:left;
}
.blocprogramme .rebill{
	background-image: url(../img/fondaccueilrebill.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:365px;
	height:187px;
	display:block;
	float:left;
}
.blocprogramme .paiement{
	background-image: url(../img/fondaccueilpaiement.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:220px;
	height:187px;
	display:block;
	float:left;
}
.blocprogramme li {
	background-image: url(../img/fondblocpaiement.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:191px;
	height:40px;
	display:block;
	margin: 6px;
	padding-top: 14px;
	padding-left: 15px;
}
.blocprogramme .prix {
	float:right;
	margin-right: 12px;
}
.blocprogramme .text {
	display:block;
	float:left;
	font-size:16px;
	margin-top: 18px;
	margin-left: 21px;
	font-weight: bold;

}
.blocprogramme .texte {
	display:block;
	text-align:right;
	float:left;
	font-size:16px;
}
.blocprogramme .texte2{
	font-size: 11px;
	font-weight:normal;
}
#contenuaccueil h1 {
	padding-top:20px;
	padding-left:20px;
}
#contenuaccueil .blocprogramme {
	width:967px;
	padding-left:19px;
}

.blocprogramme .outiljs {
	background-image: url(../img/fondoutiljs.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:319px;
	height:150px;
	display:block;
	float:left;
}
.blocprogramme .outilflash {
	background-image: url(../img/fondoutilflash.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:286px;
	height:150px;
	display:block;
	float:left;
	margin-left:12px;
}
.blocprogramme .outilnichage{
	background-image: url(../img/fondoutilnichage.png);
	background-position: left top;
	background-repeat: repeat-x;
	width:319px;
	height:150px;
	display:block;
	float:left;
	margin-left:12px;
}
.blocprogramme .outiltext {
	display:block;
	font-size:14px;
}
.blocprogramme  .outiljs .outiltext{
	text-align:right;
	margin-right: 14px;
	margin-top: 11px;
}
.blocprogramme  .outilflash .outiltext{
	text-align:center;
	margin-left: 164px;
	margin-top: 95px;
}
.blocprogramme  .outilnichage .outiltext{
	text-align:right;
	margin-right: 14px;
	margin-top: 11px;
}
.bloccontenu .contenuroi {
	float:left;
	text-align:center;
	display:block;
	width: 238px;
	height: 330px;
	background-image: url(../img/fondaccueilcontenu.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-right:10px;
}
.bloccontenu .contenuroigay {
	float:left;
	text-align:center;
	display:block;
	width: 238px;
	height: 270px;
	background-image: url(../img/fond_gay.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-right:10px;
}
.bloccontenu .contenuroilast{
	float:left;
	text-align:center;
	display:block;
	width: 203px;
	height: 330px;
	background-image: url(../img/fondaccueilhentai.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.bloccontenu .contenuroibaise{
	float:left;
	text-align:center;
	display:block;
	width: 203px;
	height: 270px;
	background-image: url(../img/fond_baise.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.contenuroi .image, .contenuroilast .image, .contenuroigay .image, .contenuroibaise .image{
	height: 88px;
}
.contenuroi .texte, .contenuroilast .texte, .contenuroigay .texte, .contenuroibaise .texte{
	padding: 7px;
	text-align:left;
	font-size:11px;
}
.bloccontenu .contenuroiporntour{
	float:left;
	display:block;
	width: 486px;
	height: 270px;
	margin-right:10px;
	background-image: url(../img/thumb_porntour.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.contenuroiporntour .hotdor{
	margin-left: 230px;
	width: 59px;
	height: 74px;
	text-align:center;
	color: #FFF;
	padding-top: 15px;
}
.contenuroiporntour .texte{
	padding-top: 7px;
	padding-left: 9px;
	text-align:left;
	font-size:11px;
	width:265px;
}
.statistique {
	float:left;
	width: 486px;
	margin-right:10px;
}
.statistique .image {
	float:left;
	width: 476px;
	height: 20px;
	margin-top: 7px;
	background-image: url(../img/fondaccueilstat.png);
	background-position: left top;
	background-repeat: no-repeat;padding-top: 93px;
	padding-left: 10px;
	font-size:11px;
}
.statistique h4 {
	font-size: 12px;
	font-weight: normal;
}
.commercial {
	float:left;
	width: 451px;
}
.commercial h4 {
	font-size: 12px;
	font-weight: normal;
}
.commercial .image {
	float:left;
	width: 441px;
	height: 20px;
	margin-top: 7px;
	padding-top: 93px;
	padding-left: 10px;
	background-image: url(../img/fondaccueilcom.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:11px;
}
.btaccueilinscription {
	margin-top: 10px;
	text-align:center;
}
.inscriptioncolonne {
	float:left;
	width: 300px;
	text-align:left;
}
.forminscription {
	padding-left:200px;
}
/* info bulle */
span.info-bulle-contenu
 {
   display: none;
   position: absolute;
   background:#EFEFEF;
   border: 1px solid #CCCCCC;
   padding: 6px;
   padding-left: 12px;
   padding-right: 12px;
   color: #000;
   font-size:12px;
   text-align:justify;
   width:400px;
 }






.export_stats .cadre{background:#EFEFEF;margin-bottom:10px;padding:10px;}
.export_stats .slct_exp{margin:5px 10px 0;}
#export_aide	{padding:1em}
#export_aide hr	{clear:both;margin:5px}
#export_aide ul	{padding:1em!important;width:400px}

#export_aide H2,
#export_aide strong		{color:#3B2496}
#export_aide li			{list-style:square;padding-left:15px}
#export_aide .cadre_1	{float:left;margin:5px 10px}
#export_aide .cadre_2	{float:right;margin:5px 10px}

.export_stats .bt_exp	{display:block;margin:2px 65px;text-align:center;line-height:20px}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.inscription_removal {
	background-image: url("/images/affiliate_porn-fr_suspend.png");
	background-position: 45px 0;
	width:967px;
	padding-left:19px;
	height: 240px;
}