/* CSS Document */
body {
margin: 0;
padding: 0;
font-family: arial;
font-size: 14px;
/* 
background-image:url(images/fond.jpg);
background-repeat:repeat-x; */

}

p {
	text-align: justify;
	padding: 5px;
	margin: 0;
}

p:first-letter 
{
 font-size: 16px;
 font-weight: bold;
 } 	

h1 {
height: 17px;
font-size: 14px;
padding-left: 14px;
margin-left: 0px;
background-image:url(images/fond_h1.jpg);
background-repeat: no-repeat;
background-color: #FCEEBF;
margin-top: 10px;
margin-bottom: 10px;
 }
 
h2 {
font-size: 16px;
padding-left: 25px;
padding-top: 0px;
margin-top: 5px;
margin-bottom: 10px;
color: #DC140A;
font-weight: normal;
background-image:url(images/Fond_h2.jpg);
background-repeat: no-repeat;
}
 
 h3 {
 font-size: 14px;
 margin-top: 5px;
 }
 
a {
	text-decoration: none;
	color: #00A2D9;
}

a:hover {
	color: #000000;
	background-color: #FF9900;
}

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

#q2 li {
text-align: justify;
margin-bottom: 7px;
}


#intro li {
color: #00A2D9;
}

.bleu {
color: #00A2D9;
/* font-weight: bold; */
}

#alarmes {
position: absolute;
width: 350px;
height: 443px;
left: 55px;
top: 385px;
background-image: url(images/img_alarme.jpg);
background-repeat: no-repeat;
}

#imgvideo {
width: 559px;
height: 435px;
margin-left: 20px;
margin-top: 20px;
background-image: url(images/img_video.jpg);
background-repeat: no-repeat;
}

#bloc_centre {
position:absolute;
left: 50%;
top: 50%;
width: 868px;
height: 580px;
margin-top: -290px; /* moitié de la hauteur */
margin-left: -434px; /* moitié de la largeur */
background-color: #CCC;
background-image: url(images/index1.jpg);
background-repeat: no-repeat;
}

#page {
	margin-top: 10px;
	padding: 0;
	background-color: #FFF;
	width: 785px;
	/* height: 800px; */
	position:absolute;
	left: 50%;
	margin-left: -393px;
	background-image: url(images/fond_page.jpg);
	background-repeat: repeat-y;
}

#page_contact {
	margin-top: 10px;
	padding: 0;
	background-color: #FFF;
	width: 785px;
	height: 800px;
	position:absolute;
	left: 50%;
	margin-left: -393px;
	background-image: url(images/fond_page.jpg);
	background-repeat: repeat-y;
}

#bas_page {
	height: 14px;
	background-image: url(images/fond_bas_page.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
		}
#pied_page {
	font-size: 11px;
	text-align: center;
	height: 11px;
	background-image: url(images/blanc.jpg);
		}
#pied_index {
position:absolute;
width: 300px;
left: 150px;
top: 565px;
font-size: 11px;
height: 11px;
		}
#pied_index a {
	text-decoration: underline;
		color: #00A2D9;
}

#pied_index a:hover {
	color: #000;
}

#pied_liens {
position:absolute;
width: 100px;
left: 730px;
top: 565px;
font-size: 11px;
height: 11px;
	}
#pied_liens a {
	text-decoration: underline;
		color: #00A2D9;
}
#pied_liens a:hover {
	color: #000;
}

#ban {
background-image: url(images/banniere.jpg);
background-repeat: no-repeat;
height: 157px;
}


#intro {
position:absolute;
width: 325px;
left: 106px;
top: 252px;
text-align: justify;
}

.first {
font-size: 18px;
color: #00A2D9;
/* font-weight: bold; */
}

#menu1 {position: absolute;left: 180px; top: 134px; width: 98px; height: 31px;}
#menu2 {position: absolute;left: 278px; top: 134px; width: 99px; height: 31px;}
#menu3 {position: absolute;left: 377px; top: 134px; width: 153px; height: 31px;}
#menu4 {position: absolute;left: 531px; top: 134px; width: 144px; height: 31px;}
#menu5 {position: absolute;left: 675px; top: 134px; width: 148px; height: 31px;}
#menu6 {position: absolute;left: 526px; top: 327px; width: 56px; height: 64px;}
#menu7 {position: absolute;left: 711px; top: 327px; width: 44px; height: 61px;}
#menu8 {position: absolute;left: 569px; top: 497px; width: 157px; height: 21px;}

#menu1 a {display: block;height: 31px;}
#menu2 a {display: block;height: 31px;}
#menu3 a {display: block;height: 31px;}
#menu4 a {display: block;height: 31px;}
#menu5 a {display: block;height: 31px;}
#menu6 a {display: block;height: 64px;}
#menu7 a {display: block;height: 61px;}
#menu8 a {display: block;height: 21px;}

#menu1 a:hover {background: url(images/alarme.jpg) no-repeat ;}
#menu2 a:hover {background: url(images/video.jpg) no-repeat ;}
#menu3 a:hover {background: url(images/telesurveillance.jpg) no-repeat ;}
#menu4 a:hover {background: url(images/devis.jpg) no-repeat ;}
#menu5 a:hover {background: url(images/contact.jpg) no-repeat ;}
#menu6 a:hover {background: url(images/alarme-bis.jpg) no-repeat ;}
#menu7 a:hover {background: url(images/video-bis.jpg) no-repeat ;}
#menu8 a:hover {background: url(images/telesurveillance-bis.jpg) no-repeat ;}

