body {
	color: #47332f;
	background: url(../images/bg.jpg) repeat top center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h4, h6 {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight:normal;
}

h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.8em;
	border-bottom: 1px solid #47332f;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.2em;
}

a, a img {
	border: none;
	outline:0;
}

a, a:visited {
	color: #7D4434;
	font-weight: normal;
}

a:hover {
	color: #FFF;
	font-weight: normal;
	font-style:italic;
}

ul#menu.mainlevel {
	padding: 0 0 40px 0;
	list-style: square inside url(../images/home/arrow.png);
	line-height: 23px;
	font-size: 13px;
	margin-bottom: 13px;
}

ul#menu ul#menu {
	padding: 0 0 0 10px;
}

ul#menu a {
	text-decoration: none;
}

.mod-menu ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}

ul.mod-menu.mod-list.nav li {
  margin-bottom: 14px; 
}

.mod-menu ul li {
  margin: 0 10px;
}


#home_container {
	width: 850px;
	background:url(../images/home/valise_bottom.png) no-repeat center bottom;
	margin: 0 auto;
	position: relative;
}

#home_flash_ampoule {
	width: 180px;
	height:260px;
	position: absolute;
	top: 0;
	left:0;
	z-index:3;
    background: url("../images/home/ampoule.png") no-repeat center top;
}

.ampoule-img {
  position: absolute;
  top: 20px;
  left: 30px;
  animation: balancement 2s ease-in-out infinite;
  transform-origin: top center;
}

.ampoule-img img {
  width: 180px;
  filter: drop-shadow(0 0 5px rgba(255, 255, 100, 0.6));
}

@keyframes swing {
  0%   { transform: rotate(8deg); }
  50%  { transform: rotate(-8deg); }
  100% { transform: rotate(8deg); }
}

.swinging-ampoule {
  display: inline-block;
  animation: swing 2s infinite ease-in-out;
  transform-origin: top center;
}



#logo {
	width: 200px;
	height:203px;
	background:url(../images/logo.png) center top;
	position: absolute;
	top: 0;
	right:0;
	z-index:3;
}

#home_valise_top {
	width: 850px;
	height:249px;
	background:url(../images/home/valise_top.png) repeat-y center bottom;
	margin: 0 auto;
	position: absolute;
	top: 0;
	z-index:2;
}

#home_valise_inner {
	width: 850px;
	height:100%;
	background:url(../images/home/valise_motif.png) repeat-y center bottom;
	margin: 0 auto;
}

#home_valise_inner_content {
	width: 265px;
	margin: 17px auto 0;
	padding-top: 2px;
}

.menu_etiquette {
	background:url(../images/menu.png) no-repeat right top;
}

#home_top {
	height: 206px;
	display:block;
	width: 850px;
}

#home_bottom {
	height: 216px;
	display:block;
	width: 850px;
}

#actu {
	width: 359px;
	height: 163px;
	margin: 0 auto;
	background:url(../images/actubg.png) no-repeat center top;
}

#actucontent {
	width: 315px;
	margin: 0 auto;
	color: #FFFFFF;
	padding-top:38px;
	text-align:center;
}

#footer {
	width: 850px;
	margin: 0 auto;
}

#page_container {
	width: 859px;
	background:url(../images/page/valise_bottom.png) no-repeat center bottom;
	margin: 0 auto;
	position: relative;
}

#page_flash_ampoule {
	width: 180px;
	height:260px;
	position: absolute;
	top: 0;
	left:0;
	z-index:3;
}

#logo {
	width: 200px;
	height:203px;
	background:url(../images/logo.png) center top;
	position: absolute;
	top: 0;
	right:0;
	z-index:3;
}
#logo a {display:block;width: 200px;
	height:203px; }

#page_valise_top {
	width: 859px;
	height:290px;
	background:url(../images/page/valise_top.png) repeat-y center bottom;
	margin: 0 auto;
	position: absolute;
	top: 0;
	z-index:2;
}

