*{
  margin : 0;
  padding : 0;

}

/*


///////////////////


.apercu img {
	border: none;
}
*/
#fond {
	display: none;
	background: url(fond.png);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
 	width: 100%;
}

#fond img {
	position: absolute;
	border: none;
	display: block;
    z-index : 100;
}

#affichage {
	display: none;
	position: absolute;
	background: #787878;
}

#affichage img {
	position: relative;
	top: 0px;
	left: 0px;
	border: solid 10px #888888;
}

/*
///////////////////
*/


hr,h1{
  display:none;
}


a,a:visited,a:link,a img{
    margin : 0;
    padding : 0;
    text-decoration: none;
    border: none;
    color : #ffffff;
}

a:hover{
    font-weight:bold;

}

#accueil{
  padding: 0;
  margin: 0;
  border: 0;
    width: 100%;
  height: 100%;
  background-image: url(images/accueil.jpg);
  background-position: 100% 100%;

}

#accueil a img{
width:100%;
}




html{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    height : 100%;
    max-height : 100%;
    background-color : #000;
    color : #fff;
    overflow: hidden;
}

body {
    height : 100%;
    overflow: hidden;
    background-image: url(images/partenaires.jpg) ;
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;

}



#container{
    position : absolute ;
    height : 100%;
    width : 100%;
  background-image: url(images/fond-bl.jpg) ;
    background-position: left;
    background-repeat: repeat-y;
    overflow: hidden;
}

#container img{
    margin : 1px;
    padding:2px;
    border: 1px solid #888888;
}

#titre{
position : absolute;
width :500px;
height : 80px;
  background-image: url(images/accueil-bl.jpg) ;
  background-position: top left;
  background-repeat: no-repeat;
  overflow : hidden;
  z-index: 60;
}


#menu{
position : absolute;
width : 300px;
height : 100%;
    background-image: url(images/Fond-fab-bl.jpg) ;
    background-position: bottom left;
    background-repeat: no-repeat;
    font-size : 11px;

}

#article,#News{
  position : absolute;
  left : 300px;
  padding-left : 10px;
 padding-right : 110px;
  right : 0px;
/*  padding-right : 100px;*/
  text-align: justify;
    top :80px;
    bottom:0px;

    overflow : auto;
}


* html #article,* html #News {
  position : absolute;
  left : 300px;
  width : auto;
  padding-left : 10px;
right : 5%;
    height : 90%;

/*    top:12%;
    height : 88%;
    overflow : auto;  */
}

#texte_news A{

    font-weight:bold;
margin-left : 20px;
  border-bottom : 1px solid #888888;

}
#texte_news A:hover{
  color: #4C7CAC;

}



#texte{
display : block;
color : #fff;
left : 0;
right : 0;
height : 100%;
  margin-left : 310px;
}

#newsletter{

    height : 80px;
    width : 100%;
/*   margin-left : 300px;  */
   right : 0;
    background-color: #787878;
    overflow : hidden;
    z-index : 20;
    text-align: left;
    padding-left : 75%;

}
#newsletter P.mail{
    width : 275px;
margin-top : 5px;
}


#subscribe-form{
margin-top : 5px;
    width : 275px;
    font-size: 9px;
}


/*
* html #newsletter{
height : 12%;
   margin-left : 300px;
} */
/*
#newsletter P.mail, #subscribe-form{
position : relative;

width : 250px;
  font-size: 9px;
  text-align: justify;
}



#subscribe-form{
position : relative;
float : right;
padding : 5px;
margin-top : 5px;
  display : block;
  width : 250px;
  font-size: 9px;
  text-align: justify;
right : 310px;
  z-index: 50;
  font-family: Tahoma, Arial, sans-serif
}
 */
#subscribe-form #email{
margin : 0;
padding : 0;
    width : 180px;
}
#subscribe-form #format, #subscribe-form #liste,#subscribe-form #action{
  display: none;
}


#subscribe-form #send{
margin : 0;
padding : 0;
    width : 55px;
}


P.Titre{
margin-top : 10px;
  font-size: 50px;
  font-family: "Times New Roman", Times, serif;
  border-bottom : 1px solid #888888;
  color: #4C7CAC;
}


P.STitre,#News P.Titre{
clear : left;
    margin-top : 10px;
    margin-bottom : 10px;
  font-size: 25px;
  font-family: "Times New Roman", Times, serif;
  color: #4C7CAC;
}

#News P.Titre{
margin-right : 40%;
  border-bottom : 1px solid #888888;
}

#News P.STitre{
  font-size: 15px;
}

P.texte{
  margin : 5px 5px 5px 0px;
  text-indent: 15px;
}
P.lien{
    text-align : center;
  margin-top : 20px;
}

br.separation{
    height : 20px;
}



#article p.Date{
    margin : 5px 5px 0 5px;
    padding:0;
}


#article p.Date A{
    display:block;
    height : 20px;
    background-color: #152536;

}

#article p.Date A:hover{
    background-color: #4C7CAC;
}

#article p.Date span{
    position : absolute;
    line-height: 20px;
}

span.A{
   left : 5%;
}
span.B{
   left : 30%;
}
span.E{
   left : 25%;
}
span.C{
   left : 55%;
}
span.D{
   left : 80%;
}

P.liste{
    margin : 10px 3px 10px 20px;
    font-size: 12px;
}

P.liste span{
    position : absolute;

}

P.liste span.A{
  font-weight: bold;
  width : 150px;
}

P.liste span.B{
  left : 230px;
}


p.liste A{
    display:block;
    height : 20px;
}

p.liste A:hover{
    font-weight : normal;
    background-color: #152536;
}



P.logo {
    position :  absolute;
    top: 50px;
    left : 10px;
    width : 150px;
    height : 150px;
  background-image: url(images/scorpion.jpg) ;
    background-position: left;
    background-repeat: no-repeat;

}

#thumbs,#galerie,#vignette{
    margin-top : 10px;
    clear:left;
}


#thumbs ul li,#galerie li,#vignette li{
    float : left;
    margin: 0;
    padding: 0;
    text-align: center;
}
#vignette li{
 margin : 5px;
}

#galerie li{
    margin : 0 5px 15px 5px;
    width : 100px;
}

#galerie li a:hover img,#vignette li a:hover img{
    margin : 0px;
    padding:2px;
    border: 2px solid #888888;
}


#galerie li a:hover,#vignette li a:hover{
font-weight : normal;
}


#thumbs ul li{
    width : 100px;
    height :85px;
}

#photo_aleatoire{
  display:none;
}

#photo{
    position : static;
    clear : left;
    top : 50px;
    margin: 0 auto;
    text-align: center;
    color : #fff
}

#photo span.prevact,#photo span.nextact{
  font-weight: bold;
}


#vignettes{
float:left;
margin : 5px;

}

#partenaire {
  float:left;
    padding-bottom : 20px;
    width : 550px;
    height : 200px;
    text-align : left;
}

#partenaire p{
display : block;
  margin-left: 230px;
}

#partenaire img.logo{
  float:left;
display:block;
}

#partenaire img{
  border : none;
}

#partenaire a:hover{
  font-weight: normal;
  border-bottom: 1px solid #888888;
}

P.Partenaire{
  font-size: 25px;
  font-family: "Times New Roman", Times, serif;
  color: #4C7CAC;
}

#Boutique span{
 margin : 10px;
}

#Boutique a img {
 margin : 20px 5px 20px 5px;
}

#Boutique p{
  Margin-top: 10px;
  Margin-Bottom : 10px;
}