/*
	CSS pour Clusieur habilleur - Principal
	Emilie - egzakt.com
	2008/08/29
*/

body {
	background:#fff;
	font:69.9%/130% Arial, Verdana, sans-serif;
	margin:0;
	color:#000;
}

h1 {
	margin:0;
}

h2 {
	background-color:#fff;
	border:0;
	border-bottom: 1px solid #666;
	color:#0058B3;
	padding:10px 0 10px 20px;
	font:bold 1.09em/1.2em 'Trebuchet MS', Verdana, sans-serif;
	text-transform:uppercase;
	margin:0;
}

h3 {
	font:bold 1.09em/1.2em 'Trebuchet MS', Verdana, sans-serif;
	color:#D4145A;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#D4145A;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#2A60B5;
}

img {
	border:0;
}


#wrapper {
	width:auto;
	margin:0 auto;
}

h1#logo {
	margin:0 0 7px 30px;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	display:none
}

/* CONTENU
-----------------------------------------*/
#contenu {
	background:none;
	border:0;
	padding:10px;
}

#contenu .boite {
	border:0;
}

#contenu a.action {
	display:none;
}


/* SOUS-NAVIG
-----------------------------------------*/
ul#sous_navig,
ul#sous_navig2 {
	display:none;
}


/* COORDONNÉES
-----------------------------------------*/
#coords .conteneur_colonnes {
	width:auto;
	padding-top:3px;
	background:none;
}

#coords .colonne {
	float:left;
	width:275px;
	padding:0 10px 0 18px;
}
#coords .colonne3 {
	float:none;
	width:auto;
	clear:left;
}

#coords th, #coords td {
	text-align:left;
	padding:2px 0;
}

#coords input {
	width:170px;
}


/* JOURNAL D'ACHATS
-----------------------------------------*/
#titrejournal {
	display:none;
}
.boite#journal {
	display:none;
}



/* PROFIL
-----------------------------------------*/
#profil .conteneur_colonnes {
	width:auto;
	padding-top:3px;
	background:none;
}

#profil .colonne {
	float:left;
	width:25%;
	padding:0 10px 0 18px;
}

#profil .colonne#achats_types {
	width:30%;
}

#profil input {
	border:0;
	position:relative;
}

#profil label {
	position:relative;
	top:-2px;
}

#profil #achats_types table {
	width:100%;
}

#profil #achats_types td {
	vertical-align:top;
}


/* FORMATS - ARCHITECTURE
-----------------------------------------*/
#formats {
	width:auto;
	border:none;
	background:none;
}

#standards {
	float:left;
	width:auto;
}

#mesure {
	float:left;
	width:auto;
}

#formats .boite {
	border:0;
	padding:8px 18px 0 18px;
}

#formats select {
	width:70px;
}

#formats table {
	width:auto;
}


/* STANDARDS
-----------------------------------------*/
#standards h2 {
	border-right:0;
}

#standards th {
	width:120px;
	text-align:left;
	font-weight:normal;
	padding-right:10px;
	padding:2px 0;
}

#standards td {
	text-align:right;
	padding:2px 0;
}

#standards input {
	width:60px;
	padding:3px 5px;
}

#standards textarea {
	width:226px;
}


/* MESURE
-----------------------------------------*/
#mesure .boite {
	float:left;
	width:40%;
	padding-top:10px;
}

#mesure th {
	width:140px;
	text-align:left;
	font-weight:normal;
	padding-right:5px;
	padding:2px 0;
}

#mesure td {
	padding:2px 0;
	vertical-align:middle;
	padding-left:5px;
}

#mesure input {
	width:70px;
	padding:3px 5px;
}

#mesure input.double {
	width:145px;
}

#mesure textarea {
	width:285px;
}

#mesure .radio {
	width:13px;
	padding:0;
	position:relative;
}

/* RECHERCHE
-----------------------------------------*/
/* Par mot-clé */
#rech_mot {
	float:left;
	width:470px;
}

#rech_mot .boite {
	width:428px;
	position:relative;
	padding:8px 20px;
}

#rech_mot input {
	padding:3px 5px;
	width:170px;
}

#rech_mot .bouton {
	width:83px;
	position:absolute;
	top:10px;
	left:210px;
	padding:0;
	border:0;
}

/* Par anniversaire */
#rech_fete {
	float:left;
	width:470px;
}

#rech_fete h2 {
	border-left:0;
}

#rech_fete .boite {
	width:428px;
	position:relative;
	padding:8px 20px;
	border-left:0;
}

#rech_fete input {
	padding:3px 5px;
	width:170px;
}

#rech_fete .bouton {
	width:83px;
	position:absolute;
	top:10px;
	left:120px;
	padding:0;
	border:0;
}

/* Index alphabétique */
.boite#rech_alpha {
	padding:8px 20px;
}

