/* ---------------------------------------------------------------------------------------------- */
/*                                          General                                               */
/* ---------------------------------------------------------------------------------------------- */

body#haut {
  margin: 0 0 1em 0;
  padding: 0;
  background: #F5F5F5;
  font: normal 1em "Verdana", Arial, sans-serif;
  text-align:center;
}

#global, #footer {
  width: 710px;
  margin: 0 auto;
  text-align:left;
}
  
#global{ 
  height: 700px;
  position: relative;
  background: url(img/content.png) repeat-y; }



/* ---------------------------------------------------------------------------------------------- */
/*                                          Header                                                */
/* ---------------------------------------------------------------------------------------------- */

#header {
  margin:0;
  padding:0;
  background: url(img/bd-haut.jpg) no-repeat;
  height: 102px;
}

#header h1 {
  text-indent:-5000px;
  margin: 0.2em 0;
}

#leftlinks {
  float:left;
  margin:3.25em 0 0 2.5em;
  padding: 0 0 0 15px;
  font-size:0.75em;
  font-weight:bold;
  color: #FFF;
  background: url(img/puce-haut-gauche.png) bottom left no-repeat;
  display: inline;
}

ul#rightlinks {
  margin:1.25em 2em 0 0;
  float:right;
  display: inline;
}

ul#rightlinks li {
  font-weight: bold;
  text-align: right;
  font-size: 0.75em;
  list-style: none;
  padding: 0 15px 0 0; 
  line-height:16px;
  background: url(img/puce-haut-droit.png) right no-repeat !important;
}

#header a {
  color:#FFF;
  text-decoration:none;
}

#header a:hover {
  color:#FFF;
  text-decoration:underline;
}



/* ---------------------------------------------------------------------------------------------- */
/*                                            Menu                                                */
/* ---------------------------------------------------------------------------------------------- */

#menu {
  margin: 0 0 0 2em;
  padding: 0;
  list-style-type: none;
}

#menu li, #menu li a{ float: left; }

#menu li a:link, #menu li a:visited, #menu li.page{
  background: url(img/puce-menu.png) bottom left no-repeat;
  padding: 0 19px 0 10px;
  font: bold 0.75em "Arial", Verdana, sans-serif;
  text-decoration: none;
  color: #7F7F7F;
  display: block;
}

#menu li.page, #menu li a:hover { 
  background: url(img/puce-menu-active.png) bottom left no-repeat;
  color: #C50272;
}



/* ---------------------------------------------------------------------------------------------- */
/*                                          Image                                                */
/* ---------------------------------------------------------------------------------------------- */

#image {
  float:left;
  margin: 0.85em 25px 0.25em 30px;
  padding:0;
  width : 203px;
  height : 490px;
  display: inline;
}

.boutiques {background: url(img/boutique_070213.jpg) no-repeat;}
.inscription {background: url(img/inscription_070213.jpg) no-repeat;}
.contact {background: url(img/contact_070213.jpg) no-repeat;}
.vlc {background: url(img/vlc.jpg) no-repeat;}
.actualites {background: url(img/affiche.jpg) no-repeat;}
.mentions {background: url(img/mentions.jpg) no-repeat;}
.recrutement {background: url(img/recrutement.jpg) no-repeat;}
.collection {background: url(img/affiche.jpg) no-repeat;}

/* ----------------------------- */
/*      Collection - page 1      */
/* ----------------------------- */
.p1 {background: url(img/affiche.jpg) no-repeat;}
.p2 {background: url(img/collectionH09/photo-2.jpg) no-repeat;}
.p3 {background: url(img/collectionH09/photo-3.jpg) no-repeat;}
.p4 {background: url(img/collectionH09/photo-4.jpg) no-repeat;}
.p5 {background: url(img/collectionH09/photo-5.jpg) no-repeat;}
.p6 {background: url(img/collectionH09/photo-6.jpg) no-repeat;}
.p7 {background: url(img/collectionH09/photo-7.jpg) no-repeat;}
.p8 {background: url(img/collectionH09/photo-8.jpg) no-repeat;}
.p9 {background: url(img/collectionH09/photo-9.jpg) no-repeat;}

