/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family:Tahoma, Arial,sans-serif; color: #333; text-align:left; margin: 0; padding: 0; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family:Tahoma, Arial,sans-serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
center strong {font-size:18px;}
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
 

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Images typographiques (via image_typo), URL a revoir... */
#portfolio img {../../behavior: url(win_png.htc);}

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 10px; font-size: 11px;padding-left:3px; }
#hierarchie, #hierarchie a { color: #858585; }



/* Couleurs des liens
---------------------------------------------- */
a { color: #C90215; text-decoration: none; }
a:focus,a:hover,a:active { color: #C90215; text-decoration: underline; }



/* Images typographiques (via image_typo), URL a revoir... */
img {behavior: url(win_png.htc);}







/* ------------------------------------------
/* Bandeau
/* ------------------------------------------ */

#global_bandeau {
	width:100%;
	height:288px;
	background:url(images/fond_global_bandeau.jpg) bottom left repeat-x;
	text-align:left;
}
#bandeau {
	width:928px;
	height:288px;
	margin-left:auto;
	margin-right:auto;
}
#global_menu_haut {
	width:928px;
	height:67px;
	background:url(images/fond_global_menu_haut.jpg) bottom left no-repeat;
}
#menu_recherche {
	padding-top:8px;
	text-align:right;
	width:100%;
	height:24px;
	color:#e7e7e7;
	font-size:11px;
}
#langue_menu {
	width:100%;
	height:35px;
	float:left;

}
#menu_langue {
	float:left;
	width:100px;
	padding-top:13px;
	height:22px;
	text-align:left;
	padding-left:3px;
}



#menu_haut ul{
	float:right;
	height:35px;
	width:820px;
	text-align:left;
	margin-top:0px;
}

#global_menu_haut #menu_haut ul li{
	display:inline;
	padding-left:7px;
	padding-right:5px;
	line-height:35px;
	font-size:14px;
}
.pipe {
	border-right:2px solid #7F7F7F;
}
#global_menu_haut #menu_haut ul li a{
	color:black;
}
#global_menu_haut #menu_haut ul li a:hover{
	color:black;
}
#global_menu_haut #menu_haut ul li .menu_haut_active {
	color:#C90215;
}
#bandeau_diapo {
	width:928px;
	height:221px;
}
#bandeau_diapo #logo{
	float:left;
	background:url(images/logo.jpg) top left no-repeat;
	width:158px;
	height:221px;	
}
#bandeau_diapo #logo a {
	display:block;
	width:158px;
	height:219px;
	border-top:1px solid #bcbcbc;
	border-bottom:1px solid white;	
}
#bandeau_diapo #diapo{
	float:right;
	width:770px;
	height:219px;
	float:left;
	text-align:left;
	padding-top:1px;
}
#portfolio {
	position:absolute;
	padding-left:69px;
	width:434px;
	height:219px;
}
#img_portfolio {
	position:absolute;
	padding-left:69px;
	width:434px;
	height:219px;
}
#img_superpose {
	position:absolute;
	z-index:10;
	width:770px;
	height:220px;
	margin:0;
	padding:0;
}
/* ------------------------------------------
/* Contenu accueil
/* ------------------------------------------ */

#global_contenu {
	width:100%;
	height:auto;
	min-height:522px;
	background:url(images/fond_global_contenu.jpg) top left repeat-x;
}
#contenu {
	width:928px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	padding-top:10px;
	padding-bottom:10px;
}
#col_gauche {
	float:left;
	width:721px;
	height:auto;
	min-height:500px;
}

#mot_cles {
	background:url(images/fond_mot_cle.jpg) top left no-repeat;
	width:173px;
	height:168px;
	float:left;
	text-align:center;
	margin-left:17px;
	padding:10px;
}
#encart_accueil {
	width:437px;
	height:148px;
	background:url(images/encart_text_accueil.jpg) top left no-repeat;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	font-size:13px;
	font-family:arial;
}

#rub_accueil {
	width:704px;
	padding-left:17px;
	height:25px;
	margin-top:10px;
	line-height:25px;
	font-family:Tahoma, Arial,  sans-serif;
	color:white;
	font-size:15px;
	background:url(images/bandeau_rub.jpg) top left no-repeat;
	float:left;
	text-align:left;
}

.rub_metier {
	float:left;
	width:240px;
	height:118px;
}

.lien_rub_metier {
	
	width:200px;
	height:17px;
	line-height:15px;
	padding-top:101px;
	text-align:center;
	padding-right:40px;
	font-family: Tahoma,Arial, sans-serif;
	display:block;
	color:white;
	font-size:15px;	
}
.lien_rub_metier:hover {
	color:white;
}
#col_droite {
	float:right;
	width:201px;
	height:auto;
	min-height:450px;
	background:url(images/fond_actu.jpg) top left no-repeat;
	font-family:Tahoma, Arial,  sans-serif;
	color:white;
	font-size:15px;
	padding-top:18px;
	padding-left:6px;
}
#col_droite a {
	color:white;
}
#col_droite ul li{
	text-align:center;
	width:194px;
	background:white;
	border:1px solid #a0a0a0;
	margin-top:13px;
	color:#6f6f6f;
}
#col_droite ul li .date_actu {
	display:block;
	width:185px;
	background:#a0a0a0;
	color:white;
	text-align:right;
	padding-right:9px;
	font-size:12px;
	line-height:16px;
}
#col_droite ul li  .texte_actu {
	display:block;
	padding:9px;
	font-size:11px;
}
#col_droite ul li .logo_actu {
	margin-top:10px;
}
#col_droite ul li .logo_actu img{
	
}
#col_droite ul li .suite a{
	display:block;
	text-align:right;
	color:#6f6f6f;
	padding-right:9px;
	padding-bottom:10px;
	text-decoration:underline;
	font-size:12px;
}






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


