/* 
    Document   : styles
    Created on : 1 jun. 2012, 13:30:31
    Author     : Kamga orelien
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*
== reset
*/
* { margin:0; padding:0; }

body{
background:url("images/bg.png") repeat-x;
color:#FFF;
font-family:Arial;
}
a {

color:#FFF;
text-decoration:none;
}
 th{

 background : green;
  color:white;
}

 td{

 background : white;
  color:black;
}

h3
{
  color:blue;
  margin-bottom:15px;
  margin-top:15px
 }
 h2
 {
  color:rgb(111,200,68);
  margin-bottom:15px;
  margin-top:15px;
}
a:hover {

color:#FFF;
text-decoration:underline;
}
/*== wrapper */
.wrapper-top{

border:1px solid #CC66FF;
width:950px;
margin:auto;
margin-top:50px;


}

.wrapper-bank{
margin-top:50px;
width:950px;
 margin: auto 20px;

}
.wrapper-bottom{
margin:11px auto auto;
width:950px;
}

/*== header */

.header{
height:45px;
background:#CC66FF;

}
/*== header left*/
.header-left{
margin-top:5px;
float:left;
}

.header-left span{
font-family:Arial black;
font-weight:bold;
font-size:19px;
}

/* end header left*/



/*== header right*/

.header-right{

float:right;
}

.header-right .research{
margin-top:10px;
float:left;
margin-right:5px;
}
.header-right .research .input{

float:left;
}

.header-right .research .input .input-search{

float:left
}

.header-right .research .input .select-search{

float:left
}
.header-right .research .input input{

width:180px;
height:22px;
}
.header-right .research .input select{

height:22px;
}


.header-right .research .submit{

float:left;
}
.header-right .research .submit submit{

float:left;
height:22px;
}




.header-right .rendez-vous{
font-family:Comic Sans MS;
margin-top:13px;
float:left;
margin-right:5px;
font-size:13px;
}
.header-right .deconnection{
font-family:Comic Sans MS;
font-size:13px;
margin-top:15px;
float:left;

}

/* end header right*/
/*== end header */

/*== navigation */

.navigation{
height:97px;
background:#FFF;

}

.navigation .nav-left{
font-family:Comic Sans MS;
font-size:12px;
margin-top:40px;
color:#FF00FF;
float:left;
margin-left:5px;
}
.navigation .nav-right{
font-family:Arial black;
margin-top:40px;
float:right;
color:#CC66FF;
margin-right:20px;
font-size:15px;
}

.navigation .nav-right a{
text-decoration:none;
}

.navigation .nav-right li{
list-style:none;
float:left;
margin-left:20px;
text-align:center;
}

.navigation .nav-right a{
width:100px;
height:25px;
/*background:#CC66FF;*/
background-color:rgb(111,200,68);
display:block;
line-height:23px;
color:blue !important;

}



.navigation .nav-right #config{

width:120px !important;
}

.navigation .nav-right .sous-menu li{
display:none;
}

.navigation .nav-right .sous-menu  a{
display:none;

}
/* end navigation */

/*== middle */
.middle{


}
.middle .middle-left{
width:223px;
border:1px solid #CC66FF;
background:#CC66FF;
float:left;

}

.middle .middle-left .block{
width:198px;
color:FF00FF;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:35px;

}
.middle .middle-left .block  .block-top{
background:url("images/siderbarbg.png") ;
font-family:Arial black;
font-size:13px;
}

.middle .middle-left .block  .block-top span{

margin-left:20px;
}
.middle .middle-left .block  .block-bottom span{

margin-left:20px;
}
.middle .middle-left .block  .block-bottom{
background:url("images/siderbarbottom.png") ;
height:13px;
}

.middle .middle-left .block  .block-middle{
background:url("images/siderbarmiddle.png") repeat ;
width:197px;
margin-left:1px;
border-top:1px solid #996600;
}

.middle .middle-left .block  .block-middle li{
list-style:none;
margin-left:20px;
margin-top:5px;
}

.middle .middle-left .block  .block-middle  a{
color:#FF00FF !important;
font-family:Arial;
font-size:12px;
}

.middle .middle-right{

width:705px;
background:#FFF;
float:left;
border-top:1px solid #996600;
color:#000;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
width: 704px;

}

.middle .middle-right a{

background:#FFF;
color:#000 !important;
text-decoration:underline;
}
/* end middle*/
.wrapper-bottom{


}
.wrapper-bottom .footer{


}
.wrapper-bottom .footer a{
font-family:Garamond;
font-size:15px;
text-decoration:none;
color:#000;
font-weight:bold;
}

