body {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
background: #FFFFFF url("")  center top repeat-x;
}

#p0
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
}

#p1
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                25pt;
font-weight:              normal;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
margin-left:              0px;
margin-right:             0px;
text-align:               center;
vertical-align:           bottom
text-decoration:          none;
}

#p1a
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                25pt;
font-weight:              normal;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
margin-left:              0px;
margin-right:             0px;
text-align:               center;
vertical-align:           bottom
text-decoration:          none;
}

#p1b
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                25pt;
font-weight:              normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
margin-left:              0px;
margin-right:             0px;
text-align:               center;
vertical-align:           bottom
text-decoration:          none;
}

#p1s
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
text-shadow:Gray;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#titpics
{
position:				  relative;
top:					  20px;
left:					  50px;
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
text-shadow:Gray;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#p1sp
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                7pt;
text-shadow:Gray;
color:                    #6A7EBD;
background-color:         #F3F3F3;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#btn
{
position:absolute;
width:88px;
height:22px;
top:18px;
left:27px;
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:              bold;
text-shadow:Gray;
color:                    #6A7EBD;
background-color:         #F3F3F3;
border:0;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#p1n
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:			  normal;
color:                    #000000;
background-color:		  #FFFFFF;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#p1t
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:			  normal;
color:                    #000000;
background-color:		  #FFFFFF;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}

#profil
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:			  normal;
color:                    #000000;
background-color:		  #F3F3F3;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}
#profil2
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:			  normal;
color:                    #000000;
background-color:		  #F3F3F3;
margin-top:               0px;
margin-bottom:            0px;
text-align:               center;
text-decoration:          none;
}


.p1nc
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                7pt;
font-weight:			  normal;
color:                    #000000;
margin-top:               0px;
margin-bottom:            0px;
text-align: 			  justify;
text-decoration:          none;
}
.p1bc
{
font-family :             arial, Comic Sans MS,Verdana, helvetica, sans-serif;
font-size:                8pt;
font-weight:              bold;
color:                    #6A7EBD;
margin-top:               0px;
margin-bottom:            0px;
text-align:               justify;
text-decoration:          none;
}

#p2
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          8pt;
font-weight:		normal;
color: 				#000000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p3inf
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          36pt;
font-weight:		normal;
color: 				#000000;
vertical-align:		text-top;
text-align: 		justify;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p3
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          10pt;
font-weight:		normal;
color: 				#000000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p3cpr
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          16t;
font-weight:		normal;
color: 				#000000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p4
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          12pt;
font-weight: 		normal;
color: 				#000000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p4r
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          12pt;
font-weight:		bold;
color:				#FF0000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p4b
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          12pt;
font-weight: 		bold;
color: 				#000000;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#p5
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			14pt;
font-weight:		bold;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p5inf
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			40pt;
font-weight:		bold;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			left;
text-decoration:	none;
font-stretch:		inherit;
}

#p5b
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			22pt;
font-weight:		bold;
color:				#000000
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p6
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			30pt;
font-weight:		bold;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p7
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			30pt;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p8
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			50pt;
font-weight:		bold;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p9
{
font-family :		arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:			35pt;
font-weight:		bold;
color:				#000000;
margin-top:			0px;
margin-bottom:		0px;
text-align:			center;
text-decoration:	none;
font-stretch:		inherit;
}

#p10bw
{
font-family :       arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:          20pt;
font-weight: 		normal;
color:				#FFFFFF;
vertical-align:		text-top;
text-align: 		left;
margin-top:         0px;
margin-bottom:      0px;
text-decoration: 	none;
}

