#left
{
	text-align: center;
	width: 188px;
	float: left;
}

#center
{
	text-align: center;
	width: 380px;
	background-color: transparent;
	float: right;
	background-color:#F5F5F5;
	border-bottom: 1px solid #666;
	margin-right: 10px;
	padding-bottom: 10px;
}

#center *
{
	text-align: left;
}

html>body #center
{
	margin: 0;
}

#right
{
	text-align: left;
	width: 178px;
	float: right;
	padding-right: 10px;
}

div.media
{
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	margin-top:10px;
}

div.media a img
{
	border: 0;
}

div.media div.ombre
{
	background: url(../gfx/fondu.png) top center no-repeat;
	text-align: center;
	width: 145px;
	height: 25px;
	margin: 0 auto;
	margin-top: 0;
}

div.media div.c_bottom
{
	background: url(../gfx/b_bottom.png) top center no-repeat;
	text-align: center;
	width: 163px;
	height: 4px;
	margin: 0 auto;
	margin-top: 0;
}

html>body div.media div.c_bottom, html>body div.media div.ombre
{
	margin-top: -3px;
}

/* --------------------- colonne gauche ------------------------------ */

#left p
{
	text-align:center;
}

#left p.note
{
	text-align:left;
}

#left p a img
{
	border:0;
}

#left p a:hover img
{
	text-decoration:none;
}

#left div.bloc_bleu
{
	text-align: center;
	width: 158px;
	margin: 0 auto;
	margin-top: 20px;
}

#left div.bloc_bleu div.haut
{
	background: transparent url(../gfx/projet_accueil/blue_block_top.png) bottom center no-repeat;
	height: 4px;
}

#left div.bloc_bleu div.mid
{
	background-color: #09c;
	padding: 5px;
	margin-top: -9px;
}

html>body #left div.bloc_bleu div.mid
{
	margin-top: 0;
}

#left div.bloc_bleu div.bas
{
	background: transparent url(../gfx/projet_accueil/blue_block_btm.png) top center no-repeat;
	height: 13px;
}

#left div.bloc_bleu p
{
	background: transparent url(../gfx/projet_accueil/arrow_white.gif) left no-repeat;
	text-align: center;
	padding-left: 5px;
}

html>body #left div.bloc_bleu p
{
	background: transparent url(../gfx/projet_accueil/arrow_white.png) left no-repeat;
}

#left div.bloc_bleu div.mid p a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
}

#left div.bloc_bleu div.mid p a:hover
{
	text-decoration: underline;
}


#left #search_summary
{
	background-color: #fff;
	margin-left: 10px;
}

#search_summary p
{
	text-align: left;
	color: #09c;
	font-weight: bold;
	margin-top: 10px;
}

#search_summary p span
{
	margin-left: 10px;
	color: #999;
}

#search_summary a
{
	color: #09c;
	font-weight: bold;
	font-size: 120%;
	background: transparent url(../gfx/projet_accueil/arrow_r_small.gif) center left no-repeat;
	text-decoration: underline;
	padding-left: 12px;
	margin-left: 5px;
}

#search_summary a:hover
{
	color: #0be;
}

/* --------------------- colonne droite ----------------------------- */

div#right p
{
	text-align:center;
	margin-bottom:30px;
	margin-left:10px;
}



/* --------------------- colonne centrale --------------------------- */



#center p, #center ul
{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color:#000;
	font-weight:100;
	font-size:1em;
	text-align:justify;
}

#center p
{
	color: #000;
	font-size: 125%;
}

#center ul
{
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 125%;
}

#center ul strong
{
	font-size: 120%;
}

#center ul#liste a
{
	margin-left: 30px;
}

#center #liste_offres
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 348px;
}

#center #liste_offres div.haut
{
	height: 10px;
	background: transparent url(../gfx/projet_accueil/bloc_top.gif) top center no-repeat;
	margin: 0;
}

html>body #center #liste_offres div.haut
{
	margin-top: 0;
}

#center #liste_offres div.mid
{	
	border-top: 0;
	border-bottom: 0;
	background: transparent url(../gfx/projet_accueil/bloc_mid.gif) top center repeat-y;
	margin: 0;
	margin-top: -3px;
	padding: 0;
}

html>body #center #liste_offres div.mid
{
	width: auto;
	margin:0;
}

#center #liste_offres div.mid div.centre
{
	border-bottom: 1px dashed #000;
}

#center #liste_offres div.bas
{
	height: 10px;
	background: transparent url(../gfx/projet_accueil/bloc_btm.gif) top center no-repeat;
}

#center div.centre
{
	padding: 5px 0 10px 0;
	font-size: 90%;
}

#center div.centre p
{
	margin: 0;
	padding: 0 15px 0 15px;
}

#center div.centre p span
{
	color: #000;
	left: 50px;
}

#center p.flash
{
	padding-left: 0;
	padding-right: 0;
}

#center p.dispo
{
	float: right;
	padding: 0;
}

#center p span.comment
{
	font-style: italic;
}

#center p.pages
{
	text-align: center;
}

#center p.pages a
{
	color: #09c;
	font-weight: bold;
	padding: 0 3px;
}

#center p.pages a:hover
{
	background-color: #ddd;
}

#center p.pages a.ici
{
	color: #000;
	text-decoration: underline;
}

#center p.pages a.ici:hover
{
	color: #000;
	background-color: transparent;
}

#center * a
{
	color:#09c;
	text-decoration:none;
}

#center * a:hover
{
	color:#09c;
	text-decoration:underline;
}

#center div.centre p.demande
{
	background: transparent url(../gfx/projet_accueil/arrow_r_small.gif) center left no-repeat;
	margin-left: 100px;
}

#center div.centre p.demande a
{
	text-decoration: underline;
	padding: 0;
	margin-left: -5px;
}
/* ------------- ONGLETS-TITRES ----------------- */
#contenu p.onglet
{
	background: transparent url(../gfx/onglets/left_three.gif) top left no-repeat;
	background-position: 0% -300px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 5px;
}

#contenu p.onglet span
{
	background: transparent url(../gfx/onglets/right_three.gif) top right no-repeat;
	background-position: 100% -300px;
	padding: 5px 5px 5px 0;
}

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

#center p.note
{
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 0;
}