@charset "utf-8";
/* CSS Document */

.resultat
{
	/*border:1px solid #999999;*/
	background-image:url(../images/BoiteAnnonce-bas.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:531px;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	
}
.resultat dl
{
	margin-top:0px;
	background-image:url(../images/BoiteAnnonce-haut.png);
	background-position:top center;
	background-repeat:no-repeat;
	/*border-left: 1px solid #666666;*/
	padding:0px;
	width:531px;
	
}
.resultat table
{
	margin-top:0px;
	background-image:url(../images/BoiteAnnonce-haut.png);
	background-position:top center;
	background-repeat:no-repeat;
	/*border-left: 1px solid #666666;*/
	padding-top:0px;
	width:531px;
}
.resultat .entete
{

	height:45px;
	color:#FFFFFF;
}
.resultat .entete th
{
	
}
.resultat .fin
{
	height:50px;
}
.resultat th
{
	width:120px;
	margin-top:2px;
	padding-right:15px;
	text-align:right;
}


.resultat dd
{
	margin-left:0px;
	padding-left:5px;
	

}
.code_annonce
{
	width:100px;

}

.show_me
{
	background-image:url(../images/bg_btn.png);
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	width:100px;
	text-decoration:none;
	padding:3px;
	margin-left:270px;
	
}
.invisible
{
	/* classe spéciale IE6... destinés à masquer les controls prioritaires....*/
	display:none;
}
.shown_me
{
	background-image:url(../images/bg_btn_vu.png);
	color:#000000;
	font-weight:bold;
	height:25px;
	width:100px;
	text-decoration:none;
	padding:3px;
	margin-left:270px;
	
}
.show_me:hover,.shown_me:hover
{
 color:#FFCC33;	
}
#patienter
{
	position:absolute;
	margin:0 auto;
	top:0px;
	left:0px;
/*	width:800px;
	height:600px;*/
	color:#333333;
	/*background-color:#000000;*/
	background-color:#669900;
	border:1px solid #CCCCCC;
	background-image:url(../images/wait.gif);
	background-repeat:no-repeat;
	background-position: center center;
	font-family:Arial, Helvetica, sans-serif;
}

.annonce
{
	position:absolute;
	margin:0 auto;
	padding-top:20px;
	top:0px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/fd-vert80.png);
	z-index:20;
	
	/*width:800px;
	height:600px;*/
}
.corps
{
	background-color:#FFFFFF;
	border:2px solid #999999;
	margin:0 auto;
	padding:5px;
	font-size:small;
	
}
title
{
	border:1px solid #CCCCCC;
	color:#FFFFFF;
}

#ariane
{
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/ariane.png);
	border:1px solid #CCCCCC;
	list-style-type:none;
	margin:0px;
	padding:0px;
	
}
#ariane ul
{
	margin:0px;
	padding:0px;
}
#ariane li
{
	margin:0px;
	padding:0px;
	background-image:url(../images/ariane2.png);
	background-position:left;
	background-repeat:no-repeat;
	height:21px;
	text-indent:5px;
	padding:8px;
	border:1px solid #FF0000;
	overflow:hidden;
	display:inline;
	
}
#fluxRSS
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-image:url(../images/rss.png);
	background-position:left;
	background-repeat:no-repeat;
}
#fluxRSS a:link,#fluxRSS a:visited{ margin-left:20px;}
#fluxRSS a:hover{ color:#00CC66; border-bottom:1px dashed #00CC66; }

#nav_bar
{
	list-style-type:none;
	margin:0px;
	border:1px solid #009900;
	width:520px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:small;
	padding-top:5px;
	padding-bottom:5px;
	
}
#nav_bar li
{
	display:inline;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:35px;
	padding-right:35px;
	


}


#nav_bar #first
{
	background-image:url(../images/bu-debut.gif);
	background-position:left;
	background-repeat:no-repeat;
	z-index:0;
}
#nav_bar #pre
{
	background-image:url(../images/bu-precedent.gif);
	background-position:left;
	background-repeat:no-repeat;
	z-index:0;
}
#nav_bar #next
{
	background-image:url(../images/bu-suivant.gif);
	background-position:right;
	background-repeat:no-repeat;
	z-index:0;
}
#nav_bar #last
{
	background-image:url(../images/bu-fin.gif);
	background-position:right;
	background-repeat:no-repeat;
	z-index:0;
}


