/* yahoo reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0; }

table {border-collapse: collapse; border-spacing: 0; }

fieldset, img {border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; }

ol, ul {list-style: none; }

caption, th {text-align: left; }

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; }

q:before, q:after {content: ''; }

abbr, acronym {border: 0; }


/* ---------- structure graphique ---------- */

body	{
  background: transparent url(../images/pixel1.gif) repeat 100%;
  margin: 0;
  padding: 0;
 }
 
 #container {
 margin: -2px auto;
 text-align: center !important;
 border: 1px solid #A2B1AB;
 background: #fff url(/ui/images/fond.gif) repeat-y 50% 50%;
 width: 680px !important;

 }

h1{ 
display:none;
 }
 
#header {
 background: #EFEDE3 url(/ui/images/header.php) no-repeat 0 0;
  width: 680px;
 height: 215px;
 margin-top:0px;
 }
 
#container, #header {
 position: relative;
 
 } 
 
 #footer {
 background: #FDDEE8;
 width: 100%;
 height: 31px;
 border-top: 1px solid #A2B1AB;
 margin-top: 0px;
 }
 
 #footer_text{
 float:left;
 width:85%;
 text-align: center;
 font: 10px verdana, arial, sans-serif;
 color: #C42D62;
 padding-top: 9px;
 }
 
 #footer_text a{
 color:#D73066;
 text-decoration: none;
 font-weight: bold;

 }
 
 #footer_text a:hover{
 text-decoration: underline;
 }

 #firefox{
 margin-top:-13px;
 float:right;
 width:20%;
 }

/* ---------- menu horizontal----------- */
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu {
position: absolute; 
width: 100%; /* correction pour Opera */
}

.menu dl {
float: left;
width:170px;
display:inline;
}

.menu dt {
font:12px verdana, arial, sans-serif;
text-align: center;
color:#fff;
padding-top: 7px;
background: #D73066;
height:22px;
border: 1px solid #fff;
}

.menu dd {
border:1px solid #A2B1AB;
border-top: 0px solid;
display:none;
}

.menu li {
text-align: left;
background: #fff;
}

.menu dt a {
color:#fff;
padding: 6px 48px 7px 48px;
text-decoration: none;
}

.menu li a {
font:10px verdana, arial, sans-serif;
color:#C42D62;
text-decoration: none;
display: block;
padding: 5px 0 5px 5px;
border-top: 1px solid #A2B1AB;
}

.menu dt:hover {
background: #992C52;
}

.menu li a:hover, .menu li a:focus {
background: #E9DADF;
}

.active a:link, #active a:visited, #active a:hover
{

}



/* ---------- menu vertical ---------- */

#menu_vertical{
float:right;
width: 25%;
margin-top: 65px;
margin-left: 0px;
}

/* ---------- menu home ---------- */

#menu_home{
width: 140px;
margin-bottom: 30px;
}
 
h2{
text-align: left;
font:14px arial, sans-serif;
color:#48524E;
}

h6{
text-align: left;
font: 11px arial, sans-serif;
color: #992C52;
margin-top:25px;
margin-bottom: 10px;
}

#menu_home ul{
font: 10px arial, sans-serif;
margin-top: 25px;
margin-bottom: 50px;
text-align: left;
}

#menu_home li{
text-align: left;
margin-top: 2px;
color:#C42D62;
}

#menu_vertical a{
text-decoration: none;
color: #48524E;
}

#menu_vertical a:hover{
text-decoration: underline;
color: #C42D62;
}

#menu_vertical p{
font:11px arial, sans-serif;
color:#48524E;
margin-top: 0px;
padding-left: 0px;
width: 140px;
}

#sac{
width: 103px;
height: 126px;
margin-top:25px;
}


/*---------- player flash -----------*/


#player{
width: 140px;
margin-top:0px;
margin-bottom:40px;
}

#playerflash{
background-color:#EFEDE3;
font-family: verdana, arial, sans-serif;
font-size:9px;
}

.liste{
text-align: left;
margin-top: 10px;
}

#playerflash a{
color:#818E89;
text-decoration:none;
}

#playerflash a:hover{
color:#818E89;
text-decoration:underline;
}

.playerWrapper{
width:140px;
}

.playerWrapper *{
padding:0;
margin:0;
}

.playerWrapper .controlsWrapper{
background-color:#EFEDE3;
height:18px;
}

.playerWrapper .buttonWrapper{
width:18px;
float:left;
height:18px;
}

.playerWrapper .progressBarWrapper{
position:relative;
width:120px;
margin-left:20px;
background-color:white;
height:18px;}

.playerWrapper .time{
position:absolute;
top:1px;left:15px;
background-color:transparent;
text-align:center;
padding-top:3px;
font-family:arial,sans-serif;
font-size:9px;
font-weight:bold;
}

.playerWrapper .bar{
position:absolute;
height:18px;
background-color:#edb4c7;
}

.playerWrapper .cursor{
position: absolute;
font-size: 1px;
background-color:white;
width:1px;
height:18px;}


 
 
/* ---------- menu affiche ---------- */

#menu_affiche{
width: 140px;
margin-bottom: 0px;
margin-left: -5px;
}
 
#menu_affiche h2{
font:14px arial, sans-serif;
color:#48524E;
}

#menu_affiche ul{
font: 10px verdana, sans-serif;
margin-top: 15px;
margin-bottom: 30px;
margin-left: 5px;
text-align: left;
}

