


body {
font-family:Verdana;
font-size: 0.7em;
margin: 0;
padding: 0;
background: url(images/rademtr.jpg) repeat 50% 50%;
background-attachment: fixed;


}
#header {
height: 130px;
background-color: #00A3DD;
background-image:url("images/bandeau1.jpg");
background-repeat: no-repeat;
position:relative;
margin: 0;
border-bottom: 2px solid #A3242F;}


}

#bandeau {
  margin:0px 0px 0px 0px;
   
   width:1024px;
   height:138px;
   position:absolute;}
   
#oeil {
  margin:0px 0px 0px 0px;
   background:url(scbmtr1.gif) right top no-repeat;
   width:px;
   height:px;
   position:absolute;}   

#ligne2 { 
margin:0px 0px 0px 0px;
   background:url(barre.png) right top no-repeat;
   width:3px;
   height:700px;
   position:absolute;
}
   
  
#ligne3 { 
margin:0px 0px 0px 0px;
   background:url(ligne2.gif) center center no-repeat;
   
   width:3px;
   height:530px;
   position:absolute;}
  

#conteneur {
position: absolute;
width: 100%;

}


#titre {
position: absolute;
padding-left:9px;
margin-left: 12px;
width: 150px;
color: #ffffff;
}

#centre {

margin-left: 170px;
margin-right: 170px;
border-left : 2px solid #A3242F;
border-right: 2px solid #A3242F;
padding: 9px;
padding-bottom: 30px;
padding-top: 28px;

}
#gauche {
position: absolute;
left:0;
width: 170px;
padding-top: 30px;
padding-left: 0px;
float: left;
margin-left:5px;

}

#droite {
color: #000000;
margin-left: 5px;
padding: 3px;
width: 170px;
position: absolute;
right:0;
padding-top: 30px;
float: left;
padding-bottom: 150px;

}

#pied {
height: 40px;
background-color: #A3242F;
color: #ffffff;
text-align:center;
padding-top: 10px;
}

#haut {
background-color:#Ffcc33;
text-align:center;
padding: 11px;
Border-bottom: 2px solid #A3242F;
position: relative;
margin-left: auto;
margin-right: auto;

}

#global {
     margin-left: auto;
     margin-right: auto;
     width: 600px; /* largeur obligatoire pour être centré */
	 position:relative;
	 text-align: center;
     }	

#image2 {
width : 120px; 
height : 90px; 
background: url("photo6.jpg"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 45px; 
margin-left : 3px; 
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

#menu1 {
display: inline;
padding: 5px 0;
margin-left: 0px;
margin-right: 0px;
position: absolute;
top: 176;
left: 0;
z-index:100;
width: 100%;
}
#menu1 dl {
float: right;
width: 12em;
}
#menu1 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background-image: url(boutonhaut.png);
border: 0px solid #000000;
margin: 0px;
}
#menu1 dd {
display: none;
border: 1px solid #000000;
text-align: center;
}
#menu1 li {
display: inline;
text-align: center;
background: #ff9933;
}
#menu1 li a, #menu1 dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu1 li a:hover{
background: #ffcc33;}
#menu1 dt a:hover{background-image: url(boutonhaut1.png);} 
}

div#cadre{
	float:left;
	width:100%;}


.hr {
	margin:0;
	padding:4px 0 2px 0;
	border-bottom:1px solid #7d0055;
	}

.hr2 {
	margin:0;
	padding:4px 0 2px 0;
	border-bottom:1px dotted #000000;
	}	
	
	
	
.cadre-droit {
	margin:5px 10px 10px 10px;
	padding:5px;
float: right;
	color:#9B1313;
	background:url(images/case.png); width: 120px; height: 90px; background-repeat: no-repeat;
	}

	
