@charset "utf-8";
/* CSS Document */
@import "PBL-BOO-THM-BN.css";
html {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
	padding: 0;
}
#page {
	width: 760px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
#page-centre {
	position: absolute;
	width: 760px;        /* selon la largeur voulue */
	margin-left: -380px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */
	height: 791px;       /* selon la longueur voulue */
	margin-top: -396px;   /* moitie de height */
	top: 50%;            /* constant, toujours 50% */
	padding: 0;
}
#page-contenu {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
/*************************************************************************************************************/
/*#entete {
	width: 760px;
	height: 102px;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}*/
/*************************************************************************************************************/
#pieddepage {
	width: 760px;
	height: 20px;
	line-height: 20px;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	bottom: 0;
}
/*************************************************************************************************************/
#menu {
	width: 760px;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}
/*************************************************************************************************************/
#corpsdepage-accueil {
	width: 760px;
	height: 760px;
	float: none;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 0;
}
/*************************************************************************************************************/
.CASE1 {
width:380px;
height:380px;
float:left;
background-color:#FFFFFF;
color:#000000;
padding:0;
margin:0;
text-align:center;
}
.CASE1-contenu {
width:370px;
height:370px;
background-color:#FFFFFF;
color:#000000;
padding:0;
margin:2px;
border:#000000 medium solid;
text-align:center;
}
.CASE1-IMG {
width:370px;
height:300px;
vertical-align:middle;
text-align:center;
padding:20px 0px 10px 0px;
margin:0;
}
.CASE1-MNU {
width:360px;
height:70px;
vertical-align:middle;
text-align:center;
margin:0 auto;
padding:0;
}
/*************************************************************************************************************/
.CASE2 {
width:380px;
height:380px;
float:right;
padding:0;
margin:0;
}
.CASE2-contenu {
width:370px;
height:370px;
padding:0;
margin:2px;
text-align:center;
}
.CASE2-contenu {
    display: table-cell;
    vertical-align: middle;
}
.CASE2-contenu * {
    vertical-align: middle;
}
.CASE2-contenu span {
    display: inline-block;
    height: 100%;
}
/*************************************************************************************************************/
.CASE3 {
clear:both;
width:380px;
height:380px;
float:left;
padding:0;
margin:0;
}
.CASE3-contenu {
width:370px;
height:370px;
padding:0;
margin:2px;
text-align:center;
}
.CASE3-contenu {
    display: table-cell;
    vertical-align: middle;
}
.CASE3-contenu * {
    vertical-align: middle;
}
.CASE3-contenu span {
    display: inline-block;
    height: 100%;
}
/*************************************************************************************************************/
.CASE4 {
width:380px;
height:380px;
float:right;
padding:0;
margin:0;
}
.CASE4-contenu {
width:370px;
height:370px;
padding:0;
margin:2px;
text-align:center;
}
.CASE4-IMG {
width:370px;
height:100px;
vertical-align:middle;
text-align:center;
padding:0;
margin:160px auto 0 auto;
}
/*************************************************************************************************************/
#conteneur10 {/*background:#000000*/; width:360px; margin:0 auto; padding:0;}
.boite10 h1, .boite10 h2, .boite10 p {padding:0; margin:0; letter-spacing:1px;}
.boite10 h1 {font-size:2.1em; color:#000; border-bottom:#000000 solid thin;}
.boite10 h2 {font-size:1.5em; color:#000; border:0;}
.boite10 p {padding-bottom:0.5em; color:#000;font-size:1.2em;line-height: 1.2em;/*text-align:left;*/}
.boite10 h2 {padding-top:0.5em; padding-left:10px;}
.boite10 {background: transparent; margin:1em;}
.boite10 em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
.boitebord11, .boitebord12, .boitebord13, .boitebord14, .boitebord15, .boitebord16, .boitebord17 {display:block; overflow:hidden; font-size:0;}
.boitebord11, .boitebord12, .boitebord13, .boitebord14, .boitebord15, .boitebord16 {height:1px;}
.boitebord14, .boitebord15, .boitebord16, .boitebord17 {background:#ccc; border-left:1px solid #000; border-right:1px solid #000;}
.boitebord11 {margin:0 8px; background:#000;}
.boitebord12 {margin:0 6px; background:#000;}
.boitebord13 {margin:0 4px; background:#000;}
.boitebord14 {margin:0 3px; background:#000; border-width:0 5px;}
.boitebord15 {margin:0 2px; background:#000; border-width:0 4px;}
.boitebord16 {margin:0 2px; background:#000; border-width:0 3px;}
.boitebord17 {margin:0 1px; background:#000; border-width:0 3px; height:2px;}
.boite-contenu10 {display:block; background:#FFFFFF; border:3px solid #000; border-width:0 3px;}
.boite-contenu10 a img {
border:thin;
border:solid;
border:dotted;
/*color: #FFFFFF;*/
}
.boite-contenu10 a:link, .boite-contenu10 a:visited {
	color: #FFFFFF;
}
.boite-contenu10 a:hover {
	color: #000000;
}
.boite-contenu10 a:active {
	color: #FFFFFF;
}
/*************************************************************************************************************/
#conteneur20 {/*background:#000000*/; width:360px; margin:0 auto; padding:0;}
.boite20 h1, .boite20 h2, .boite20 p {padding:0; margin:0; letter-spacing:1px;}
.boite20 h1 {font-size:2.1em; color:#fff; border-bottom:#ffffff solid thin;}
.boite20 h2 {font-size:1.5em; color:#fff; border:0;}
.boite20 p {padding-bottom:0.5em; color:#fff;font-size:1.2em;line-height: 1.2em;/*text-align:left;*/}
.boite20 h2 {padding-top:0.5em; padding-left:10px;}
.boite20 {background: transparent; margin:1em;}
.boite20 em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #000; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
.boitebord21, .boitebord22, .boitebord23, .boitebord24, .boitebord25, .boitebord26, .boitebord27 {display:block; overflow:hidden; font-size:0;}
.boitebord21, .boitebord22, .boitebord23, .boitebord24, .boitebord25, .boitebord26 {height:1px;}
.boitebord24, .boitebord25, .boitebord26, .boitebord27 {background:#ccc; border-left:1px solid #000; border-right:1px solid #000;}
.boitebord21 {margin:0 8px; background:#000;}
.boitebord22 {margin:0 6px; background:#000;}
.boitebord23 {margin:0 4px; background:#000;}
.boitebord24 {margin:0 3px; background:#fff; border-width:0 5px;}
.boitebord25 {margin:0 2px; background:#fff; border-width:0 4px;}
.boitebord26 {margin:0 2px; background:#fff; border-width:0 3px;}
.boitebord27 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;}
.boite-contenu20 {display:block; background:#000000; border:3px solid #000; border-width:0 3px;}
.boite-contenu20 a img {
border:thin;
border:solid;
border:dotted;
}
.boite-contenu20 a:link, .boite-contenu20 a:visited {
	color: #FFFFFF;
}
.boite-contenu20 a:hover {
	color: #000000;
}
.boite-contenu20 a:active {
	color: #FFFFFF;
}
/*************************************************************************************************************/