/* $Id: main.css 70 2007-08-17 14:37:02Z mmendjeli $ */
/*
 * Couleurs :
 *   #61abef : bleu
 *	 #7CB625:	 vert
 */
img, div, td { behavior: url('/css/iepngfix.htc') }
body { 
  margin: 0px;
  padding: 0px;
  position: absolute;
 	background: #286ECF url(/images/bg_blue_grad.gif) repeat-x 0 0; 
 	/*background-color: #F7F9FC;*/
  font-family: arial, helvetica, sans;
  font-size: 11px;
  width: 100%;
  height:100%;
}



tr td {
  font-family: arial, helvetica, sans;
  font-size: 11px;
}

/*Zone de login etc .. MM*/

h2 {
font: 18px  arial, tahoma, sans-serif;
}
h3 {
font: bold 13px arial, tahoma, sans-serif ;
}
button{
	background-color: #F5F7F6;
	font: 11px  arial, tahoma, sans-serif;
	border:1px outset;
	vertical-align:middle;
    cursor:pointer;
}
button:hover{
	background-color: #6BA2CB;
	color: #FFFFFF;
	font: 11px  arial, tahoma, sans-serif;
    
}
.submit_login{
	background-image: url('/images/switchuser_no-fix.png');
	background-repeat: no-repeat; /* Do not alter this line! */
	background-color: #F5F7F6;
	background-position: left center;
	height: 20px;
	padding-left: 22px;
	font: 11px  arial, tahoma, sans-serif;
}
input.submit_login:hover, input.submit_register:hover{
	background-color: #6BA2CB;
	color: #FFFFFF;
	font: 11px  arial, tahoma, sans-serif;
	
}
.submit_register{
	background-image: url('/images/ok_no-fix.png');
	background-repeat: no-repeat; /* Do not alter this line! */
	background-color: #F5F7F6;
	background-position: left center;
	padding-left: 22px;
	height: 20px;
}
.warning {
    border:1px solid red;
    background: #fff6f6;
    padding:10px;
    margin:0 0 15px 0;
    width: 90%;
    color:red;
}
.red {
    color:#A80000;
}
.green{
    color:#00CC00;
}
input{
	height:20px;
	font-size:11px;
	color:#61abef;
}
.obligatoire{
	color: #6F0707;
	font-size:14px;
    font-weight:bold;
}
.copyright{
	color: #A8BDCF;
	/*color:#000000;*/
	font-size: 11px;
	/*font-weight: bold;*/
}
#deco_gauche{
	background-image: url(/images/gauche.png);
	background-repeat: repeat-y;
	width:5px;
	height:100%;
}
#deco_droit{
	background-image: url(/images/droit.png);
	background-repeat: repeat-y;
	width:5px;
	height:100%;
}
#footer{
    position: relative;
    margin-top:10px;
    /*border: 1px solid red;*/
    bottom:0px;
    left:0px;
    height:10%;
    text-align:center;
    width:100%;	
}
#footer-lang{
    position: relative;
    margin-top:10px;
    bottom:0px;
    left:0px;
    text-align:center;
    width:100%;	
}

