body {
margin : 20px;
padding : 0;
font :  73% "Trebuchet MS", verdana, arial, sans-serif;
color : #616161;
background : #000000;
}
#container {
width : 820px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*TOP BANNERs*/
#banner {
float : left;
width : 520px;
height : 250px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 250px;
margin : 0 0 15px 10px;
padding : 0;
color : #666;
background : #f2f2f5;
}
			/*TOP MENU*/
#navcontainer {
clear : both;
width : 100%;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #8C0209;
color : #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #8C0209;
color : #fff;
}
#navcontainer ul li a:hover {
background : red;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}
			/*CENTRE CONTENT*/
#content {
padding : 10px;
margin-left : 220px;
margin-right : 220px;
background : inherit;
color : #666;
}

#content table {
margin-left : 220px;
margin-right : 220px;
background : inherit;
color : #666;
  padding:0;
  border-spacing:0;
  border-spacing:;
  border-style:outset;
}
#content table TD {
text-align:left;
}

.rennes {
background : red;
color : #fff;
}

.divers   {
padding : 10px;
}

.divers ul {
text-align:left;
margin-left:10px;
}	 

.divers ul li{
text-align:left;
margin-left:20px;
list-style-position:outside;
}

#photo-blog {
float : left;
width : 250px;
padding : 10px;
margin-left : 10px;
margin-right : 10px;
background : inherit;
color : #666;
}

#desc-blog {
float : right;
margin-right : 10px;
text-align : justify;
vertical-align:center;
}

			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 200px;
margin : 0 0 0 0;
padding : 10px;
color : #666;
background : #f2f2f5;
}

#sidebar h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/img05.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 115%;
	color: #FFFFFF;
}

#sidebar table {
border : 0
}

#sidebar rennes {
background : red;
color : #fff;
}


			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 200px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
}
			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 160px;
padding : 1ex;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
color : #bbd2e0;
background : #8C0209;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/

h1,h2 {
margin : 0 10px 10px 5px;
margin-bottom : 20px;
letter-spacing : 3px;
font-size : 115%;
color : #8C0209;
background : inherit;
}

h3 {
font-size : 110%;
color : #826c45;
background : inherit;
}
			/*LINKS*/
a {
color : red;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
color : #697899;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #826c45;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}


.side {}

.side ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side li {
	padding: 0 0 20px 0;
}

.side li ul {
}

.side li li {
	margin: 0 20px 0 15px;
	padding: 8px 0px;
	border-bottom: 1px #BBBBBB dashed;
}


.side h2 {
	height: 30px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: #890208 url(../images/img05.jpg) no-repeat left top;
	letter-spacing: -1px;
	font-size: 115%;
	color: #FFFFFF;
}

.side table {
border : none;
}

table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

.compet {
border:3px solid #8C0209;
padding:3px;
border-collapse:collapse;

}

.compet TH, TR {
border:3px solid #8C0209;
border-collapse:collapse;
text-align: center;
vertical-align:top;
}

.compet TD {
border:none;
text-align: center;
vertical-align:top;
}

.compet UL {
text-align:left;
}

.compet UL LI {
text-align:left;
list-style-image: url("../../../../../assets/images/ballon.gif");
}


/* Ajout (supprimer le menu qui sert à rient */
/* Ajout (supprimer le menu qui sert à rient */
p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 10em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #8C0209;
  color: #fff;	
  padding: 0.5em;
}

ul.menu li a:hover {
  background: #FF0000;
}

ul.menu li ul li a {
  background: #000;
  color: #fff;
  padding-left: 15px;
}

ul.menu li ul li a:hover {
  background: #FF0000;
  border-left: 5px #fff solid;
  padding-left: 10px;
}

.code { border: 1px solid #8C0209; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #8C0209; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }eft: 5em; }