body, tr, td, table
{
	font-family: 'Arial', Helvetica, Verdana, Sans-serif;
	font-size  : 12px;
	color	   : black;
	background : #FCFAE1; /* orange */
}

.TitreIntro {

	color:	green;
	line-height: 1em;
}

#page-container {
	width			 : 1000px;
	margin			 : auto;
	margin-top 	  	 : 0;
}

#main-nav {
	height        : 50px;
	margin-top 	  : 0px;
/*	float		  : right; pour avoir à coté des drapeaux */
}

#header {
    height	   : 235px; 
	clear	   : both; /*pour mettre le rectangle apres le flota droit et le float gauche */
	background : url(images/Ginasservis.jpg) no-repeat;
-o-background-size:100% auto;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
background-size:100% auto;	
}


/*Ceci crée la barre horizontale qui traverse tout l'écran. Le padding-bottom place la barre à 25 pixels du haut de la page.*/
#menuPrincipal
{
    border-bottom  : 1px solid #9EA0A1;
    padding-bottom : 31px;
}

#menuDemo {
	padding-bottom : 50px;
	padding-top : 3px;
}


#onglets
{	
	  position 		  : absolute;
      border 		  : 1px solid transparent;
      padding 		  : 0;
      font 			  : bold 11px Batang, arial, serif;
      list-style-type : none;
      left 		      : 50%;
      margin-top 	  : 0;
      width 		  : 430px;
	  margin-left 	  : -215px; /* la moitié de width */
		
}

/*selectionne toutes les balises li dans les balises onglets (car pas de separation virgule)*/
#onglets li, #ongletsDemo li
{	
	float			: left;
    height			: 27px;
    background-color: #FCFAE1;
    margin			: 0px 0px 0 1px;
    border			: 1px solid #61380B;
	font-size		: 20px;

}

#onglets li.active, #ongletsDemo li.active
{
    border-bottom	: 1px solid #B45F04;
    background-color: gold; /*Pour l’onglet actif, on écrase la bordure définie dans l'onglet par une bordure blanche, 
							  mais uniquement au niveau de l’onglet. On change aussi la couleur de fond. */
}

#onglets a, #ongletsDemo a
{
    display 		: block;/*pour pouvoir cliquer partout sur l'onglet */
    color 			: #666;
    text-decoration : none;/* enleve le souligenment */
    padding 		: 4px;
}

#ongletsDemo
{	
	  position 		  : absolute;
      border 		  : 1px solid transparent;
      padding 		  : 0;
      font 			  : bold 11px Batang, arial, serif;
      list-style-type : none;
      left 		      : 50%;
      margin-top 	  : 0;
      width 		  : 430px;
	  margin-left 	  : -430px; /* la moitié de width */
		
}

#sidebar-a {
	float	   : right;
	width  	   : 240px;
	line-height: 18px;
	text-align : center;
}

#sidebar-a h2{
	text-align : center;
	color	   : blue;
}

#content {
	margin-right : 240px;/*la meme que le taille de la sidebar pour avoir le texte tjs à sa gauche*/
	line-height  : 18px;/* hauteur entre lignes */
}

#footer {
	clear		: both;
	font-family : Tahoma, Arial, Helvetica, Sans-serif;
	font-size	: 10px;
	color		: #c9c9c9;
	border-top	: 1px solid #efefef;
	padding		: 13px 25px;
	line-height : 18px;
}
#footer a {
	color			: black;
	text-decoration : none;
}

#footer a:hover {
	color: #db6d16;
}

#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
}

div {
	/*padding : 25px;*/
}

label
{
	display : block;
	width	: 200px;
	float   : left;
}