#cal
{
border-top: 1px solid #6A7EBD;
border-left: 1px solid #6A7EBD;
border-right: 1px solid #6A7EBD;
border-bottom: 1px solid #6A7EBD;
background-color:#FFFFFF;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

#wmain
{
margin-right: auto;
margin-left: auto;
padding: 5px;
width: 960px;
background-color: #FFFFFF;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;

}

.ombre {
  float:left;
  clear:left;
  background: url("http://www.accescam.com/images/ombre.png") no-repeat bottom right;
  margin: 10px 0 10px 10px;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }

.boite {
  background: #FFFFFF;
  position:relative;
  bottom:6px;
  right: 6px;
  }

.boiteTxt {
padding:4px;
border-top: 1px solid #6A7EBD;
border-left: 1px solid #6A7EBD;
border-right: 2px solid #6A7EBD;
border-bottom: 2px solid #6A7EBD;
  }

.ombre2 {
  float:left;
  clear:left;
  background: url("http://www.accescam.com/images/ombre.png") no-repeat bottom right;
  margin: 10px 0px 10px 10px;
  margin: 10px 0px 10px 5px;
  padding: 0px;
  }

.boite2 {
  background: #FFFFFF;
  position:relative;
  bottom:6px;
  right: 6px;
  text-align:center;
  }

.boiteTxt2 {
padding:4px;
border-top: 1px solid #6A7EBD;
border-left: 1px solid #6A7EBD;
border-right: 2px solid #6A7EBD;
border-bottom: 2px solid #6A7EBD;
text-align:justify;
  }

.ombre3 {
float:left;
clear:left;
background: url("http://www.accescam.com/images/ombre.png") no-repeat bottom right;
margin: 10px 0 10px 10px;
margin: 10px 0 10px 5px;
padding: 0px;
}

.boite3 {
background: #F3F3F3;
position:relative;
bottom:6px;
right: 6px;
text-align:center;
overflow:auto;
width:610px;
min-width:610px;
max-width:610px;
}

.boiteTxt3 {
padding:4px;
background: #F3F3F3;
border-top: 1px solid #6A7EBD;
border-left: 1px solid #6A7EBD;
border-right: 2px solid #6A7EBD;
border-bottom: 2px solid #6A7EBD;
text-align:justify;
}

.ombre4 {
float:left;
clear:left;
background: url("http://www.accescam.com/images/ombre.png") no-repeat bottom right;
margin: 10px 0 10px 10px;
margin: 10px 0 10px 5px;
padding: 0px;
}

.boite4 {
background: #F3F3F3;
position:relative;
bottom:6px;
right: 6px;
overflow:auto;
}

.boiteTxt4 {
padding:4px;
background: #F3F3F3;
border-top: 1px solid #6A7EBD;
border-left: 1px solid #6A7EBD;
border-right: 2px solid #6A7EBD;
border-bottom: 2px solid #6A7EBD;
}

.ombre5 {
  float:left;
  clear:left;
  background: url("http://www.accescam.com/images/ombre.png") no-repeat bottom right;
  margin: 10px 0px 10px 10px;
  margin: 10px 0px 10px 5px;
  padding: 0px;
  }

.boite5 {
  background: #F3F3F3;
  position:relative;
  bottom:6px;
  right: 6px;
  }

.boiteTxt5 {
padding:4px;
border-top: 1px solid #6A7EBD;
border-left: 2px solid #6A7EBD;
border-right: 2px solid #6A7EBD;
border-bottom: 2px solid #6A7EBD;
  }

.profil {
  float:left;
  clear:left;
  background-image: url("http://www.accescam.com/images/monprofil.jpg") no-repeat bottom right;
  margin: 10px 0 10px 10px;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }

#wmenu
{
margin-right: auto;
margin-left: auto;
padding: 2px;
width: 215px;
height: 810px;
background-color: #FFFFFF;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}

#a1
{
text-decoration:		none;
color:#000000
}

#form1
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:              8pt;
margin-top:             3px;
margin-bottom:          3px;
}

#input1
{
font-family :             arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:                8pt;
background-color: #fff;
border: 1px solid #555;
margin-top:               2px;
margin-bottom:               2px;
}

#input2
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:                10pt;
font-weight:bold;
background-color:#6A7EBD;
text-decoration:none;
color:#FFFFFF;
text-align:center;
}

#input3
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:bold;
background-color:#6A7EBD;
text-decoration:none;
color:#FFFFFF;
text-align:center;
}

#alertfnd
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:                20pt;
font-weight:bold;
background-color:#ff0000;
text-decoration:none;
color:#FFFFFF;
text-align:center;
}

#alert
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:                12pt;
font-weight:bold;
background-color:#ff0000;
text-decoration:none;
color:#FFFFFF;
text-align:center;
}


#btntxt
{
font-family :           arial, Comic Sans MS, Verdana, helvetica, sans-serif;
font-size:              10pt;
font-weight:			bold;
background-color:		#6A7EBD;
text-decoration:		none;
color:					#FFFFFF;
text-align:				center;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 6rem;
  height: 1rem;
  font-weight: normal;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 6rem;
  height: 6rem;
  font-weight: bold;
  text-align: center;
}

.zoom {
width: 320px;
height: 240px;
}
.image {
width: 100%;
height: 100%; 
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est doublée */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2; /* Firefox */
-ms-transform:scale(2; /* Internet Explorer 9 */
-o-transform:scale(2; /* Opera */
transform:scale(2;
}

.label-file {
    cursor: pointer;
	font-size:40pt;
	font-family:arial, Comic Sans MS, Verdana, helvetica, sans-serif;
	vertical-align:bottom;
	text-align:left;
}
.label-file:hover {
    color: #25a5c4;
}

// et on masque le input
.input-file {
    display: none;
}

.show-password {
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	cursor: pointer;
	margin-left: -48px;
}

.ombres_multiples_diffuses {
  box-shadow: inset 0 0 1em gold, 0 0 2em red;
  /* deux ombres dans la liste et des rayons de flou pour chacune */
}

img {
  box-shadow: 1px 1px 12px #555;
}

.ombrage3 {
  border: 5px solid #fff;
  -moz-box-shadow: 1px 1px 12px #555; 
  -webkit-box-shadow: 1px 1px 12px #555; 
  box-shadow: 1px 1px 12px #555; 
} 

#baspage {
  position : absolute;
  bottom : 0px;
  vertical-align:bottom;
  text-align:center;
}