/******************************************************************************/
/*                Classes génériques                                          */
/******************************************************************************/

#_theme{
	color: #2d3092; /* Blue  */
	background-color: #ec1b24;  /* Rouge */
	color: #fef200; /* Jaune */
}

#accueil th{
  text-align: center;
  font-weight: bolder;
  font: normal 2em "Lucida sans unicode", "Verdana", Arial;
  padding-bottom: 1em;
}

#accueil td{
  vertical-align: top;
  border: 1px solid black;
}

#acc_gauche {
  width: 30%;
}

#textefront{
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 1em;
}

#taureau {
  vertical-align: middle;
  padding-right: 2em;
}

#admin {
	text-align:center;
	width: 100%;
	clear: both;
	margin-top: 2em;
}
#admin a {
	width: 12em;
	border: 1px solid #2d3092;
	display: inline-block;
	text-decoration: none;
}

#admin a:hover{
	background-color: #2d3092;
	color: white;
}


.bouton {
display: block;
width: 5em;
/*padding: .2em 0;*/
margin-right: .5em;
text-align: center;
text-decoration: none;
border: 1px solid black;
color: black;
}

.coldate_ajoute{
  width: 7em;
}
.colprix{
  width: 8em;
}

.compact {
	/*display: -moz-inline-box; /* for FF & Mozilla */
	display: inline-block;
	overflow:hidden;
	margin: .4%;
	border: 1px solid #2d3092;
	height: 11em;
	color: black;
	text-decoration: none;
}

.compact h3{
	font-weight: bolder;
	/*background: url(images/bk_menu.png) repeat-x;*/
  background-color: #002d56;
	color: white;
	padding: .2em;
	margin: 0;
  height: 1em;
  overflow: hidden;
}

.compact:hover{
	cursor: pointer;
  background-color: #ffdc6a;
	/*background-color: #cfd9e7;*/
	/*border: solid #151e41;*/
}

.compact ul {
	margin-top: .5em;
}

.compact img {
	border: none;
	/*display: block; /* puts image on new line */
	/*margin: .5em auto; /* and centers it*/
	/*border-bottom: .3em solid #fffc00;*/
	margin: 1em;
	float: left;
}

.compactInner {
	display: block;
	width: 30em;
	text-align: left;
	font-size: .8em;
	position: relative;
	/*background: #eef;*/
}

.compact span.bas{
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 display: block;
 text-align: center;
}

#contact {
	text-align: center;
	width: 98%;
	font-size: 1.3em;
	line-height: 1.1;
	margin-top: 1em;
	font-family: 'Franklin Gothic Medium Cond, Copperplate Gothic Bold';
}

#contact h2 {
	font-family: 'Copperplate Gothic Bold';
	text-align: left;
	border-bottom: 2px solid #2d3092;
}

#contactd {
	border-left: 2px solid #2d3092;
}

#contactd img{
	vertical-align: middle;
	margin-right: .5em;
}

#contact td{
	padding: .2em 1em;
	vertical-align: middle;
}

#contactg img{
	float: right;
	/*margin-top: 1em;*/
}
#contactg p{
	float: right;
	clear: right;
	margin-top: .3em;
	padding-bottom: .4em;

}

#container{
	min-width: 600px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background:#fcfff5;
}

#content{
	/*overflow: auto;*/
	min-height: 30em;
	padding: 0 1em;
}

#dark{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

.detail {
	display: inline-block;
	font-size: .8em;
	/*overflow:hidden;*/
	margin: .1em;
	/*border: 1px solid #2e3191;*/
	/*height: 12em;*/
	color: black;
	vertical-align: top;
	padding: .2em;
}

.detail h3{
	font-weight: bolder;
	background: url(images/bk_menu.png) repeat-x;
	color: white;
	padding: .2em;
	margin: 0;
}

.detail b {
	display: block;
	text-align: center;
	font-size: 1.5em;
	background: #2d3092;
	color: #e7e8e7;
	margin-bottom: .1em;
	border-bottom: 2px solid #fef200;
}

.detail table{
	padding: .2em;
}

.detail table th {
	width: 10em;
	text-align: left;
}

.detail textarea {
	/*width:  98%;*/
	width: 20.7em;
	height: 16em;
}
.detail label {
 font:  small-caps;
 font-weight: 100;
 margin-right: .3em;
}

.detail_inner{
	display: block;
	width: 22em;
	font-weight: bold;
	text-align: left;
}

.detail_option {
	background: url(images/check.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0;
	padding: 0;
	padding-right: 25px;
	margin-right: 2em;
	display: block;
}

div.spacer{
	min-width : 172px;
	display: inline-block;
}

.empty {
  visibility: hidden;
}

#errorMsg {
	border: 2px solid red;
	background-color: #F7E3D9;
	color: red;
	font-weight: bold;
	padding: .5em;
	margin-bottom: 1em;
	text-align: left;
	list-style-image: url(images/error.jpg);
}

/*#main_image{height:438px;}  /*background:black;} /*width:700px;*/
/*#main_image img{margin-bottom:10px;}*/

#frmOptShow{
	text-align: right;
	border-bottom: 1px solid;
	margin-bottom: .3em;
}

#frmCamion {
	text-align: center;
}

#frmPhoto {
	text-align: center;
}

#footer{
	clear:both; min-height:1em; padding:5px 0;text-align:center; border-top: 1px solid; margin-top: 1em;
}

.galerie{
	position:relative;
	margin-top: 1em;
}

