/* CSS MaisonMax - Backend - version 0.1
Auteur : Victor Maximov
Date :  juillet 2008 
Modification : 
*/

/* Typographie
----------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 62.5%;
  line-height:normal;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#fff;
  color:#363636;
}

h1 {
  font-size: 1.8em;
  font-weight: bold;
  color:#a60000;

}
h1 span	a{font-size:0.7em; color:#fff!important; background-color:#02830d; 
	text-decoration:none!important; padding:2px 5px; font-weight:normal;}

h2 {
  font-size: 1.4em;
  font-weight: 900;
  color:#a60000;
}
h2 span {letter-spacing:-0.1em;}
h3 {
  font-size: 1.3em;
  font-weight: bold;
  color:#000;
}
h3 span	{font-weight:normal;}

h4, legend {
  font-size: 1.2em;
  font-weight: bold;
  color:#000;
}
h4 span	{font-weight:normal;}
p, li {
  font-size: 1.1em;
}
p {
   margin:0.5em 0 1em 0;
}
li {
  margin:0 0 0.5em 0;
}
h1, h2, h3, h4{
  margin: 0 0 1em 0;
}
strong	{color:#a60000;}

img	{border:none;}

sup	{vertical-align:text-top; font-size:90%;}
/*
Tableaux --------------------- */
table	{width: 100%; font-size:1.1em; border-collapse:collapse;}
 

td	{ border-bottom:1px solid #a9a9a9; padding:4px 1px;}
th	{background:#fff url(../images/admin/th-gradient.jpg) repeat-x 0 50%;
	 text-align:left; font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:#a9a9a9 #a9a9a9 #303338 #a9a9a9;
	padding:0 4px;
	}
th a	{
	display:block; 
	background:transparent url(../images/admin/btn_tri-sort.gif) no-repeat 100% 50%;
	text-decoration:none!important;
}

/*
LIENS --------------------- */

a:link, a:active, a:visited {
	text-decoration:underline;
	color:#292929;
}
a:hover{
text-decoration:none;
	color:#a60000;
}


a.rouge{
	color:#a60000;
}


/* bouton 'supprimer' */
a.btn-x:link,
a.btn-x:active,
a.btn-x:visited,
a.btn-x:hover	{
	width:12px;
	height:12px;
	background:#000 url(../images/btn_X.gif) no-repeat 0 0;
	display:block;
	float:left;
	margin-right:5px;
	text-decoration: none;
	text-indent: -5000px;
}
a.btn-x:hover	{background-position:0 100%;}



a.precedent{
	padding:5px 10px 5px 20px;
	background: #fff url(../images/admin/fleche-gauche.gif) no-repeat 0 50%;
}

a.suivant	{
	padding:5px 20px 5px 10px;
	background: #fff url(../images/admin/fleche-droite.gif) no-repeat 100% 50%;
}
a.suivant:link,
a.precedent:link,

a.suivant:visited,
a.precedent:visited
		{
	text-decoration:none;
	
}
a.suivant:hover,
a.precedent:hover,
a.suivant:active,
a.precedent:active

		{
	text-decoration:underline;
	
}

/* Entête
------------------------------*/
#header {
  position:relative;
  padding-top:30px;
  }

.logo-text
{
	position:absolute;
	top:80px;
	left:3px;
	/*font-weight:bold;*/
	font-family: Arial;
	/*font-size: 1em;*/
	color:Black;
	
}

#profil{
width:360px;
position:absolute;
right:30px;
top:30px;
}
#profil p {margin:0;}
#profil strong {color:#363636;}
#profil .photo{float:right; border:1px solid #a9a9a9; margin-top:-5px;}
#profil .logo{float:left; border-right:2px dotted #a9a9a9; padding-right:5px; margin-right:10px;}


	
/* MENUS
----------------------------------*/	
.menu	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none; 
	border:1px solid #fff;
	margin:10px;
	padding:10px;
	height:400px;
	}
	
.menu li	{text-align:left;}	
	
.menu li a	{text-decoration:none; font-weight:bold;}		
.menu li.selected a{	color:#a60000;
}
	
.horizMenu
 {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none; 
 }
 
.horizMenu li {float:left;
 }	