.menuhaut {
list-style-type: none;
margin: auto;
padding:10px 0;
text-align: center;
word-spacing: 20px;
}
.menuhaut li{
position:relative;
z-index:100;
margin: auto;



}
.menuhaut a {
margin: 0 2px;
color: #7d0055;
text-decoration:underline;
width: 200px;
height: 20px;
text-align: center;
font-size: 12px;
font-weight: bold;

}
.menuhaut a:hover {
text-decoration: none; border-left: 1px solid #7d0055;
border-right: 1px solid #7d0055;
}
.menuhaut li a:hover { background-color: #800040; color: #ffffff; border-left: 1px solid #7d0055;
border-right: 1px solid #7d0055;}
.menuhaut li a:active { background-color: #ff9933; color: #ffffff; border-left: 1px solid #7d0055;
border-right: 1px solid #7d0055;}


.menu {
list-style-type: none;
margin: 1px;
padding: 3px;
}

.menu a {
  display: block;
  width: 9em;
	height: 1.9em;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-image:url("boutonimpress.jpg");
	text-align: center;
	color: #800080;
  text-decoration: none;
	margin: 2px 0;

}
.menu a:link, .menu a:visited {
  border-top: 1px solid #ff9933;
  border-bottom: 2px solid #7d0055;
  border-left: 1px solid #ff9933;
  border-right: 2px solid #7d0055;
}
.menu a:hover {
  border-bottom: 1px solid #ffcc33;
  border-top: 2px solid #ff9933;
  border-right: 1px solid #ffcc33;
  border-left: 2px solid #ff9933;
  background-image:url("boutonimpress1.jpg");
  color: #ccffff;
}
a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}



.menugauche {
list-style-type: none;
margin: 5px;
margin-left: 3px;
padding:5px;
}
.menugauche li, ul {
margin: 0;
padding: 0;
list-style-type: none;
display: block;

}
.menugauche a {
margin: 2px 0;
color: #330066;
font-size: 12px;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

.menuavgauche {
list-style-type: none;
margin: 0;

padding:0;
}
.menuavgauche li {
margin-bottom: 5px;
}
.menuavgauche a {
margin: 2px 0;
color: #000000;
text-decoration: underline;
}
.menuavgauche a:hover {
text-decoration: none;
}


.menudroit {
list-style-type: none;
margin: 0;
padding:0;
margin-left: 5px;
}
.menudroit li,ul{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
font-size: 12px;
}
.menudroit a:hover {
text-decoration: none;
}
.p3 a {color: #330066; text-align: right; text-decoration: italic;}
p {margin: 0 0 10px 0; padding: 7px; font-size: 12px;}

hr {
	margin:-2.5em 0;
	padding:5px 0 0 0;
	border-bottom:1px #7d0055;
	}

hr1 {
height: 1px;
margin: -2.5em 0;
padding: 0;
color: #008040;
background-color: #008040;
border: 0 dotted;
}

H1{font-size: 20px; font-weight: bold; color: #330066; text-align:center; font-family: Trebuchet MS;}
H2 {font-size: 14px; font-weight: bold; color: #000000; text-align:center; font-family: Trebuchet MS}
H3 {font-size: 15px; font-weight: bold; color: #A3242F; padding: 9px;font-family: Trebuchet MS}
H4 {font-size: 13px; color: #4D4B91; font-weight: bold; text-decoration: italic; padding: 9px;}
H5 {font-size: 12px; color: #663399;}

abbr, acronym, .help {
   border-bottom:1px dotted #FFFFFF;
   cursor:help;
   }
a img {border:none; }

.logo {padding-bottom :10px; margin-left: 9px; width: 130px; height: 130px; background: url("images/logo_dww.jpg"); background-repeat: no-repeat;}
.get {padding :0px; margin-left: 15px;}
.logo2{padding-bottom :10px; margin-left: 9px; width: 121px; height: 91px; background: url("images/photo3.jpg"); background-repeat: no-repeat;}

.hr1 {
	border: none;
  background: url('barrebleue.gif'); 
  background-repeat: no-repeat;               
  height: 2px;
	}
	
.hr2 {
	border: none;
  background: url('barre1.gif'); 
  background-repeat: no-repeat;               
  height: 2px;
	}
	
a 	{
	color:#ffffff;
	
	text-decoration:underline;
	} 
a:hover {
	color:#ffffff;
	background:#A3242F;
	text-decoration:underline;
	
}
a:active{}
.p1 { color: #330066; font-size: 13px;}
.p2 { color: #ccffff; font-size: 10px;}





