/* CSS Document */

/* Définir un container principal*/
#container{
	width: 720px;
	height: 570px;
	background: #fff;
}
/* Placer le container au milieu de la page (centrer horizontalement & verticalement) */
#container-in-center{
	position: absolute;
	margin-left: -360px;
	margin-top: -285px;
	left: 50%;
	top: 50%;
}
/* Placer le container au milieu de la page (centrer horizontalement)  */
#container-in-middle{
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  width: 720px; 
}

/* Entête pour le menu */
#header1 {
	padding: 16px 0 0 0;
}
#header2 {
	padding: 10px 0 0 0;
}
/* Contenu principal */

#content{

}
p {
	text-align: justify;
	margin: 5px;
}

.nb{
 color:#689B35;
 font-weight: bold; 
}

/* Boutons de navigation */
.nav-bt{
	clear:none;
	margin: 10px 240px 10px 240px;
	overflow: auto;
}

/* iPhone Style */
.graytitle {
	text-align:center;
	color:#4C4C4C;
}
.pageitem{
	background-color:#f5f5f5;
	border:#878787 solid 1px;
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	margin:3px 9px 17px;
	list-style:none
}
.textbox{
	padding:5px 9px;
	position:relative;
	overflow:hidden;
	border-top:1px solid #878787
}
.textbox p{
	margin-top:2px;
	color:#000;
	margin-bottom:2px;
	text-align:justify
}

.textbox img{max-width:100%}

li.menu{
	position:relative;
	list-style-type:none;
	display:block;
	height:43px;
	overflow:hidden;
	border-top:1px solid #878787;
	width:auto
}

li.menu:hover{background:url("..iam/images/menutouched.png") repeat-x #0274ee}

li.menu a:hover span.name,li.menu a:hover span.comment,li.store:hover .starcomment,li.store:hover .name,li.store:hover .comment,body.list li.withimage a:hover .comment{color:#fff}

li.menu a{display:block;height:43px;width:auto;text-decoration:none}

li.menu a img{width:auto;height:32px;margin:5px 0 0 5px;float:left}

li.menu span.name{margin:11px 0 0 7px;width:auto;color:#000;font-weight:bold;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:left}

li.menu span.comment{margin:11px 30px 0 0;width:auto;color:#000;font-size:17px;text-overflow:ellipsis;overflow:hidden;max-width:75%;white-space:nowrap;float:right;color:#324f85}

li.menu span.arrow{position:absolute;width:8px!important;height:13px!important;right:10px;top:15px;margin:0!important;background:url("../iam/images/arrow.png") 0 0 no-repeat}

a:hover span.arrow{background-position:0 -13px!important}

/* Nav */
.nav-bt a{
	display: block;
	text-indent:-9999px;
	width:68px;
	height:68px;
	float: left;
	margin: 0 6px 0 6px;	
	background-image:url(../pbc_png_clp/nav-icons.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#nav-web{background-position:0 0;}
#nav-web:hover,#nav-web.hover{background-position:0 -64px;}
#nav-web:active ,#nav-web.active{outline: 0;}
#nav-web:focus ,#nav-web.focus{outline: 0;}

#nav-mail{background-position:-64px 0;}
#nav-mail:hover,#nav-mail.hover{background-position:-64px -64px;}
#nav-mail:active ,#nav-mail.active{outline: 0;}
#nav-mail:focus ,#nav-mail.focus{outline: 0;}

#nav-mob{background-position:-128px 0;}
#nav-mob:hover,#nav-mob.hover{background-position:-128px -64px;} 
#nav-mob:active ,#nav-mob.active{outline: 0;}
#nav-mob:focus ,#nav-mob.focus{outline: 0;}  

#nav-home{background-position:-192px 0;}
#nav-home:hover,#nav-home.hover{background-position:-192px -64px;} 
#nav-home:active ,#nav-home.active{outline: 0;}
#nav-home:focus ,#nav-home.focus{outline: 0;}  

/* Pied Page : Ours du site  */
#footer {
	clear:none;
	text-align: center;
	color: #ADADAD;
	padding: 0 0 10px 0;
}