html {
	overflow-y			:scroll;
}
body {
	background-color	:#C0C0C0;
	margin				:0;
	padding				:0;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
}
#cadre, #page, #footer, #ariane {
	margin-left			:auto;
	margin-right		:auto;

}
#cadre {
	width				:860px;
	background-image	:url(../images/back.jpg);
	background-repeat	:repeat-y;
}
#page {
	width				:780px;
	background-color	:#FFF;
}
#ariane {
	background-color	:#BE0404;
	height				:70px;
	border-top			:1px solid #FFF;
	background-image	:url(../images/supdeluxe_lum.jpg);
	background-repeat	:no-repeat;
	background-position	:100% 50%;
}
#footer {
	width				:860px;
	height				:33px;
	background-image	:url(../images/back_footer.jpg);
	background-repeat	:no-repeat;
	font-size			:11px;
}
#footer ul {
	margin				:0;
	padding				:15px 0 0 0;
	text-align			:center;
}
#footer ul li {
	display				:inline;
	list-style-type		:none;
	margin-right		:5px;
}
#footer ul li a {
	color				:#000;
	text-decoration		:none;
}
#footer ul li a:hover {
	text-decoration		:underline;
}

/*------------------------------------------------------- DANS LA PAGE -------------------*/
#header {
	line-height			:55px;
	border-bottom		:2px solid #474040;
	font-family			:Geneva, Arial, Helvetica, sans-serif;
	font-weight			:bold;
	text-transform		:uppercase;
}
#header a {
	text-decoration		:none;
}
#header .header_titre1 {
	color				:#BE0404;
	padding-left		:20px;
	padding-right		:15px;
	background-image	:url(../images/puce.gif);
	background-repeat	:no-repeat;
	background-position	:100% 50%;
}
#header .header_titre2 {
	color				:#000;
}
#menu {
	height				:22px;
	background-color	:#474040;
	border-top			:1px solid #C8C8C8;
	border-bottom		:1px solid #C8C8C8;
}
#tetiere {
	height				:30px;
	line-height			:30px;
	background-color	:#BE0404;
	border-top			:2px solid #474040;
	border-bottom		:1px dotted #CCC;
	color				:#FFF;
	font-size			:11px;
	text-align			:right;
	padding-right		:20px;
}
#tetiere a {
	color				:#FFF;
}
/*------------------------------------------------------- MENU -------------------*/

#menu ul {
	margin				:0;
	padding-left		:30px;
}
#menu ul li {
	float				:left;
	list-style-type		:none;
	line-height			:22px;
	margin-right		:40px;
	background-image	:url(../images/puce.gif);
	background-repeat	:no-repeat;
	background-position: 0% 50%;
}
#menu ul a {
	display				:block;
}
#menu ul li a {
	font-size			:12px;
	font-weight			:bold;
	color				:#D0D7E1;
	text-decoration		:none;
	text-transform		:uppercase;
	font-family			:Geneva, Arial, Helvetica, sans-serif;
	padding-left		:15px;
}
#menu ul li a:hover {
	color				:#FFF;
}
/*------------------------------------------------------- CONTENU -------------------*/
h1 {
	color				:#BE0404;
	border-bottom		:1px solid #CCC;
	margin-bottom		:30px;
	padding-left		:5px;
	margin-top			:18px;
}
h2 {
	margin				:0;
	padding				:5px 0 2px 0;
	font-size			:12px;
	font-weight			:bold;
}
h2 .majuscule {
	text-transform		:uppercase;
}
h3 {
	color				:#CC0000;
	text-transform		:uppercase;
	font-size			:11px;
}
#contenu {
	border-bottom		:1px solid #000;
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:12px;
	line-height			:18px;
}
#contenu table.cadre {
	width				:100%;
	height				:320px;
}
.colonne2 {
	padding				:10px 70px 10px 50px;
	text-align			:justify;
	vertical-align		:top;
}
.bureau {
	color				:#CC0000;
}

