body {
margin : 0;
padding: 0;
font-size: 80%;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
background-color: #ffffff;
}
a:link
{
text-decoration:none;
color: #0087A9;
}

a:visited
{
color: #004A89;
}

a:hover , a:active
{
color: #004A89;
}
#header {
color: #fff;
text-align:right;
background-color: #0087A9;
border-bottom: 1px solid #0087A9;
}
#conteneur {
position: relative;
width: 1024px;
margin: 0 auto; 
background-color:#0087A9;
height: auto;
min-height: 600px;
background-image : url(images/img_cold.jpg);
background-repeat: repeat-y;
background-position: right;
}
#conteneur2 {
position: relative;
width: 1024px;
margin-right: 0 auto; 
background-color:#0087A9;
height: auto;
min-height: 600px;
background-image : url(images/img_colg.jpg);
background-repeat: repeat-y;
}
#centre {
background-color:#F0FFF0;
margin-left: 220px;
margin-right: 150px;
min-height: 600px;
text-align: left;
text-indent:0.2cm;
padding: 10px;
}
#gauche {
position: absolute;
left:0;
width: 250px;
}
#droite {
position: absolute;
right:0;
width: 130px;
padding: 10px;
}
#droite h3 {
text-align: center;
}
#droite p {
padding-left: 5px;
}
#pied {
height: 30px;
background-color: #FFFFFF;
clear: both;
padding: .5em 1em;
border-top: 1px solid #0087A9;
text-align: center;
}
div#pied ul
{
font-size: 70%;
padding: 0;
margin: 0;
list-style-type: none;
}

div#pied ul li
{
display: inline;
marg-right: 2em;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #FFFFFF;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 200px;

}

#menu dt {
cursor: pointer;
background:  #004A89;
height: auto;
line-height: 20px;
margin: 2px 0;
border: 0;
text-align: center;
font-weight: bold;

}

#menu dd {
position: absolute;
z-index: 150;
left: 15em;
margin-top: -1.4em;
width: 20em;
background: #A9BFCB;
border: 1px solid gray;
text-align: left;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {
text-decoration: none;
color: #222;
}
#mentions a:hover{
text-decoration: underline;
}

.listeformations  {
}
.listeformations li {
  list-style-type: square;
  font-size: 1.4em;
  margin: 20px;
  
}

#liste ul li {
list-style-type: none;
margin-left: 0;
color: #000000;
text-indent: 0;
}
#liste ul li ul li {
list-style-type: circle;
margin-left: 60px;
color: #000000;
font-size: 1em;
text-decoration: none;
}
#liste ul li ul li ul li {
list-style-type: square;
margin-left: 40px;
}
#liste ul li table {
  margin: 10px 0 20px 40px;
}
.module {
  margin-left: 20px;
  margin-top: 20px;
  text-decoration: underline;
  font-size: 1.5em;
  font-weight: bold;
}
.module2 {
  margin-left: 30px;
  text-decoration: underline;
  font-size: 1.3em;
  font-weight: bold;
}
.intervenants {
  margin-left: 40px;
  font-size: 1.3em;
  font-weight: bold;
}
.planningcours {
  margin: 0 0 10px 40px;
  font-size: 1.3em;
  font-weight: bold;
}
.prix {
  margin: 0 0 10px 40px;
  font-size: 1.3em;
}
.total {
  margin: 20px;
  font-size: 1.2em;
}
#liste hr {
  margin: 20px;
  color: #0087A9;
  background-color: #0087A9;
  height: 2px;
  border: 0;
  text-align: center;
}
#liste img {
  border: 1px solid #0087A9;
}
#barre {
  width: 300px;
}
#liste .telecharger {
  font-size: 15px;
}

.titreplanning {
  font-size: 1.5em;
  text-align: center;
}
.soustitreplanning {
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
}
.planning {
  border-collapse: collapse;
  margin: 10px;
  width: 550px;
}
.enteteplanning {
  padding-top: 20px;
  text-align: center;
}
.enteteplanning span {
  font-size: 1.2em;
  font-weight: bold;
}
.planning th, .planning td {
  border-style: solid;
  border-color: #000;
  border-width: 1px;
  white-space: nowrap;
  font-size: 1em;
  padding: 6px;
}
.planning th {
  background-color: #004A89;
  color: #FFFFFF;
  font-size: 1.1em;
  padding: 2px;
}
.planning .date {

}
.planning .debut {
  width: 65px;
}
.planning .fin {
  width: 65px;  
}