/* Styles designed by Émilie Viau, 2005 (c)
   Modified by Éric Beaudry, 2008-2018.
*/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0;
    margin-bottom:0em;
    padding: 0;
    color: #1D1E23;
    background: white;
}

p {
    margin: 0 0 10px 0;
    text-align: left;
}

h1, h2 {
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align:bottom;
    color: rgb(153, 102, 51);
    /*margin: 0 0 2px 0;*/
    font-variant:small-caps;
}

h3 {
    color: #C6945E;
    text-align:left;
    margin: 0 0 2px 0;
}


ul{
	margin-top: 5px;
	margin-bottom: 13px;
	list-style-type:disc;
	margin-bottom:10px;
	text-align: left;
}

li {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr{
    border: 1px solid;
}

/*liens*/

a:link{
	color: #007BB7;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:visited{
	color: #005B97;
	text-decoration: none;
	border-bottom: 0;
	
}

a:hover {
	color: #A75454;
	text-decoration: none;
	border-bottom: 1px solid;
}
	
a:link.retour, a:visited.retour{
    border-bottom: 0;
    border-right: 1px solid #ccc;
    background: rgb(244,247,232) url(image/e_barre2_ss.jpg) left no-repeat;
    padding-left: 1.2em;
    padding-right: 0.8em;
    text-decoration: none;
    color: black;
}

a:hover.retour{
    border-bottom: 0;
    background: rgb(74,159,201) url(image/e_barre2_s.jpg) left no-repeat;
    padding-left: 1.2em;
    padding-right: 0.8em;
    text-decoration: none;
    color:white;
}


/*styles perso*/

ul.nolist{ list-style-image: url(image/e_puce.gif); }
p.enumeration { padding-left: 2em; }

.entete {
    height: 6.6em;
/*
    border-top: 1px solid;
    border-left: 1px solid;
    */
    padding-left: 1em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    background: rgb(236, 238, 204) url(image/e_background.jpg) right no-repeat;
    text-align:left;
    white-space:nowrap;
}

.barre{
    background: url(image/e_barre.jpg) top repeat-x;
    text-align:right;
    vertical-align:middle;
}

.contenu{
    padding-left: 2em;
    padding-right: 230px;
    padding-top: 1.5em;
    padding-bottom: 1em;
    border-left: 0px solid;
    border-top: 1px solid;
    border-bottom: 1px thick;
    background: white url(image/e_contenu.jpg) left repeat-y;
}

.contenu .item{
    display: inline-block;
}

.menu {
	position: fixed;
	right:0px;
	width: 205px;
	background: rgb(236, 238, 204) url(image/e_menu.jpg) bottom left repeat-y;
	padding-right: 5px;
	border-bottom: 1px solid;
    border-top: 1px solid;
	top: 92px;
}


img.eric {
	border: 1px solid black;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 10px;
    display: inline-block;
    height: 16em;
    text-align: left;
}

.onglet {
    width: 183px;
    height: 16px;
    background: transparent url(image/e_menu2.jpg) top right no-repeat;

}


/*restrictions d'impression*/
@media print { 
  .entete h3, .menu, .onglet {display: none}
  .contenu{
    margin-right: 0;
    padding-right: 0px;
  }
}

@media (max-width:800px) {
/* */
  .menu { 
    /* première règle ?*/
    position: fixed;
    display: none; 
  }
  .contenu {
    margin-right: 0;
    padding-right: 0px;
  }
}