#nav_bar a
{
	text-decoration:none;
	
	
}
#nav_bar a:hover
{
	color:#FF0000;
	
}
.form_off
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	width:740px;
	margin-left:4px;
	background-color:#FFFFFF;
}
.form_off strong
{
	color:#006633;
}

.form_off label
{
	width:150px;
	border:1px dashed #CCCCCC;
	float:left;
	text-align:left;
	text-indent:10px;
}
.form_off #motcle
{
	width:200px;
}
.form_off p
{
	margin-top:0px;
	margin-bottom:3px;
	
}

legend
{
	color:#006600;
}
/**   Habillage du texte de l'annonce  **/
.corps h2
{
	text-align:center;
	background-image:url(../images/ti-offres-detail.gif);
	background-position:center;
	padding-bottom:11px;
	padding-top:11px;
	background-repeat:no-repeat;
	font-size:x-large;
	font-weight:normal;
}
.corps h3
{
	font-size:large;
	text-decoration:underline;
	text-align:center;
}
.corps dt
{
	font-size:medium;
	font-weight:bold;
	color:#669900;
}

.keyword
{
	font-weight:bold;
	background-color:#FF9933;
}

.tools
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border:1px solid #006633;
	padding-top:6px;
	padding-bottom:6px;
	background-image:url(../images/boxtopgray.gif);
}

.tools li
{
	display:inline;

	margin-left:1px;
}
.tools a:link,.tools a:visited
{
	/*display:block;*/
	height:20px;
	width:100px;
/*	border:1px solid #5C5C5C;
	background-color:#F2F2F2;*/
	text-decoration:none;
	color:#0066FF;
	text-align:center;
	padding:5px;
	padding-left:25px;
	border-right:1px solid #666666;
	
}
.tools a:hover
{
	color:#FF0000;
	background-color:#CCCCCC;
}
.fermeture
{
	color:#000000;
	border:1px solid #666666;
	background-image:url(../images/bg_btn_vu.png);
	margin-top:15px;
	font-weight:bold;
}
.tools .save
{
	background-image:url(../images/diskette.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}
.tools .print
{
	background-image:url(../images/drucker.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}.tools .retour
{
	background-image:url(../images/bu-retour.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.tools .mailto
{
	background-image:url(../images/mail.gif);
	background-position:left;
	background-repeat:no-repeat;
	
}

.retourh
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	border:1px solid #003333;
	margin-left:10px;
	width:475px;
	padding-left:30px;
	background-image:url(../images/bu-retourhaut.gif);
	background-position:left;
	background-repeat:no-repeat;

}
.retourh a
{
	text-decoration:none;
	

}

#warn
{
	font-weight:bold;
	color:#FF0000;
}


/** feuille normale **/
/* CSS Document */
/************************************      Disposition des blocs            */
body
{
	margin:0px;
	padding:0px;
	
	height:100%;

}
#global
{
	min-height:100%;
	width:750px;
	position:relative;
	margin:0 auto;
	padding: 0 10px;
	
}

#fd
{
	position:absolute;
	z-index:-1;
	left: 0px;
	top: 0px;
	width: 770px;
	height:0em;
	background-position:center repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/global-2.png", sizingMethod="scale");
	
	
	
}
#fd2
{
	position:absolute;
	z-index:-1;
	left: 0px;
	bottom: 0px;
	width: 770px;
	height:5000em;
	background-position:center repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/global-2.png", sizingMethod="scale");
}

/** Pris en compte par ts les nav sauf IE**/
html>body #fd
{
	position:absolute;
	min-height: 100%;
	z-index:-1;
	left: 0px;
	top: 0px;
	width: 770px;
	background-position:center repeat-y;
	background-image:url(../images/global-2.png);

}
#illus
{
height:300px;
position:absolute;
width:796px;
padding:0;
margin:0;
/*margin:0 auto;*/
margin-left:auto;
margin-right:auto;
z-index:-10;

}
.center
{
	/* éviter la superposition 
	du pied de page et du contenu */
	padding-bottom: 60px; 
	overflow: auto;
	!overflow: visible;
	!height: 1%;
}

#contenu
{
	float:left;
	width:530px;
	!display: inline;
	padding-left: 10px;
}
#articles
{
	float:right;
	width:200px;
	
	
}
#pied
{
	position: absolute;
	width: 751px;
	bottom: 0;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
/*	height:15px;
	padding-top:40px;
	padding-bottom:10px;*/
	text-indent:10px;

}
#pied ul
{
	list-style-image:url("../images/bu-retourhaut.gif");
	margin:0px;
	padding:0px;
	float:left;
		
}

#pied li 
{
	float:left;
	list-style:none;
	display:block;
	text-align:center;

	
}
#pied li a
{
	
	height:15px;
	width:125px;
	display:block;
	padding-bottom:10px;
	padding-top:40px;

}

/* flip flop */
#pied a#plan:hover {
	background-position: 0px -65px;	
}
#pied a#acces:hover {
	background-position: -125px -65px;	
}
#pied a#ment:hover {
	background-position: -250px -65px;	
}
#pied a#marche:hover {
	background-position: -375px -65px;	
}
#pied a#ami:hover {
	background-position: -500px -65px;	
}
#pied a#ret:hover {
	background-position: -625px -65px;	
}

