html {
	margin:0;
	padding:0;
  height:100%;
}
body {
	font-family:Calibri,"DejaVu Sans Condensed",Arial,Verdana,sans-serif;
  font-size:12px;
	margin:0;
	padding:0;
	color:black;
  height:100%;
  min-height:100%;
}
a {
  color:#222;
}
a:hover {
  font-style:italic;
}
.content {
  position:relative;
  z-index:1;
  width:900px;
  margin:0 auto;
  text-align:left;
}
.up {
  z-index:10;
}
.content .inner {
  margin-left:200px;
  padding:10px;
}
#menu, #cmenu, #cmenu #mbot div {
  background-color:#282827;
}
#langues {
	margin-top:10px;
	margin-right:4px;
	text-align:right;
}
#langues span, #langues a {
	text-transform:uppercase;
	padding:3px 5px;
}
#langues span.sel {
	font-weight:bold;
}
#menu {
  float:left;
  width:200px;
  min-height:100%;
  height:100%;
  color:white;
  margin-right:10px;
  z-index:10;
}
#cmenu {
  position:fixed;
  top:0;
}
#cmenu #logo {
  height:150px;
  width:200px;
  margin:0;
  padding:0;
  background:url(images/logo.png) center center no-repeat #518096;
}
#cmenu ul {
  list-style:none;
  width:186px;
  padding:5px 0;
  margin:15px 7px 10px 7px;
  border-top: 6px solid #009edb;
  border-bottom: 6px solid #009edb;
}
#cmenu ul li {
  text-align:right;
  text-transform:uppercase;
  font-size:12px;
  padding:5px 0;
}
#cmenu a {
  text-decoration:none;
  color:white;
}
#cmenu a:hover {
  border-top:1px solid white;
  border-bottom:1px solid white;
  
}
#cmenu ul li.sel {
  color:#d2551f;
  border-bottom:1px solid white;
  border-top:1px solid white;
  font-weight:bold;
}
#cmenu ul li.sel a {
  color:#d2551f;
}
#cmenu ul li.sel {
  text-shadow: 1px 1px 1px #555555;
  *filter:progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=135, Strength=1);
  *zoom: 1;
}
#cmenu #mbot {
  position:absolute;
  bottom:0;
  left:0;
  width:192px;
  height:300px;
  background:url(images/personnages.png) no-repeat top right;
}
#cmenu #mbot div{
	font-size:10px;
  text-transform:uppercase;
  text-align:right;
  position:absolute;
  bottom:0;
  left:7px;
  width:186px;
  line-height:15px;
  border-top: 6px solid #009edb;
  padding:10px 0 10px 0;
}
#titre {
  font-family: Impact, Verdana, Arial, Helvetica, sans-serif;
  font-size:30px;
  border-bottom:8px solid black;
}
#titre.inner {
  margin-left:210px;
  padding:0;
}
#titre div {
  display:table-cell;
  vertical-align:middle;
  height:150px;
}
#courses {
  min-height:1000px;
}
#presentation {
  min-height:400px;
  background:url(images/bg_gris.png) center repeat-y #ccc;
  color:white;
  
}
#fonctionnement {
  min-height:400px;
  background:url(images/bg_blanc.png) center repeat-y #ccc;
}
#fonctionnementsuite {
  min-height:500px;
  background:url(images/bg_fonctionnement.jpg) center no-repeat #ccc;
}
#avantages {
  min-height:300px;
  background:url(images/bg_blanc.png) center repeat-y #ccc;
}
#refs {
  min-height:300px;
  background:url(images/bg_bleu.png) center repeat-y #ccc;
  color:white;
}
#resume {
 background:url(images/bg_resume.jpg) center no-repeat #ccc;
 min-height:500px;
  color:white;
}

#dev {
 background:url(images/bg_gris.png) center repeat-y #ccc;
 min-height:300px;
  color:white;
}

h1,h2,h3,h4,h5,h6 {
	font-family:Impact,"DejaVu Sans Condensed",Arial,Verdana,sans-serif;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
h2 {
  font-size:38px;
  border-bottom:8px solid black;
}
h3 {
  font-size:20px;
  border-bottom:1px solid white;
  font-family:Calibri,"DejaVu Sans Condensed",Arial,Verdana,sans-serif;
}
#fonctionnement h2,#fonctionnement h3,#avantages h2,#avantages h3  {
	color:#E25118;
	border-bottom:1px solid black;
}
#fonctionnement h2, #avantages h2 {
 border-bottom:8px solid black;
}
#resume h2 {
	color:#E25118;
	border-bottom:8px solid white;
}
#courses h3 {
	color:black;
	border:none;
	font-size:28px;
	font-family:Impact,"DejaVu Sans Condensed",Arial,Verdana,sans-serif;
}

#courses table {
	border-spacing:10px 0px;
	margin-bottom:15px;
	margin-left:-10px;
	width:705px;
}
#courses table th {
	background-color:white;
	border-bottom:10px solid black;
	vertical-align:top;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	font-family:Impact,sans-serif;
	padding-left:5px;
}
#courses table td {
	width:170px;
	vertical-align:top;
	padding:0;
	margin:0;
	background-color:white;
}

#courses table td div {
	background-color:white;
	padding:1px 2px 10px 5px;
	margin:0;
	width:157px;
	overflow:hidden;
}
#courses table td div p {
	margin-top:2px;
	margin-bottom:8px;
}
.date {
	color:black;
	font-size:18px;
	font-weight:normal;
	font-family:Impact,sans-serif;
}
.www {
	color:white;
	background-color:black;
	text-decoration:none;
}
.direct {
 background-color:yellow;
 font-weight:bold;
 text-decoration:none;
}
.links a{
	text-decoration:none;
}
.inner p.head, .inner p.head li {
  font-weight:bold;
}
.highlight {
	color:#E25118;
	font-style:italic;
}

.col13,.col23,.col33 {
	float:left;
	width:200px;
	padding:10px;
}
.col12,.col22 {
	float:left;
	width:335px;
	padding-right:5px;
	margin:0;
}
.col22 {
	padding-right:0;
}

#pres_img {
	background-image:url(images/illustration.png);
	width:422px;
	height:266px;
	position:absolute;
	bottom:300px;
	right:5px;
	font-weight:bold;
}
#pres_img .label1 {
	position:absolute;
	top:15px;
	right:25px;
}
#pres_img .label2 {
position:absolute;
	right:25px;
	top:145px;
}
#pres_photos{
	clear:both;
	position:relative;
	overflow:hidden;
	height:238px;
	border-bottom:solid 1px white;
	border-top:solid 1px white;
	padding : 10px 0px 10px 0px;
	width:100%;
	margin-bottom:15px;
}
#pres_photos_in{
	position:absolute;
	top:0;
	left:0;
	margin-top:20px;
	margin-bottom:20px;
}

#gauche {
	background-image:url(images/flgauche.png);
	width:40px;
	height:40px;
	z-index:10;
	position:absolute;
	top:100px;
	left:13px;
}
#droite {
	background-image:url(images/fldroite.png);
	width:40px;
	height:40px;
	z-index:10;
	position:absolute;
	top:100px;
	right:13px;
}

.bulle {
	background-color:#E25118;
	color:white;
	padding:5px;
	padding-top:0px;
	margin-bottom:10px;
	margin-right:10px;
}
.bulle h3 {
	border-bottom:solid 1px white;
}

.endF {
	clear:both;
	height:15px;
}

#popleg {
	font-size:0.8em;
}
#popleg h3 {
	font-size:1.5em;
	margin:0;
	margin-top:10px;
}
#popleg p {
	margin:0;
}