/*######################################*/
/* Design (c) 2006-2008 BTI en modele reduit */
/*######################################*/
/* RAZ */  
* {
 margin:0;
 padding:0;
 }
 
 body, html{
height: 100%;

}


 
 /*----- MISE EN PAGE -----*/
/*-------------------------*/

#postit{
	position: absolute;
	width: 500px;
	height: 300px;
	background-image: url(mep/test2.png);
	background-repeat: no-repeat;
	z-index: 20;
	left: 65%;
}


/* conteneur de la page complète */
#conteneur_fond
{
	width: 850px;
	height: auto;
	min-height: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-position: center;
	background-image: url(mep/fond_2.png);
	background-repeat: repeat-y;
	background-color: #F7F7F7;
	overflow: hidden;
	border-left: 6px double;
	border-right: 6px double;
	border-color: #E0E0E0;
}

#conteneur
{
	height: 100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	background-position: center;
	width: 800px;
	background-image : url(mep/fond.gif);
	overflow:hidden;
}

/* Titres et diverses definitions */
#titre
{
    border-width : 0px 0px 0px 0px;
    border-style : solid solid solid solid;
    border-color : #ffcc33 #ffcc33 #ffcc33 #ffcc33;
    margin-right : auto;
    margin-bottom : auto;
    clear : none;
    margin-left : auto;
    z-index : auto;
    line-height : normal;
    margin-top : 0px;
    background-position : left center;
    vertical-align : baseline;
    padding-top : 25px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    background-image : url(mep/titre_bti.gif);
    background-repeat : no-repeat;
    width : 800px;
    height : 90px;}
#soustitre
{
    background-color : #ffffcc;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #ffcc33 #ffcc33 #ffcc33 #ffcc33;
    padding-top : 1px;
    padding-left : 1px;
    padding-right : 1px;
    padding-bottom : 1px;
    margin-right : auto;
    margin-bottom : auto;
    width : 90%;
    clear : none;
    margin-left : auto;
    z-index : auto;
    line-height : normal;
    height : 2em;
    margin-top : 3px;}

/* conteneur du menu */
#mnu-conteneur
{
    width : 234px;
    height : auto;
    padding-top : 0px;
    float: left;
    margin-top : 8px;}
#mnu-titre
{
    background-image : url(mep/barre-234.gif);
    background-position : center bottom;
    background-repeat : no-repeat; }
#mnu-corps
{
    margin-top : auto;
    margin-left : auto;
    margin-right : auto;
    border-width : 1px 1px 0px 1px;
    border-color : #8087ac #8087ac #8087ac #8087ac;
    border-style : solid solid solid solid;
    background-color : white;
    vertical-align : super;
    padding-top : 0.5em;
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-bottom : 0.5em;}
#mnu-bas
{
    background-repeat : no-repeat;
    letter-spacing : normal;
    width : auto;
    height : 21px;
    background-image : url(mep/234-bas-bl.gif);}

/* conteneur du corps de texte */
#txt-conteneur
{
    height : auto;
    width : 560px;
    float: right;
    margin-top : 8px;
	 text-align:justify;} /*----*/
#txt-titre
{
    background-position : center bottom;
    background-image : url(mep/barre-560.gif);
    background-repeat: no-repeat;}
#txt-corps
{
    margin-top : auto;
    margin-left : auto;
    margin-right : auto;
    border-width : 1px 1px 0px 1px;
    border-color : #8087ac #8087ac #8087ac #8087ac;
    border-style : solid solid solid solid;
    background-color : white;
    vertical-align : super;
    padding-top : 0.5em;
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-bottom : 0.5em;}
#txt-bas
{
    background-repeat : no-repeat;
    letter-spacing : normal;
    width : auto;
    height : 21px;
    background-image : url(mep/560-bas-bl.gif);}

/* conteneur du bas */
#bs-conteneur
{
    height : auto;
    width : 800px;
    float: right;
    margin-top : 8px;
	 margin-bottom: 15px;}
#bs-titre
{
    background-position : center bottom;
    background-image : url(mep/barre-800.gif);
    background-repeat : no-repeat;}
#bs-corps
{
    margin-top : auto;
    margin-left : auto;
    margin-right : auto;
    border-width : 1px 1px 0px 1px;
    border-color : #8087ac #8087ac #8087ac #8087ac;
    border-style : solid solid solid solid;
    background-color : white;
    vertical-align : super;
    padding-left : 0.5em;
    padding-right : 0.5em;
    text-align : center;
    padding-top : 0em;
    padding-bottom : 0em;}
#bs-bas
{
    background-repeat : no-repeat;
    letter-spacing : normal;
    width : auto;
    height : 21px;
    background-image : url(mep/800-bas.gif);}


/*----- STYLES DE TEXTE -----*/
/*---------------------------*/
	 
/* Definition des styles de texte */
body
{
	
    background-color : #eeeeee;
   background-image : url(mep/fond.gif);

    text-align: center;} /* text-align: center -corr. bug IE */
    
p { text-indent: 3em}

img.photo {
            background-color: #FFFFFF;
            border-bottom: 3px solid #D7D6D6;
            border-top: 1px solid #E1E1E1;
            border-left: 1px solid #E1E1E1;
            border-right: 3px solid #D7D6D6;
            padding: 8px;
            margin: 5px;
            background-image: url(mep/fond_photo.png);
        }


h1
{
    font-family : serif;
    font-weight : 300;
    color : #7d7d7d;
    font-size : 4em;
    vertical-align : middle;
    margin-top : 1%;
    text-align : center;}
h2
  {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	font-variant: normal;
	color: #dd503c;
	letter-spacing: 0.05em;
}
h3
{
    font-size : 1.07em;
    font-family : sans-serif;
    list-style-type : disc;
    font-weight : 200;
    width : auto;
    height : auto;
    letter-spacing : 0.03em;
    text-align : center;
    color : #dd503c;}
a.titre
{
    font-family : serif;
    font-weight : 300;
    color : #7d7d7d;
    font-size : 4em;
    vertical-align : middle;
    margin-top : 1%;
    text-align : center;
    text-decoration : none;}
a:link
{
    color : #1281bc;
    text-decoration : none;}
a:hover{color : #5eaeff;}
a:visited
{
    color : #a8a8a8;
    text-decoration : none;}
	 
a.lienmenu:hover{
	
	background-image: url(mep/fleche_menu.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:12px;
	}

	
a[href^="http"] {
 padding: 0 20px 0 0;
 background: #fff url(icones/icone_site_ext.gif) no-repeat right center;
}

.titre-barre
{
    font-weight : 100;
    font-family : sans-serif;
    word-spacing : 0.01em;
    font-size : 0.9em;}
.article
{
    font-family : sans-serif;
    font-weight : 100;
    letter-spacing : 0.01em;
    font-size : 0.9em;}
.menu
{
    background-position : left center;
    margin-top : auto;
    text-align : left;
    width : auto;
    height : auto;
    padding-left : 0px;
    font-weight : 100;
    font-size : 1em;
    list-style-image : url(mep/puce.gif);
    margin-left : 20px;
    font-family : serif;}
/* ## Style Infobulle ## */
span.infobulle{
	color : silver;
	margin-top : auto;
	margin-bottom : auto;
	border-width : 0px 0px 1px 0px;
	border-style : dashed dashed dotted dashed;
	border-color : black ;
	cursor : help;}
span.infobulle:hover{
	margin-top : auto;
	margin-bottom : auto;
	border-width : 0px ;
	cursor : help;
	color : red;
	background-color : #ffffce;
	margin-left : auto;
	margin-right : auto;}