#pied a:link,#pied a:visited
{
	text-decoration:none;
}
/* flip flop*/

/*

#pied li
{
	display:inline;
}*/
#rhaut li
{
	margin-left:27px;

}
/************************************      Mise en forme particulière           */

#chemin, #bandeau{ font-family: Arial, Helvetica, sans-serif;font-size: x-small; font-weight: bold ; line-height: 20px;}
#chemin{display:inline; margin:5em;}
#bandeau{
	margin-top:0px;/*float:left;*/
	width:100%;
	text-indent:0.2em;
	z-index:1;
	background-color: #FFFFFF;
}

#tools{position:absolute; top:142px; left:690px; width:6em;}
#tools img{ margin:0px; border:none; padding:0px; margin-left:0.75em;}

#articles{ /*margin:0em;*/margin-top:3em;font-size:x-small;font-family: Arial, Helvetica, sans-serif; }
#articles li{ width:/*12em;*/125px; height:17px; /*text-align:center;*/text-indent:5px;list-style-type: none; padding-top:3px;}
#articles a:link, #articles a:visited{ background:url("../fd-E-haut.jpg"); display:block; height:100%;text-decoration:none; color:#000000;}
#articles a:hover {color:#FF0000;}
#articles #actions a:link, #articles #actions a:visited{ display:block; text-decoration:none}

#articles ul{clear:both; margin-top:0px; }
#encours{ list-style-image: url("../images/puce-01.gif")}

#articles #print li{ text-indent:20px; width:/*12em;*/125px; height:17px;padding-top:2px}
#articles #back li{  text-indent:20px; width:/*12em;*/125px; height:17px;padding-top:2px}

#articles #print li a{display:block; height:20px; background:url(../images/fd-buimprim.gif) no-repeat; padding-top:3px}
#articles #back li a{display:block; height:20px; background:url(../images/fd-buretour.gif) no-repeat; padding-top:3px}

#articles #print li a:hover{ background:url(../images/fd-buimprim-on.gif) no-repeat;}
#articles #back li a:hover{ background:url(../images/fd-buretour-on.gif) no-repeat;}

#articles img{ border:none; margin-left:4em;}


/* Contenu */
#contenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	font-style: normal; 
	font-weight: normal; 
	text-align: left; 
	line-height: normal; 
	color: #000000;
}
/*
#contenu a:link{ color:#003366; text-decoration:none;}
#contenu a:visited{ color:#990066; text-decoration:none;}
#contenu a:hover { color: #FF0000;	text-decoration:none; background-color: yellow;}*/

#contenu strong {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; font-weight: bold; color: #000000}

