body
{ 
	margin:0; 
	padding:0; 
	height:100%;
	width:100%;
	/*background: url("../medias/fond.gif");*/	
}

.page
{ 
	background: url("../medias/fond.gif");
}

.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.bigtext {
	font-size: 16px;
	font-weight: bold;
	color: #0f0f0f;
	font-family: Arial, Helvetica, sans-serif;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.topbg {
	background-image: url('../medias/topbg.jpg');
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.product {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990099;
	text-decoration: underline;
}
.nlink {
	color: #0000FF;
}





/* ------------------------ en tete ---------------------------------- */




#entete
{
	/*background: #FFFFFF url('../medias/img_menu_fond.JPG') repeat-x;*/
	background-position:0px 24px;
	
	height="70px";	
}

#corps
{
	/*height="530px";*/	
}

#fondLogo
{
	background: #86CBF4;
	background-position:0px 120px;
	
	height="40px";	
}



#labelHautDroit
{
	text-align=right;

	/*min-width:100px;*/
	
	overflow:hidden;

	font-family:Verdana;
	font-weight:bold;
	font-size:24pt;
}

#labelHautDroitPanier
{
	/*background: #FFFF00;*/
	min-width:10px;

	overflow:hidden;


	font-family:Verdana;
	font-weight:bold;
	font-size:22pt;
}


#menu
{
	float: left;
	width: 100%;
	height: 100%;
	line-height: normal;
	font-family:Arial;
	font-size:11pt;
}

#menu ul
{
    	padding-right: 0px;
    	padding-left: 10px;
    	padding-bottom: 0px;
    	margin: 0px;
    	padding-top: 19px;
    	list-style-type: none
}

#menu a, #menu strong, #menu span 
{
	padding-right: 15px;
	display: block;
	padding-left: 6px;
	font-weight: bold;
	background: url("../medias/img_menu_droit.JPG") no-repeat right top;
	padding-bottom: 6px; color: #765; padding-top: 8px;
	text-decoration: none
}

#menu a:hover
{
	color: #333
}

#menu li
{
	padding-right: 0px;
	padding-left: 9px;
	background: url(../medias/img_menu_gauche.JPG) no-repeat left top;
	float: left; padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}

#menu #current
{
	background-image: url("../medias/img_menu_gauche_select.JPG")

}

#menu #current a
{
	background-image: url("../medias/img_menu_droit_select.JPG");
	padding-bottom: 7px;
	color: #449
}




/* ------------------------ menu gauche ---------------------------------- */



#gauche
{
	
	background: #CDE3EB url('../medias/img_menu_gauche_fond.jpg') repeat-x 50% bottom;
	font-family:Arial;
	margin:0;
	/*font-size:12pt;*/
	text-align: left;
	/*height:400px;*/
}

#tableGauche
{
	border:0;
	margin:0;
	cellspacing:0;
	cellpadding:0;
	text-align:left;
	height:100%;
	
}

#titreMenu
{
	font-weight: bold;
	margin:0px;
	font-size:15pt;
	vertical-align:top;
}

#deconnexion
{
	font-size:10pt;
	/*height:40px;*/
}


/* ------------------------ contenu ---------------------------------- */

#contenu
{
	text-align: center;
	vertical-align:top;
	/*padding: 5px;*/
	padding-left:3px;
	padding-right:3px;
	
	font-family:Arial;
	font-size:10pt;
	width:100%;	/* pour coller le menu gauche à gauche ! */
	
}




/* ----------------------- divers ---------------------------------------- */




a:link { color:#000000; text-decoration:underline;cursor:hand; font-size:10pt; font-family:Arial;}
a:visited { color:#000000; text-decoration:underline;cursor:hand; font-size:10pt; font-family:Arial;}
a:hover { color:#050AAA; text-decoration:underline;cursor:hand;font-size:10pt; font-family:Arial;}

#titre
{
	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
}

#champ_entite
{
	
	margin-left:2px;
	text-align: left;

}
#champ_entite_titre
{
	padding-top: 3px;
	margin-left:20px;
	text-align: left;
	font-family:Arial;
	font-size:12pt;


}

#titreMoyen
{
	padding-top: 2px;
	text-align: left;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
}


#titreComparatif
{
	padding-top: 2px;
	text-align: center;
	font-family:Arial;
	font-size:12pt;
	font-weight:bold;
}

#contour
{
	text-align:center;
	font-family:Arial;
}

#titreContour
{
	color:black;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	font-size:14pt;
}

#titreContourImpression
{
	color:black;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	font-size:12pt;
}

#centre
{
	width:98%;
	text-align:center;
	font-size:10pt;
	font-family:Arial;
	/*padding:10cm;*/		/* ??? */
	padding:2px;
}


#formRecherche
{
	
	width:55%;
	height:100%;
	text-align:center;
	font-size:10pt;
	font-family:Arial;
	
}

#formAnnonces
{
	width:40%;
	text-align:center;
	font-size:10pt;
	font-family:Arial;
	padding:10cm;		/* ??? */
}

#formIcones
{
	width:50%;
	text-align:center;
	font-size:10pt;
	font-family:Arial;
	/*padding:10cm;*/		/* ??? */
}



#form
{
	background-color:#EEEEFF;
	
	text-align:center;
	font-size:10pt;
	font-family:Arial;
	width:100%;
	/*padding-left:10px;*/
	/*padding-right:5px;*/
	/*padding:10cm;*/		/* ??? */

}


#classique
{
	width:100%;
	
	text-align:left;
	font-size:10pt;
	font-family:Arial;
	
}

#impression
{
	
	width:98%;
	text-align:left;
	font-size:10pt;
	font-family:Arial;
	/*padding:10cm;*/		/* ??? */
	padding-left:10px;
	padding-right:10px;
}


#tableau
{
	width:100%;
	text-align:left;
	font-family:Arial;
	border-collapse:collapse;
	font-size:10pt;

}



#tableauRecherche
{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	font-size:10pt;
	/*padding:10cm;*/
	
}

#extremite
{
	background-color:#88AAFF;
	/*border-color:#00EEFF;*/
	border-color:#00EEFF;
	
	border-width:1px;
	text-align:center;
}


#extremitePied
{
	background-color:#88AAFF;
	/*border-color:#00EEFF;*/
	border-color:#00EEFF;
	height:1px;
	border-width:1px;
	text-align:center;
	padding:0px;
}

#extremiteEntete1
{
	background-color:#4169E1;
	/*border-color:#00EEFF;*/
	border-color:#2f4f4fF;
	
	border-width:1px;
	text-align:center;
}

#extremiteEntete2
{
	background-color:#1e90ff;
	border-color:#2f4f4fF;
	border-width:1px;
	text-align:center;
}

#extremiteEntete3
{
	background-color:#4169E1;
	border-color:#2f4f4fF;
	border-width:1px;
	text-align:left;
}


#cellule
{
	border-color:#88AAFF;
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
}

#cellulePaire
{
	border-color:#88AAFF;
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
}


#celluleImpaire
{

	//border-color:#88AAFF;
	border-color:#88AAFF;
	background-color:#e6e6fa;
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	
	
}
#cellule2
{

	//border-color:#88AAFF;
	border-color:#88AAFF;
	background-color:#d6d6ea;
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	
	
}

input.style
{

	font-size:7pt;
	width:145px;
}


input.styleFormation
{

	font-size:7pt;
	width:220px;
}

input.styleUpload
{

	font-size:7pt;
	width:235px;
}



input.styleAnnotations
{

	font-size:7pt;
	width:270px;
}

input.styleRechRapideMoitié
{

	font-size:10pt;
	width:150px;
}

select.styleRechRapideMoitié
{

	font-size:10pt;
	width:140px;
}
input.styleRechRapide
{

	font-size:10pt;
	width:300px;
}

input.styleAnnonces
{

	font-size:10pt;
	width:285px;
}

input.Elargi
{

	font-size:7pt;
	width:200px;
}



input.petit
{

	font-size:7pt;
	width:50px;
}

input.moyen
{

	font-size:7pt;
	width:86px;
}


select.styleRechRapide
{

	width:300px;
	font-size:10pt;
}
select.styleRechRapideSecteur
{

	width:256px;
	font-size:10pt;
}

select.styleNomenclaturesAnnonce
{

	width:240px;
	font-size:7pt;
}


select.styleNomenclaturesAnnonceSecteur
{

	width:180px;
	font-size:7pt;
}


select.styleOffre
{
	width:110px;	
}


select.styleAnnonces
{

	width:285px;
	font-size:10pt;
}

input.styleRechRapideApresOperande
{

	width:221px;
	font-size:10pt;
}

select.styleRechRapideNiveau
{

	width:221px;
	font-size:10pt;
}

select.style
{

	width:145px;
	font-size:7pt;
}


select.styleNomenclaturesGrand
{

	width:245px;
	font-size:7pt;
}

select.styleNomenclaturesMoyen
{

	width:175px;
	font-size:7pt;
}



select.styleNomenclatures
{

	width:265px;
	font-size:7pt;
}

select.styleNomenclaturesPetit
{

	width:100px;
	font-size:7pt;
}

select.styleListeAnnonce
{

	width:130px;
	font-size:7pt;
}


select.styleFormation
{

	width:220px;
	font-size:7pt;
}


select.styleFieldset
{

	width:160px;
	font-size:7pt;
}
select.styleFieldsetEntite
{

	width:200px;
	font-size:7pt;
}

select.petit
{

	width:50px;
	font-size:7pt;
}



select.petitAnnonces
{

	width:50px;
	font-size:7pt;
}


select.petitRechRapide
{

	width:75px;
	font-size:10pt;
}



select.moyen
{

	width:75px;
	font-size:7pt;
}


select.moyenRechRapide
{

	width:105px;
	font-size:10pt;
}

select.moyenAnnonces
{

	width:80px;
	font-size:7pt;
}

select.moyenRechRapideDispo
{

	width:112px;
	font-size:10pt;
}

select.moyenAnnoncesDispo
{

	width:82px;
	font-size:7pt;
}

select.tresPetit
{

	width:38px;
	font-size:7pt;
}

select.multiple
{
	height:80px;
	width:140px;
	font-size:7pt;
}

select.multipleElargi
{
	height:150px;
	width:260px;
	font-size:10pt;
}

select.multipleSignature
{
	height:120px;
	width:480px;
	font-size:10pt;
}

textarea.style
{
	font-size:8pt;
	rows:10;
	width:145px;
	height:80px;
}


textarea.styleFormation
{
	font-size:8pt;
	rows:10;
	width:295px;
	height:80px;
}


textarea.styleAnnonces
{
	font-size:8pt;
	rows:12;
	width:285px;
	height:60px;
	
	
}

textarea.styleSignatures
{
	font-size:8pt;
	rows:12;
	width:400px;
	height:60px;
	
	
}

textarea.max
{
	font-size:8pt;
	rows:10;
	width:100%;
	height:60px;
}

textarea.grand
{
	font-size:8pt;
	rows:10;
	width:555px;
	height:60px;
}

textarea.messageEmail
{
	font-size:8pt;
	rows:20;
	width:100%;
	height:150px;
}

#sousTitre
{
	border-color:#99CCFF;
	background-color:#99CCFF;
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	text-align:center;
}





/* --- affichage dans les loupes ----------------*/

#dhtmlfloatie
{
		
		position: absolute;
		
		left: 0;
		left: -900px;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		border: 2px solid black;
		padding: 5px;
		z-index: 100;
		
}



/* --- Styles Fabienne pour Pages HTML ----------------*/
.titreGrand {

	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
	font-family:Arial;
	font-size:14pt;
	font-weight:bold;
}


.SearchTable {
	font-family: Arial;
	font-size: 11pt;
	background-color: #EEEEFF;
	width: 55%;
}

.styleRechRapide2
{
	font-family: Arial;

	font-size:10pt;
	width:220px;
}

select.styleRechRapide2
{
	font-family: Arial;

	width:225px;
	font-size:10pt;
}


#impression2
{
	
	width:60%;
	text-align:left;
	font-size:10pt;
	font-family:Arial;
	/*padding:10cm;*/		/* ??? */
	padding-left:10px;
	padding-right:10px;
}


input.styleAnnonces2
{

	width:279px;
	font-size:10pt;
}

select.styleAnnonces2
{

	width:290px;
	font-size:10pt;
}



#TitreMenuGauche {
	font-family: Arial;
	font-weight: bold;
	color: #003366;
	background-color: #FFFFFF;
	background-position: center center;
	text-transform: uppercase;
	align:center;
}

select.styleLieu
{

	width:65px;
	font-size:10pt;
}

select.styleRegion
{

	width:105px;
	font-size:10pt;
}

select.styleDepartement
{

	width:110px;
	font-size:10pt;
}

/* Pour menu dynamique changement statut */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
/*background-color: yellow;*/
background-color: lightblue;
}



input.form_champ{

	font-size:7pt;
	width:190px;
}
select.form_champ{

	font-size:7pt;
	width:190px;
}
input.demi_form_champ{

	font-size:7pt;
	width:80px;
}
select.demi_form_champ{

	font-size:7pt;
	width:80px;
}
select.form_champ_secteur{

	font-size:7pt;
	width:150px;
}
#form_champ_secteur{

	font-size:7pt;
	width:150px;
}
select.form_champ_multiple{
	font-size:7pt;
	width:190px;
}