.colonne2 img {
	padding				:2px;
	border				:1px solid #CCC;
	margin				:4px;
}
.colonne2 #actu {
	display				:table;
	width				:100%;
	border-bottom		:4px solid #CCC;
	padding-bottom		:5px;
	margin-bottom		:5px;
}
.colonne2 a {
	color				:#CC0000;
	text-decoration		:none;
}
.colonne2 a:hover {
	text-decoration		:underline;
}
.rouge {
	color				:#CC0000;
}
/*------------------------------------------------------- SOUS MENU -------------------*/

#contenu ul {
	margin				:0px;
	padding				:0px;
}
#contenu ul li {
	list-style-type		:none;
}
#contenu ul li a {
	display				:block;
	text-decoration		:none;
	color				:#000000;
	padding-left		:10px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;

	width				:160px;
	list-style-type		:none;
	line-height			:30px;
	border-bottom		:1px dotted #666;

}
/*------------------------------------------------------- SOUS MENU COULEURS -------------------*/
#contenu td.colonne1_asso, #contenu td.colonne1_annu, #contenu td.colonne1_actu, #contenu td.colonne1_emploi {
	width				:160px;
	vertical-align		:top;
}
#contenu td.colonne1_asso {
	background-color	:#E9EC8F;
}
#contenu td.colonne1_asso ul li a:hover {
	background-color	:#F1F5B1;
}
#contenu td.colonne1_annu {
	background-color	:#D7E9A1;
}
#contenu td.colonne1_annu ul li a:hover {
	background-color	:#C0D483;
}
#contenu td.colonne1_actu {
	background-color	:#D3D7E6;
}
#contenu td.colonne1_actu ul li a:hover {
	background-color	:#BDC6DA;
}
#contenu td.colonne1_emploi {
	background-color	:#D8D4C9;
}
#contenu td.colonne1_emploi ul li a:hover {
	background-color	:#C8C3B6;
}
/*------------------------------------------------------- SOUS MENU COULEURS FIN -------------------*/
#form_login #form_row, #form_rechercher #form_row {
	height				:30px;
}
#champs {
	width				:300px;
}
#form_login label, #form_rechercher label {
	float				:left;
	width				:85px;
	font-weight			:bold;
	padding-left		:50px;
}
#bouton_rechercher {
	color				:#FFF;
	padding				:2px;
	background-color	:#BE0404;
	border				:0px;
	font-weight			:bold;
	width				:120px;

}
a.lienappli {
	color				:#BE0404;
	text-decoration		:none;
}
a:hover.lienappli {
	text-decoration		:underline;
}

/*------------------------------------------------------- RECHERCHE ANNUAIRE -------------------*/
table.results {
	width				:100%;
	border-collapse		:collapse;
}
table.results thead {
	background-color	:#BE0404;
	color				:#FFF;
	font-weight			:bold;
	height				:40px;
}	
table.results thead tr td {
	padding				:2px;
}
table.results tbody tr td {
	border-bottom		:1px solid #BE0404;
	height				:40px;
}	
table.results tbody tr:hover {
	background-color	:#EBCDC3;
}
.fond_blanc { background-color:#FFF; }
.fond_rose 	{ background-color:#FDF6F2; }  /*#F5ECE6*/



/*------------------------------------------------------- MISE A JOUR -------------------*/
#form_maj label {
	float				:left;
	width				:140px;
	padding-left		:10px;
	font-weight			:bold;
}
#form_maj #form_row, #form_maj #form_row_new {
	padding				:5px 0 5px 0;
	border-bottom		:1px solid #CCC;
}
#form_maj #form_row_new {
	background-color	:#FDF6F2;
	border-top			:1px solid #BE0404;
	border-bottom		:1px solid #BE0404;
}

#form_maj p {
	margin				:0;
	padding				:0 0 5px 0;
}
#champ_normal {
	width				:250px;
}
/*------------------------------------------------------- PASSWORD -------------------*/
#error {
	color				:#CC0000;
	text-align			:center;
}
/*------------------------------------------------------- FICHE -------------------*/
#fiche_photo {
	float				:left;
	width				:150px;
	padding-right		:10px;
}
#fiche_photo img {
	border				:1px solid #CCC;
	padding				:2px;
}

