html {
	border:none;	
}

body {
	background-color:#FFFFFF;
	margin : 0px;
	/*background-image:url(../image/fond_body.jpg);*/
	font-family:Verdana;
	font-size:12px;
	border:none;

}

p, td, div {
	padding:0px;
	margin:0px;
}

form {
	padding:0px;
	margin:0px;
	display:inline;
}


#zHeader {
	position:fixed;
	z-index:10;

	left:0;
	width:100%;
	height:60px;
	background-color:#FFFFFF;
	text-align:left;
	z-index:100;
	border-bottom:1px dotted #AAA;
	z-index:20000;
}

#zHeader #info {
    color: #444;
    right:0px;
	position:absolute;
    text-align: right;
	padding:10px;
	white-space:nowrap;
	background-color:#FFF;
	height:30px;
	overflow:hidden;
}

#zHeader #info p {
	float:right;
	amargin:5px 0px;
	padding:5px 10px;
	border-left:1px #aaa dotted;
	color:#777;
	font-size:11px;
	display:block;
	height:30px;
}

#zHeader #info .nom {
	font-size:14px;	
	color:#000;
	min-width:150px;
}

#zHeader #info a {
    color: #777;

}

#zHeader #info a.bouton {
    color: #777;
	float:right;
	display:block;
	padding:12px;
	margin-left:10px;
	border:1px solid #CCC;
	text-decoration:none;
}

#zHeader #info a.bouton:hover {
	border:1px solid #777;
	background-color:#C00;
	color:#FFF;
}

#zConnect {
	position:fixed;
	border-left:1px dotted #AAA;
	border-right:1px dotted #AAA;
	top:61px;
	left:50%;
	margin-left:-140px;
	width:280px;
	bottom:35px;
	color:#555;
	padding:10px;
}

#zConnect h1 {
	font-size:18px;
	text-align:center;
}

#zConnect h2 {
	font-size:16px;
	text-align:left;
}

#zConnect .etiquette {
	padding:5px 0px;
}

#zConnect input[type=text], #zConnect input[type=password] {
	width:250px;	
}

#zLeft {
	position:fixed;
	border-right:1px dotted #AAA;
	top:61px;
	left:0px;
	width:280px;
	bottom:35px;
	
	padding:10px;
	/*overflow-y:scroll;	*/
}

#zLeft h1 {
	color: #004E96;
    font-size: 16px;
	text-transform:uppercase;
	font-weight:normal;
	border-top:1px solid #004E96;
	border-bottom:1px solid #004E96;	
	padding:5px 0px;
	/*line-height:12px;*/
	margin:10px 0px 10px 0px;
	display:block;
	height:35px;
}

#zLeft h1 a {
	color: #004E96;
	text-decoration:none;
}

#zLeft h1 img.icone {
	float:right;	
	margin:-35px -5px 0px 0px;
	background-color:#fff;
	padding-left:3px;
}

#zLeft a {
	color: #444;
	text-decoration:none;
}

#zLeft #filtre {
	color:#000;

}

#zLeft form {
	display:block;
	clear:both;
	
}

#zLeft h2 {
	background-color: #555555;
    font-weight:normal;
	color: white;
    
    font-size: 11px;
    margin:0px;
	margin-bottom:1px;
    padding: 3px;	
}

#zLeft #filtre .etiquette {
	color:#777;
	
	border-top:1px dotted #555;
	clear:both;
	width:100%;
	margin-top:10px;
	margin-bottom:5px;
	padding-top:5px;
}

#zLeft #filtre .etiquette a {
	color:#000;	
}

#zLeft #filtre .form {

	text-align:right;
	right:10px;
	color: #134d89;
	margin-bottom:10px;
}

#zLeft #filtre select {
	max-width:260px;	
}

#zLeft #action, #zLeft #configuration {
	clear:both;
	margin:0px;	
}