#menu1page {position: absolute;left: 0px; top: 18px; width: 136px; height: 131px;}
#menu2page {position: absolute;left: 136px; top: 118px; width: 98px; height: 31px;}
#menu3page {position: absolute;left: 234px; top: 118px; width: 99px; height: 31px;}
#menu4page {position: absolute;left: 333px; top: 118px; width: 154px; height: 31px;}
#menu5page {position: absolute;left: 487px; top: 118px; width: 144px; height: 31px;}
#menu6page {position: absolute;left: 631px; top: 118px; width: 148px; height: 31px;}

#menu1page a {display: block;height: 131px;}
#menu2page a {display: block;height: 31px;}
#menu3page a {display: block;height: 31px;}
#menu4page a {display: block;height: 31px;}
#menu5page a {display: block;height: 31px;}
#menu6page a {display: block;height: 31px;}

#menu1page a:hover {background: url(images/accueil.jpg) no-repeat ;background-position: bottom;}
#menu2page a:hover {background: url(images/alarme.jpg) no-repeat ;}
#menu3page a:hover {background: url(images/video.jpg) no-repeat ;}
#menu4page a:hover {background: url(images/telesurveillance.jpg) no-repeat ;}
#menu5page a:hover {background: url(images/devis.jpg) no-repeat ;}
#menu6page a:hover {background: url(images/contact.jpg) no-repeat ;}

#menu2select {
position:absolute;
height: 31px;
width: 98px;
left:136px;
top: 118px;
background-image: url(images/alarme.jpg);
background-repeat: no-repeat;
}
#menu3select {
position:absolute;
height: 31px;
width: 101px;
left:234px;
top: 118px;
background-image: url(images/video.jpg);
background-repeat: no-repeat;
}
#menu4select {
position:absolute;
height: 31px;
width: 155px;
left:333px;
top: 118px;
background-image: url(images/telesurveillance.jpg);
background-repeat: no-repeat;
}
#menu5select {
position:absolute;
height: 31px;
width: 144px;
left:487px;
top: 118px;
background-image: url(images/devis.jpg);
background-repeat: no-repeat;
}
#menu6select {
position:absolute;
height: 31px;
width: 148px;
left:631px;
top: 118px;
background-image: url(images/contact.jpg);
background-repeat: no-repeat;
}

#anime {
position:absolute;
left:586px;
top: 345px;
}

#q1{
padding-top: 10px;
margin-left: 120px;
margin-right: 30px;
}

#q1 a:hover{
background-color:#FFF;
color: #FF9900;
}


#q2{
height: 420px;
margin-left: 420px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 20px;
}

#q3{
padding-top: 10px;
margin-left: 120px;
margin-right: 30px;
padding-bottom: 10px;
}

hr {
padding: 0px;
margin: 5px;
}

#contact {
padding: 10px;
margin-left: 55px;
margin-top: 30px;
font-size: 20px;
}

#tel {
width:170px;
padding: 10px;
margin-left: 65px;
font-size: 18px;
background-color: #00A2D9;
text-align: center;
color: #FFF;
}

.Fax {
font-size: 14px;
}

#mail {
width:170px;
padding: 10px;
margin-left: 65px;
margin-top: 10px;
font-size: 14px;
background-color: #38BCE9;
text-align: center;
color: #FFF;
}

#mail a{
color: #FFF;
}

#formulaire {
	height: 550px;
    width: 481px;
	margin-left: 280px;
	margin-right: 10px;
	margin-top: -108px;

}

#form {
	background-color: #E5F6FB;
}

#devis {
    width: 640px;
	height: 550px;
	margin-left: 120px;
	margin-right: 30px;
	margin-top: 20px;
}

#champ1{
 	margin-left: 10px;
	margin-right: 20px;
	font-weight: bold;
}
#champ2{
margin-left: 10px;
margin-right: 115px;
}
#champ3{
margin-left: 10px;
margin-right: 89px;
font-weight: bold;
}
#champ4{
	margin-left: 10px;
	font-weight: bold;
}
#champ5{
 	margin-left: 10px;
	margin-right: 95px;
	font-weight: bold;
}
#champ6{
 	margin-left: 10px;
	margin-right: 12px;
}

#case {
margin-left: 153px;
}

#envoyer{
	margin-left: 135px;
	}

.red {

	color: #FF0000;
	margin-top: 10px;
	margin-bottom: 10px;

}

#titre_contact {
margin : 5px;
margin-bottom: 15px;
font-size: 16px;
background-color: #00A2D9;
text-align: center;
color: #FFF;
}

#cameras {
position:absolute;
padding: 5px;
width: 180px;
left:565px;
top: 445px;
text-align: justify;
/* background-color: #00A2D9; */
/* color: #00A2D9; */
border: 1px solid #00A2D9;
}

#enregistreur {
position:absolute;
padding: 5px;
width: 180px;
left:430px;
top: 572px;
text-align: justify;
/* background-color: #00A2D9; */
/* color: #00A2D9; */
border: 1px solid #00A2D9;
}

#pc {
position:absolute;
padding: 5px;
width: 100px;
left:350px;
top: 765px;
text-align: justify;
/* background-color: #00A2D9; */
/* color: #00A2D9; */
border: 1px solid #00A2D9;
}

#tele {
text-align: center;
margin-bottom: 20px;
}