/* Caractéristiques générales communes à toutes les pages ----- */

*{margin:0; padding:0; border:0;}



.gras{font-weight:bold;}

.italique{font-style:italic;}

.souligne{text-decoration:underline;}

.tpetit{font-size:70%;}

.petit{font-size:80%;}

.grand{font-size:120%;}

.tgrand{font-size:140%;}

.textcenter{text-align:center;}

.textleft{text-align:left;}

.textright{text-align:right;}

.textjustify{text-align:justify;}

.left{float:left;}

.right{float:right;}

.both{clear:both;}

.none{display:none;}

.blanc{color:#FFF;}

.noir{color:#000;}

.gris{color:#ddd;}

.bleu{color:#043d78;}

.rouge{color:#FF0000;}

.juniors{color:#de833b;}

.etudiants{color:#667ec6;}

.cadres{color:#b75a81;}

.bgjuniors{background-color:#de833b;}

.bgetudiants{background-color:#667ec6;}

.bgcadres{background-color:#b75a81;}

.bgbleu{background-color:#043d78;}

/* ---------- Balises ---------- */

body{

background-color:#fff;

color:#808080;

font-family:Arial, Helvetica, sans-serif;

font-size:medium; /* medium => 16 px*/

font-size:70%;

line-height:150%;

text-align:center;

margin-bottom:10px;

background-image:url(../pics/fond-page.gif);

background-repeat:repeat-x;

}

#centrage {

width:960px;

margin:0 auto;

display:table;

text-align:left;

position:relative;

background-image:url(../pics/fond.jpg);

background-repeat:no-repeat;

}

a{

color:#808080;

text-decoration:none;

}

a:hover, a:active{

text-decoration:underline;

}

h1{

font-size:20px;

margin:5px 0 10px 0;

font-weight:100;

text-transform:uppercase;

}

div#refh1 h2{

font-size:18px;
line-height: 18px;

margin:34px 0 10px 0;

font-weight:100 ;

text-transform:none;
}

h2{

font-size:120%;

clear:both;

margin-bottom:5px;

}

ul{

list-style:none outside none;

}

input.champ{

border:1px solid #bfbfbf;

width:107px;

height:13px;

font-size:100%;

padding:1px 2px;

color:#808080;

}

select {

border:1px inset #CCC;

}

td.top{

vertical-align:top;

}

/* ---------- Structure ---------- */

	div#entete {

	display:table;

	position:absolute;
	top:0;
	left:0;

	width:960px;

	height:125px;

	}

	div#corps {

	display:table;

	position:relative;
	
	top: 123px;

	width:100%;

	}

	div#pied {

	top:125px;
	display:table;
	position:relative;
	padding:5px 0;
	width:100%;
	/*border-top:1px solid #CCC;*/

	}

	div#piedref {
	
	
	position:relative;
	padding:5px 0;
	
		font-size: 10px;
		line-height: 13px;	
		/*display:table;
		width:93%;*/
		padding-right:170px;
		background-image: url(../pics/bottom-index.gif);
		background-repeat:no-repeat;
		background-position:bottom;		
	}
	
	div#bottomnav
	{
		position:relative;
		top:125px;
	}
	/* ---------- Moteur de recherche ---------- */

	form#recherche{

	text-align:center;

	width:170px;

	float:right;

	margin:-18px 0 0 0;

	}

	form#recherche input.champ{

	width:125px;

	margin-left:15px;

	}

	form#recherche input.ok{

	position:relative;

	margin:0 0 0 3px;

	}

	/* ---------- Langues ---------- */

	ul#langues{

	position:relative;

	float:left;

	left:350px;

	top:-40px;

	}

	html>/**/body ul#langues{

	margin:-18px 0 0 0;

	left:350px;

	top:0;

	}

	ul#langues li{

	display:inline;

	margin:0;

	}

	ul#langues li a{

	color:#fff;

	}

	

	/* ---------- Liens utiles ---------- */

	ul#liensutiles{

	margin:0 0 0 0;

	float:right;

	}

	ul#liensutiles li{

	margin:0 5px;

	float:left;

	}

