/*************************************************************************************************************************
* Feuille des styles du FRONT OFFICE de CFPCO.FR
*
* Auteur: 			Rodolfo Schlachet
* Derniere modif:	decembre 2009
* ( LES STYLES DE MENUS SONT DANS LOGOMENU.PHP
*
*************************************************************************************************************************/

html, body {
	/*height: 101%;				/* the height spawns a vertical scrollbar on all pages to prevent short pages jumping to the left on Firefox */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	margin: 0;					 /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 5px;
	text-align: justify; 		/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333366;             /*GS modif  03/12/2010  - color: #0000CC;*/
	background-color:  #F9F086;
	behavior:url("csshover.htc");
 }
		
/****** DIVISIONS ********************************************************************************************************/
div#container {
	width:1024px;
	margin: auto;					/* the auto margins (in conjunction with a width) center the page */
	padding:10px;
	background-color:#FFFFCC; 
	text-align: justify;
	background-color: #FFFF99;	 }
	
#header { 	
	margin:0;
	padding-top: 0px ;	
	text-align:right;
	background-color: #FBF4AA;  }
	
#logotipo {
	float:left;
	margin:0;
	width:210px; 
	background-color: #FBF4AA;}
	
#logotexte {
	float:left;
	width: 210px;
/*	text-align: right;*//*MODIF GS 02/09/2011 */
text-align:left;
	margin:0px;
	display:inline; }
	
#password {
	float:right;
	color: #000000;
	background-color: #FFDB6F;
	text-align:right;
	font-size:9pt;
	line-height:4px;
	padding-left:5px;
	padding-right:5px;
	margin-top:18px;
	margin-right:7px; 	 }	
	
#password2li {
	float:right;
	color: #000000;
	background-color: #FFDB6F;
	text-align:right;
	font-size:9pt;
	line-height:4px;
	padding-left:5px;
	padding-right:5px;
	margin-top:7px;
	margin-right:7px; 	 }	
	
#imagemenu{
	float:left;
	width:220px;
	margin:0px;
	padding:0;
	display:inline;    }

#imagecentrale {
	width: 210px;
	padding-left:4px;
	padding-right:4px;
	background-color: #FBF4AA;
	margin:0px;	}	
	/*******************************MODIF 28/10/2010*/
#maincontent {
	/*width:80%;*/
width:770px;
	float:left;
	/*width:770px;*/
	padding:5px;
	margin:4px;
	background-color: #FDF9CF;/*	background-image:url(../Images/background_logo.gif);
	background-repeat:repeat;*/
	
	}
	
#maincontent  a:link, #maincontent  a:visited{
	text-decoration:none;
	color:#3366CC;
}

#maincontent  a:hover {
	/*background-color: #0099CC;*/
	text-decoration:underline;
}

#maincontent ul, #maincontent li {

}

/**********************************************************/

div#rightcontent {
	width:200px;
	float: left;
	background-color: #FBF4AA; }
	
div #footer { 
	padding: 0; margin:0;
	text-align:center;
	background-color: #FBF4AA; }

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat {  	clear:both;     height:0; font-size: 1px;    line-height: 0px; }
	

/**** MENUS ****************************************************************************************************************/
#nav ul, #nav li {	list-style: none;	 
					float: left;
					width:207px;
					margin:0;
					text-align:right}

ul.postnav,ul.postnav li{ 	padding:2px;
							margin:2px;  }
							
/* IE 6 ONLY */							
*html ul.postnav,ul.postnav li{ 	padding:1px;
									margin:1px;  }							

ul.postnav a{ 	display:block;
				padding:4px;
				background-color:#FFDB6F;
				color:#000000;
				font-size:14px;
				text-decoration:none; }
				
ul.postnav a:hover{
	color: #333333;
	background-color: #FFFF66;
	font-weight: bold;
}

/* special style for link to identify current page */
#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active {
	background-color: #FFCC33;
	color: #0066FF; }


/****** /* POUR LES LIGNES DU LOGOTEXTE ***************************************************************************************/
.Estilo1 { 	margin:0; 	color: #000033; 	background-color: #FBF4AA; 	font-size: 12pt; 	line-height: 12pt; 	 } /*MODIF GS 02/09/2011*/
.Estilo2 { 	margin:0; 	color: #000033; 	background-color: #FBF4AA; 	font-size: 12pt; 	line-height: 12pt;  }
.Estilo3 { 	margin:0; 	color: #000033; 	background-color: #FBF4AA;	font-size: 12pt; 	line-height: 12pt; } 
.Estilo4 { 	margin:0; 	color: #000033; 	background-color: #FBF4AA; 	font-size: 12pt; } 



/******TEXTES, PERAGRAPHES ...*************************************************************************************************/
.sin_margen { margin: 0; }

.Paragraphe {
	font-size: 12pt;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: justify;
	margin-right: 0;
	margin-left: 0;
	padding-right: 20px;
	padding-left: 20px;
	word-spacing: 2pt;
	 }
	
.Titre0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC33;  }	
	
.Titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000099;
	background-color: #FFFF33;
	text-transform: uppercase; }

.Titre0 a {
  text-decoration: none;
  	color: #000000;  }

.Titre1_SansMarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000099;
	background-color: #FFFF33;
	margin: 0;
	text-transform: uppercase; }

.Sous_Titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #000099;
	background-color: #FFFF99; 
	margin :0; }
	
.Titre2 {
	font-size: 13pt;
	font-weight: bold;
	color: #000099;
	margin: 0; }
	
.Titre2_MAJUSCULES {
	font-size: 12pt;
	font-weight: bold;
	color: #000099;
	margin: 0;
	text-transform:uppercase; }	
	
.warning {   color:#F00; }	

.petit9_droite { font-size: 9pt; 	text-align: right; }

.souligne { text-decoration: underline; }

.bgris	{background-color: #CCCCCC; }


/****** TABLEAUX *****************************************************************************************************/
.tabtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center; }
	
tr.hilite {   background-color:#E8F2F8;}
  
/*tr.hilite:hover , tr:hover {    background-color: #FFE28A; 	  color: #000000;} */
/* Changement GS le 10/09/2010 pour que le menu dynamqiue fonctionne sans avoir a definir un classe specifique*/
tr.hilite:hover {    background-color: #FFE28A; 	  color: #000000;} 



#cours a {	text-decoration: none; }	

#cours a:link, #cours a:visited {   	text-decoration: none; 	color: #0000CC; }

#cours a:hover  { 	color: #000000; }

#cours tr { font-family: Arial, Helvetica, sans-serif; 	font-size: 11pt; }