/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body 
{
    height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	font: 12px Arial;
	line-height: 20px;
	overflow-y: scroll;
	color:#5e5e5e;
	background: #e0e0da url(images/page/bg_page.png) repeat-x;
}

body.blank {
    background: transparent;
}


#header{
	height:150px;
}

#header span{
	display: block;
	position: absolute;
	top: 0;
	width: 25px;
	height: 250px;
	border: soli_d 1px red;
}

#header span.bordg{
	left: -10px;
	background: url(/images/page/bord-gauche.png) no-repeat;
}
#header span.bordd{
	right: -10px;
	background: url(/images/page/bord-droit.png) no-repeat;
}


a:link {
	color: #319CD4;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #319CD4;
}
a:hover {
	text-decoration:none;
	color: #12afff;
}
a:active {
	text-decoration: none;
	color: #319CD4;
}

.lienmenuht:link {
	color: #666666;
	text-decoration: none;
}

.lienmenuht:visited {
	text-decoration: none;
	color: #666666;
}

.lienmenuht:hover {
	text-decoration:none;
	color: #666666;
}

.lienmenuht:active {
	text-decoration: none;
	color: #666666;
}


/**************************************************/
/*                                  MENU HAUT                         */
/**************************************************/


div.headmenu {
    width: 100%;
    height: 31px;
    background: url(/images/menu/bg_menu.png) repeat-x;
}
div.headmenu div.middle {
    height: 31px;
    width: 100%;
    qfloat: right;
    max-height: 31px;
}

div.headmenu #menu{
    list-style-type:none; 
    padding:0;
    margin: 0;
}

div.headmenu #menu li {
    display:block;
    float:right;
    position:relative;
    z-index:100;
    background: url(/images/menu/separ_menu.png) no-repeat right top;
    
    cursor: pointer;
	cursor: hand;
}

div.headmenu #menu li.last {
    background: none;
}

div.headmenu #menu li span {
    display:block;
    z-index:100;
    padding: 0px 0px;
    font: bold 9pt Arial;
    letter-spacing: 1px;
    color: #FFFFFF;
    qdisplay: none;
    
    cursor: pointer;
	cursor: hand;
}

div.headmenu #menu li a, div.headmenu #menu li a:visited {
    display:block;
    padding:0;
    
    cursor: pointer;
	cursor: hand;
}

div.headmenu #menu dl {
    position:absolute;
    top:0;
    left:0;
    margin: 0;
    padding: 0;
}
div.headmenu #menu dt {
    margin:0;
    float:left;
    margin-bottom: 1px;
    height: 30px;
}

div.headmenu #menu dt a, div.headmenu #menu dt a:visited {
    display: block; 
    font: bold 9pt Arial;
    letter-spacing: 1px;
    color: #FFFFFF; 
    padding: 0px 0px; 
    text-decoration: none;
    white-space: nowrap;
}


div.headmenu #menu li a:hover {
    border:0;
}

div.headmenu #menu li:hover dt a, div.headmenu #menu li a:hover dt a  {
    background: #1a7ab0 url(images/menu/separ_menu.png) no-repeat right top;
    color: #FFFFFF;
}
/*todo fix this*/
div.headmenu #menu li.last:hover dt a {
    background: #1a7ab0;
}

div.headmenu #menu li.active a {
    background: #1a7ab0 repeat-x left bottom;
}





/**************************************************/
/*                                      Textes                                     */
/**************************************************/

.Titre{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #009FC7;
	font-weight:bold;
}

.bouton{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #414b56;
}

.texte_orange_10{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF4000;
}

.texte_orange_10gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF4000;
	font-weight:bold;
}

.texte_rouge_10{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #990033;
}

.texte_rouge_10gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #990033;
	font-weight:bold;
}

.texte_rouge_12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #990033;
}

.texte_rouge_12gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #990033;
	font-weight:bold;
}

.texte_orange_12gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF4000;
	font-weight:bold;
}

.texte_gris_10{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #414b56;
}

.texte_gris_10gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #414b56;
	font-weight:bold;
}

.texte_gris_12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #414b56;
}

.texte_gris_gras12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #414b56;
	font-weight:bold;
}

.texte_gris_14{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #414b56;
}

.texte_gris_gras14{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #414b56;
	font-weight:bold;
}

.texte_bc_10{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.texte_bc_10gras{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
}

.texte_bc_12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.texte_bc_gras12{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
}

.texte_bleu_10{
	font: 10px Arial;
	color:#329DD4;
}

.texte_bleu_12{
	font: 12px Arial;
	color:#329DD4;
}

.texte_bleu_12_b{
	font: 12px Arial;
	color:#329DD4;
	font-weight:bold;
}

.texte_bleu_14_b{
	font: 14px Arial;
	color:#329DD4;
	font-weight:bold;
}

.texte_bleu_16_b{
	font: 16px Arial;
	color:#329DD4;
	font-weight:bold;
}

.texte_vert_12{
	font: 12px Arial;
	color:green;
}

.texte_vert_12_b{
	font: 12px Arial;
	color:green;
	font-weight:bold;
}

/**************************************************/
/*                                       Formulaires                        */
/**************************************************/

.MonForm{	font-size: 11px; BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #666666; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffff; font-family:Arial, Verdana, Helvetica, sans-serif;}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

.tabssbordht {
border-bottom:#CCCCCC 1px solid; 
border-left:#CCCCCC 1px solid; 
border-right:#CCCCCC 1px solid;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;}

.tabproduc {
border:solid;
border-color:#CCCCCC;
border-width:1px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;}