/* ---------- En tete ---------- */

#logo{

margin:30px 40px 0 180px;

float:left;

}

#entete ul {

margin:25px 0 0 0;

}

#entete ul li{

display:inline;

margin-right:10px;

}

html>/**/body #entete ul li img{

margin-bottom:-3px;

}

#entete ul#menu {

margin:-52px 0 0 0;

padding-bottom:14px;

background-image:url(../pics/fond-menu.gif);

background-repeat:no-repeat;

background-position:bottom;

float:right;

width:630px;

}

html>/**/body #entete ul#menu {

padding-bottom:17px;

}

#entete ul#menu li{

margin:0 2px 0 0;

/*margin:0 0 0 0;*/

position:relative;

z-index:1;

}

#entete ul#menu ul{

position:absolute;

margin:28px 0 0 0;

left:0;

display:none;

}

html>/**/body #entete ul#menu ul{

margin:0;

}

#entete ul#menu ul li{

padding:0 0 0 0;

display:list-item;

background-image:url(../pics/puce-grise.gif);

background-repeat:no-repeat;

background-position:0 6px;

padding-left:8px;

border-bottom:1px solid #dfdfdf;

width:200px;

}

html>/**/body #entete ul#menu ul li{

position:relative;

z-index:2;

margin-top:-1px;

}

#entete ul#menu ul.juniors li:hover{

background-image:url(../pics/puce-juniors.gif);

}

#entete ul#menu ul.juniors li:hover a{

color:#de833b;

}

#entete ul#menu ul.etudiants li:hover{

background-image:url(../pics/puce-etudiants.gif);

}

#entete ul#menu ul.etudiants li:hover a{

color:#667ec6;

}

#entete ul#menu ul.cadres li:hover{

background-image:url(../pics/puce-cadres.gif);

}

#entete ul#menu ul.cadres li:hover a{

color:#b75a81;

}

#entete ul#menu li:hover ul{

display:block;

}

/* ---------- Corps ---------- */

table#calage {

height:595px;