#contenu p{ margin-bottom:1em; font-size:0.8em;margin-top:0px; /*float:left;clear:right;*/ margin-left:5px;}
#contesnu img{ /*float:left;*/ clear:left;}

#contenu h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: normal; font-weight: bold; clip:   rect(  ); border-style: none; line-height: 0.9em; margin-top:0.5em;}

#contenu h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin:0.5em;}
#contenu h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;}
#contenu h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;}
#contenu .block
{
	/*	background-color:#00FFFF;*/
	float:left;
	margin-right:5px;

}
 /* liste utilisée pour faire les PDF */
#contenu h6
{
	display:block;
	background:url(/images/ico-listepdf-off.gif) no-repeat;
	height:15px;
	text-indent:25px;
	padding-top:5px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}


#contenu ol li
{
	font-size:small;
	color:#000000;
	margin-bottom:0.6em;

}

#contenu ul li
{
	font-size:small;
	color:#000000;
	margin-bottom:0.6em;
	margin-top:0.1em;
}
#contenu img { border:none;}

#articles #moteur
{
	margin:0px;
	padding:0px;
	margin-left:4em;
	width:12.5em;
	
	
	
}

.legende
{	
	font-style:italic;
	color:#777777;
}
#print
{
	
	margin-bottom:0px;
	padding-bottom:0px;
}
#back
{
	
}
.adresse
{
	margin-left:10em;
	padding-left:0.5em;
	border:1px solid #0033CC;
	color:#003399;
}
/*-------------------------------Formulaire de contact------------------------------------*/
.contact
{

}
.contact legend
{
	font-size:small;
}

.contact label
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:15em;
	font-weight:bold;
	padding-top:0.5em;
}

.contact #lab2
{
	background-color:#E8E8E8;
	float:left;
	text-align:left;
	width:9em;
}
.contact #lab3
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:6em;
}

.contact #lab4
{
	background-color:#E8E8E8;
	float:left;
	text-align:right;
	width:08em;
	font-weight:bold;
}
.contact #valider
{
	border:1px dashed #666666;
	background-color:#CCCCCC;
	width:8em;
	margin-left:20em;
	
}
/**Pour positionner un bouton a côté d'un champ**/
.contact #valide
{
	border:1px dashed #666666;
	background-color:#CCCCCC;
	width:6em;
	margin-left:2em;
	
}
.contact #lab2alerte
{
	background-color:#FF9999;
	float:left;
	text-align:left;
	width:9em;
}
.contact #lab3alerte
{
	background-color:#FF9999;
	float:left;
	text-align:right;
	width:6em;
}
.contact #lab4alerte
{
	background-color:#FF9999;
	float:left;
	text-align:right;
	width:08em;
	font-weight:bold;
}
.contact .alerte
{
	background-color:#FF9999;
}
.contact #obligatoire
{
	font-weight:bold;
	color:#FF0000;
	background-color:#FF9999;
	background-image:url(../images/icon_alert.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	font-size:small;
}

.infos
{
	background-color:#E8E8E8;
	border:1px dashed #999999;
	font-style:italic;
	font-size:x-small;
	background-image:url(../images/info.gif);
	background-repeat:no-repeat;
	background-position: left;
	text-indent:20px;
	
}
.formulaire legend
{
	color:#0000FF;
}
.formulaire #submit
{
	margin-left:400px;
	margin-top:10px;
}

/*****************  Taille pour la page plan.asp          ********************************/
#plan dl
{
	font-size:small;
	width:25em;
}

/****************   formulaires de la faq         *****************************/
#sujet
{
	width:35em;
}
/**** Taille puour les resultats du moteur de recherche interne ***/
.res_rech
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
.res_rech dd
{
	font-size:x-small;
}
.res_rech dt
{
	font-size:larger;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
table h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
}
/***********************   tableau compétences         *****************************/
.comp td
{
	font-size:small;
}
.reponse
{
	border:1px solid #6699FF;
}
.reponse h1
{
	text-indent:20px;
	background-image:url(../images/question.jpg);
	background-repeat:no-repeat;
}

.evt_alerte
{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	border:1px dotted #FF0000;
	
	margin-top: 100px;
}