/** design calendrier */
.contents-left .input-form{
margin-bottom:5px;
}
.contents-left{
float:left;

}

.content-right  th{

font-size:13px;
}
.content-right{

float:left;
margin-left:40px;
}


.content-right a{
display:block;
text-align:center;
color:black !important;
text-decoration:underline !important;

}



.content-right td:hover{

background:rgb(0,128,255);
}
.content-right tr:hover{

background:white !important;
}

#next{
display:inline;
color:black !important;
}

#prev{

display:inline;
color:black !important;
}

#jour_courant{

background:rgb(0,128,255);
}

#deroul{

}
#txt{
font-color:red; 
font-size:15px ;
}
.deroule{
display:inline;
border:1px solid #000;
cursor:pointer;
}
#zone1{

margin-left:100px;
}

#submit{

background:rgb(111,200,68);
color:blue;
width:120px;
height:25px;
font-weight:bold;
}

#submit0{

background:rgb(111,200,68);
color:blue;
width:100px;
height:23px;
text-align:center;
font-weight:bold;
}

#oui{
background:rgb(111,200,68);
color:blue;
width:70px;
height:23px;
text-align:center;
font-weight:bold;


}
/* end design */


/* design formulaire  */
.contents-top{

height:25px;
}
.field  .date select{
width:70px !important;
}

.field  .input-field-submit select{
width:150px ;
}

.field  .input-field  select {
width:188px;
}
.field  .input-field  input {
width:188px;
}

.field  .date  input {
width:50px;
}
.field .text{
float:left;
width:150px;
}
.field  .input-field{
float:left;
}
.clear{
clear:both;
}
.field{
height: 65px;
}
.autres a {
margin-right:100px; 
}
/* end design formulaire */

/* Design du tableau */

  table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  /*text-align:center; */
}
td
{
   border: 1px solid black;
   text-align:center;
}

 
  th
 {
  background : green;
  color:white;
 
 }

/* end design */


.clear{

clear:both;
}

.statistiqueabonne #tousabonnesuspendu{

display:none;
margin-top:60px;
}

.statistiqueabonne #listeperso{

display:none;
margin-top:60px;
}

#notvisible{
display:none;

}

/* design  enregistrement*/
.enreg-ok{
color:green;
border:1px dashed green;
height:30px;
width:300px;
margin-bottom:25px;
text-align:center;
}

.enreg-error{
color:red;
border:1px dashed red;
height:30px;
width:300px;
margin-bottom:25px;
text-align:center;
}
/* end design  enregistrement*/

.main1 a{

margin-left:50px;

}


/*Design Rectangle */

.rectangle{

float:left;
margin-left:15px;

}

.courbe{

margin-bottom:300px;
}
.zone-rectangle{

float:left;
}


.unitaire{
margin-top:35px;

}

.global{
display:none;
margin-top:35px;
}
.affiche{

margin-top:75px;
}

.content-php{
margin-top:50px;
}
/* Other design */

.menu-zone{
margin-top:50px;
}

.text-enregistrer{
float:left;
}
.trie{
float:left;
margin-left:50px;
}

.text-trie{
float:left;
}

.form-trie{
 float:left;
}

.invisible{
display:none;

}

#periode{
background:red;
color:white;
}

#date1{
background:red;
color:white;
}

#zone2{
background:red;
color:white;
}


/* end design */
/* End design */

/* Design theme */

.theme{

margin-bottom:20px;
}
.content-image img{

width:50%;
height:50%;
}
.content-image{
padding-left:90px;

}

.content-table{

 margin: auto;
 width: 900px;
}

#solde {
    background: none repeat scroll 0 0 #0080FF;
}

#enreg{
margin-left: 100px;

}

.enreg{
margin-left: 50px;

}



#payement-table{

margin-top:50px;
}
.payement-table{

margin-top:0px;
}

/** design auto sugestion */
#suggestions{	position: absolute;	 width: 100%; z-index: 100;  line-height: 20px;}
#suggestions a{
display: block;
padding: 0;
background: #CC66FF;
color: #fff;
width: 180px;

}

#suggestions li{
width:180px; 
list-style:none; 
margin-bottom:5px;
}

tr:hover{
color:green;
cursor:pointer;
}
/* end sugestion */


/* End design */

/** end wrapper */