@charset "utf-8";
/* CSS Document */
/*html {*/
/*background-image: url(../images/fond_blue-2721435.jpg);*/

/*}*/
body {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	color: #365156;
	font: normal 14px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/fondAdmin.png) no-repeat right 30px;
}
body.test {
	background: #decfff url(../images/test.png) repeat center center;
}

body a {
	font-weight: bold;
	color: #458391;
	text-decoration: none;
}

body a:hover {
	font-weight: bold;
	color: #00A156;
	text-decoration: underline;
}

a img {
	border: none;
}

a.active {
	color: #FFFFFF !important;
	background-color: #ed6e00;
}

@media screen {
	#conteneur {
		z-index: 0;
		left: 0;
		right: 0px;
		margin: 25px 0 0;
		overflow: hidden;
	}

	#contenu {
		position: absolute;
		top: 25px;
		bottom: 0px;
		right: 0;
		left: 0;
		overflow: auto;
	}

	#contenu > form {
		margin: 50px;
	}

	#mire_connexion {
		width: 50%;
		margin: auto;
		padding: 20px;
		background-color: #8A8C8F;
		-moz-box-shadow: 5px 5px 10px #673191;
		-webkit-box-shadow: 5px 5px 10px #673191;
		box-shadow: 5px 5px 10px #673191;
		font-size: 16px;
	}

	#mire_connexion table {
		/*width:100%;*/
		-moz-box-shadow: 2px 2px 3px #222;
		-webkit-box-shadow: 2px 2px 3px #222;
		box-shadow: 2px 2px 3px #222;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=135, Strength=3);
	}

	h1 {
		color: #00A156;;
		text-align: center;
		font-size: 24px;
	}

	ul#menu_secondaire li {
		list-style-type: none;
		height: 42px;
		padding: 0;
		margin: 0;
		font-size: 10px;
		color: #696969;
		text-align: center;
	}

	ul#menu_secondaire li a {
		display: block;
		background-color: #eeeeee;
		background-image: -moz-linear-gradient(0deg, #eeeeee, #458391 100%);
		background-image: -webkit-linear-gradient(0deg, #eeeeee, #458391 100%);
		background-image: -o-linear-gradient(0deg, #eeeeee, #458391 100%);
		background-image: -ms-linear-gradient(0deg, #eeeeee, #458391 100%);
		background-image: linear-gradient(0deg, #eeeeee, #458391 100%);
		text-transform: uppercase;
		font-weight: bold;
		color: #644872;
		font-size: 12px;
		width: 50%;
		padding: 10px;
		margin: auto;
		border: 1px solid #e4dfe5;
	}

	ul#menu_secondaire li a:hover {
		background-color: #00a156;
		background-image: -moz-linear-gradient(0deg, #00a156, #eeeeee 100%);
		background-image: -webkit-linear-gradient(0deg, #00a156, #eeeeee 100%);
		background-image: -o-linear-gradient(0deg, #00a156, #eeeeee 100%);
		background-image: -ms-linear-gradient(0deg, #00a156, #eeeeee 100%);
		background-image: linear-gradient(0deg, #00a156, #eeeeee 100%);
	}

	/************* Page formulaire ******************/
	fieldset .bo_bouton input[type="button"],
	fieldset .bo_bouton input[type="submit"] {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 2px 5px 2px 23px;
		color: #458391;
	}

	fieldset .bo_bouton input[type="button"][value=""] {
		padding: 0;
	}

	fieldset .bo_bouton + .bo_bouton {
		margin-left: 10px;
	}

	.liste_image {
		margin: 5px;
		float: left;
	}

	/************* Liste d'items ******************/
	.panel_liste {
		/*float:left;*/
		overflow: auto;
		overflow-x: hidden;
		width: 320px;
		text-align: center;
		font-size: 10px;

		position: absolute;
		top: 37px;
		bottom: 0px;
		left: 0px;
		padding: 10px 30px 10px 10px;
	}

	.panel_liste ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}

	.panel_liste li {
		list-style: none outside none;
		display: block;
		clear: both;
		text-align: left;
		height: 34px;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 0 5px;;
		background-color: #EEEEEE;
	}

	.panel_liste li:hover {
		background-color: #FFC;
		border-color: #000000;
		text-decoration: none;
	}

	.panel_liste li.active {
		background-color: #990000;
	}

	.panel_liste td.lien, td.groupe {
		color: #333333;
		font-weight: bold;
		cursor: pointer;
	}

	.panel_liste td.lien {
		line-height: 30px;
	}

	.panel_liste td.groupe {
		color: #3300FF;
	}

	.panel_liste td.lien span {
		color: #990000;
		text-decoration: underline;
	}

	.panel_liste li.active td.lien, .panel_liste li.active td.lien span {
		color: white;
	}

	.panel_liste .message {
		font-size: 14px;
	}

	.panel_liste .message span {
		font-weight: bold;
	}

	.panel_liste li table {
		border-collapse: collapse;
		width: 100%;
		height: 100%;
	}

	.panel_liste li td {
		background: none !important;
		padding: 0 !important;
	}

	.panel_liste li td.bo span {
		float: right;
	}

	.panel_liste span.form_statut {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin: 8px 2px;
		text-decoration: none !important;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #FFF;
	}

	/************* Fiche formulaire ******************/
	.panel_fiche {
		position: absolute;
		top: 37px;
		bottom: 0px;
		left: 360px;
		padding: 10px;
		overflow: auto;
	}

	/************* Champs de formulaire ******************/
	input[type="text"], input[type="password"],
	input[type="email"], input[type="tel"], textarea, select {
		background: #FFF;
		font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

	input[readonly="readonly"], textarea[readonly="readonly"] {
		/*background: none!important;*/
		border: none !important;
		color: #666;
	}

	input[type="text"][disabled="disabled"], textarea[disabled="disabled"],
	input[type="email"][disabled="disabled"], input[type="tel"][disabled="disabled"] {
		background: none !important;
		border: none !important;
		color: #666;
	}

	/* erreur */
	td.erreur, th.erreur, input[type="text"].erreur, input[type="password"].erreur, input[type="radio"].erreur, textarea.erreur, select.erreur { /* erreur sur champs de saisie */
		background-color: #FF9999 !important;
		color: #000000 !important;
	}

	span.erreur {
		padding: 0 5px;
		border: 1px solid #FF0000;
		font-weight: bold;
		color: #FF0000;
		line-height: 20px;
	}

	/************* Table ******************/
	#conteneur table { /* on précise conteneur pour ne pas perturber les tables DHTML_suite */
		border-collapse: collapse;
		border-spacing: 1px;
		margin: auto;
		/*width:100%;*/
	}

	form > table, .AccordionPanelContent > table {
		-moz-box-shadow: 3px 3px 3px #999;
		-webkit-box-shadow: 3px 3px 3px #999;
		box-shadow: 3px 3px 3px #999;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
	}

	#Accvin.Accordion {
		max-width: 800px;
	}

	#Accvin .AccordionPanelTab {
		text-align: left;
		font-weight: normal;
		padding-left: 10px;
	}

	#conteneur th {
		text-align: center;
		color: #000033;
		background-color: #EEE;
		border: 1px solid #CCC;
		padding: 5px;
		font-size: 14px;
	}

	#conteneur td {
		background-color: #FFF;
		border: 1px solid #CCC;
		font-size: 12px;
		padding: 5px;
		vertical-align: middle;
	}

	td.prix {
		white-space: nowrap;
		text-align: right;
	}

	td.prix.total {
		font-weight: bold;
	}

	#conteneur .mceEditor td {
		padding: 0;
	}

	#conteneur td > table, th > table {
		margin-left: -3px; /* compenser le padding du td*/
		margin-right: -3px; /* compenser le padding du td*/
	}

	#conteneur td.td_blanc {
		vertical-align: top;
		background: none;
	}

	td.aide {
		font-size: 12px;
	}

	legend {
		clear: both;
		margin: 5px;
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px;
		color: #FFF;
		background-color: #458391;
		text-transform: uppercase;
	}

	fieldset {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 5px;
		border: 1px solid #458391;
		background-color: #fffde5;
		margin-top: 5px;
		margin-bottom: 10px;
		box-shadow: 2px 2px 5px #458391;
	}

	fieldset.signe {
		background-image: url(../images/tampon.png);
		background-repeat: no-repeat;
		background-position: top right;
	}

	fieldset fieldset {
		border-color: #999999;
	}

	fieldset fieldset legend {
		color: #458391;
		font-size: 14px;
		background-color: #FFFFFF;
	}

	#contenu > form, #contenu > fieldset {
		width: 60%;
		margin: auto;
	}

	span.champ {
		background-color: #999999;
		color: #FFFFFF;
		padding-left: 2px;
		padding-right: 2px;
	}

	/***** Boîte message *****/
	/***** Boîte message *****/
	.popup_message {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
	}

	.popup_message > table {
		font: normal 11px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		-moz-box-shadow: 5px 5px 10px #666;
		-webkit-box-shadow: 5px 5px 10px #666;
		box-shadow: 5px 5px 10px #666;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
		border: 3px solid #000;
		background-color: #444;
		border-collapse: collapse;
		width: 100%;
	}

	.popup_message > table td, .popup_message > table th {
		font-size: 14px;
		text-align: left;
		font-weight: bold;
		background-color: #EEE;
		padding: 3px;
		vertical-align: middle;
		border: 1px solid #CCC;
	}

	.popup_message > table td {
		color: #666;
	}

	.popup_message > table th {
		text-align: center;
		color: #333;
	}

	.popup_message form > table {
		margin: 0;
	}

	.popup_message td.boutons {
		text-align: center;
	}

	.popup_message input[type="text"], .popup_message input[type="password"], .popup_message textarea {
		background-color: #FFF;
	}

	.popup_message ul {
		text-align: left;
		font-size: 12px;
		margin: 6px;
	}

	.popup_message h1 {
		background: none;
		position: static;
		font-size: 18px;
		font-weight: bold;
		width: auto;
	}

	.popup_message h1 span {
		color: #666;
	}

	.popup_message h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 6px;
	}

	.popup_message h3 {
		margin: 6px;
	}

	.popup_message p {
		margin: 6px 0;
	}

	.popup_message span.bo_titre {
		/*color:#333333;*/
	}

	#td_message {
		/*max-height:600px;*/
		overflow: auto;
		display: block;
		padding: 10px;
	}

	#td_message ul {
		padding-left: 10px;
	}

	#td_message .tip_aide {
		display: none;
	}

	.tr_bandeau th {
		background-color: #333 !important;
	}

	.titre_message {
		padding: 0 10px;
		font-size: 14px;
		font-weight: bold;
		line-height: 23px;
		color: #DDD;
		float: left;
		text-transform: uppercase;
		white-space: nowrap;
	}

	/*#message {
		position:absolute;
		top: 50%;
		left: 50%;
	}
	#message>table {
		font: normal 11px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		-moz-box-shadow: 5px 5px 10px #666;
		-webkit-box-shadow: 5px 5px 10px #666;
		box-shadow: 5px 5px 10px #666;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3);
		border: 3px solid #000;
		background-color:#444;
		border-collapse:collapse;
		width:100%;
	}
	#message>table td, #message>table th {
		font-size:14px;
		text-align:left;
		font-weight:bold;
		background-color: #EEE;
		padding:3px;
		vertical-align:middle;
		border: 1px solid #CCC;
	}
	#message>table td {
		color: #666;
	}
	#message>table th{
		text-align:center;
		color: #333;
	}
	#message form>table {
		margin:0;
	}
	#message td.boutons {
		text-align:center;
	}
	#message input[type="text"], #message input[type="password"], #message textarea{
		background-color:#FFF;
	}
	#message ul{
		text-align:left;
		font-size:12px;
		margin:6px;
	}
	#message h1{
		background:none;
		position:static;
		font-size:18px;
		font-weight:bold;
		width:auto;
	}
	#message h1 span{
		color:#666;
	}
	#message h2{
		font-size: 14px;
		font-weight:bold;
		margin:6px;
	}
	#message h3{
		margin:6px;
	}
	#message p{
		margin:6px 0;
	}
	#td_message{
		/*max-height:600px;
		overflow:auto;
		display:block;
		padding: 10px;
	}*/
	#td_message ul {
		padding-left: 10px;
	}

	#tr_bandeau th {
		background-color: #333 !important;
	}

	#titre_message {
		padding: 0 10px;
		font-size: 14px;
		font-weight: bold;
		line-height: 23px;
		color: #DDD;
		float: left;
		text-transform: uppercase;
		white-space: nowrap;
	}

	/************* Divers ******************/
	#wait {
		position: absolute;
		width: 200px;
		height: 200px;
		left: 50%;
		top: 50%;
		margin-left: -100px;
		margin-top: -100px;
		z-index: 10;
	}

	.noscreen {
		display: none !important;
	}

	.drapeau {
		float: right;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	.drapeau span {
		display: block;
		float: left;
		height: 30px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.drapeau span img {
		visibility: hidden;
	}

	.AccordionPanelTab .drapeau {
		margin: 2px 5px;
	}

	.drapeau img {
		margin-left: 2px;
	}

	.xdebug-error {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10000;
	}

	table.suivi_newsletter th, table.suivi_newsletter td {
		font-size: 10px !important;
		white-space: nowrap;
	}

	span.chrono {
		border: 1px solid #CCC;
		background-color: #FFFDE5;
	}

	/*************** Icones fichiers ***************/
	a.icone {
		background: url(../graphiques/iconesBO.png) no-repeat;
		padding-left: 22px;
		padding-top: 5px;
	}

	a.icone.fic {
		background-position: left -500px;
	}

	a.icone.pdf {
		background-position: left -520px;
	}

	a.icone.doc {
		background-position: left -540px;
	}

	a.icone.xls {
		background-position: left -560px;
	}

	a.icone.ppt {
		background-position: left -580px;
	}

	a.icone.txt {
		background-position: left -600px;
	}

	a.icone.img {
		background-position: left -620px;
	}

	a.icone.mp3 {
		background-position: left -980px;
	}
}
	/***************************************************************/
	@media print {
		.TabbedPanelsContent {
			display: block !important;
		}

		.noprint, .TabbedPanelsContent.noprint {
			display: none !important;
		}

		body {
			overflow: visible;
			background: none;
		}

		#menu, .panel_liste, #TPanelsPageAdmin > .TabbedPanelsTabGroup {
			display: none;
		}

		table {
			width: 100%;
			border: 1px solid #666666;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			margin-bottom: 10px;
		}

		table td, table th {
			padding: 5px;
		}

		th h2 {
			margin: 0;
			text-transform: uppercase;
		}
	}