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

#background{background:#fff url(../images/bg-page.gif) repeat-x;}
#header #tete{ background:url(../images/img-entete-bandeau.gif) bottom no-repeat; height:23px; width:108px; float:left; margin-left:245px;}
/*------------------*/
/* ---- FLASH ---- */
/*----------------*/
#flash{background:url(../images/bandeau.jpg);height:112px;}
/*-----------------*/
/* ---- LOGO ---- */
/*---------------*/
#logo-home{ position:absolute; top:64px; left:16px;}
#flash h1{ font-size:1.4em; font-weight:bold; color:#fff; position:absolute; left:490px; top:322px; line-height:31px; background:url(../images/bg-titre-h1.gif) repeat-x; width:470px; padding-left:20px;}
/*------------------*/
/* ---- MENU ----- */
/*----------------*/
ul#menu{background:url(../images/bg-menu-page.gif) no-repeat;}
/*----------------------------*/
/* ---- CONTENU ACCUEIL ---- */
/*--------------------------*/
#contenu{ background:url(../images/bg-contenu-page.gif) repeat-y;
	position:relative;
	margin-top:6px;
	min-height:424px; 
	height:auto !important;
	height:424px;
}
/*-----------------------------------*/
/* ---- CONTENU SPECIAL METIER ---- */
/*---------------------------------*/
#contenu-special{
	position:relative;
	margin-top:6px;
	min-height:60px; 
	height:auto !important;
	height:60px;
}
#contenu-special #bloc-left{float:left; width:192px; padding-bottom:10px;}
#contenu-special #bloc-left h1{background:url(../images/bg-page-titre-menu.gif) no-repeat; height:53px; width:192px;}
#contenu-special #bloc-left h1 span{ display:none;}
#contenu-special #bloc-middel{float:left; width:788px;}
#contenu-special #bloc-middel h2{ color:#fff; background:url(../images/bg-h1-page.gif) repeat-x; height:35px; font-size:2.4em; font-weight:normal; padding-top:18px; padding-left:38px;}
/*-------------------*/
/* ---- ARAINE ---- */
/*-----------------*/
.ariane{font-size:1.1em; color:#7c7c7c; margin-bottom:10px;}
.ariane a{color:#7c7c7c; margin:0; padding:0;}
/*---------------------------*/
/* ---- COLONNE GAUCHE ---- */
/*-------------------------*/
#contenu #bloc-left{float:left; width:192px; padding-bottom:10px;}
#contenu #bloc-left h1{background:url(../images/bg-page-titre-menu.gif) no-repeat; height:53px; width:192px;}
#contenu #bloc-left h1 span{ display:none;}
#contenu #bloc-left ul{ list-style-type:none; padding:10px 0;}
#contenu #bloc-left ul li{ background:url(../images/bg-li-bottom-page-left.gif) bottom no-repeat; padding:0 13px;}
#contenu #bloc-left ul li a{ font-size:1.2em; font-weight:bold; color:#383838; display:block; padding:8px 0px 8px 34px; background: url(../images/puce-li-page-left.gif) 11px 11px no-repeat; text-decoration:none;}
#contenu #bloc-left ul li a:hover{ text-decoration:underline;}
#contenu #bloc-left ul li a.on{color:#fff; background:#ac0000 url(../images/bg-li-actif-page-left.gif) no-repeat;}

#contenu #bloc-left ul ul{ list-style-type:none; padding:0px;}
#contenu #bloc-left ul li li{ background:#fff;  padding:0px;}
#contenu #bloc-left ul li li a{ font-size:1.1em; font-weight:normal; color:#383838; display:block; padding:4px 0px 4px 34px; background:none; text-decoration:none;}
#contenu #bloc-left ul li li a.on{color:#383838; background:url(../images/puce-sous-menu.gif) 10px 2px no-repeat; font-weight:bold;}
/*---------------------------*/
/* ---- COLONNE MILIEU ---- */
/*-------------------------*/
#contenu #bloc-middel{float:left; width:788px;}
#contenu #bloc-middel h2{color:#fff; background:url(../images/bg-h1-page.gif) repeat-x; height:35px; font-size:2.4em; font-weight:normal; padding-top:18px; padding-left:38px;}
/*-------------------------*/
/* ---- COLONNE FULL ---- */
/*-----------------------*/
#contenu-full{
	position:relative;
	margin-top:6px;
	min-height:340px; 
	height:auto !important;
	height:340px;
}
#contenu-full h1{background:url(../images/bg-page-titre-menu.gif) no-repeat;height:53px;}
#contenu-full h1 span{ display:none;}

#page #liste-article h4{ background:url(../images/puce-rouge.gif) 2px 3px no-repeat; padding-left:25px;}
#page #liste-article h4 a{color:#858585; text-decoration:none;}
#page #liste-article h4 a:hover{ text-decoration:underline;}
/*-----------------*/
/* ---- PAGE ---- */
/*---------------*/
#page{ padding:10px 28px 20px 38px;}
#page h3{ font-size:1.6em; font-weight:bold; color:#a10603; border-bottom: dotted 1px #cccccc; margin-bottom:5px; padding-bottom:5px; margin-top:10px;}
#page h4{ font-size:1.4em; font-weight:bold; color:#858585; border-bottom: dotted 1px #cccccc; margin-top:10px; margin-bottom:5px; padding-bottom:5px}
#page h5{ font-size:1.3em; font-weight:bold; margin-top:10px; margin-bottom:5px; padding-bottom:5px}

#page ul{ list-style-type:none; padding-bottom:5px;}
#page ul li{ font-size:1.2em; padding-left:32px; text-align:left; background:url(../images/puce.gif) 5px 12px no-repeat; padding-top:8px}
#page ul li li{ font-size:1em;}
#page ul li a:hover{ text-decoration:none}

#page sup {font-size:0.9em;}
#page i{font-size:0.8em;}

.float-right{float:right; padding-left:10px;}
.float-left, .spip_logos{ float:left; padding-right:10px;}

.oblig{text-align:right; font-size:1.1em;}
.right{margin-top:20px; text-align:right;}
.right a{ color:#a10603;padding:5px 0px 5px 25px; background:url(../images/puce.gif) 2px 10px no-repeat;}
.right a:hover{ text-decoration:none;}

.pagination{ margin-top:20px; margin-bottom:10px; text-align:right;}
.pagination a{ padding:0; margin:0; border:solid 1px #ccc; text-align:center; text-decoration:none; padding:0 5px;color:#ccc;}
.pagination span.on{padding:0; margin:0;border:solid 1px #ccc; background:#858585; color:#fff;text-align:center; text-decoration:none; padding:0 5px;}
.pagination a:hover{ color:#a10603;}

.recherche{margin-top:-26px;}
.search h5{ font-size:1.2em; font-weight:bold; padding-top:20px; padding-left:25px; background:url(../images/puce.gif) 0px 25px no-repeat; }
.search p{ padding-left:25px;}
.search h5 a{ color:#333;}
.search h5 a:hover{ text-decoration:none;}

a.link{ color:#a10603; font-size:1.2em;padding:5px 0px 5px 25px; background:url(../images/puce.gif) 2px 10px no-repeat;}
a.link:hover{ text-decoration:none;}

#page a.spip_out{color:#a10603;}
#page ul li a.spip_out{color:#a10603;}

#page .encadre{padding:20px;margin:20px 0; background:#f8f7f7; border:solid 1px #ebebeb;}

#page .ps{ background:#580000 url(../images/bg-ps.gif)repeat-x; color:#fff; margin-top:10px; padding:10px; border:solid 1px #000}
#page .ps ul li{ font-size:1.2em; padding-left:25px; text-align:justify; background:url(../images/puce-ps.gif) 5px 12px no-repeat; padding-top:8px}

#page .ps p strong{ display:block; text-align:center;}

.portrait{ float:left; padding-right:20px;}
.description q{ font-weight:bold; font-size:1.2em;}
.description q span{color:#fdc91d;font-size:1.2em; padding:0 5px; }
.portrait p, .reference p{ padding:0; margin:0;}
p.nom{color:#a10603; font-weight:bold; width:150px; text-align:left;}
p.fonction{ font-size:1.1em;}
.reference p.logo{text-align:center;}

.reference{ background:#fff url(../images/bg-reference.gif) bottom repeat-x; border:solid 1px #cacaca; padding:10px; float:left; margin:20px 12px; text-align:center;}
.reference p.fonction{ padding-bottom:5px;}

.chemin{padding:0 20px 0 5px; margin:0;}

/*---------------------*/
/* ---- FIELDSET ---- */
/*-------------------*/
fieldset.newsletter{ border:solid 1px #d6d5d5; background:#fff; padding:10px; margin-bottom:10px;}
fieldset.newsletter legend{ font-size:1.4em; font-weight:bold; color:#858585; padding:0 15px; margin:0 20px;}
fieldset.newsletter input#desinscrire{ background:url(../images/btn-desinscrire.gif) no-repeat; width:150px; height:22px; cursor:pointer;}
fieldset.newsletter input#envoyer{ background:url(../images/btn-envoyer.gif) no-repeat; width:150px; height:22px; cursor:pointer;}
fieldset.newsletter input#modif-abonnement{ background:url(../images/btn-modif-abonnement.gif) no-repeat; width:178px; height:22px; cursor:pointer;}
fieldset.newsletter label{text-transform:uppercase; padding-left:10px;}

div#research strong{float:left; padding-top:5px}
div#research label{font-size:1.2em;}
div#research form input[type="text"]{ border:none; background:#ededed; font-size:1em; padding:2px 4px; margin-left:10px;}
div#research form input.submit{background: url(../images/picot-fleche-search.gif) 0 3px no-repeat; width:14px; height:16px; border:none; cursor:pointer;}
div#research form label{ display:none;}
/*---------------------*/
/* ---- PAGE 80% ---- */
/*-------------------*/
#page #medium{ width:685px; float:left; margin-bottom:20px;}
#autres-articles{ width:190px; margin-left:30px; margin-top:20px;margin-bottom:20px; background:#f8f7f7; border:solid 1px #ebebeb;float:right;}
#autres-articles h4{ text-align:center; margin:10px;}

#page #autres-articles ul{ padding-bottom:10px;}
#page #autres-articles ul li{ font-size:1.1em; padding-left:32px; padding-right:18px; text-align:left; background:url(../images/puce-rouge.gif) 10px 12px no-repeat; padding-top:8px}
#page #autres-articles ul li a{ color:#333; text-decoration:none;}
#page #autres-articles ul li a:hover{ text-decoration:underline;}

#page caption{ font-size:1.4em; font-weight:bold; color:#858585; border-bottom: dotted 1px #cccccc; margin-top:10px; margin-bottom:5px; padding-bottom:5px; text-align:left;}
#page table{width:100%; margin-top:10px; font-size:1.1em;border-left:solid 1px #fff;border-top:solid 1px #fff; }
#page table th{ background:#7b0000 url(../images/bg-th.gif) repeat-x; color:#FFF; padding-left:10px; padding-right:10px; 
border-right:solid 1px #fff;border-bottom:solid 1px #fff;}
#page table td{ padding-top:0; padding-left:10px; padding-right:10px; border-right:solid 1px #fff;border-bottom:solid 1px #fff;}

/*-------------------*/
/* ---- ONGLET ---- */
/*-----------------*/
div.onglets_bloc {
	padding:10px 10px 10px 10px;  background:#f8f7f7; border:solid 1px #ebebeb; margin:20px 0 0 0; width:700px; height:auto;
}
div.onglets_bloc .onglets_liste {
	width:154px;
	float:left;
	/*border:solid 1px green;*/
}
#contenu #bloc-middel div.onglets_bloc h2{ 
	background:none; width:144px; font-size:1.2em; display:block; height:auto;
	padding:0; margin:0; padding:10px 0;padding-right:10px; background: url(../images/bg-li-module-separator.gif) left bottom no-repeat;
}
div.onglets_bloc h2.onglets_titre a {
	padding-left:30px; display:block;color:#333; font-weight:bold; text-decoration:none; text-align:left; width:114px;
}
div.onglets_bloc h2.onglets_titre a:hover{
	text-decoration:underline;
}
#contenu #bloc-middel div.onglets_bloc h2.onglets_titre.selected {
	background: url(../images/bg-li-module-select.gif) repeat-y;
}
#contenu #bloc-middel div.onglets_bloc ul li{
	background: url(../images/puce-onglet.gif) 8px 12px no-repeat;
}
#contenu #bloc-middel div.onglets_bloc h2.onglets_titre.selected a {
	background:url(../images/puce-cadre.gif) 8px 9px no-repeat; color:#fff; padding:5px 0 5px 30px;	
}
div.onglets_bloc h2.onglets_titre, div.onglets_bloc h2.onglets_titre a {
}
div.onglets_bloc h2.hover a {
}
div.onglets_bloc h2.onglets_titre.selected a {
}
div.onglets_bloc .onglets_contenu{
	margin-left:154px; background:#767676 url(../images/bg-module.gif) repeat-y; color:#fff; padding:10px 20px 5px 20px;text-align:center; font-size:0.9em; width:496px;
}
div.onglets_bloc .onglets_contenu.selected {

}