@charset "utf-8";
body {
	padding-left: 30px;
	margin-left: 30px;
	background: url(images/bg2.jpg) #333333 repeat-y  ;
	margin: 0px;
	height: 100%;
	color: #000000;
	font-size:11px;
	font-family: "verdana";
	color:#ffffff;
	
}
h2 {
	margin-top : 0;
	padding-top : 0.5em;
	padding-bottom : 0.1em;
	text-transform : capitalize;
	letter-spacing : 2px;
	font-size : 1.1em;
	color : #999999;
	text-decoration: underline;  border-bottom-color: #999999;

}
    
	.thrColHybHdr #container { 
	background: #000000;
    text-align: left;
	width: 100%; 

} 

ul
{

   list-style-position: inside;
   padding-left: 10px;
}
 
    .thrColHybHdr #header { 
	background: #000000; 
    height: 180px;
 
}
    .thrColHybHdr #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
  		margin : 0;
		padding-top : 75px;
		text-align : center;
		font-size : 2em;
		color : #999999;
		background : inherit;
		}
 	.thrColHybHdr #sidebar1 {  
    	float: left; 
    	width: 16em; 
  
 		background: #000000; 
     
		padding-left: 10px;
		padding-right: 10px;
	
    }
    .thrColHybHdr #sidebar2 {
    	float: right;
		
    	width: 16em; 
    	background: #000000; 
   
		padding-left: 10px;
		padding-right: 10px;
    }
    .thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
    
    .thrColHybHdr #mainContent {
     	margin: 0 18em 0 18em; 
    	padding: 0 2em 0 2em;
		border-left : 1px dashed #A94780;
		border-right : 1px dashed #A94780;

    } 
		
    .thrColHybHdr #footer { 
    	padding: 0 10px; 
    	background:#000000;
		
    } 

    .thrColHybHdr #footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }
    
    /* Diverses classes à réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	/*form*/


#inputtext1, #inputtext2, #inputtext3, #inputtext4, #inputtext5, #inputtext6, #inputtext7, #inputtext8, #inputtext9, #inputtext10, #inputtext11, #inputtext12, #inputtext13, #inputtext14{
	color: #B35288;
	border: 1px solid #ccc;
	background: #000000;
	width:10em;
}
#textarea1 {

color: #385B88;
	border: 1px solid #ccc;
	background: #000000;
}
#inputsubmit1 {
	background: #000000;
	color: #FFFFFF;
	border: 1px solid #ccc;
}
.checkbox {
	color: #000000;
	border: 1px solid #ccc
	background: #000000;
}

/* tableau*/
/* Style des lignes de séparation */
.table-separateur {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  background-color : #d6d3ce; 
}

/* Style du titre du tableau */
.table-titre {
   font-size : 15px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  text-align : center; 
  font-weight : bold; 
  background-color : #BDAD9B; 
}

/* Style des en-têtes du tableau */
.table-entete {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  background-color :#A94780; 
}

/* Style des en-têtes du tableau (centré) */
.table-entete-centre {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
   color : #ffffff; 
   text-align : center; 
  background-color :#A94780; 
}

/* Style des en-têtes du tableau (droite) */
.table-entete-droit {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
   color : #ffffff; 
  text-align : right; 
  background-color : #A94780; 
}

/* Style 1 des cellules */
.table-ligne1 {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  background-color : #000000; 
}

/* Style 2 des cellules */
.table-ligne2 {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff; 
  background-color : #cccccc; 
}

/* Style 1 des cellules (centré) */
.table-ligne1-centre {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  text-align : center; 
  background-color :#000000; 
}

/* Style 2 des cellules (centré) */
.table-ligne2-centre {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  text-align : center; 
  background-color : #cccccc; 
}

/* Style 1 des cellules (droite) */
.table-ligne1-droit {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  text-align : right; 
  background-color : #000000; 
}

/* Style 2 des cellules (droite) */
.table-ligne2-droit {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #ffffff; 
  text-align : right; 
  background-color : #cccccc; 
}