/* feuille de style d'impression */

body{
margin:0;
padding:0;
font-family: arial, "Bitstream Vera Sans", sans-serif;
font-size:9pt;
}

/* élément cachés à l'impression */
form#recherche_simple,
div#connexion,
div#navigation,
div#menu,
div#bandeau,
#menu_principal,
#acces_direct,
#boutons_actions,
hr.separateur_sections_page,
div.encadre_recherche,
#fil_ariane,
div#pied_page{
display: none;
}

/* pour désactiver tout les attributs styles en ligne,
sur les navigateurs récents */
*[style]{
margin:auto !important;
border:none !important;
color:inherit !important;
background: inherit !important;
width: auto !important;
}

/* !important pour désactiver le style en ligne forçant largeur et liseret */
div#contenu_avec_encadres, div#contenu_sans_encadres{
width:100% !important;
border:none !important;
margin: 20pt 0;
}

div#pied_page {
border-top: 1pt solid #666;
margin-top: 10pt;
padding-top: 5pt;
}

a img{
border:none;
}

h1 {
margin-top:0;
padding-top:0
}

h1 a {
color: #000;
text-decoration: none;
}

h2,
h3 {
border-bottom:1pt solid #666;
padding: 5pt 0;
}

div#encadres h3 {
border: 0;
}

dl{
border:1pt solid #666;
padding:10pt
}

dt{
font-weight:700;
}

dd {
margin-bottom: 15pt;
}

caption{
font-weight:700;
}

/* === Listes actu-article-document === */

ul.liste-vignette{
list-style: none;
}

/******************************/
/*** styles de l'agenda     ***/
/******************************/

div#agenda_requeteur,
body#agenda hr.separateur,
table#mois,
table#annee,
table#vue_mensuelle caption,
table#vue_mensuelle p.pictos{
display: none;
}

#contenu_agenda {
font-size: 0.85em;
}

table#vue_mensuelle{
font-size: 9pt;
}

table#vue_mensuelle,
table#vue_mensuelle td,
table#vue_mensuelle th {
border: 1px solid #999;
}

table#vue_mensuelle td,
table#vue_mensuelle th {
font-weight: 700;
}

table#vue_mensuelle th {
background-color: #eee;
}

table#vue_mensuelle td.pair,
table#vue_mensuelle td.impair {
height: 85px;
width: 85px;
vertical-align: top;
}

table#vue_mensuelle td.creneau_renseigne {
background-color: #d4eb84;
}

table#vue_mensuelle a{
text-decoration: none;
color: #ff6600;
}

table#vue_mensuelle .mensuelle_jour {
background:#fff none;
border:1px solid #748597;
display:block;
float:left;
font-size:1em;
font-weight: bold;
margin:2px;
padding:2px;
text-align:center;
width:16px;
}

table#vue_mensuelle td.vide {
border: none;
}

/*******************************************/
/***  pour impression des fiches de stage (aout 2011) ***/
/*******************************************/


/*******************************************/
/***           mise en page              ***/
/*******************************************/


@page {
  size: A4 portrait
  margin: 10mm;
  counter-increment: page;
}



@page :bottom { @bottom-right {
    content: counter(page);
      font-size: 0.2em;
    font-family: sans-serif;
    }}
    
#page
{
	fit: meet;
}


body.stage
{
	background: white none  0px 0px no-repeat;
}

body.stage div#bandeau
{
	height: 125px;
	background: white none  0px 0px no-repeat;
}
body.stage #lang, body.stage #menu, body.stage #navigation, body.stage #outils, body.stage #outils_page, body.stage .encadre_recherche, body.stage .pub, body.stage #recherche_simple
{
	display: none;
}
body.stage #bandeau, body.stage div#pied_page
{
	display: block;
}

body.stage div#contenu_avec_encadres {
    float: left !important;
    margin: 0!important;
    min-height: 300px!important;
    position: relative!important;
    width: 70%!important;
}


body.stage div#pied_page
{
	display: none;
	color: #273F88;
	text-align: left;
	background: white none 0px 0px no-repeat;
	border: none;
}
body.stage div#pied_page p#definition {
    left: 10px;
    width: 70%;
		color: #37535B;
}