/* ----------------------------- */
/*      Collection - page 2      */
/* ----------------------------- */
.p10 {background: url(img/collectionH09/photo-10.jpg) no-repeat;}
.p11 {background: url(img/collectionH09/photo-11.jpg) no-repeat;}
.p12 {background: url(img/collectionH09/photo-12.jpg) no-repeat;}
.p13 {background: url(img/collectionH09/photo-13.jpg) no-repeat;}
.p14 {background: url(img/collectionH09/photo-14.jpg) no-repeat;}
.p15 {background: url(img/collectionH09/photo-15.jpg) no-repeat;}
.p16 {background: url(img/collectionH09/photo-16.jpg) no-repeat;}
.p17 {background: url(img/collectionH09/photo-17.jpg) no-repeat;}
.p18 {background: url(img/collectionH09/photo-18.jpg) no-repeat;}

/* ----------------------------- */
/*      Collection - page 3      */
/* ----------------------------- */
.p19 {background: url(img/photo-19.jpg) no-repeat;}
.p20 {background: url(img/photo-20.jpg) no-repeat;}
.p21 {background: url(img/photo-21.jpg) no-repeat;}
.p22 {background: url(img/photo-22.jpg) no-repeat;}
.p23 {background: url(img/photo-23.jpg) no-repeat;}
.p24 {background: url(img/photo-24.jpg) no-repeat;}
.p25 {background: url(img/photo-25.jpg) no-repeat;}
.p26 {background: url(img/photo-26.jpg) no-repeat;}
.p27 {background: url(img/photo-27.jpg) no-repeat;}

#image .cadre {
  width : 203px;
  height : 490px;
  border: none;
  padding:0;
  margin: 0
}

/* ---------------------------------------------------------------------------------------------- */
/*                                          Footer                                                */
/* ---------------------------------------------------------------------------------------------- */

#footer {
  background: url(img/bd-bas.jpg) left bottom no-repeat;
  height: 72px;
  text-align:center;
  font-size: 0.75em;
  font-weight: bold;
  clear:both;
}

#footer ul {
  margin : 0 auto;
  padding: 1.3em 0 0;
  list-style-type:none;
}

#footer li {
  display:inline;
  padding:0 1.5em;
  color:#FFF;
  line-height: 18px;
} 

#footer a {
  text-decoration:none;
  color:#FFF;
}

#footer ul li a img {
  border:none;
}

#footer a:hover {
  color:#FFF;
  text-decoration:underline !important;
}



/* ---------------------------------------------------------------------------------------------- */
/*                                          Contenu                                               */
/* ---------------------------------------------------------------------------------------------- */

#homepage {
  margin: 0.85em 0 0.5em 2em;
}

#contenu {
  margin: 0.85em 0 0.5em;
  padding:0;
  border : 1px dashed #7F7F7F;
  width: 410px;
  height:489px;
  float:left;
}

.scroll {
  overflow:auto;
}

#contenu h2{
  color: #C50272;
  font: bold 0.85em "Arial", Verdana, sans-serif;
  text-align: center;
  margin: 1.5em 0 0.5em;
  padding: 0;
}

#contenu h2 a{
  text-decoration:none;
}

#contenu h2 a:visited{
  color: #C50272;
}

#contenu .liste-vlc{
  margin:0 1.4em;
}

#contenu h3{
	color:#74016B;
  font: bold 0.8em "Arial", Verdana, sans-serif;
  text-align: left;
  margin: 1.75em 0.75em 0.3em;
  padding: 0;
}

#contenu h3 promo{
  color:#fc3f30;
}
#contenu p, #contenu.form p.mail{
	color:#000;
  font: 0.75em "Arial", Verdana, sans-serif;
  text-align: justify;
  margin: 0.5em 0 0.75em;
  padding: 0 2.6em;
}

#contenu ul{ 
  margin:0.75em;
  padding: 0 1em; 
}

#contenu li{ 
  list-style:none; 
  padding: 0.4em 0;
 }
 