#loader {
	height: 400px;
	margin-bottom: .5em;
}
#loader img{
	min-height: 400px;
	margin: .5em auto;
}

.loading{
	background: url('images/chargement.gif') no-repeat 50% 50%;
}

#login{
	border: 1px solid black;
	margin: 3em auto 0 auto;
	padding: 1em;
	width: 25em;
	text-align: center;
}
#login p{
	margin-bottom: 1em;
}

#logform table {
	margin: 0 auto;
}

#login td{
	text-align: center;
}

#login input.text{
	border: 1px solid black;
	width: 10em;
}

#lstVignette {
	padding-top: .5em;
}

#lstvignette a{
	display: -moz-inline-box; /* for FF & Mozilla */
	display: inline-block;
	overflow:hidden;
	margin: .2%;
	height: 120px;
	text-decoration: none;
}
#lstvignette img {
	display: block; /* puts image on new line */
	margin: 1em auto; /* and centers it*/
}

.lstVignetteInner {
	display: inline-block;
	margin: .3em;
	border: 1px solid #2e3191;
	text-align: center;
}

.loading{
	background: url('images/chargement.gif') no-repeat 50% 50%;
}

#mainlogo{
	position: absolute;
	top: .4em;
	left: .4em;
	height: 144px;
	width: 168px;
}

.msg {
	text-align: center;
	margin: 2em 0;
	color:black;
	font-weight: bolder;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

#tt1 {
  width: 100%;
  /*border-bottom: 4px solid #13153e; */
}
#hd2 {
  padding-left: 1em;
  width: 515px;
}
#hd3 {
  background: url(images/logox.png) repeat-x;
  /*width: auto;*/
}
#hd3 img {
  position: absolute;
  top: 50px;
  right:1em;
}

#menuParent {
  text-align: center;
  margin-top: .3em;
}


#menuParent ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #002d56;
color: #FFF;
width: 100%;
font: bold 100% arial, helvetica, sans-serif;
text-align: center;
}

#menu li {
  display: inline;
  margin: 0;
}

#menu li a {
text-decoration: none;
background-color: #002d56;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#menu li a:hover
{
background-color: #b0953a;
color: #FFF;
}
#menu li a.active {
  background-color: #c51230;
  color: #FFF;
}


.pagination {
	text-align: center;
	position: relative;
	margin-bottom: .5em;
}
.pagination span{
	display: inline-block;
	vertical-align: top;
}
.pagination a{
	color: #2d3092;
	display: block;
	border: 1px solid transparent;
	text-decoration: none;
}
.pagination a.pagination_current {
	color: #ec1b24;
	text-decoration: underline;
}
.pagination a:hover{
	background-color: #213067;
	color: #ee8600;
}
.pagination a.pageButton {
	width: 2em;
	color: #fef200;
	background-color: #2d3092;
}
.pagination span.pTotal{
	position: absolute;
	left: 0em;
}

#popupDiv{
	background-color: white;
	display: none;
	position:fixed;
	overflow: hidden;
	z-index:10;
}

#popupClose{
	background-color: red;
	border: 1px solid black;
	color: white;
	display:block;
	float: right;
	font-weight: bold;
	height: 20px;
	margin: 3px;
	padding: 0;
	width: 20px;
}

#printHeader{
	height: 0px;
	overflow: hidden;
}

#profil {
	font-family: 'Franklin Gothic Medium Cond, Copperplate Gothic Bold';
	padding: 1em;
	font-size: 1.3em;
	line-height: 1.4em;
}

#profil p {
	margin-bottom: 2em;
}

#profil h2 {
	font-family: 'Copperplate Gothic Bold';
	text-align: left;
	border-bottom: 2px solid #2d3092;
}

.pTotal {
	margin-top: .4em;
	float: left;
}

.tableQuery {
	border: 1px solid #2d3092;
	padding: 1em;
	width: 100%;
	border-collapse: collapse;
  cursor: pointer;
}
.tableQuery th{
	font-weight: bolder;
	background: url(images/bk_menu.png) repeat-x;
	color: white;
	padding: .2em;
	margin: 0;

	border: 1px solid;
	font-variant: small-caps;
	text-align: center;
}
.tableQuery th a{
	color: white;
	text-decoration: none;
}
.tableQuery td{
	border-left: 1px solid;
	padding: 0 .4em;
	vertical-align: text-top;
}
.trodd{
	background-color: #e8eafc; /*  #C7CBD9; /*#F6F6FF; /*#F3F0FF; /* #eaf0ff;*/
}
.trover{
	background-color: #ffdc6a;
}

#searchbox {
  font: 1.3em bold;
	float: right;
	width: 10em;
  vertical-align: middle;
  border: 1px solid #c51230;
	/*color: red;*/
	margin: 0;
}


.vendu {
	background-color: red;
	color: white;
	text-align: center;

}


/******************************************************************************/
/*                Version en noir et blanc pour impression                    */
/******************************************************************************/
@media print {

	body {
		font-size: 12pt;
	}

	#tt1 { display: none;}
	#menu { display: none;}
	.banner, .pagination { display: none;}
	#content h1{ display:none;}
	#admin {display: none;}
	#frmSearch{ display: none;}
	#frmOptShow{display: none;}
  #section_title{display: none;}

	#printHeader{
		height: auto;
    padding-bottom: 1em;
		border-bottom: 1px solid black;
	}

	#printHeader img {
		display: inline;
		float: left;
		margin-right: 1em;
    height: 5em;
	}

	#container, #content{
		padding:0;
		margin: 0;
		border: none;
	}

	#footer{ background: white; color: black;}
}