#zLeft #action a, #zLeft #configuration a {
	display:block;
	padding:5px;
	margin:5px 0px;	
	color:#555;
/*	width:248px;*/
	border: 1px solid #777777;
}

#zLeft #action a:hover, #zLeft #action a.on, , #zLeft #configuration a:hover, , #zLeft #configuration a.on {
	background-color:#EEE;
	color:#000;
}

#zLeft input[type=text] {
	width:260px;	
	text-align:right;
}

#zLeft #filtre .etiquette a.btSuppr {
	float:right;
	color:#F00;
	font-size:11px;
	border:1px solid #F00;
	padding:0px;
	padding-bottom:3px;
	margin:0px;
	line-height:5px;
}

#zTop {

	
	
}



#position_site_accueil {
	position:relative;
	z-index:10;
	top:70px;
	left:50%;
	width:1000px;
	min-height:500px;
	margin-left:-500px;
	text-align:left;
	border: 1px #004e96 solid;
	background-image:url(../image/welcome.png);
	display:block;
}

#zCenter {
	position:absolute;
	z-index:10;
	top:60px;
	left:300px;
	/*margin-bottom:150px;*/
	right:0px;
	padding:10px;
	text-align:left;
	
	height:auto;
	display:block;
	padding-bottom:80px;
}

#zCenter #gestionMedia {
	position:fixed;
	display:block;
	top:70px;
	bottom:45px;
	right:10px;
	left:310px;
	padding:0px;
	margin:0px;
}

#zCenter h2 {
	
	font-size:14px;
	color:#004e96;
	margin-bottom:40px;

	background-color:#555;
	padding:5px 5px;
	color:white;
	text-transform:uppercase;
}


#zCenter h2 .fermer {
	float:right;
/*	background-color:#fff;*/
}

#zCenter h2 .fermer a {
	color:#C55;
	font-size:14px;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
}

#zCenter h3.action {
	
	text-transform:none;
	font-size:12px;
	display:inline-block;
	margin:-37px 20px 20px 0px;
	font-style:italic;
	position:absolute;
	
}

#zCenter h3.action a {
	display:inline-block;
	color:#777;	
	font-weight:normal;
	text-decoration:none;
	
	padding-right:20px;
	font-size:11px;
}

#zCenter h3.action a.selected {
	text-decoration:underline;
}

#zCenter h3 {
	
	font-size:14px;
	color:#004e96;
	
}

#zCenter #tb {
	
}

#zCenter table.tb td {
	vertical-align:top;
	padding-right:10px;
	
}

#zCenter .tbGroupe {
/*	width:540px;
	float:left;
	margin-right:20px;
*/

}

#zCenter #tb h2{
	font-size:14px;	

	width:100%;
	float:left;
	clear:both;

	color:#333;
	text-align:center;
	height:80px;
	margin:15px 0px;
	padding:0px;
	padding-top:1px;
/*	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;*/
	background-color:#FFF;
}

#zCenter #tb h2 span {
	font-size:14px;	
	color:#333;
	background-color:#ddd;
	border:1px solid #aaa;
	margin-top:20px;
	text-align:center;
	padding:5px 15px;
	display:block;
	
}

#zCenter ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%; 

}

#zCenter ul li { 
    color: #004E96;
 	float: left;
	
    height: 80px;
    margin: 15px 5px 15px 5px;
/*	margin:55px 5px 0px 5px;*/
	padding:0px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
	
	
#zCenter #tb a {
    color: #004E96;
    height: 80px;
    margin: 0px;
	padding:0px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

#zCenter #tb a:hover {

}




#zCenter .jqSort a img {
    display: block;
    padding-left: 36px;
	margin-bottom:5px;
    text-align: center;
    width: 48px;
}


#logo
{
	float:left;
	position:absolute;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	background-color:#FFF;
	white-space:nowrap;
}

#logoCenter
{
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFF;
	white-space:nowrap;
	text-align:center;
}


