div#clogo{
	margin-left: 1%;
}


.logo {
	background-image: url(Signature.gif) no-repeat top left;
	margin-left: 1%;
	margin-bottom: 10%;
	
}

.contenu
{
   color: white;
   font-size: 14px;
   text-align:justify;
   font: sans-serif;
   font-family: Verdana;
   font-style: normal;
   font-variant: normal;
}
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
padding-top: 10px;
 position: relative;
 left: 0;
 top: -50px;
 margin-left: 0;
 margin-right: 0;
   margin: 0 15% 0 15%;

   }
div#menu {/* conteneur global et arrière-plan du titre du cadre */
width: 720px;
color: white;
font-size: 14px;
}



div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(bas.gif) bottom left no-repeat;
padding-bottom: 40px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}
#global {
     margin-left: auto;
     margin-right: auto;
     width: 720px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 
  
  
a:link{color: #0000ff;}
a:visited{color: #ffffff;}
a:hover{color: #0088ff;}
a:active{background-color: #000000;}
  






.roundedcornr_box_573000 {
	background: url(roundedcornr_573000_tl.png) no-repeat top left;
}
.roundedcornr_top_573000 {
	background: url(roundedcornr_573000_tr.png) no-repeat top right;
}
.roundedcornr_bottom_573000 {
	background: url(roundedcornr_573000_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_573000 div {
	background: url(roundedcornr_573000_br.png) no-repeat bottom right;
}
.roundedcornr_content_573000 {
	background: url(roundedcornr_573000_r.png) top right repeat-y;
}

.roundedcornr_top_573000 div,.roundedcornr_top_573000,
.roundedcornr_bottom_573000 div, .roundedcornr_bottom_573000 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_573000, .roundedcornr_bottom_573000 {
	margin-top: -19px;
}
.roundedcornr_content_573000 { padding: 0 15px; }


div#gal {/* conteneur global et arrière-plan du titre du cadre */
 position:	relative;
 left: 5em;
 top: 50px ;
 right: 0;
 }
 
 div#gal2 {/* conteneur global et arrière-plan du titre du cadre */
 position:	absolute;
 left: 5em;
 top: 50px ;
 right: 0;
 }
 
 div#sign {/* conteneur signature haut gauche */
 position: absolute;

 left: 2px ;
 top: 5px ;

 }

body {
left: 5px ;
margin: 0;
padding: 0;
background: #660000;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0px;
padding-left: 0px;
list-style-type: none;
color: #ffffff ;
}
#menu {
position: absolute;
top: 170px;
left: 10px;
}
dl#menu {
width: 8em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
border: 1px solid #ffffff;
background: #660000;
}
dl#menu dd {
border: 1px solid White;
text-align: center; 
}
dl#menu li a{
text-align: left;
text-decoration: underline;
background: #660000;
}
dl#menu li a, dl#menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: White;

color: black;
text-decoration: underline;
}

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

p img {
	float: left;
	margin-right: 5px;
}

.medaille {
position: relative;
z-index: 0;
}

#header {
margin-left: auto;
margin-right: auto;
width: 800px;
	
}

.titre{
	text-align: center;
	color: White;
	
	margin-top: 30px;
}

div#sign .contenu{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

p {
color: #ffffff;
}

div#cours{
	position: relative;
	float: left;
	top: 75px;
	left: 450px;
}

.cours {
position: relative;
float: right;
top: 40px;
}



#pics {/* conteneur global et arrière-plan du titre du cadre */
}
	

td { 
color: #ffffff;
}