#menu_affiche li{
margin-top: 10px;
}

#menu_affiche a{
text-decoration: none;
color: #C42D62;
}

#menu_affiche a:hover{
text-decoration: underline;
color: #C42D62;
} 

 
/* ---------- contenu ---------- */

#contenu{
float:left;
width: 61%;
margin-top: 65px;
margin-bottom: 60px;
font: 12px sans-serif;
margin-left: 30px;
text-align:left;
}

#texte {
 font:10px verdana, arial, sans-serif;
 color: #48524E;
 }

#titre_affiche{
 text-align:justify;
 width: 445px;
 margin-top: 0;
 margin-bottom:120px;
 }
 
#travaux{
 width: 445px;
 margin-top: 0px;
 margin-bottom:10px;
 } 
 
h3	{
 padding: 0px 0px 25px 0px;
 font: 14px arial, sans-serif;
 color: #C42D62;
 text-align: left;
}

h3 .new	{
 font: 11px arial, sans-serif;
 color: #FF508D;
 text-align: left;
 font-weight: bold;
}

h3 a	{
 color: #C42D62;
 text-decoration: none;
}

h3 a:hover{
 text-decoration: underline;
}

h4{
 margin: 10px 30px 0px 0px;
 text-align:justify;
 font: 11px arial, sans-serif;
 color: #48524E;
}
 
h4 a	{
 color: #C42D62;
 text-decoration: none;
}

h4 a:hover{
 text-decoration: underline;
} 
 
h5{
 padding: 15px 30px 15px 0px;
 text-align:justify;
 font: 11px arial, sans-serif;
 color: #818E89;
 }
 
p{
 line-height: 10pt;
 padding: 0px 0px 10px;
 text-align: justify;
 }
 
.p1{
 line-height: 10pt;
 font:10px verdana, arial, sans-serif;
 color: #48524E;
}

.p2{
line-height: 10pt;
 margin-top: -5px;
 font-weight: bold;
}
 
 .p2 a{
color: #992C52;
text-decoration: none;
}
 
 .p2 a:hover{
text-decoration: underline;
} 

.p3 a{
color: #992C52;
text-decoration: none;
}

 .p3 a:hover{
text-decoration: underline;
} 

.p3{
 margin-bottom: -15px;
}

#travaux p{

 } 
 
#travaux p a{
 color: #48524E;
text-decoration:none;
 } 
 
#travaux p a:hover{
 color: #48524E;
text-decoration:underline;
 } 
 
h5 a{
color: #818E89;
text-decoration:none;
 } 
 
h5 a:hover{
color: #818E89;
text-decoration:underline;
 } 

#texte ul{
color: #818E89;
padding: 0px 0px 10px;
}

.f1 { 
  float: left;
  width: 25%;
  text-align: right;
  margin-top:4px;
 }

.f2 { 
  float:right;
  width:74%;
  text-align: left;
  margin-bottom:3px;
}

.liens{
margin-bottom:20px;
}


.liens li{
font:10px verdana, arial, sans-serif;
color: #818E89;
margin-bottom: 3px;
text-align:left;
}

.liens a{
color: #48524E;
text-decoration:none;
}

.liens a:hover{
color: #48524E;
text-decoration:underline;
}

.submit{
  padding:10px 145px;
  margin-bottom: 50px;
}                  


.trait { 
   width:415px;
   height:1px;
   background-color:#C3C1C2;
   margin:25px 0px 20px 0px;
 }

.icones{
  margin-left:0px;
  margin-bottom:3px;
 }
 
.icone1 {
 width: 83px;
 height: 83px;
 padding: 2px ;
 border: 1px solid #C3C1C2;
 margin-right: 5px;
 }
 
.icone2 {
 width: 83px;
 height: 83px;
 padding: 2px;
 border: 1px solid #C3C1C2;
 margin-left: 92px;
 margin-top: -89px;
}
 
.icone3 {
 width: 83px;
 height: 83px;
 padding: 2px;
 border: 1px solid #C3C1C2;
 margin-left: 184px;
 margin-top: -89px;
}

.icone4 {
 width: 83px;
 height: 83px;
 padding: 2px;
 border: 1px solid #C3C1C2;
 margin-left: 276px;
 margin-top: -89px;
}
 
.icone1:hover, .icone2:hover, .icone3:hover, .icone4:hover{
 border: 1px solid #fff;
 }

.photo{
  margin-left:0px;
  margin-bottom:10px;
 }
 
.photo1 {
 width: 120px;
 height: 120px;
 }
 
.photo2 {
 width: 120px;
 height: 120px;
 margin-left: 130px;
 margin-top: -120px;
}
 
.photo3 {
 width: 120px;
 height: 120px;
 margin-left: 260px;
 margin-top: -120px;
}

 #image1{
 margin-top:10px;
 margin-left: -3px;
 }
 
 #image2{
 margin-top:0px;
 margin-left: -3px;
 }

.loupe{
text-align: left;
font:10px arial, sans-serif;
color: #48524E;
}

.espace{
margin-top:-7px;
}

.alignleft{
float: left;
width: 26%
}

.alignright{
float: left;
width: 74%
}

/*----------- choses utiles ---------- */


img { 
border:none;
 }

.clearer {
  clear: both;
  height: 0px;
}