/* Les éléments HTML en général
-------------------------------------------------------- */
html{
}

body{
  background-image: url(http://www.broderie-passion.com/_themes/broderiepassion/sumtextb.jpg);
  background-repeat: repeat;
  color: #000066;
  font-style: normal;
  font-size: 10pt;
  font-family: Arial;
  width: 880px;
  border-width: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h1{
  color: #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 24pt;
}

h2{
  color: #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 20pt;
  font-weight: lighter;
}

h3{
  color: #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 18pt;
}

h4{
  color : #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 16pt;
}

h5{
  color : #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 14pt;
}

h6{
  color : #003366;
  font-style: normal;
  font-variant: normal;
  font-size: 12pt;
}

a:active{
  color: #990099;
}
a:visited{
  color: #666699;
}
a:hover{
  color: #333366;
}
a:link{
   color: #3333CC;
}

ul           {
	list-style: square outside url('http://www.broderie-passion.com/_themes/broderiepassion/sumbul1a.gif');
	vertical-align: top;
}
ul ul        {
  list-style: disc outside url('http://www.broderie-passion.com/_themes/broderiepassion/sumbul2a.gif');
}
ul ul ul     {
  list-style: circle outside url('http://www.broderie-passion.com/_themes/broderiepassion/sumbul3a.gif');
}
ul ul ul ul  {
  list-style: circle outside url('http://www.broderie-passion.com/_themes/broderiepassion/sumbul4a.gif');
}


br{
  clear: left;
}
p{
  clear: left;
}

table{
  clear: left;
}

img{
  border: none;
}

.centre{
	text-align: center;
}

/* La page
-------------------------------------------------------- */
#page{
}

#en-tete{
}

#logo{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 116px;
  height: 93px;
}

#nom_societe{
  position: absolute;
  top: 0px;
  left: 119px;
  width: 430px;
  height: 67px;
}

#menu_horizontal{
  position: absolute;
  top: 70px;
  left: 119px;
  width: 430px;
  height: 22px;
  text-align: center;
}

#date{
  position: absolute;
  top: 0px;
  left: 552px;
  width: 180px;
  height: 49px;
  font-size: 8pt;
  text-align: center;
}
#date_cricri{
  top: 0px;
  left: 0px;
  width: 190px;
   font-size: 8pt;
  font-style: normal;
  text-align: center;
}

#compteurs{
  position: absolute;
  top: 52px;
  left: 552px;
  width: 180px;
  height: 41px;
  font-size: 7pt;
  text-align: center;
}

#compteurs_cricri{
  top: 0px;
  left: 0px;
  width: 190px;
  font-size : 7pt;
  text-align : center;
}

#main{
  position : absolute;
  top : 96px;
  display: block;
}

#banniere{
  position: absolute;
  top: 0px;
  left: 155px;
  width: 602px;
  height: 62px;
}
#texte_banniere{
  position: absolute;
  top: 0px;
  left: 155px;
  width: 600px;
  height: 60px;
  margin-left: 0px;
  font-size: 24pt;
  text-align: center;
  color: #000066;
  margin-top: 10px;
}

#menu_vertical{
  position : absolute;
  left: 0px;
  width: 150px;
  top : 65px;
  height: auto;
  text-align: center;
}

#content{
  position : absolute;
  top: 65px;
  left: 155px;
  width: 725px;
  height: auto;
  display: block;
}
#content h2{
  color: #003366;
  font-size: 20pt;
}
#content table{
  font-size: 10pt;
}
#conges {
	
}
#conges li{
	font-size: 12pt;
}
.conges_passes{
	font-size: 12pt;
	color: gray;
}
#lucida{
  color: #003366;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 18pt;
  font-family: "Lucida Handwriting";
}

#message{
  color: #003366;
  text-align: center;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 20pt;
  font-family: "Arial, Verdana, Helvetica";
}

#video{
  float: left;
  top: auto;
  width: 640px;
  height: auto;
}
#photo_magasin{
  float: left;
  top: auto;
  width: 482px;
  height: 362px;
}
/* les messages à droite de la photo du magasin */
#messages{
  float: left;
}
.titre_message{
  float: left;
  color: #FF0000;
  font-size: 12pt;
  text-align: left;
  width: 220px;
  margin-top: 50px;
  margin-left: 5px;
}
.message_droite{
  float: left;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  width: 220px;
  margin-left: 15px;
}
.message_droite ul{
  list-style-type: none;
  list-style-image: none;
}
.message_droite_centre{
  float: left;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  width: 220px;
  margin-left: 5px;
}
.message_droite_centre ul{
  list-style-type: none;
  list-style-image: none;
}
.message_droite_justifie{
  float: left;
  font-size: 12pt;
  font-weight: bold;
  text-align: justify;
  width: 220px;
  margin-left: 5px;
}
.message_droite_justifie ul{
  list-style-type: none;
  list-style-image: none;
}
.message_droite_petit{
  float: left;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  width: 220px;
  margin-left: 15px;
}
.message_droite_petit ul{
  list-style-type: none;
  list-style-image: none;
}
.message_droite_centre_petit{
  float: left;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  width: 220px;
  margin-left: 15px;
}
.message_droite_centre_petit ul{
  list-style-type: none;
  list-style-image: none;
}

.titre_message_droite_photo_magasin{
  float: left;
  color: #FF0000;
  font-size: 12pt;
  text-align: left;
  width: 220px;
  margin-top: 20px;
  margin-left: 5px;
}
.message_droite_photo_magasin{
  float: left;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  width: 220px;
  margin-left: 5px;
}
.message_droite_photo_magasin ul{
  list-style-type: none;
  list-style-image: none;
}
.message_centre_droite_photo_magasin{
  float: left;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  width: 220px;
  margin-left: 5px;
}
#legende_photo{
  text-align: center;
  clear: left;
  width: 480px;
}

#infos_magasin{
  display: block;
  clear: left;
}
#infos_magasin table{
  font-size: 10pt;
}

#horaires{
  font-size: 10pt;
}
#horaires table{
  font-size: 10pt;
}

#photo{
  float : left;
  width : 100px;
  text-align : center;
  display: block;
}

.li{
  float : left;
  vertical-align : top;
}

.photo_l{
  float : left;
  width : 132px;
  text-align : center;
}
.photo_l img{
  vertical-align: super;
  margin-top : 18px;
}
.photo_4l{
  float : left;
  width : 528px;
  text-align : center;
}
.photo_4l img{
  vertical-align: super;
  margin-top : 18px;
}

.photo_h{
  float : left;
  width : 132px;
  text-align : center;
}
.photo_h img{
  vertical-align: super;
  margin-top : 2px;
}

.photo_new{
  float : left;
  width : 400px;
  text-align : left;
}

#liste{
  margin-left: 50px;
  left: 205px;
  width: 670px;
  top : auto;
  height: auto;
}

#menu_sur_page{
  left: 0px;
  top: 150px;
  width: 800px;
  position: absolute;
  text-align: center;
  margin-left: 10px;
}

#infos{
  position: absolute;
  top: 0;
  height: 1px;
  font-size: 5pt;
  width: 600px;
  color: White;
  margin: 0 0 0 -600px;
} 

#ref{
  position: absolute;
  height: 1px;
  font-size: 5pt;
  width: 600px;
  margin: 0 0 0 -1200px;
  color: White;
}