/*******************************************/
/***        typo et proportion           ***/
/*******************************************/
body.stage div#page
{
	background: white none  0px 0px no-repeat;
	width: 25cm;
    color: black;
    font-size: 1.15em;
    line-height: 1.4em;
}
body.stage  a {
    color: black;
  }

body.stage div#contenu_deco {
    background: none;
    float: none;
    height: auto;
    width: 100%;
    font-size: 1.2em;
}

/*******************************************/
/***              sidebar                ***/
/*******************************************/


body.stage div#encadres {
    float: right;
    margin-top: 0.3em;
    width: 27%;
    font-size: 0.8em;
}

body.stage div.encadre_fiche, body.stage div.encadre_auto_fiche, body.stage div.encadre_nav_auto, body.stage div.encadre_recherche, body.stage div.encadre_generique, body.stage div.encadre_rubrique, body.stage div#connexion {
    background: none;

}
body.stage div.encadre_fiche_contenu, body.stage div.encadre_auto_fiche_contenu, body.stage div.encadre_nav_auto_contenu, body.stage div.encadre_recherche form, body.stage div.encadre_generique_contenu, body.stage div.encadre_rubrique_contenu, body.stage div#connexion_contenu {
    background: none;

}

body.stage div#encadres h3 {
	color: #90A1A8;
	border-bottom: 1px solid #aaa;
	padding-left: 0;
	background: white none 0px 0px no-repeat;
}

body.stage .encadre_auto_fiche p
{
	text-align: left!important;
}

body.stage .encadre_auto_fiche hr
{
	display: none;
}



/*******************************************/
/***              document                ***/
/*******************************************/


body.stage div#entete {
	border: none;
	margin: 0;
	padding-bottom: 0.8em;
}
body.stage div.style3 {
    background-image: none;
    margin: 0 0 1em;
}
body.stage div.style3 h3
{
	background-image: none;
}
body.stage div.style3 div.style3_contenu {
   	background-image: none;
   	background-color: transparent;
}
body.stage div.style3 div.style3_contenu_deco {
    background-image: none;
   	background-color: transparent;
}

body.stage #objectifs div.style3_contenu_deco {
	font-weight: bold;
	font-size: 0.95em;}
body.stage  a {
    color: black;
  }

body.stage div#contenu_deco2 {
    padding: 0px 12px 15px 10px;
    page-break-inside : auto; 
}
body.stage  h1
{
	left: 8px;
	padding: 0;
	width: 100%;
	font-size: 14pt;
	color: #999;
}
body.stage h1 a
{
	color: #999;
	padding-top: 3px;
}
body.stage  h1 img {
	position: static;
	margin-right: 20px;
	margin-top: -2px;
	float: left;
	opacity: 0.8;
}


body.stage .numStage {
	background-color: #37535B;
	padding: 2px 3px 1px 3px;
	color: white;
	font-size: 16pt;
	
}
body.stage h2
{
	color: #37535B;
 	border-bottom: none;
	padding: 0pt 0;	
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 5px;
}
body.stage h3
{
 	border-bottom: 1pt solid #AAA;
	padding: 0pt 0;	
}


body.stage div.style3 h3
{
	color: #37535B;
 	border-bottom: 1pt solid #AAA;
	padding: 0px 0px 7px 0px;	
}


body.stage .colonne_deco h3
{
		
font: 700 1.6em "arial narrow",arial,"Bitstream Vera Sans",sans-serif;
	font-size: 1.3em;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 6px 0px;
}
p.motsCle
{
	color: #37535B;
	font-weight: bold;
	padding-left: 6em;
	margin-top: 5px;
}
body.stage div.style2 {
    border: 1px solid #aaa;
    margin-bottom: 1em;
    padding: 7px 10px 2px 10px;
      page-break-inside: avoid;
}
body.stage div.style2 h3
{
	color: #37535B;
		border: none;
}
body.stage #date_modification
{
	margin: -35px -220px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.75em;
	color: #37535B;
}