@charset "UTF-8";
/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
height:100%;
margin: 0px;
padding: 0px;
outline: 0px;
}
#container{
width:990px;
height:100%;
background:url(image/bandeRouge.png) right repeat-y;
margin: 0 auto;
}
#banner{
height:160px;
/* width:970px; */
background:#e7e7e7 url(image/banner.png) no-repeat;
background-size: contain;
}
#middle{
padding-top:40px;
/* width:970px; */
background:#e7e7e7;
}

#menu{
float:left;
width:200px;}

.navigation {
margin: 0;
padding: 0;
list-style: none;
color: #9c9c9c;
width: 200px;
font: 1.3em "Trebuchet MS", sans-serif;
}
.lien:visited{
color:#999999;

}
.lien:link{
color:#999999;

}
.link{
font-size:10px;
color:#b7b7b7;}

.link a{
color:#8c8b8b;}

h3{
color:#b7b7b7;
font-size:12px;
text-transform:uppercase;

}
.navigation a, .navigation span {
display: block;
padding: 4px 26px;
color: #9c9c9c;
background:url(image/menu.png);
text-decoration: none;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
background-image: url(image/menu.png);
}
.navigation .open a, .navigation .open span {
background-image: url(image/menu.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
color:#bb0004;
text-decoration:none;
}
.navigation .subMenu {
font-size: .9em;

background:url(image/menu-deroule.png);
list-style: none;
margin: 0;
padding: 0;
}
.navigation ul.subMenu a {
background: none;
padding: 5px 20px 1px 55px;
color:#b7b7b7;
}

.navigation ul.subMenu a:hover {
color:#db5e66;
text-decoration:none;
}
#content{
float:left;
margin-left: 0px;
width: 280px;
text-align:justify;
padding:0px 15px 0 10px;
}
#sidebar{
	float:left;
	width:225px;
	margin-left:20px;
}
#footer{
padding:0 0 0px 250px;
font-size:9px;
color:#bbb;
height:20px;
background:#e7e7e7;
width:720px;}
#footer a{
color:#999999;
}

.titre{
font-size:12px;
font-weight:bold;
color:#bb0004;
text-transform:uppercase;
margin-bottom:-7px;}
h2{
	font-size:12px;
	font-weight:bold;
color:#bb0004;
text-transform:uppercase;}
#sidebar > div {
	margin:0 0 25px;
}
#sidebar .news p {
	margin:5px 0 3px;
}
#sidebar h2 a{
	color:#666;
	text-transform:none;
	text-decoration:underline;
}
#sidebar h2 a:hover{
	text-decoration:none;
}
#sidebar .message a {
	color:#999999;
}

.message a{
color:#bb0004;
text-decoration:none;
font-size:12px;
}
.message a:hover{
text-decoration:underline;}
.date{
line-height:60%;
padding:0;
margin-top:-7px;
font-size:10px;
color:#999999;}
#sidebar .date{
	margin:0;
}
#suite{
font-size:12px;
}
#affiche{
background:#e7e7e7 url(image/bandeRouge.png) repeat-y right;
}
#logo{
margin:20px 0 0 10px;
width:177px;
height:116px;}
a{
color:#bb0004;
text-decoration:none;}
a:hover {
text-decoration:underline;}

/* Accordian */


#basic-accordian{
	padding:10px 0 0 0;
	width:650px;



}

.accordion_headings{
	cursor:pointer;
	font-size:12px;
	color:#999999;
text-transform:uppercase;

}

.accordion_headings:hover{
color:#b7b7b7;
}

.accordion_child{
	padding:5px;
}

.header_highlight{

	color:#bb0004;
}



.header {
	cursor: pointer;
}

.header:hover{
	background-color:#666;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

#content div{
	max-width:100% !important;
}

.link a {
    display: block;
    color: #bb0004;
    text-decoration: none;
    font-size: 12px;
}
.row {
	columns: 2;
}

#container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  #container {
    max-width: 540px;
  }
	#banner {
    height: 164px;
	}
	#content {
		margin-left:20px;
		width:460px;
	}
}

@media (min-width: 768px) {
  #container {
    max-width: 720px;
  }
	#banner {
		height: 217px;
	}
}

@media (min-width: 992px) {
  #container {
    max-width: 960px;
  }
	#banner {
		height: 290px;
	}
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
	#banner {
		height: 290px;
	}
}