/* ----- Main  ----- */
body {
    background:			#FFFFFF;
    text-align:			center;
    padding:			0;
    margin:			0;
    font-family: 		Arial, Verdana, sans-serif;
    background-image:url('/images/fond.png');
    background-repeat:repeat;
}

A {border: 0; text-decoration: none; font-weight:normal;}
A:hover {border: 0;font-weight:bold;}


div#content {
    float: right;
    width: 875px;
    min-height: 750px;
}

div#sidebar {
    float: left;
    width: 215px;
    background-image:url('/images/sidebackground.png');
    min-height: 100%;
    position:absolute;
}

#main {
    float:			left;
    width:			1091px;
    background:		#e9e8e8;
    padding:		0px 10px 5px 10px;
    min-height:			400px;
    position:relative;
}


#container {
    min-width:			1112px;
    max-width:			1112px;
    font-size:			12px;
    text-align:			left;
    clear:			both;
    margin: 0px auto;
}




#pageattente {
    margin: 0px auto;
    padding:		0px 10px 5px 10px;
}

#pageattente img
{
    padding:	1px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}


div.sidebarSectionHead
{
    float: left;
    height: 30px;
    margin-left: -10px;
    width: 213px;   
    font-family: 		Verdana, sans-serif;
    font-size:			24px;
    color : #FFFFFF;
    background-color: #747474;
    padding: 5px 5px 10px 5px;
}



/*Table */
table {
    border: thin solid #6495ed;
    border-collapse: collapse;
    width: 100%;
}

th {
    font-family: Arial, Verdana, sans-serif;
    border: 1px solid #6495ed;
    padding: 5px;
    background-color: #D0E3FA;
}
tr {
    background-color: #ffffff;
}
td {
    font-family: sans-serif;
    border: 1px solid #6495ed;
    padding: 5px;
    text-align: left;

}

caption {
    font-family: sans-serif;
}

.thumbnail img
{
    padding:1px;
    margin:1px;
    border:		1px solid #652e1a;
}

.thumbnail:hover img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.thumbnailInactif img
{
    padding:	1px;
    border:		1px solid #652e1a;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.thumbnailInactif:hover img
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    -moz-opacity: 1;
    opacity:  1;
}


#containerAdmin {
    min-width:			1112px;
    max-width:			1112px;
    font-size:			12px;
    text-align:			left;
    clear:				both;
    margin:16px auto;
}

#header {    
    margin:				0 auto;
    clear:				both; 
}

#headerinside {
    background: #242424;
    min-width:			1112px;
    max-width:			1112px;
    margin:				0 auto;
    height:				71px;
    text-align:			left;
    clear:				both; 	
}





#mainAdmin {
    float:			left;
    width:			1253px;
    background:		#EEEEEE;
    padding:		5px 10px 5px 10px;
    min-height:			100px;
    border:		1px solid #000000;
}

#footer {
    float:				left;
    width:				1112px; 
    height:				32px;
    text-align:			center;
    font-family: 		Arial, Verdana, sans-serif;
    font-size:			10px;
    padding-top:10px;
}


#footeradmin {
    float:				left;
    width:				953px; 
    height:				32px;
    text-align:			center;
    font-family: 		Arial, Verdana, sans-serif;
    font-size:			10px;
    padding-top:10px;
}


a.action
{
    font-weight:bold;
    padding-right: 		5px;
    padding-left:		5px;
    padding-top: 		5px;
    padding-bottom:		5px;
    color:				#000000;
    font-size:			12px;
    text-decoration:	none;
    background:			#EEE;
    border:		1px solid #000000;
}

a.action:hover {
    background:			#CCC;
}

/* ----- Top Menu Admin----- */
#topmenuAdmin {
    margin:				0 auto;
    text-align:			left;
    height:150px;
    padding-top:		15px;
    padding-left:		15px;
    clear:				both;
}
#topmenuAdmin .moduletable {
    border: 			0;
    padding: 			0;
    margin:				0 auto;
}
#topmenuAdmin ul {
    margin: 			5px;
    padding: 			0;
    list-style:			none;
}
#topmenuAdmin li {
    display: 			inline;
    margin: 			0;
    padding: 			0;
    border-right:		1px solid #000000;
}
#topmenuAdmin a, #topmenuAdmin a:visited {
    font-weight:bold;
    padding-right: 		10px;
    padding-left:		10px;
    color:				#000000;
    font-size:14px;
    text-decoration:	none;
}
#topmenuAdmin a:hover, #topmenuAdmin a:active {
    background:			#EEEEEE;
    color:				blue;
}