#rech_alpha ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
}

#rech_alpha li {
	display:inline;
}

#rech_alpha ul a {
	float:left;
	margin-right:5px;
	border:1px solid #cbcbcb;
	padding:2px 5px;
	color:#D4145A;
}

#rech_alpha a:hover {
	border:1px solid #d46c92;
}

/* Profil */
#rech_profil .conteneur_colonnes {
	width:938px;
	padding-top:3px;
	background:url(../images/ul/tuiles/conteneur_rech_profil.gif) repeat-y top left;
}

#rech_profil .colonne {
	float:left;
	width:150px;
	padding:0 10px 0 18px;
}

#rech_profil .colonne#achats_types {
	width:275px;
}

#rech_profil .colonne#grandeur {
	width:250px;
}

#rech_profil input {
	border:0;
	position:relative;
}

#rech_profil label {
	position:relative;
	top:-2px;
}

#rech_profil select {
	width:70px;
	margin:1px 0;
}

#rech_profil table {
	width:100%;
}

#rech_profil td {
	vertical-align:top;
}

#rech_profil th {
	width:165px;
	text-align:left;
	font-weight:normal;
}


/* Montant total */
.boite#rech_total {
	padding:8px 20px;
}

#rech_total input {
	padding:2px 5px;
}

#rech_total .bouton {
	padding:0;
	border:0;
	margin-left:20px;
	position:relative;
	top:5px;
}


/* RECHERCHE - RÉSULTATS
-----------------------------------------*/
.boite#resultats {
	padding:10px;
	margin-bottom:0;
}

/* Pagination */
#resultats .pagination {
	border-bottom:1px solid #bfbfbf;
	padding:5px 8px 8px 8px;
	margin-bottom:18px;
}

#resultats .pagination .total {
	float:right;
	padding-top:8px;
	font-weight:bold;
	font-size:1.09em;
}

#resultats .pagination ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
}

#resultats .pagination li {
	float:left;
	margin-right:4px;
}

#resultats .pagination li.disabled {
	height:16px;
	padding:3px 7px 0 7px;
	border:1px solid #cbcbcb;
}

#resultats .pagination a {
	display:block;
	float:left;
	height:17px;
	padding:2px 7px 0 7px;
	border:1px solid #cbcbcb;
	color:#D4145A;
}

#resultats .pagination a img {
	padding-top:5px;
}

#resultats .pagination a:hover {
	border:1px solid #d46c92;
}

#resultats .pagination a.selected {
	border:1px solid #83a8d7;
	font-weight:bold;
	color:#2a60b5;
	text-decoration:none;
}


/* LISTING
-----------------------------------------*/
.listing {
	width:100%;
	border-collapse:collapse;
}

.listing th, .listing td {
	vertical-align:top;
	padding:3px 8px;
	border:1px solid #bfbfbf;
}

.listing th {
	background:#eee none;
	font-family:'Trebuchet MS';
	text-align:left;
	text-decoration:none;
}

.listing th.action {
	display:none;
}

.listing td.action {
	display:none;
}

.listing tr.even td {
	background-color:#f2f2f2;
}

.listing tr.over td {
	background-color:#dce7f4;
	color:#0058B3;
}

.listing tr.invisible td {
	border:0;
}
.listing tr td.boitegauchehaut {
	border:0;
}
.listing tr td.boitedroitehaut {
	border:0;
}
.listing tr td.boitegauchebas {
	border:0
}
.listing tr td.boitedroitebas {
	border:0;
}
.listing tr td.preboitegauche,
.listing tr th.preboitegauche{
	border-right-color: #bfbfbf;
}
.listing tr td.boitedroite,
.listing tr th.boitedroite{
	border-right-color: #bfbfbf;
}

.listing tr td.titreprix {
	text-align:center;
	background-color:#fff;
	text-transform:uppercase;
	color:#D4145A;
	font-weight:bold;
}
.listing tr td.titretotalprix {
	color:#0058B3;
	font-weight:bold;
}


/* BAS
-----------------------------------------*/
#bas {
	display:none;
}


/* DIVERS
-----------------------------------------*/
.message_erreur, .message_succes {
	width:80%;
	margin:0 auto 10px;
	background-color:#fcc;
	color:#000;
	padding:5px 10px;
	text-align:center;
	font:bold 11px/14px Verdana, Arial, sans-serif;
}

.message_succes {
	background-color:#cfc;
}

.message_erreur ul, .message_succes ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#ff0000;
}

th, td {
	vertical-align:top;
}

form {
	margin:0;
}

input, select, textarea {
	border:1px solid #b0b0b0;
	padding:1px 5px;
	font:1em/1.3em Arial, Verdana, sans-serif;
}

select {
	padding:1px 0;
}

.radio, .readonly {
	border: none;
}