#contenu .sans{ 
  list-style:none; 
  margin-left: 1.3em;
 }

#contenu li a{
  font: 0.8em "Arial", Verdana, sans-serif;
  list-style:none;
  text-decoration:none;
}

#contenu.emploi h3{
	cursor: pointer;
}

#contenu a{
  color: #C50272;
}

#contenu a:visited{
	color: #7F7F7F;
}

#contenu span{
	color: #C50272;
}

#contenu .fla{
  margin: 30px 0 0 10px;
  display:block;
}

/* Formulaire  */

#contenu.form, .lien{
  background : #F7F7F7;
}

#contenu.lien h2 {
  margin-top : 9em;
}

#contenu.form h2{
  margin-bottom:1.15em;
}

#contenu.form label {	
	float: left;
	width: 175px;
	text-align: right;
	margin: 0;
	padding: 0 0.25em 0 0;
	color:#74016B;
  font: 0.8em "Arial", Verdana, sans-serif;
}

#contenu.form label:hover, #contenu.form input {	cursor: pointer; }

#contenu.form p{
	padding: 0.2em 0 0.3em 0;
	margin: 0;
	font: 1em "Arial", Verdana, sans-serif;
}

#contenu.form input, #contenu.form textarea, #contenu.form select{
  margin:0 25px 0 10px;
  padding:0;
  background:#fff;
  border:1px solid #7F7F7F;
  width:185px;
}

#contenu.form .radio{
  margin:2px 20px 0 20px;
  border:none;
  background:none;
  width:10px;
 	float: left;
}

#contenu.form .check {	
	float: left;
	width: 35px;
	text-align: right;
	margin: 0 0 10px 7px;
	padding: 0;
	color:#7F7F7F;
  font: 0.8em "Arial", Verdana, sans-serif;
}

#contenu.form .submit{
  text-align:center;
  margin:0;
  padding:0;
}

#contenu.form .envoi{
  background: url(img/envoi.jpg) left bottom no-repeat;
  border:none;
  width:100px;
  height:26px;
  font: bold 0.8em "Arial", Verdana, sans-serif;
  padding-bottom:0.5em;
  color:#74016B;
  margin:1em 0 0 0 ;
}

#contenu.form .envoi:hover{
  background: url(img/envoi-hover.jpg) left bottom no-repeat;
}

#contenu.form p.info{
	text-align: center;
	padding: 0;
	margin:1.75em 0 1em 0;
	color:#7F7F7F;
  font: 0.8em "Arial", Verdana, sans-serif;
}

#contenu.form p.msg_err{
	text-align: center;
	padding: 0;
	margin:0.5em;
	color:#C50272;
  font: bold 0.8em "Arial", Verdana, sans-serif;
}

/* Candidature  */

#contenu.form.candidature .radio{
  margin:2px 5px 0 10px;
}


/* Collection  */

.diapo {
  width: 103px;
  height: 117px;
  float: left;
  padding: 12px 5px 12px 20px;
  background: url(img/ap-vignette.png) 12px 7px no-repeat;
}

.diapo img{
  border: none;
}

.diapo .cadre {
  position : relative;
  width : 103px;
  height : 117px;
  z-index: 10;
  padding: 0;
  margin: -114px 0 0 -103px;
}


/* ---------------------------------- */
/*          Modifs recentes           */
/* (en plus des pages de coll° l.130) */
/* ---------------------------------- */

.pagination {
	clear: both;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
	margin-right: 40px;
	color: #C50272;
}

.pagination a {
	color: #C50272;
}

#contenu h2 span {
	font-weight: normal;
}

/* ---------------------------------- */
/*          Modifs Collection         */
/* (                                ) */
/* ---------------------------------- */
#corpscol{
position : absolute;

border : 1px dashed #7F7F7F;
height: 730px;
width : 680px;
}

#diapos {
  Float : none;
  /*margin: 0.85em 0 0.5em;*/
  padding:0;
  border : 0px dashed #7F7F7F;
  width: 410px;
  height:489px;
  background-color : #AAA;
}

#vignette{
  position : absolute;
  left : 420px;
  top : 125px;

}