@charset "utf-8";

.boxmenu {
	padding-left: 10px;
}
.boxmenu .tile {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Calibri, Arial, sans-serif;
	vertical-align: top;
}

.boxmenu .tile a:link, .boxmenu .tile a:visited
{
	text-decoration: none;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	padding-top: 5px;
}
.boxmenu .tile a:hover, .boxmenu .tile a:active, .boxmenu .tile a:focus
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #877973
}

/*.boxmenu .tile:hover, .boxmenu .tile:active, .boxmenu .tile:focus
{
	background-color: #877973;
}*/

.boxmenu .text {
	padding-left: 20px;
	font-size: 16px;
	color: #000;
}
.boxmenu .text ul {
	padding-top: 0;
	padding-left: 0px;
	line-height: 150%;
	list-style-type: none;
	list-style-image: url(../images/boutons/puce_tp.png);
}

.boxmenu .text2 {
	padding-left: 20px;
	font-size: 16px;
	color: #000;
}
.boxmenu .text2 ul {
	padding-top: 0;
	padding-left: 0px;
	line-height: 150%;
	list-style-type: none;
	/*list-style-image: url(../images/boutons/puce_tp.png);*/
}
.boxmenu .text2 ul li {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #877973;
	
}

.boxmenu .text a:link, .boxmenu .text a:visited
{
	text-decoration: none;
	color: #000000;
	display:block;
}
.boxmenu .text a:hover, .boxmenu .text a:active, .boxmenu .text a:focus
{
	text-decoration: none;
	background-color: #E1DEDD;
}

.boxmenu .text2 a:link, .boxmenu .text2 a:visited
{
	text-decoration: none;
	color: #000000;
	display:block;
}
.boxmenu .text2 a:hover, .boxmenu .text2 a:active, .boxmenu .text2 a:focus
{
	text-decoration: none;
	background-color: #E1DEDD;
}


.boxmenu .pict {
	/*background-color: #E1DEDD;*/
	text-align: center;
}

.boxmenu .bordL {
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: # ;	
	border-left-color: #877973;
}
.box {
	margin-top: 20px;
	margin-bottom: 10px;
}
.tileL {
	float: left;
	background-color: #877973;
	color: #FFFFFF;
	margin-right: 10px;
}
.tileL p {
	margin: 10px;
	font-size: 18px;
}

.tileL h1 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 10px;
	padding: 0px;
	line-height: 20px;
}
.pictR {
	float: right;
	text-align: center;
	background-color: #FFFFFF;
}

.textF {
	float: left;
	width: 595px;
}

.box ul {
	padding-top: 10px;
	list-style-type: none;
	list-style-image: url(../images/boutons/puce_tp.png);
}

.box p {
	padding-bottom: 5px;
}

.box ul li {
	padding-left: 1px;
}

.tileT {
	background-color: #877973;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	height: 25px;
}

.pictB {
	background-color: #FFFFFF;
	text-align: center;
}

.box .prec {
	float: left;
	background-color: #E1DEDD;
	border: 1px solid #877973;
	color: #877973;
	text-decoration: none;
	background-image: url(../images/boutons/flecheG.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 350px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.box .suiv {
	float: right;
	background-color: #E1DEDD;
	border: 1px solid #877973;
	color: #877973;
	text-decoration: none;
	background-image: url(../images/boutons/flecheD.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 350px;
	text-align: center;
	margin: 5px;
}

.trait {
	background-image: url(../images/boutons/trait-poin-d%C3%A9grad%C3%A9-tp.png);
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	background-repeat: no-repeat;
	background-position: center;
}

.espace {
	height: 20px;
	clear: both;
}

.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right;
	margin-left: 8px;
}


.title {
	font-size: 13px;
	font-weight: bold;
}
.detail {
	font-size: 11px;
}