/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:arial;
		font-size:12px;
		color:#fff;
		background-image:url(images/fond-degrade.jpg);
		background-repeat:repeat-y;
		background-color:#4E88D6;
		z-index:1;
	}
	
	/* --------- styles prédéfinis des contenus --------- */
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}

	
	#global{
		width:100%;
		z-index:20;
		overflow:hidden;
	}
	
	#entete{
		width:100%;
		height:84px;
		background-color:#91BAEF;
		background-image:url(images/banniere.jpg);;
		background-repeat:no-repeat;
		background-position:124px 0;
	}
	
	#logo{
		width:124px;
		height:84px;
		left:0;
		top:0;
		float:left;
	}
	
	#banniere{
		float:left;
		height:84px;
		margin:0 0 0 0;
	}
	
	#barreOnglets{
		height:25px;
		background-color:#164C82;
		padding:0 0 0 30px;
		width:100%;
	}
	
	.onglet{
		float:left;
		height:21px;
		width:130px;
		padding:3px 0 0 30px;
		background-image:url(images/double-fleche.gif);
		background-repeat:no-repeat;
		background-position:15px center;
		border-right:2px solid #fff;
	}
	
	.ongletEmoluement{
		float:left;
		height:21px;
		width:110px;
		padding:3px 0 0 30px;
		background-image:url(images/double-fleche.gif);
		background-repeat:no-repeat;
		background-position:15px center;
		border-right:2px solid #fff;
	}

	
	.dernierOnglet{
		float:left;
		height:21px;
		width:70px;
		padding:3px 0 0 30px;
		background-image:url(images/double-fleche.gif);
		background-repeat:no-repeat;
		background-position:15px center;
	}
	
	.onglet a{
		width:130px;
		font-family:Trebuchet MS, verdana,arial;
		font-size:110%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.onglet a:hover{
		font-family:Trebuchet MS, verdana,arial;
		color:#24B516;
		text-decoration:none;
	}
	
	.ongletEmoluement a{
		width:110px;
		font-family:Trebuchet MS, verdana,arial;
		font-size:110%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.ongletEmoluement a:hover{
		font-family:Trebuchet MS, verdana,arial;
		color:#24B516;
		text-decoration:none
	}
	
	.dernierOnglet a{
		width:70px;
		font-family:Trebuchet MS, verdana,arial;
		font-size:110%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.dernierOnglet a:hover{
		font-family:Trebuchet MS, verdana,arial;
		color:#24B516;
		text-decoration:none;
	}
	
	.clearOnglet{
		clear:both;
		height:1px;
		background-color:#164C82;
	}
	
	/*#menuGauche{
		position:absolute;
		left:0;
		width:136px;
		z-index:1;
	}*/
	
	#menuGauche{
		float:left;
		width:136px;
		padding:0;
	}
	
	#menuGauche ul{
		margin:2px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#menuGauche ul li{
		padding:0;
		height:36px;
	}
	
	.margePremier{
		margin:0;
	}
	
	.marge{
		_margin:-3px 0 0 0;
	}
	
	.lienMenu1{
		float:left;
		padding:18px 0 0 4px;
		margin:0;
		background-image:url(images/fond-menu.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		height:18px;
		width:131px;
		font-family:arial;
		font-size:100%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.lienMenu1:hover{
		background-position:0 -36px;
		color:#24B516;
		text-decoration:none;
	}
	
	#menuGauche ul li ul{
		display:none;
		position:absolute;
		z-index:100;
		left:136px;
		top:111px;
		padding:0;
		margin:0;
		background-color:#164C82;
	}
	
	#menuGauche ul li:hover>ul{
		display:block;
		z-index:100;
	}
	
	#menuGauche ul li ul li{
		z-index:100;
		margin:0;
		padding:0;
		width:200px;
		height:20px;
	}
	
	.lienMenu2{
		z-index:100;
		width:180px;
		height:17px;
		padding:3px 0 0 20px;
		display:block;
		font-family:arial;
		color:#fff;
		text-decoration:none;
		background-image:url(images/fond-menu2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	.lienMenu2:hover{
		color:#164C82;
		text-decoration:none;
		background-position:0 -20px;
	}
	
	.taillePolice{
		margin:0 0 10px 0;
		text-align:center;
	}
	
	.grossePolice{
		font-size:250%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.grossePolice:hover{
		font-size:250%;
		font-weight:bold;
		color:#164C82;
		text-decoration:none;
	}
	
	.petitePolice{
		font-size:130%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	.petitePolice:hover{
		font-size:130%;
		font-weight:bold;
		color:#164C82;
		text-decoration:none;
	}
	
	#sponsors{
		margin:50px 0 0 0;
	}
	
	#conteneurContenu{
	}
	
	#contenu{
		float:left;
		padding:15px 15px 0 17px;
		margin:0 10px 0 0;
	}
	
	/* --------- styles prédéfinis des contenus --------- */
	#contenu h1{
		font-size:180%;
		font-family:Trebuchet MS, verdana, arial;
		color:#fff;
		margin:0 0 15px 0;
		padding:0 10px 0 20px;
		background-image:url(images/fleche-titre.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
	}
	
	#contenu h2{
		font-size:160%;
		font-family:Trebuchet MS, verdana, arial;
		color:#fff;
		margin:0 0 12px 0;
		padding:0 10px 0 20px;
	}
	
	#contenu h3{
		font-size:130%;
		font-family:Trebuchet MS, verdana, arial;
		color:#fff;
		margin:0 0 5px 0;
		padding:0 10px 0 20px;
	}
	
	#contenu p{
		font-size:100%;
		color:#021930;
		margin:0 0 12px 0;
		padding:0 10px 0 20px;
	}
	
	#contenu ul{
		margin:0 0 12px 0;
		padding:0 0 0 35px;
		color:#021930;
	}
	
	#contenu ol{
		margin:0 0 12px 0;
		padding:0 0 0 42px;
		color:#021930;
	}
	
	#contenu li{
		padding:0 10px 0 0;
		margin:0;
		color:#021930;
	}
	
	#contenu a{
		color:#fff;
		text-decoration:underline;
	}
	
	#contenu a:hover{
		text-decoration:none;
		background-color:#14AC05;
		color:#fff;
	}
	
	#contenu table{
		color:#082E53;
		margin:0 0 12px 20px;
	}
	
	#contenu th{
		/*border-right:1px solid #082E53;
		border-bottom:1px solid #082E53;*/
		color:#082E53;
		background-color:#91BAEF;
		padding:4px;
		/*text-align:center;*/
	}
	
	#contenu td{
		/*border-right:1px solid #082E53;
		border-bottom:1px solid #082E53;*/
		color:#082E53;
		padding:3px;
		/*text-align:center;*/
	}
	
	#contenu form{
		margin:0 0 12px 20px;
	}
	
	.elementFormu{
		font-family:arial;
		font-size:11px;
		padding:0 2px 0 2px;
		color:#082E53;
		border:1px solid #082E53;
		background-color:#CCDFF2;
	}
	
	.elementFormu2{
		font-family:arial;
		font-size:11px;
		padding:0 2px 0 2px;
		color:#021930;
		border:1px solid #082E53;
		background-color:#DAE8F6;
	}

	/* --------- styles prédéfinis des contenus --------- */
	
	#accueilgauche{
		float:left;
		width:202px;
		margin:0 10px 0 0;
	}
	
	#forum{
		width:202px;
		margin:0 0 15px 0;
	}
	
	#commentAdherer{
		width:202px;
		margin:0 0 15px 0;
	}
	
	#offres{
		width:202px;
		margin:0 0 15px 0;
	}
	
	#notreActu{
		float:left;
		width:395px;
		margin:2px 0 15px 0;
		color:#164C82;
	}
	
	#notreActuHaut{
		width:395px;
		height:28px;
		
	}
	
	#notreActuConteneurContenu{
		width:395px;
		background-image:url(images/fond-actu.gif);
		background-repeat:repeat-y;
	}
	
	#notreActuContenu{
		width:375px;
		padding:10px 10px 0 10px;
	}
	
	#notreActuInfirmiere{
		width:375px;
		padding:10px 10px 0 10px;
		background-image:url(images/infirmiere.jpg);
		background-repeat:no-repeat;
		background-position:right bottom;
		height:111px;
	}
	
	#notreActuContenu p{
		margin:0;
		padding:0 0 10px 0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}

	
	#contenu a.actu{
		font-weight:bold;
		text-decoration:none;
		color:#164C82;
	}
	
	#contenu a.actu:hover{
		text-decoration:none;
		color:#24B516;
		background-color:#D7E9FF;
	}
	
	#contenu ul.listeActu{
		font-weight:bold;
		text-decoration:none;
		color:#164C82;
	}
	
	#contenu li.listeActuItem{
		margin:0 0 10px 0;
		color:#164C82;
	}
	
	blockquote{
		color:#021930;
		margin-top:0;
	}
	
	
	
	#encadreCotisation{
		text-align:left;
		width:400px;
		margin:auto;
		margin-bottom:20px;
		padding:5px;
		background-color:#3479BC;
		border:1px solid #164C82;
	}
	
	.coordonneesPerso{
		float:left;
		width:128px;
		text-align:right;
		padding:1px 5px 0 0;
	}
	
	.modifications{
		float:left;
		width:160px;
		text-align:right;
		padding:1px 5px 0 0;
	}
	
	.titreTableau{
		font-size:120%;
	}
	
	.alignementRadio{
		width:130px;
		padding:0 20px 0 0;
		text-align:right;
	}
	
	.tailleFixe{
		font-size:12px;
	}
	
	#postesOffre{
		float:left;
		width:290px;
		margin:0 0 20px 0;
	}
	
	#postesDemande{
		float:left;
		width:290px;
	}
	
	.offresTri{
		font-size:130%;
		font-weight:bold;
	}
	
	.centre{
		text-align:center;
	}
	
	#contenu .listeOffres td{
		width:150px;
		padding:3px 5px 3px 5px;
	}
	
	#contenu .listeOffresEntete{
		font-weight:bold;
		color:#fff;
	}
	
	fieldset{
		margin:0 0 15px 0;
		padding:8px 8px 8px 8px;
		border:1px solid #021930;
	}
	
	fieldset legend{
		color:#021930;
		font-size:120%;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:0 2px 0 2px;
	}
	
	.depotConteneurTableau{
		margin:0 0 0 -20px;
	}

	
	.depotLabel{
		float:left;
		padding:2px 0 0 0;
		margin:0 5px 0 0;
		text-align:right;
		width:90px;
	}
	
	.depotLabelDecale{
		float:left;
		padding:2px 0 0 0;
		margin:0 5px 0 20px;
		text-align:right;
		width:90px;
	}
	
	.asterisque{
		color:#D43403;
	}
	
	
	/* doc partie droite */
	#texteActu{
		float:left;
		width:215px;
		margin:2px 0 15px 0;
		color:#164C82;
	}
	
	#texteActuHaut{
		width:215px;
		height:28px;
		
	}
	
	#texteActuConteneurContenu{
		width:244px;
		background-image:url(images/fond-textes.gif);
		background-repeat:repeat-y;
	}
	
	#texteActuContenu{
		width:195px;
		padding:10px 10px 0 10px;
	}
	
	#texteActuContenu p{
		margin:0;
		padding:0 0 10px 0;
	}
	
	#texteActuContenu ul.actuListe{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#texteActuContenu li.listeActuItem{
		margin-bottom: 0;
		padding-bottom: 0;
	}