@import url(import/header.css);
@import url(import/center.css);
@import url(import/footer.css);
/* ------------Master ---------- */
#header {
	z-index: 3;
	margin-top:5px;
}
#center {
	background-color: #f0f0f0;
	padding-bottom:20px;
	z-index: 1;
}
#footer {
	z-index: 2;
	margin-bottom:10px;
}
/* ----------- Common ---------------- */
.element {
	width: 100%;
	position: relative;
}
.test {
	border:1px dotted black;
}
.line {
	width: 100%;
	float: left;
	/*border:1px dotted black;*/
	position: relative;
}
#center .col, .debug {
	float: left;
	position: relative;
}
.debug {
	display: block;
	color:green;
	margin-top:5px;
	border: 1px solid green;
	width:90%;
	padding:1%;
}
.debug textarea {
	width:400px;
	height:80px;
}
#center .bloc {
	width:100%;
	float: left;
	position: relative;
}
.texte_cache {
	text-indent: -9999px;
}
.sep {
	margin:10px 2px;
	float:left;
	position: relative;
	height: 1px;
	width: 188px;
	background-image: url(../png/ui.png);
	background-position: 0px -220px;
}
.temp{
	border:1px dotted black;
}
.suite {
	margin-left:5px;
	width:16px;
	height:10px;
	background-position: -260px -5px;
	background-image: url(../png/ui.png);
}
.suite:hover {
	background-position: -260px -25px;
}
.pdf, .web, .tel, .fax, .gsm, .email, .ratp, .pdf, .lettre, .marque, .masque {
	float:left;
	position: relative;
	margin-right:20px;

}
.tel, .fax, .gsm {
	width:140px;
}
.pdf .picto, .web .picto, .lettre .picto, .marque .picto, .dp .picto, .masque .picto, .fax .picto, .tel .picto, .gsm .picto, .email .picto, .ratp .picto, .pdf .picto {
	float:left;
	position: relative;
	margin-right:5px;
	height:12px;
	background-image: url(../png/ui.png);
}
.dp .picto {
	width:12px;
	background-position: -80px -260px;
}
.pdf .picto {
	width:12px;
	background-position: -200px -280px;
}
.tel .picto {
	width:15px;
	background-position: -100px -280px;
}
.email .picto {
	width:12px;
	background-position: -80px -280px;
}
.fax .picto {
	width:12px;
	background-position: -120px -280px;
}
.gsm .picto {
	width:9px;
	background-position: -140px -280px;
}
.web .picto {
	width:12px;
	background-position: -220px -280px;
}
.ratp .picto {
	width:15px;
	height:15px;
	background-position: -160px -280px;
}
.lettre .picto {
	width:16px;
	background-position: -180px -280px;
}
.masque .picto {
	width:15px;
	background-position: -240px -280px;
}
.marque .picto {
	width:13px;
	background-position: -260px -280px;
}
/* ----------- Inside ---------------- */
#nav {
	width: 225px;
	padding-top:2px;
}
#relation {
	width: 192px;
	padding-top:12px;
}
/*------------ tools -------------*/
#tools {
	background-color: white;
	border: 1px solid black;
	padding:3px;
	right:5px;
	font-size: 17px;
	top:5px;
	width:600px;
	z-index: 100;
	position: absolute;
}
#tools li {
	margin:4px;
	display:inline;
	cursor: pointer;
}
#tools a {
}
/*------------- Template edit -----------*/
.id_template {
	z-index:1000;
	background-color: green;
	width:10px;
	height:10px;
	position:absolute;
}
/*---------- bouton -----------*/
.B_action {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	float: left;
	position: relative;
	padding:2px 4px;
	cursor:pointer;
	color: #7e1219;
	border:1px solid #7e1219;
	background-color: #f7cacb;
}
.B_action:hover {
	background-color: #7e1219;
	color: #f7cacb;
}
.debug_id {
}
#debug_var {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	margin:10px;
	padding:10px;
	border: 2px white dotted;
}
#debug_var hr {
	margin:10px;
	border-top: 1px white solid;
}