/*
Feuille de style du site www.prevenson.fr
copyright Prévenson Alarme sonore individuel & www.websigns.fr
*/
body {
color: #fff;
font-family: "Gill Sans MT", arial;
font-size: 15px;
background-color: #1e3342;
margin:0;
padding:0;
text-align: center;}

a {text-decoration:none;color:#FFF;}
img {border:none;}
hr {background-color:#FFF;border-color:#FFF;}
h3 {font-size:18px;margin:10px 0;}
h4 {font-size:16px;margin:10px 0;}
p {margin:5px;}

#main {
position:relative;
width:775px;
margin:0 auto;
background-image:url('images/fond.jpg');
background-position:0px 0px;
background-repeat:no-repeat;}
#main>* {position:relative;margin:13px auto;width:100%;}

#logo {
width:775px;
height:78px;
text-align:center;}

#menu {
height:20px;
border:2px solid #fff;
border-width:2px 0;
padding:2px 0 3px;}
#menu>li {
display: inline;
font-size:14px;
font-weight:700;
line-height:20px;
background:url('images/minilogo-trans.png') no-repeat center left;
margin:0 23px;
padding:5px 0 5px 20px;}

#principal {height:398px;}
#principal>* {
position:absolute;
text-align:left;
margin:0;
font-size:14.5px;}

/*Page d'accueil (index.html)*/
#b1,#b2 {text-align:center;}
#b1>p,#b2>* {width:100%;}
#b1 {left:42px;top:22px;width:110px;}
#b1>p {margin:0 auto 40px auto;font-size:14px;line-height:17px;}
#promo_ac, #b1 p img {cursor:pointer;}
#promo_ac {
width:100px;
height:42px;
font-size:16px;
line-height:18px;
background-color:#fff;
color: #1e3342;}
#b2 {left: 210px; top: 12px; width: 500px;}
#ac1, #ac2 {/*image "prix" et Nouveau dispositif de ..*/
font-size:20px;
font-weight:400;
margin:0;}
#ac2 {}
#ac3 {/*Sentiment d'insécurité ? ...*/
margin-top: 22px;
text-align:left;
font-size: 14px;
line-height: 14px;}
#b3 {/*Il suffit de tirer sur la chaine ...*/
top:250px;
left:240px;
width:170px;
text-align:center;
font-size:12px;}

/*page des caractéristiques (carac.html)*/
#info1,#info2{
width:675px;/*775 - 50X2*/
left:0;
height:290px;
background:url('images/1pxvert_trans_60p-trans.png');
margin:40px 50px;/*50X2*/}
#info1>div {
position:absolute;
top: 0px;}
#info1photo{
left:0px;
width:250px;
height:250px;
margin:35px 60px;}
#info1photo img {border:1px solid #1d303f;margin: 5px;}
#info1text{
right:0px;
width:260px;
margin:25px 60px;}

#info2 img {margin:0 15%;}

/*page de commandes (commande.html)*/
#commande {
text-align:left;
left:50px;
top:30px;
padding:0;
margin:0 auto;
line-height: 15.5px;}
#commande {width: 500px;}
#promo {
right:50px;
top:43px;
width:130px;
height:260px;
text-align:center !important;
border:2px solid #fff;
border-width:2px 0;
margin:0 auto;
line-height:15.5px;
background-color:#fff;
color:#1d303f;}
#promo * {color:#1d303f;text-align:center !important; cursor:pointer;}
#promo img {padding:0 10px;}
#partenaires {
vertical-align:middle;
text-align:center;
height:50px;
width:400px;}
#partenaires>a, #pro img {
border:3px solid #1d303f;
margin:10px 0 10px 30px;}
#partenaires form {
display:inline;
margin:0 10px;}

/*#video {top: 0;}*/

/*page de personnalisation pour les pro (pro.html)*/
#prin_pro {height:500px;}
#titrepro {
top:0px;
left:0px;
width:775px;
text-align:center;
font-size:20px;
font-weight:400;}
#pro1,#pro2 {top:65px;}
#pro1 *,#pro2 *,#pro3 * {text-align:left;line-height:16px;}
#pro1 img,#pro2 img {margin:10px auto;}
#pro1 {left:30px;width:320px;}
#pro2 {
right:0px;
width:370px;
background-color:#1d303f;
padding:10px;}
#pro2gdsurf {font-size:10px;margin:0;}
#pro3 {right:0px;top:370px;width:425px;}
#pro3 ul {
background-color:#1d303f;
position:absolute;
top:35px;
margin:0;
margin-left:25px;
padding:0px;}
#pro3atouts1 {left:0;width:190px;}
#pro3atouts2 {right:0;width:175px;}
#pro3 ul li {
margin:5px;
list-style-image:url('images/minilogo-trans.2.png');
font-size:14px;}

/*page de contact (contact.html)*/
#contact1, #contact2 {
top:0px;
padding:0px 20px;
background-image:url('images/1pxvert_trans_40p-trans.png');}
#contact1 {left:90px;}
#contact1 table {border:opx;}
#contact2 {
right:60px;
width: 250px;
margin:50px auto;
padding:20px;}
#con21 {font-weight:700;font-size:16px;}
#con22 {font-weight:400;font-size:12px;}

/*pied de page*/
#pied {
width:775px;
height:16px;
text-align:center;
margin:0 !important;
background-color:#fff;
font-size:11px;
color:#1d303f;}
#pied a {color:#1d303f;}

/*page des informations légales (infos_legales.html)*/
#main_inf_leg {width:600px;text-align:left;margin:20px 50px;}
#main_inf_leg>* {width:600px;}

a:hover,#pied a:hover,.or {color:#bf9e00;}
.grand1 {font-size:110%;}
.petit1 {font-size:90%;}
.petit2 {font-size:75%;}
.fw700 {font-weight:700;}
.left {float:left;}