.horizMenu li {background:#fff url(../images/menu_separateurs.gif) no-repeat 0 50%; padding:0 8px; margin:0;}



.first {border-left:0!important;
background-image:none!important;
padding-left:0!important;}

.last {border-right:0!important;
margin:0!important;
}
 
 /* FORMULAIRES
 ------------------------ */
label	{float:left; width:10em;}

input,
select,
option{	
	font-size:1em;
	color:#363636;
	padding-left:2px;
	}
textarea	{	
	width:340px;
	height:5em;
	margin-right:15px;
		}
textarea.projet	{	
	 
	height:10em;
	 
		}		
select	{	
	width:220px;
	}

fieldset {
	font-size:1em;
	border: 0;
	margin:0 0 10px;
	padding: 0;
}
legend	{padding: 0; margin:0 0 1em -8px;}
fieldset p	{margin: 0 0 0.5em 0;}	

input.btn-noir	{border-style: none;
	border-color: inherit;
	border-width: 0;
	color:#fff; 	background-color:#000; 	font-size:1em; 	padding:1px 5px; 	margin:0 0 0 10px; 	width:auto!important;
	height: 20px;
}
input.file	{
	height:20px; /*vertical-align:middle; background-color:#fff;
	*/}


.col-gauche input,
.col-droite input,
.col-gauche select {width:215px;}
 

.m-3	{width:3em!important;}
.m-4	{width:4.3em!important;}
.m-7	{width:6.5em!important;}
.m-10	{width:250px;}

.boite {
	 border-bottom:2px dotted #CFCFCF;
	 padding:5px 0 25px 0;
	 margin:0 0 10px 0;
	 width:auto; 
	 position:relative;
	 }


.sans-bordure	{border:0!important;}
	 
.boite h2	{margin-bottom:0.5em;}

p.boutons	{position:absolute; bottom:-20px; right:0; text-align:right; background-color:#fff; 
padding:0 75px 0 5px;}


.clear-left {clear:left;}

.col-gauche	{float:left; width:50%;}
.col-droite	{float:right; width:50%;}
.col-gauche ul	{margin:0.3em 0 0 110px;}

.padding-top	{padding-top:1em;}

.deux-col	{border-bottom:1px solid #CFCFCF; clear:both; padding:0.5em 0;}


	
.fil-ariane	{margin:0; background-color:#fff; padding:1em;}
.float-left	{float:left!important;}
.float-right	{float:right;}
.float-none	{float:none!important;}

/* Galerie photos */
#galerie	{
	width:730px;
	}
.galerie-photo	{position:relative; float:left; margin-right:13px;}
.btn-x-circle	{position:absolute; top:-7px; right:-7px;}

 

#footer {
  border-top:1px solid #E2D1B4;
  padding: 5px 0;
  margin-top:10px;

}


 #footer p{ font-size: 1.1em;
 	color:#797979;
	float:left;
	margin:0;
}

/* Mise en page
================================= */

body {
  text-align: center; 
  min-width: 940px;
}

#wrapper {
  width: 1030px; /*940px; */
  margin: 0 auto; 
  text-align: left; 
}


#navigation { 
  width: 200px;
  float: left; 
  background-color:#cfe8fe;
}

#mainContent { 
  width: 820px; 
  float: right; 
} 

#footer,
#liens,
.clear { 
  clear: both; 
} 



/* padding 
================================== */

#mainContent {

  padding-top: 7px;
  padding-bottom: 20px;

}

#menu {
  padding-top: 32px;
  padding-bottom: 20px;
}


/* pictures
================================== */

.cadre_photo {
  border:1px solid #e1e1e1;
  width:130px;
  margin:0;
  padding:0;
  text-align:center;
  position:relative; 
  float:left; 
  margin-right:13px;
}

.cadre_employee {
  border:1px solid #e1e1e1;
  width:54px;
  margin:0;
  padding:0;
  text-align:center;
  position:relative; 
  float:left; 
  margin-right:13px;
}


/* drad and drop d'image */
.sortingX
{        	
	width: 128px;
    height: 88px;
	border: 0px solid #a5a1a1;
	cursor: move;
}

.btn-x-circle
{
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 1;
}

.btn-x-circle:hover
{
    cursor: pointer;
}

.sortlist
{
    width: 740px;
    /*margin: 0 auto;*/
    padding: 5px;
    margin-bottom: 5px;
    border: 0px solid #a5a1a1;
    text-align: left;
    position:relative;
    float:left; 
    margin-right:13px;
}

.sorting
{
    float: left;
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    width: 128px;
    height: 88px;
}

.sorting:hover
{
    border: 1px solid #666;
    padding: 4px 4px 4px 4px;            
    width: 128px;
    height: 88px;
}

.watermarked 
{ 
	border-right: #ccccff 1px solid;
	border-top: #ccccff 1px solid;	
	border-left: #ccccff 1px solid;	
	border-bottom: #ccccff 1px solid;
	color: gray;
	display: inline;
	background: AliceBlue;
	visibility: visible;
	height:16px;
} 

.nonwatermarked 
{ 
	border-right: #ccccff 1px solid;
	border-top: #ccccff 1px solid;
	border-left: #ccccff 1px solid;	
	border-bottom: #ccccff 1px solid;
	color: black;
	display: inline;
	background: #ffffff;
	visibility: visible;
	height:16px;
}