width:100%;

}

	/* ---------- Accueil ---------- */

	#flashaccueil{

	margin:0 0 0 3px;

	}

	#refh1{

	
	position:absolute;
	
	margin:-127px 0 0 207px;

	width:350px;

	color:#808080;
	

	overflow:auto;

	height:127px;

	padding-right:5px;


	}
	
	
	
	
	#ref{

	position:absolute;
	
	margin:-210px 0 0 42px;

	width:230px;

	color:#545454;

	overflow:auto;

	height:127px;

	padding-right:5px;

	/*la barre*/

	scrollbar-face-color: #9FA2A2;

	/*nuances droite + foncé */

    scrollbar-shadow-color: #D1D1D1;

    scrollbar-darkshadow-color: #D1D1D1;

	/*nuances gauche + clair */

	scrollbar-3dlight-color: #ffffff;

	scrollbar-highlight-color: #cccccc;  

	/*sous la barre*/

    scrollbar-track-color: transparent;

	/*fleche*/

    scrollbar-arrow-color: #fff;

	}

	#ref h2{

	font-size:14px;

	font-weight:100;

	}

	/* ---------- Navigation 1 ---------- */

	td#navigation{

	padding:10px 10px 10px 0;

	width:170px;

	}

	td#navigation a:hover, td#navigation a:active{

	text-decoration:none;

	}

	td#navigation ul{

	font-weight:bold;

	margin:0;

	display:table;

	/*text-transform:uppercase;*/

	font-size:13px;

	}

	td#navigation ul li{

	margin:0 0 20px 0;

	color:#043d78;

	}

	td#navigation ul li a, td#navigation ul li span{

	display:block;

	border-bottom:1px solid #043d78;

	color:#043d78;

	}

	td#navigation ul ul{

	margin:0 0 0 0;

	position:relative;

	padding-top:3px;

	font-size:11px;

	font-weight:100;

	}

	td#navigation ul ul li{

	margin:0 0 0 0;

	position:relative;

	color:#808080;

	}

	td#navigation ul ul li a{

	border-bottom:none;

	color:#808080;

	}

	td#navigation li.on a{

	background-color:#043d78;

	color:#FFF;

	display:table;

	padding:1px 5px 0 10px;

	margin-left:-10px;

	}

	td#navigation ul ul ul li{

	text-transform:none;

	padding-left:10px;

	background-image:url(../pics/puce-grise.gif);

	background-repeat:no-repeat;

	background-position:2px 6px;

	}
	
	td#navigation ul ul ul li.nopuce
	{
		background:none;
	}

	/* ---------- Contenu ---------- */

	td#contenu{

	padding:10px 0 10px 0;

	}

		/* ---------- Les listes ---------- */

		td#contenu ul{

		margin:10px 20px;

		

		}

		td#contenu ul li{

		padding-left:8px;

		background-image:url(../pics/puce-noire.gif);

		background-repeat:no-repeat;

		background-position:0 7px;

		}
		
		td#contenu ul li.nopuce
		{
			background:none;
		}

		

		/* ---------- La liste ariane ---------- */

		td#contenu ul#ariane{

		margin:0 0 0 0;

		padding:0;

		font-weight:100;

		}

		td#contenu ul#ariane li{

		background-image:none;

		display:inline;

		margin:0;

		padding:0;

		}

		

		/* ---------- Les titres ---------- */

		td#contenu h2{

		margin-top:20px;

		border-bottom:1px solid #808080;

		padding-bottom:3px;

		}

		

		/* ---------- Les paragraphes ---------- */

		td#contenu p{

		margin-bottom:10px;

		}

		td#contenu p p{

		margin-bottom:0px;

		}

		/* ---------- Les visuels ---------- */

		td#contenu img.visuel{

		margin:0 15px 0 5px;

		position:relative;

		top:5px;

		float:right;

		}

		td#contenu img.visuelportrait{

		}

		

		/* ---------- Les tableaux ---------- */

		

		td#contenu div.tableau td{

		padding:0px 2px;

		}

		

		td#contenu table.tableau{

		border-bottom:none;

		text-align:center;

		line-height:100%;

		}

		td#contenu table.tableau th, td#contenu table.tableau thead{

		background-color:#0657ab;

		color:#FFFFFF;

		vertical-align:top;

		border-right:1px solid #FFF;

		padding:4px 4px 3px 3px;

		}

		td#contenu table.tableau td{

		padding:0 3px;

		color:#000;

		background-color:#cedded;

		border-right:1px solid #FFF;

		padding:4px 4px 3px 3px;

		}

		td#contenu table.tableau tr.fonce td{

		background-color:#aac4e0;

		}

		td#contenu table p{

		margin:0;

		}

	/* ---------- Annexes ---------- */

	td#annexes{

	padding:0px 0 10px 15px;

	width:160px;

	}

	td#annexes.fiche{

	padding:74px 0 10px 15px;

	}

	td#annexes h2{

	margin-top:15px;

	}

	td#annexes ul{

	font-weight:bold;

	margin:-3px 0 0 0;

	}

	td#annexes ul li{

	background-image:url(../pics/separateur-gris.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	padding:3px 0 1px 0;

	}

	td#annexes ul li a{

	display:block;

	padding-left:8px;

	background-image:url(../pics/puce-grise.gif);

	background-repeat:no-repeat;

	background-position:0 6px;

	}

/* ---------- Pied de Page ---------- */

h1.fakeh2
{
	clear:both;
	font-size:120%;
	margin-bottom:5px;
}

td#contenu h1.fakeh2
{
	border-bottom:1px solid #808080;
	margin-top:20px;
	padding-bottom:3px;
}

#piedref a
{
	font-weight:bold;
}