.topmenuAdminactive
{
    background:			#CCC;
    color:				blue;
}

/* simple inlining of previous example */
#navigation { padding: 0 1px 1px; margin: 0;font: normal 20px Verdana, sans-serif;}
#navigation li {list-style: none; margin: 0;  display: inline;}
#navigation li a {padding: 3px 0.2em; margin-left: 3px; text-decoration: none;}
#navigation li a:link {color: #747474;  font-weight:bold;}
#navigation li a:visited {color: #747474;}
#navigation li a:hover {color: #FFF; }
/* "current tab" style */
#navigation li a#current {color: #FFF; }

#sidebarnav {padding: 0 1px 1px; margin: 0;font: normal 12px Verdana, sans-serif;}
#sidebarnav li {list-style: none; margin: 0;  display: list-item;}
#sidebarnav li a {padding: 3px 0.2em; margin-left: 10px; text-decoration: none;}
#sidebarnav li a:link {color: #242424;}
#sidebarnav li a:visited {color: #000000; font-weight: bold}
#sidebarnav li a:hover {color: #000000; font-weight: bold}
/* "current tab" style */
#sidebarnav li a#current {color: #000000; font-weight: bold}





h1 {
    text-align: right;    
    margin: 0;
    font: 30px Verdana, sans-serif;
    border-bottom: 1px solid #666;
}


div#facadecontent {
    float: left;    
    width: 540px;
    margin: 10px 10px 10px 10px;
}
div#facadesidebar {
    float: right;    
    width: 300px;
}

div#facadecontentwide {
    float: left;    
    width: 840px;
    margin: 10px 10px 10px 10px;
}

div#facadecontentwideDes {
    float: left;    
}

div#facadecontentwideInfos {
    float: left;  
    width: 250px;
}

.txterror
{
    color: #A22;
}

div#panierAdd {
    float: right;
    width: 133px;
    height: 40px;
    background-image:url('/images/fondPanier.png');
    background-repeat:no-repeat;
    margin-top: 5px;
}

div#panierAdd a{
    color:white;
    margin-left: 8px;
    display:block;
    width: 133px;
    height: 40px;
    line-height:35px;
}

#PanierTitle a
{
    float : right;
    font-family: 		Verdana, sans-serif;
    font-size:			12px;
    font-weight: bold;
    color : #747474;
    margin: 10px 10px 10px 10px;
}

#PanierTitle a:hover
{
      color : #ffffff;
}

#MonPanier
{
    width: 800px;
}

#MonPanier table {
    margin: 1em; border-collapse: collapse;
    border: 3px #ccc solid;
    width: 90%;
    float: right;
    table-layout:fixed; width:740px;
}

#MonPanier #panierTable thead, tfoot {
    background-color: #747474;    
}

#MonPanier #panierTable tbody {
   background: #ffffff;
}

#MonPanier #panierTable th {
    padding: .3em; border: 1px #ccc solid;
    background-color: #747474;   
    color : #ffffff;
    font-size: 14px;
}

#MonPanier #panierTable td {
    padding: .3em; border: 1px #ccc solid;
    text-align: center;
    vertical-align:top;
}

#MonPanier #panierTable td img {
 border: 1px solid #666;
}

div#paniercommande {
    width: 160px;
    height: 40px;
    text-align: center;
    background: #242424;
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 2px solid #000000;
     float: right;
}

div#paniercommande a{
    color:#ffffff;
    line-height:35px;
}

div#retourcommande {
    width: 160px;
    height: 40px;
    text-align: center;
    background: #242424;
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 2px solid #000000;
     float: left;
     margin-left: 35px;
}

div#retourcommande a{
    color:#ffffff;
    line-height:35px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
        border: thin solid #6495ed;
        border-collapse: collapse;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(Theme/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(Theme/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(Theme/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}