#fiche_perso {
	float				:left;
}

#fiche_infos {
	clear				:left;
	padding-top			:5px;
}
#fiche_infos label {
	float				:left;
	width				:120px;
}
#fiche_perso label {
	float				:left;
	width				:120px;
}
#fiche_suite {
	clear				:left;
	padding-top			:20px;
	text-align			:center;
}
#fiche_suite a {
	color				:#BE0404;
	text-decoration		:none;
}
/*------------------------------------------------------- DEMANDE ANNNUAIRE -------------------*/
#demande_annuaire {
	border				:1px solid #BE0404;
	padding				:5px;
}
#demande_annuaire label {
	float				:left;
	width				:140px;
	padding-left		:10px;
	font-weight			:bold;
}
#demande_annuaire #form_row {
	padding				:5px 0 5px 0;
	border-bottom		:1px dotted #CCC;
}
#demande_annuaire #form_row #champ_normal {
	width				:200px;
}
/*------------------------------------------------------- EMPLOI -------------------*/
p.message_emploi {
	background-color	:#F2F2F2;
	border				:1px solid #CC0000;
	padding				:2px 0px 2px 10px;
	font-weight			:bold;
	text-align			:center;
}

#form_job fieldset {
	border				:4px solid #CCC;
	margin-bottom		:20px;
	padding				:10px;
}
#form_job fieldset legend {
	color				:#BE0404;
	text-transform		:uppercase;
	font-weight			:bold;
	padding				:0 10px 0 10px;
}

#form_job fieldset #form_row label {
	float				:left;
	width				:140px;
	padding-left		:10px;
	font-weight			:bold;
}

#form_job fieldset #form_row {
	padding				:5px 0 5px 0;
	border-bottom		:1px dotted #CCC;
}

#form_job fieldset #form_row #champ_normal {
	width				:300px;
}
#form_job fieldset #form_row textarea {
	width				:300px;
	height				:130px;
}




#offre_emploi {
	border-top			:1px solid #CCC;
	padding				:5px;
}
.offre_entreprise {
	color				:#CC0000;
	text-transform		:uppercase;
	font-weight			:bold;
}
.offre_cotis {
	background-color	:#F2F2F2;
	border				:1px solid #CC0000;
	padding				:2px 0px 2px 10px;
	font-weight			:bold;
	text-align			:center;
}
p.offre_suite {
	padding				:0;
	margin				:0;
	text-align			:right;
}
/*------------------------------------------------------- CONTACT -------------------*/
#contact {
	padding				:5px;
}
#contact label {
	float				:left;
	width				:140px;
	padding-left		:10px;
	font-weight			:bold;
}
#contact #form_row {
	padding				:5px 0 5px 0;
	border-bottom		:1px dotted #CCC;
}
#contact #form_row #champ_normal {
	width				:200px;
}
#contact #form_row textarea {
	width				:200px;
	height				:80px;
}
/*------------------------------------------------------- RSS -------------------*/
p.rss {
	text-align			:right;
	padding-right		:20px;
	background-image	:url(../images/rss.jpg);
	background-position	:100% 0%;
	background-repeat	:no-repeat;
	margin-bottom		:15px;
}
p.rss a {
	color				:#666;
}
/*------------------------------------------------------- Infobulle -------------------*/
a.infobulle {
	position			:relative;
	color				:#999999;
	text-decoration		:none;
}
a.infobulle span.info {
	display				:none; /* on masque l'infobulle */
}
a.infobulle:hover {
	background			:none; /* correction d'un bug IE */
	z-index				:500; /* on définit une valeur pour l'ordre d'affichage */
   	cursor				:help;
}
a.infobulle:hover span.info {
	display				:block; /* on affiche l'infobulle */
	position			:absolute;
	top					:-60px; /* on positionne notre infobulle */
	left				:20px;
	width				:300px;
	background-color	:#999999; /*D3D7E6*/
	color				:#F0F0F0;
	padding				:5px;
	border				:1px solid #BE0404;
}