.boutons_confirmation input {
	background-color:#ece9d8;	/*color IE*/
}
.boutons_confirmation_edit {
	text-align:right;
	margin:0 10px 5px 0;
}
#coords .boutons_confirmation_edit input,
#profil .boutons_confirmation_edit input,
.boutons_confirmation_edit input{
	width:150px;
	border:1px solid #b0b0b0;
	padding:1px 5px;
	font:1em/1.3em Arial, Verdana, sans-serif;
	background-color:#ece9d8;	/*color IE*/
}


#version_dev {
	display:none;
}

.edit_form {
	margin:0 20px;
}

.edit_form th, edit_form td {
	text-align:left;
	padding:2px 0;
}
.edit_form th.fck_simple {
	vertical-align:top;
	padding-top:40px;
}

/* ONGLETS
-----------------------------------------*/

#onglets {
	display:none;
}


#contenu_onglet {
	display:none;
}

/* LISTE (comatibilité avec code d'application admin)
-----------------------------------------*/
/* LISTE
 * Notes : .sortableitem : Lors du sortable, l'element sort de son container, donc le CSS defini a partir des parents ne fonctionne plus.
 *
-----------------------------------------*/
.liste_entete {
	background-color:#DCE8F5;
	color:#0058B3;
	padding:4px 7px 4px 7px;
	margin:0;
	width:766px;
	font-weight:bold;
	border:1px solid #0058B3;
	border-bottom:0;
}

.liste_entete div {
	float:left;
	margin-left:10px;
}

/* Elements de la liste */
.liste_entete div.nom,
.liste div.nom,
.sortableitem div.nom {
	margin-left:0;
	width:200px;
}

.liste_entete div.descriptif,
.liste div.descriptif,
.sortableitem div.descriptif {
	width:150px;
}
.liste_entete div.actif,
.liste div.actif,
.sortableitem div.actif {
	width:50px;
	text-align:center
}
.liste_entete div.date,
.liste div.date,
.sortableitem div.date {
	width:130px;
}
.liste_entete div.code,
.liste div.code,
.sortableitem div.code {
	width:50px;
}

.liste_entete a {
	color:#fff;
}

ul.liste {
	margin:0 0 10px 0;
	padding:1px;
	list-style-type:none;
	background-color:#0058B3;
	width:780px;
}

ul.liste li,
.sortableitem {
	padding:5px;
	width:770px;
	border-bottom:1px solid #EBEBDF;
	background-color:#fff;
}

.sortableitem {
	cursor:move;
}

ul.liste li.item_over {
	background-color:#ecf0f1 !important;
}


ul.liste li.item_off_vide {
	background-color:#fff;
	cursor:default;
	text-align:center;
}

ul.liste li.maxout {
	background-color:#f6f6f6;
}

ul.liste li div,
.sortableitem div {
	float:left;
	margin-left:10px;
}

ul.liste li div.vedette {
	font-weight:bold;
}
ul.liste li.highlight div {
	font-weight:bold;
}
ul.liste li div.inactif {
	color:#999999;
}
ul.liste li div.perime {
	color:#f00;
}

ul.liste li .fonctions,
.sortableitem .fonctions {
	float:right;
	position:relative;
}

ul.liste li span,
.sortableitem span {
	position:absolute;
	color:#fff;
	font:10px/12px Verdana, Arial, sans-serif;
	z-index:100;
}

ul.liste li span.modifier,
.sortableitem span.modifier {
	top:1px;
	left:14px;
}

ul.liste li span.supprimer,
.sortableitem span.supprimer {
	top:1px;
	left:94px;
}

ul.liste li .fonctions a,
.sortableitem .fonctions a {
	text-decoration:none;
	cursor:pointer;
}

ul.liste li .fonctions a:hover {
	background:transparent;
}

ul.liste li .fonctions a .over,
.sortableitem .fonctions a .over {
	position:absolute;
	visibility:hidden;
}

ul.liste li .fonctions a:hover .over {
	visibility:visible;
}

ul.liste li .fonctions a.supprimer_vide {
	margin-right:82px;
}
ul.liste li a span.modifier_vide {
	left:8px;
}

div.liste_fixe {
	height:220px;
	width:887px;
	overflow:auto;
	position:relative; /*Pour IE6*/
}

.liste div div.division,
.sortableitem div div.division {
	margin:0 0 4px;
	border-bottom:1px dotted #EBEBDF;
	padding-bottom:4px;
}

/* Voir liste des document par categories/sous-categories (Zone paertenaire) */
.conteneur_sous_categorie {
	margin-left:40px;
}
.conteneur_sous_categorie h5 {
	font-size:12px;
}
.conteneur_sous_categorie .liste_entete, .conteneur_sous_categorie ul.liste {
	background-color:#82CE53;
}
.conteneur_sous_categorie ul.liste {
	width:766px;
}

div.calendar {
	z-index:100;
}