#titre_secteur {
	background:url(images/fond_titre.jpg) top left no-repeat;
	width:913px;
	height:25px;
	line-height:25px;
	font-family:Tahoma,Arial,sans-serif;
	font-size:15px;
	color:white;
	padding-left:15px;
	margin-bottom:12px;
}
#col_gauche_art {
	width:194px;
	min-height:421px;
	height: auto !important;
	height:421px;
	float:left;
	text-align:left;
}
#col_gauche_art #fond_menugauche{
	width:194px;
	min-height:256px;
	height: auto !important;
	height:256px;
	background:url(images/fond_menu_gauche_bottom.jpg) bottom left no-repeat;
}
#col_gauche_art #menu_gauche {
	width:174px;
	padding-top:15px;
	min-height:256px;
	height: auto !important;
	height:256px;
	background:url(images/fond_menu_gauche_top.jpg) top left no-repeat;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}
#col_gauche_art #menu_gauche_viegroupe {
	margin-top:10px;
	width:174px;
	padding-top:20px;
	min-height:155px;
	height: auto !important;
	height:155px;
	background:url(images/fond_vie_groupe.jpg) top left no-repeat;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	color:white;
}


#col_gauche_art #menu_gauche .rub,
#menu_gauche_viegroupe .rub {
	font-weight:bold;
	padding-bottom:10px;
	color:white;
	cursor:pointer;
}
#menu_gauche_viegroupe .rubvie_active {
	color:white;
}
#menu_gauche_viegroupe .rubvie_inactive {
	color:white;
}

#col_gauche_art #menu_gauche .rub_active,
#col_gauche_art #menu_gauche a:hover,
#col_gauche_art #menu_gauche_viegroupe .rub_active,
#col_gauche_art #menu_gauche_viegroupe a:hover,
#col_gauche_art #menu_gauche .premier_niveau:hover  {
	color:#c90215;
	cursor:pointer;
	text-decoration:underline;
}
#col_gauche_art #menu_gauche .premier_niveau {
	color:black;
	font-size:12px;
}
#col_gauche_art #menu_gauche .deroule_oui {
	color:#c90215;
}


#col_gauche_art #menu_gauche .prem_rub_inactive{
	color:black;
	cursor:pointer;
}

#col_gauche_art #menu_gauche_viegroupe .rub_inactive{
	color:#929292;
}

#col_droite_art {
	width:717px;
	min-height:256px;
	height: auto !important;
	height:256px;
	float:right;
	padding-left:17px;
	!padding-left:5px;
}
#col_droite_art #titre_art {
	color:#C90215;
	font-size:13px;
	font-weight:bold;
	padding-left:12px;
	height:25px;
	line-height:25px;
	background:url(images/titre_art.jpg) top left no-repeat;
}

#col_droite_art #bloc_article_top {
	background:url(images/bloc_article_haut.jpg) bottom left no-repeat;
	height:8px;
	width:717px;
	margin-top:12px;
}
#col_droite_art #bloc_article {
	background:url(images/bloc_article_fond.jpg) top left repeat-y;
	min-height:248px;
	height: auto !important;
	height:248px;
	width:692px;
	padding:10px;
	padding-right:15px;
	color:#858585;
}
#col_droite_art #bloc_article_bottom {
	background:url(images/bloc_article_bas.jpg) top left no-repeat;
	height:8px;
	width:717px;
}
#liste_document {
	padding-top:11px;
	padding-bottom:10px;
}
.fond_doc a {
	color:#616161;
}
#liste_document .spip_logos {
	border:none;
}

/* ------------------------------------------
/* rub emploi
/* ------------------------------------------ */

#tableau_emploi {
	text-align:center;
	margin:auto;
	border:1px solid black;
}
#tableau_emploi td {
	padding:4px;
	border:1px solid black;
}
#tableau_emploi td {
	padding:4px;
	border:1px solid black;
}
#offre_emploi_intro {
	margin:auto;
	text-align:center;
	margin-bottom:20px;
}
#logo_emploi {
	width:180px;
	float:left;
	margin-bottom:20px;
}
#desc_emploi {
	float:right;
	width:500px;
	padding-top:30px
}

#imprimer {
	float:left;
}
/* ------------------------------------------
/* rub actu
/* ------------------------------------------ */

.logo_article_rub {
	float:left;
	margin-right:15px;
}
.bloc_titre_rub {
	color:#C90215;
	font-size:13px;
	font-weight:bold;
	padding-left:12px;
	height:25px;
	line-height:25px;
	margin-top:15px;
}
.date {
	font-size:12px;
	font-style:italic;
}

/* ------------------------------------------
/* Pied de page
/* ------------------------------------------ */

#global_pied {
	width:100%;
	margin-top:0px;
	height:61px;
	background:url(images/fond_global_pied.jpg) top left repeat-x;
}
#pied {
	width:928px;
	padding-top:28px;
	height:33px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	background:url(images/fond_pied.jpg) top left no-repeat;
}
#pied a {
	color:#4f4f4f;
}
#pied .pipe {
	border-right:1px solid #4f4f4f;
}
#pied ul li {
	display:inline;
}
#credits {
	float:left;
	width:233px;
	height:33px;
}
#menu_outils {
	float:left;
	padding-left:55px;
	height:33px;
	width:auto;
	text-align:center;
}
#menu_outils li {
	padding-left:8px;
	padding-right:8px;
}
#infos {
	float:right;
	height:33px;
	width:176px;
}

/* ------------------------------------------
/* plan du site
/* ------------------------------------------ */
#page_plan li{
	padding-left:20px;
}
#page_plan h1 {
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:5px;
}
#page_plan h2 {
	font-size:15px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}