img {
	border:0px;
	padding:0px;
	margin:0px;
}


a.lien, a.lienOrange {color: #f7941d;font-size : 12px;text-decoration: none;font-weight:normal}
a.lien:hover, a.lienOrange:hover {color: #f7941d;font-size : 12px;text-decoration: underline;font-weight:normal}



.clearfloat {
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

#pied {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	border-top:1px dotted #AAA;
	background-color:#EEE;
	padding:10px 0px;
	text-align:center;
	color:#555;
	z-index:20000;
}

.debug {
	position:fixed;
	top:8px;
	right:2000px;
	bottom:35px;
	color:black;
	width:100%;
	font-family:"Courier New";
	background-color:#FFF;
	
	/*display:none;*/
	z-index:30000;
	text-align:left;
	overflow:scroll;
	padding:10px 0px;
}

.debug p {
	padding:10px 20px;	
}

#debug_bar {
	position:fixed;
	width:100%;
	display:block;
	top:-4px;
	left:0px;
	height:12px;
	text-align:left;
	background-color:#F00;
	/*border-bottom:1px solid #900;*/

	font-family:"Courier New";
	font-size:11px;
	z-index:5000000;
}

#debug_bar a, #debug a {
	padding:0px;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

input[type=text], textarea {
	width:450px;
	color:#134d89;
	border:1px solid #BBBBBB;
}

input[type=text].petit{
	width:60px;
}

input[type=text].ordre{
	width:30px;
	font-size:11px;
}


input[type=text].taille280 {
	width:280px;
	text-align:right;
	border:1px solid #BBBBBB;
}



textarea {
	height:50px;
	border:1px solid #BBBBBB;
}

select {
	color:#134d89;
	border:1px solid #BBBBBB;
	margin-bottom:2px;
}

input.connect {
	width:200px;
	text-align:left;
	border:1px solid #BBBBBB;
}


select.connect {
	width:202px;
	text-align:left;
	border:1px solid #BBBBBB;
}


.clear {
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

.message_erreur {
	color:#FF0000;
	height:20px;
}

.img_accueil {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

#BLOC_message {
	padding: 2px 0px 2px 0px;
	margin:0px;
	text-decoration:none;
	color:#FF0000;
	text-align:left;
	height:20px;
	clear:both;
	font-weight:normal;
	font-size:10px;
}


#BLOC_attente {
	position:absolute;
	bottom:1px;
	right:1px;
	top:1px;
	left:1px;
	text-align:center;
	font-weight:bold;
	color:#004e96;
	z-index:100000;
	padding:150px 0px 50px 0px;
	background-color:#FFFFFF;
	display:none;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:2px;
}

#deco-bas-droit {
	position:relative;
	clear:both;
	left:50%;
	top:-76px;
	margin-left:390px;
	margin-top:0px;
	width:111px;
	height:111px;
	display:block;

	background-image:url(../image/deco-bas-droit.png);
/*	background-color:#F00;*/
	text-align:right;

}

.petit {
	font-size:10px;
	text-transform:lowercase;
	font-weight:normal;
}


a.yoxviewLink, a.yoxviewLinkLike {
	color:#004e96;
	font-weight:bold;
}


a.lienMail {font-style:normal;text-decoration:none;color:#004e96}
a.lienMail:hover {text-decoration: underline}

.obligatoire {
	color:#A00;
	font-size:11px;
}


#nav_page, #nav_page_fiche {
	/*float:left;*/
	z-index:150;
	margin:0px;
	text-align:left;
	
	color:#FFF;
	padding:1px;
}

#nav_page p select, #nav_page_fiche select {
	position:relative;

	font-size:11px;
	color:#555;
	padding:1px;
	margin-right:-2px;
	margin-top:-10px;
	margin-bottom:-10px;


}

#nav_page p {
	float:left;
	
	font-size:11px;
	color:white;
	background-color:#555;
	padding:5px 5px;
