/* _____COMMUN _____*/
body
{background: #FFFFFF url(../img/commun/bg-page.jpg) top repeat-x; margin:0 ; border:0; padding:0}
#page
{position:absolute;left: 50%;width: 767px;margin-left: -383px;border:0px; padding:0; border-collapse:collapse; background-color:#FFFFFF; vertical-align:top;background: url(../img/commun/bg-contenu.gif) top repeat-y; }
#popup
{position:absolute;width: 600px;margin-left: -300px; left:50%; border:0; padding:0; border-collapse:collapse;vertical-align:top;background: #ffffff url(../img/popup/footer.gif) bottom left no-repeat;}
#popup-header
{background: url(../img/popup/header.gif) top left no-repeat;height:80px}

/*.to_print
{display:none;}*/

TD.colonne-gauche
{width: 231px; vertical-align:top;}
TD.colonne-centrale
{width: 313px; vertical-align:top;}
TD.colonne-droite
{width: 223px; vertical-align:top;}

.image-gauche
{float: left; margin:0 8px 8px 0}
.image-droite
{float: right; margin:0 0 8px 8px}

/* _____HEADER _____*/
#logo
{width: 231px;height: 100px; text-align:center;background: url(../img/commun/bg-header.gif) top left repeat-y;}
TD.header
{height: 100px;}


/* _____CONTENU _____*/

/*Navigation*/
#navigue
{height: 240px;background: url(../img/commun/bg-nav.gif) top repeat-y;}

#navigue a{display:block;background:url(../img/commun/bg-nav-off.gif) top no-repeat;height: 25px;width:231px;color:#FFFFFF;font-size: 12px; font-weight:bold; text-decoration:none; text-indent:40px; line-height:25px;}
#navigue a:hover{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}

#navigue a#menu7{display:block;background:url(../img/commun/bg-nav2-off.gif) top no-repeat;height: 40px;width:231px;color:#ffffff;font-size: 12px; font-weight:normal; text-decoration:none; line-height:13px;margin-top:0px;padding-top:5px;}
#navigue a#menu7:hover{color:#000000;}

#navigue a#menu4{background:url(../img/commun/bg-nav-telesurveillance-off.gif) top no-repeat;}
#navigue a#menu4:hover{background:url(../img/commun/bg-nav-telesurveillance-on.gif) top no-repeat;}

body#telesurveillance a#menu4, body#libertycarte a#menu4{background:url(../img/commun/bg-nav-telesurveillance-on.gif) top no-repeat; color:#00AAC1;}
body#telesurveillance a#menu4-1{background:none; color:#000000;}
body#libertycarte a#menu4-2{background:url(../img/commun/bg-nav-telesurveillance-bas.gif) top no-repeat; color:#000000;}

#navigue a#menu4-1, #navigue a#menu4-2{display:block;background:none;height:15px;width:231px;color:#FFFFFF;font-family:Arial;font-size: 11px; font-weight:normal; text-decoration:none; text-indent:35px; line-height:12px;}
#navigue a#menu4-2{background:url(../img/commun/bg-nav-telesurveillance-bas.gif) top no-repeat;}
#navigue a#menu4-2:hover{background:url(../img/commun/bg-nav-telesurveillance-bas.gif) top no-repeat; color:#000000;}
#navigue a#menu4-1:hover{background:none; color:#000000;}

/*rubriques actives (selon la page)*/
body#diagral a#menu1{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
body#packs a#menu2{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
body#alarme a#menu3{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
/*body#telesurveillance a#menu4{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
body#libertycarte a#menu4{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}*/
body#conforts a#menu5{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
body#vente a#menu6{background:url(../img/commun/bg-nav-on.gif) top no-repeat; color:#00AAC1;}
body#autre a#menu7{background:url(../img/commun/bg-nav2-on.gif) top no-repeat; color:#00AAC1;}


.bloc-vert
{width:200px;}
.bloc-vert h1
{background:url(../img/commun/bg-titre-vert.gif) top left no-repeat; width:200px;height:16px; line-height:15px; text-indent:18px;padding:0; margin:10px 0 0 0}
.bloc-vert p
{margin:2px 0 0 0;padding:0 0 0 15px;}
.bloc-vert h2
{font-size:14px; font-weight:bold;color:#00AAC1; margin:2px 0 0 0;padding:0 10px 0 15px;}
.bloc-vert img
{float:right; border:0; margin:0 5px 5px 5px;}
.bloc-vert h6
{color:#6A6D6D; margin:0;padding:2px 0 0 15px; font-size:11px;}
.bloc-vert a
{text-decoration:none;color:#FFFFFF;}
.bloc-vert a:hover
{color:#000000}

.bloc-vert-hp
{width:201px; background:url(../img/commun/bg-vert-hp.gif); background-position:0px 20px; background-repeat:no-repeat;}
.bloc-vert-hp h1
{background:url(../img/commun/bg-titre-vert-hp.gif) top left no-repeat; width:201px; height:20px; line-height:15px; text-indent:18px; padding:3px 0 0 0; margin:8px 0 0 0; text-transform:uppercase; font-weight:bold;}
.bloc-vert-hp p
{margin:2px 0 0 0;padding:0 0 0 15px;}
.bloc-vert-hp h2
{font-size:14px; font-weight:bold;color:#00AAC1; margin:2px 0 0 0;padding:0 10px 0 15px;}
.bloc-vert-hp img
{float:right; border:0; margin:0 5px 5px 5px;}
.bloc-vert-hp h6
{color:#6A6D6D; margin:0;padding:2px 0 0 15px; font-size:11px;}
.bloc-vert-hp a
{text-decoration:none;color:#FFFFFF;}
.bloc-vert-hp a:hover
{color:#000000}

.bloc-fushia
{width:200px;}
.bloc-fushia h1
{background:url(../img/commun/bg-titre-fushia.gif) top left no-repeat; width:200px; height:16px; line-height:15px; text-indent:18px;padding:0; margin:10px 0 0 0;}
.bloc-fushia h4
{background:url(../img/commun/bg-titre-fushia.gif); z-index:-10; background-position:top left; background-repeat:no-repeat; color:#FFFFFF; width:250px; height:16px; line-height:15px; text-indent:15px; padding:0px 0 0 0px; margin:15px 0 0 30px;}
.bloc-fushia p
{margin:2px 0 0 0;padding:0 0 0 15px;}
.bloc-fushia h2
{font-size:14px; font-weight:bold;color:#ED1D8D; margin:2px 0 0 0;padding:0 10px 0 15px;}
.bloc-fushia h6
{color:#6A6D6D; margin:0;padding:2px 0 0 15px; font-size:11px;}
.bloc-fushia img
{float:right; border:0; margin:0 5px 5px 5px;}
.bloc-fushia a
{text-decoration:none;color:#FFFFFF;}
.bloc-fushia a:hover
{color:#000000}

.bloc-fushia-hp
{width:200px;}
.bloc-fushia-hp h1
{background:url(../img/commun/bg-titre-fushia-hp.gif) top left no-repeat; width:200px; height:20px; line-height:15px; text-indent:18px; padding:3px 0 0 0; margin:20px 0 0 0; text-transform:uppercase; font-weight:bold;}
.bloc-fushia-hp h4
{background:url(../img/commun/bg-titre-fushia.gif); z-index:-10; background-position:top left; background-repeat:no-repeat; color:#FFFFFF; width:250px; height:16px; line-height:15px; text-indent:15px; padding:0px 0 0 0px; margin:15px 0 0 30px;}
.bloc-fushia-hp p
{margin:2px 0 0 0;padding:0 0 0 15px;}
.bloc-fushia-hp h2
{font-size:14px; font-weight:bold;color:#ED1D8D; margin:2px 0 0 0;padding:0 10px 0 15px;}
.bloc-fushia-hp h6
{color:#6A6D6D; margin:0;padding:2px 0 0 15px; font-size:11px;}
.bloc-fushia-hp img
{float:right; border:0; margin:0 5px 5px 5px;}
.bloc-fushia-hp a
{text-decoration:none;color:#FFFFFF;}
.bloc-fushia-hp a:hover
{color:#000000}

.bloc-etude
{width:201px; background:url(../img/commun/bg-etude-hp.gif) top left no-repeat; height:173px; margin-top:15px;}
.bloc-etude h1
{width:200px; height:20px; line-height:15px; text-indent:18px; padding:10px 0 0 0; margin:0px 0 0px 0; text-transform:uppercase; font-weight:bold; color:#004d63;}
.bloc-etude p
{margin:0px 0 0 0;padding:0 0 0 15px; color:#FFFFFF;}
.bloc-etude img
{float:right; border:0; margin:0 8px 0px 5px;}
.bloc-etude a
{text-decoration:none; color:#004d63;}
.bloc-etude a:hover
{color:#000000}

.saviez-vous
{z-index:10; width:307px; height:79px; margin-top:50px; background-image:url(../img/commun/bg-saviez-vous.gif); background-position:top left; background-repeat:no-repeat; cursor:hand;}
.saviez-vous h4
{color:#ec1c8b; text-transform:uppercase; font-weight:bold; padding:0px 0 0 95px;}
.saviez-vous p
{margin:0px 0 0 0;padding:0 0 0 95px; color:#333333; font-weight:bold;}

A.plus 
{display:block;background:url(../img/commun/puce2.gif) center left no-repeat;color:#6A6D6D; text-decoration:underline; text-indent:17px;margin: 5px 0 0 15px;height:20px; font-size:10px; line-height:18px;}
A.plus :hover
{color:#000000;}

A.plus-2 
{display:block; background:url(../img/commun/puce3.gif) top left no-repeat;color:#6A6D6D; text-indent:20px; margin: 0 0 18px 0; font-size:11px; height:20px; text-decoration:none;}
A.plus-2 :hover
{color:#000;}

A.plus-3
{display:block; color:#6A6D6D; text-decoration:underline; font-size:10px;}
A.plus-3 :hover
{color:#000000;}

A.plus-4
{display:block;background:url(../img/commun/puce5.gif) center left no-repeat;color:#004d63; text-decoration:underline; text-indent:17px;margin: 5px 0 0 15px;height:20px; font-size:10px; line-height:18px;}
A.plus-4 :hover
{color:#FFFFFF;}


DIV.bouton a
{display:block;background:url(../img/commun/puce3.gif) center left no-repeat;color:#000000; text-decoration:underline; text-indent:17px;margin: 0;height:20px; font-size:12px; line-height:19px; font-weight:bolder; text-decoration:none;}
DIV.bouton a:hover
{color:#EC1D8C;background:url(../img/commun/puce3-on.gif) center left no-repeat;}


/* Nos de téléphone */
div.bloctelft {margin:10px;width:160px}
div.bloctelft p {margin:0px;font-weight:bolder}
div.bloctelft p.num {padding:1px 0px 0px 70px; letter-spacing:-1px;font-size:11px}
div.bloctelft p.tarif {text-align:right;font-size:8px;color:#000;font-weight:normal;margin-top:2px}
div.bloctelft p.titre {text-align:right;font-size:9px;color:#000;font-weight:normal;margin-top:2px}

div.bloctelft-2 { width:385px; height:55px; float:right;}
div.bloctelft-2 p {margin:0px;font-weight:bolder}
div.bloctelft-2 p.num {background:url(../img/commun/telindigo.gif) top left no-repeat; padding:1px 0px 0px 2px;letter-spacing:-1px;font-size:11px; color:#339; padding-left: 73px; height:16px;}
div.bloctelft-2 p.tarif {text-align:left;font-size:8px;color:#000;font-weight:normal; margin-top:-1px;}
div.bloctelft-2 p.titre {text-align:left;font-size:9px;color:#000;font-weight:normal;margin:1px 0 0px 0; line-height:10px;}
div.bloctelft-2 p.hotline {text-align:center;font-size:13px;color:#00AAC1;font-weight:normal;margin-bottom:5px; font-weight:bold; text-transform:uppercase;}

div.indigo {background:url(../img/commun/telindigo.gif) top left no-repeat}
div.indigo p.num {color:#339}
div.indigo-2 {background:url(../img/commun/telindigo-2.gif); background-repeat:no-repeat; background-position:top left; margin:0px 12px 0 0; padding:0;}
div.indigo-2 p.num {color:#339; padding-left:73px; letter-spacing:-1px;}
div.vert {background:url(../img/commun/telvert.gif) top left no-repeat}
div.vert p.num {color:#093}
div.azur {background:url(../img/commun/telazur.gif) top left no-repeat}
div.azur p.num {color:#09f}
div.conditions-2 {}




/* _____FOOTER _____*/
#footer
{height:172px;background: url(../img/commun/bg-footer-2.gif) top left no-repeat;}
#footer-hp
{height:172px;background: url(../img/commun/bg-footer.gif) top left no-repeat;}
#navigue-footer
{margin: 0px 0 0 40px; width:110px;}
#navigue-footer a{display:block;background:url(../img/commun/puce1.gif) center left no-repeat;height: 15px;width:110px;color:#6A6D6D;text-decoration:none; text-indent:10px; line-height:15px;}
#navigue-footer a:hover{color:#000000;}
#footer-light
{height:172px;background: url(../img/commun/footer-light.gif) top no-repeat;}

/*_____CONFORMITE CE______*/
ul#liste-certif-conformite{
	margin:0;
	padding:0;
}
ul#liste-certif-conformite li {
	background:url(../img/commun/puce3.gif) top left no-repeat;
}
ul#liste-certif-conformite li a{
	display:block;
	padding-left:20px;
	margin-bottom:10px;
}

/* _____PARAGRAPHE TEXTE (DIV) _____*/

DIV.cadre
{border-top: 1px solid #cccccc;}


/*-  _____TABLEAUX _____-*/
TABLE
{border:0px; padding:0; margin:0 ; border-collapse:collapse;}
TABLE.tableau-hauteur-centpourcent
{border:0px; padding:0; margin:0 ; border-collapse:collapse;height: 100%;}
TABLE.tableau-largeur-centpourcent
{border:0px; padding:0; margin:0 ; border-collapse:collapse;width: 100%;}
TABLE.tableau-total-centpourcent
{border:0px; padding:0; margin:0 ; border-collapse:collapse;height: 100%;width: 100%;}

/*------------  BULLE HP -------------------*/


.infobulle_nouv{
	display: block;
	background: url(../img/accueil/bulle.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 115px;
	width:476px;
	color: #00AAC1;
	position: absolute;  
	visibility : hidden;
	padding: 10px;
	margin-right:0px;
	font-size: 12px;
	font-weight:bold;
	z-index:999999;
	text-align:justify;
}