.footerLinks{
	color:#426F00;
}
/* Les liens */
a { color: #084F8F; text-decoration:none;}
a:hover { color: #00325F; text-decoration:none;}
/*a:visited { color: #00325F; text-decoration:none;}*/
a.menu2 { color: #084F8F; text-decoration:none;font-size:12px;}
a.menu2:hover { color: #7CB625; text-decoration:none;font-size:12px;}

/* Déco sert à l'encadré gris transparent de la zone de tétière */
tr td.deco { 
height: 5px;
width: 5px;
font-size: 0px;
}

/* Un bloc actif + icones plus bas */
div.bloc {
  width: 200px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #000000;
}

/*div.bloc:first-line {
  color: #2F7BBF ! important;
  font-weight: bold;
  font-size: 14px;
}*/
span.bloc-title {
  white-space:nowrap;
  color: #2F7BBF ! important;
  font-weight: bold;
  font-size: 14px;
}
div.bloc-alone {
  width: 200px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position:relative;
  left:252px;
  color: #000000;
}
table.table-bloc {
    /*border: 1px solid red;*/
}

table.table-bloc td{
    padding:5px;
    text-align:justify;
}
/* Icones des blocs d'action */
div.stock { background: url('/images/icone_stock.png') no-repeat top left; padding-left: 42px; }
div.multimedia { background: url('/images/icone_multimedia.png') no-repeat top left; padding-left: 42px; }
div.sharing { background: url('/images/icone_partage.png') no-repeat top left; padding-left: 42px; }
div.imaging { background: url('/images/icone_imaging.png') no-repeat top left; padding-left: 42px; }
div.emailing { background: url('/images/icone_email.png') no-repeat top left; padding-left: 42px; }
div.imessaging { background: url('/images/icone_imessaging.png') no-repeat top left; padding-left: 42px; }
div.widget { background: url('/images/icone_widget.png') no-repeat top left; padding-left: 42px; }

/* Actualités */
div.filactu {
float: right;
/*height: 350px;*/
width: 280px;
/* border: solid 1px red; */
overflow: auto;
}

/* Titre d'une actu */
div.filactu h1 {
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 14px;
color: #61abef;
}
div.filactu p {
margin-top: 0px;
padding-left: 5px;
}

.data-bold{
    font-weight:bold;
}

.formTable tr{
    height:23px;
}

.buttonClean{
    width:100px;
}
ul li{
   margin-bottom:10px;
}
/* 
 *    sliding doors css  buttons class
 */
/* Green arrow right */
    
p.button-arrow-right-green {
    background:transparent none repeat scroll 0% 50%;
    float:right;
    margin:0pt;
    /*padding:20px 0pt;*/
    position:relative;
}
p.button-arrow-right-green a {
    background:transparent url(/images/buttons/button-arrow-green-right.png) no-repeat scroll right top;
    display:block;
    font-size:0.99em;
    height:20px;
    margin:0pt auto;
    padding:0pt 12px 0pt 0pt;
    text-decoration:none;
    /*width:190px;*/
}
p.button-arrow-right-green a span {
    background:transparent url(/images/buttons/button-arrow-green-left.png) no-repeat scroll left top;
    /*color:#676767;*/
    display:block;
    height:20px;
    line-height:20px;
    padding:0pt 3px 0pt 13px;
    text-align:center;
    white-space:nowrap;
}
/* Blue arrow right float right*/
p.button-arrow-right-blue {
    background:transparent none repeat scroll 0% 50%;
    float:right;
    margin:0pt;
    /*padding:20px 0pt;*/
    position:relative;
}
p.button-arrow-right-blue a {
    background:transparent url(/images/buttons/button-style-blue-right.png) no-repeat scroll right top;
    display:block;
    font-size:0.99em;
    height:20px;
    margin:0pt auto;
    padding:0pt 12px 0pt 0pt;
    text-decoration:none;
    /*width:190px;*/
}
p.button-arrow-right-blue a span {
    background:transparent url(/images/buttons/button-style-blue-left.png) no-repeat scroll left top;
    /*color:#676767;*/
    display:block;
    height:20px;
    line-height:20px;
    padding:0pt 3px 0pt 13px;
    text-align:center;
    white-space:nowrap;
}

/* Blue arrow right float left*/
p.button-arrow-right-blue2 {
    background:transparent none repeat scroll 0% 50%;
    float:left;
    margin:0pt;
    /*padding:20px 0pt;*/
    position:relative;
}
p.button-arrow-right-blue2 a {
    background:transparent url(/images/buttons/button-style-blue-right.png) no-repeat scroll right top;
    display:block;
    font-size:0.99em;
    height:20px;
    margin:0pt auto;
    padding:0pt 12px 0pt 0pt;
    text-decoration:none;
    /*width:190px;*/
}
p.button-arrow-right-blue2 a span {
    background:transparent url(/images/buttons/button-style-blue-left.png) no-repeat scroll left top;
    /*color:#676767;*/
    display:block;
    height:20px;
    line-height:20px;
    padding:0pt 3px 0pt 13px;
    text-align:center;
    white-space:nowrap;
}

/* Blue */
a.button-style-blue {
    background:transparent url(/images/buttons/button-style-blue.png) no-repeat scroll right top;
    color:#FFFFFF;
    display:inline-block;
    font-weight:bold;
    height:24px;
    padding-right:8px;
    text-decoration:none;
}

a.button-style-blue span {
    background:transparent url(/images/buttons/button-style-blue.png) no-repeat scroll left top;
    cursor:pointer;
    display:block;
    float:left;
    height:18px;
    line-height:18px;
    padding:3px 3px 3px 11px;
    text-align:center;
    white-space:nowrap;
}
a.button-style-blue:hover {
    background-position:right bottom;
    color:#FFFFFF;
}

a.button-style-blue:hover span {
    background-position:left bottom;
}