/*	font-family:"Courier New", Courier, monospace;*/
	margin-right:10px;
}

#nav_page a.nav {

    float: left;
    margin-right:3px;
	padding:0px;
	padding-top:3px;
	
}

input[type=button].upload {
	font-size:11px;
	margin-top:5px;
	margin-right:10px;
}

.CKFinderFrame {
	bottom:0px;
	border: solid 2px #e3e3c7;
	background-color: #f1f1e3;
}

#listeVille {
	display:inline-block;	
	margin-left:10px;
	position:absolute;
	background-color:#fff;
}

#listeVille span {
	display:block;
	width:200px;
	background-color: #555555;
    color: white;
    font-size: 11px;
    font-weight: normal;
    margin: 1px;
    padding: 3px;
	color:white;
	z-index:100000;
}

#listeVille span:hover {
	background-color:#000;
	cursor:pointer;
}

#menuTable {
	display:block;
	width:230px;
}

#menuTable a {
	display:inline-block;
	margin-right:6px;	
	font-size:9px;
	color:#777;
}

#menuTable a:hover {
	text-decoration:underline;	
	
}

.alert {
	color:#F00;	
	
}

table.bonCommande th {
	padding:10px 0px;	
}

a.bt_nav, a.bt_navOn {
	float:left;
	color:#777;
	text-decoration:none;
	border:1px dotted #555;
	margin-right:5px;
	padding:3px;
}
a.bt_navOn, a.bt_nav:hover {

	border:1px solid #777;
	background-color:#C00;
	color:#FFF;
}

.msgErreur {
	color:#F00;
	font-size:13px;
	text-transform:uppercase;

}

.prixOff {
	text-decoration:line-through;
	font-size:11px;
}

.prixPromo {
	color: #E2185B;
	font-weight:bold;
}

table.statProspection {
	width:100%;
}

table.statProspection th {
	height:30px;
	text-align:center;
	border:1px dotted #777;
	padding:0px;
}

table.statProspection td {
	height:30px;
	text-align:right;
	border:1px dotted #777;
	padding:0px;
	font-size:16px;
	color:#000;
}

table.statProspection td.gros {
	height:30px;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

table.statProspection th.mois {
	width:70px;
}

table.statProspection td.total {
	font-weight:bold;
	font-size:12px;
}

table.statProspection span.ca, table.statProspection span.com {

	display:block;
	padding:2px 0px;
	width:100%;
	font-size:10px;
	text-align:left;
	background-color:#DDD;
	color:#777;
	margin-bottom:5px;

}

table.statProspection span.com {
	margin-top:10px;	
}

p.form a.annuaire {
	padding:0px;
	margin-right:2px;
	font-size:12px;

}

#zLeft ::-webkit-scrollbar {
	width: 6px;
	background: #FFF;
    }
#zLeft ::-webkit-scrollbar-thumb {
    background: #333;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
#zLeft ::-webkit-scrollbar-corner {
    background: #333;
}




/* COTATION */


.zLeft-cotation {
	width: 99% !important;
	bottom: auto  !important;
	padding: 10px  !important;
	height: 70px  !important;

	background-color: white;
	z-index: 5000;

}


.zCenter-cotation {
	top: 140px !important;
	left: 0px !important;
}

.zLeft-cotation .scrollable {
	top: 40px !important;
	left: 150px !important;
	overflow-y: hidden !important;
	width:600px !important;
}

.zLeft-cotation h2 {
	display:none !important;
}

.zLeft-cotation #action { float:left !important; }
.zLeft-cotation #action a { margin:0 !important; }

.zLeft-cotation #filtre {
	float:left;
}

.zLeft-cotation #filtre .etiquette {
	margin-top:0px !important;
	float:left;
	width:100px !important;
	border:0 !important;
	margin-left:10px !important;
}

.zLeft-cotation #filtre .form {
	float: left;
	margin-top: 5px;
}