@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;
}
.sep2 {
	margin:5px auto;
	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;
}
.apple_overlay {
    display:none;
    background-image:url(../png/white.png);
    width:730px;    
	height:480px;   
    padding:35px;
    font-size:11px;
}
.apple_overlay .close {
    background-image:url(../png/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
.contentWrap {
	height:570px;
	font-size:100%;
	width:725px;
	overflow-y:auto;
	overflow-x:hidden;
}
.contentWrap #content {
	margin:0;
}
.contentWrap #center {
	padding: 0;
}
.contentWrap h2 {
	font-size:2em;
	margin:10px 0 0 10px;
}
.contentWrap textarea {
	font-size:1.2em;
	width: 700px;
	height:460px;
	margin:10px 0 0 10px;
}
.contentWrap .B_action {
	font-size:1.2em;
	margin:10px 0 0 10px;
}
.zone_off {
	border:red 1px solid;
	float: left; position: relative;
}
.zone_off:hover{
	border:orange 1px solid;
}
.zone_on {
	border:green 1px solid;
	float: left; position: relative;
}

#t_accordeon {
	width: 454px;
	float: left; position: relative;
	margin-bottom:20px;
}
/* accordion header */
#t_accordeon h4 {
	width: 444px;
	margin:0;
	padding:5px 0 5px 8px;
	border:1px solid #cec9c4;
	background-color: #F0F0F0;
	cursor:pointer;		
}
/* currently active header */
#t_accordeon h4.current {
	cursor:default;
	background-color:#cec9c4;
	color: #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
}
#t_accordeon h4.current .statut_0 {
	color: white;
}
#t_accordeon .chapeau, #t_onglet .chapeau {
	color: #4D4D4D;
	margin-bottom: 10px;
}
#t_accordeon .sous_titre {
	color: #4D4D4D;
	font-size:1.2em;
	margin-bottom: 10px;
}
/* accordion pane */
#t_accordeon .a_pane, #t_onglet .o_pane {
	width: 438px;
	padding:5px;
	float: left; position: relative;
	display:none;
	background: #cec9c4; /* Old browsers */
	background: -moz-linear-gradient(top, #cec9c4 5%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#cec9c4), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cec9c4 5%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cec9c4 5%,#f0f0f0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cec9c4 5%,#f0f0f0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CEC9C4', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #cec9c4 5%,#f0f0f0 100%); /* W3C */
	color:#fff;
	font-size:12px;
	border:3px solid #cec9c4;	
}
#t_accordeon .a_pane .item {
	float: left; position: relative;
	width: 430px;
	padding:0 0 5px 0px;
}
#t_accordeon .a_pane .item p {
	float: left; position: relative;
	padding:0;
	margin:0;
	width: 100%;
}
#t_accordeon .a_pane .auteur_date {
	float: left; position: relative;
	width: 100%;
}
#t_accordeon .a_pane .item  .sous_titre {
	font-size:1em;
	margin-bottom: 5px;
	/*display: none;*/
}
#t_accordeon .a_pane  .B_editeur {
	font-size:1.1em;
}
#t_accordeon .edition {
	float: left; position: relative;
	border: 1px solid #7E1219;
	background-color: #F7CACB;
	height:18px;
	padding:5px;
	width: 100px;
}
#t_accordeon .edition .bouton {
	top: 8px;
}
#t_accordeon .edition .up {
	top: 3px;
}
#t_accordeon .edition .down {
	top: 12px;
}
.B_admin {
	color:#7F7F7F;
}
#t_accordeon .pdf {
	margin-right:0;
}
#t_accordeon .edit_onglet {
}
#t_accordeon #relation {
	position:absolute;
	font-size:1.4em;
	float:left;
	left:460px;
	top:0px;
	z-index:100;
	padding:0;
	margin:0;
	margin-top: 6px;
}
#t_accordeon .menu_relation {
	padding:0;
	margin:0;
}
#t_accordeon #menu_ajout_relation {
	left:0px;
	top:5px;
}
#t_accordeon #menu_edit {
	padding:0;
	margin:0;
	font-size:1.4em;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#t_accordeon #menu_edit li {
	color: black;
	margin-bottom: 0px;
	float: left; position: relative;
	width: 428px;
}
#t_accordeon #menu_edit #menu_ajout_relation .edit_action {
	margin-top: 10px;
	text-align: right;
}
#t_accordeon #menu_edit .titre {
	color:white;
}