#page_valise_inner {
	width: 775px;
	height:100%;
	background:url(../images/page/valise_motif.png) repeat-y center bottom;
	margin: 0 auto;
}

#page_valise_inner_content {
	height: 100%;
	margin: 17px 25px 0 35px;
	padding-top: 2px;
	text-align: justify;
}

#page_valise_inner_content.twocol {
	width: 500px !important;
	float: left;
}

#page_valise_inner_col {
	float:left;
	margin: 78px 10px 0 0;
	padding: 10px 0 10px 10px;
	width: 178px;
}

#page_top {
	height: 240px;
	display:block;
	width: 859px;
}

#page_bottom {
	height: 276px;
	display:block;
	width: 859px;
}

#page_valise_inner_content ul {
	padding-left: 15px;
}

.caltable {
	background:url(../images/tablebg.gif) repeat left top;
}

.caltable tr {
	height: 17px;
}

.article_title {
	text-align: center;
}

.breadcrumb li {
  list-style: none;
  display: inline;
}

.breadcrumb li::after {
    content: " >";
    margin-left: 5px;
}

.breadcrumb li:last-child::after {
    content: "";
}

.breadcrumb {
	position:absolute;
	bottom: 34px;
	right: 67px;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: center;
    justify-content: flex-end; /* pour le coller à droite */
    font-size: 12px;
    white-space: nowrap;
}

.breadcrumb a {
    color: #7e3d2a;
    text-decoration: underline;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.cupidon {
	color:#7988AB;
	font-weight:bold;
	letter-spacing:-1px;
}

.boulots {
	color:#87301D;
	font-weight:bold;
	letter-spacing:-1px;
}

.ratapoil {
	color:#79894B;
	font-weight:bold;
	letter-spacing:-1px;
}

.padpo {
	color:#828268;
	font-weight:bold;
	letter-spacing:-1px;
}

.lectures {
	color:#5D7A72;
	font-weight:bold;
	letter-spacing:-1px;
}

.percussions {
	color:#6B5C69;
	font-weight:bold;
	letter-spacing:-1px;
}

.coureurs {
	color:#A2753E;
	font-weight:bold;
	letter-spacing:-1px;
}

.courteline {
	color:#925792;
	font-weight:bold;
	letter-spacing:-1px;
}

.comment-form .row:after{
	content:"";
	display:block;
	clear:both;
}

.comment-form label {
    float: left;
    font-weight: bold;
    line-height: 17px;
    padding: 7px 5px 0 0;
	margin-right: 20px;
    text-align: right;
    width: 250px;
}

.comment-form .row{
	height:1%;
	padding:0 0 10px;
}

.comment-form .text-input, .comment-form .text-input-large{
	float:left;
}

.comment-form .text-input input{
	margin: 0;
	width:100%;
	float:left;
	background:none;
	line-height:16px;
	border:0;
 	background:url("../images/bg_input.png") left top no-repeat;
	padding: 7px 25px 11px 7px;
	height: 14px;
	width: 140px;
	color: #47332f;
}

.comment-form .text-input input:focus{
 	background: url("../images/bg_input.png") left bottom no-repeat;
	color:#FFF;
}

.comment-form .text-input-large input{
	margin: 0;
	width:100%;
	float:left;
	background:none;
	line-height:16px;
	border:0;
 	background:url("../images/bg_input_large.png") left top no-repeat;
	padding: 7px 25px 11px 7px;
	height: 14px;
	width: 300px;
	color: #47332f;
}

.comment-form .text-input-large input:focus{
 	background: url("../images/bg_input_large.png") left bottom no-repeat;
	color:#FFF;
}

.comment-form .area{
	width:330px;
	padding:0;
	height:117px;
	float:left;
}
.comment-form .area textarea{
	width: 330px;
	height: 107px;
	border: 0 none;
	color: #47332f;
	font-size: 12px;
	padding: 5px;
	background:url("../images/bg_area.png") left top no-repeat;
}

.comment-form .inner{
	position:relative;
	z-index:1;
	height:1%;
	margin:-2px 0 0;
	padding:0 0 0 2px;
}