@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto 0 auto;
	text-align:center;
	color:#663333;
	font-size:1.2em;
	background:url(../img/background.jpg) repeat top;
	background-color:#FFF;
	font:62.5% normal Arial, Helvetica, sans-serif;
	z-index:0;
}

/* DEFINITION DES LIENS */
	a:link { color:#333; text-decoration: none ;} /* lien non-visité */
	a:visited { color:#333; text-decoration: none ;} /* lien visité */
	a:hover { color:#FFF; text-decoration:none ;} /* lien survolé */
	a:active { color:#333; text-decoration: none ;} /* lien activé */


IMG { border: none;
	display:block;
	float:left }


.photo-jerome {
	float:left;
	margin-right:20px;
	amargin-top:-300px;
	z-index:25;}
		
.jerome-coiffier {
	position:relative;
	font:Helvetica, Arial, sans-serif;
	font-size:48px;
	font-weight:bold;
	text-align:left;
	line-height:48px;
	color:#333;
	border: none;
	display:block;
	float:left;
	width:680px;
	height:200px;
	margin-left:190px;
	amargin-right:20px;
	apadding-right:70px;
	apadding-bottom:10px;
	margin-top:-7px;
	abackground-color:#699;
	z-index:25;
}
	
	.gerant {
		font-style:italic;
		font-size:13px;
	
}
	
.paragraphe-choisir {
	position:relative;
	width:320px;
	height:600px;
	float:left;
	margin-top:30px;
	margin-left:200px;
	text-align:left;
}


.visuel-gauche { border: none;
	display:block;
	float:right;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;}
	
	
.carte-alsace {
	float:right;
	padding-left:10px;
	padding-right:20px;
	margin-top:150px;}
	
	
.titre-equipement { border: none;
	float:left;
	apadding-left:10px;
	apadding-right:10px;
	apadding-bottom:30px;
	margin-top:-246px;
	margin-left:-30px;
	z-index:20;}
	
.titre-equipement-deux { border: none;
	float:left;
	apadding-left:10px;
	apadding-right:10px;
	apadding-bottom:30px;
	margin-top:-247px;
	margin-left:-30px;
	z-index:20;}
	
.titre-equipement-trois { border: none;
	float:left;
	apadding-left:10px;
	apadding-right:10px;
	apadding-bottom:30px;
	margin-top:-221px;
	margin-left:-30px;
	z-index:20;}
	
.texte-centre {
	margin-left:240px;}
		
		
.offre {
	position:relative;
	font:Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	line-height:16px;
	color:#FFF;
	border: none;
	display:block;
	float:left;
	margin-left:676px;
	margin-top:-470px;
	z-index:16;}
	
.visuel-carte {
	border: 1px;
	display:block;
	float:right;
	padding-left:60px;
	padding-right:40px;
	padding-bottom:10px;
	padding-top:50px;
	z-index:14;
}
	
.visuel-cadre {
	border: 1px;
	display:block;
	float:right;
	margin-top:30px;
	apadding-left:60px;
	padding-right:30px;
	padding-bottom:10px;
	apadding-top:-250px;
	z-index:14;
	abackground-color:#99FF33;
}

.caps{
	text-transform:capitalize;}



h1 {position:relative;
	margin-left:200px;
	margin-top:0px;
	font:Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#1B1B1B}
	
h2 {position:relative;
	margin-left:200px;
	margin-top:0px;
	font:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#1B1B1B}
	
h3 {position:relative;
	margin-top:-5px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#404040;
	}
    
h4 {position:relative;
	width:700px;
	margin-top:-8px;
	margin-left:200px;
	font:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#404040}
	
 h5 {position:relative;
	margin-left:100px;
	margin-top:0px;
	font:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#1B1B1B}   



h7 {position:relative;
	width:700px;
	margin-top:-5px;
	margin-left:100px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#404040}
  
  
  h8 {position:relative;
	margin-top:-5px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	line-height:14px;
	color:#404040;
	}
      	
.plus {
	margin-left:70px;
	margin-top:6px;
	position:relative;
	width:360px;
    float:left;
	font:Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	text-align:left;
	color:#FFF;
	z-index:5;
	abackground-color:#33C;}

.plus-alsace {
	margin-left:18px;
	margin-top:2px;
	position:relative;
	width:360px;
	float:left;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height:28px;
	color:#333;
	z-index:5;
	abackground-color:#C00;}
	
    	


/* BANDEAU */
#bandeau {
	margin:0 auto 0 auto;
	position:relative;
	width: 966px;
	height:200px;
	background:url(../img/bandeau-alsace-telesecurite.jpg) no-repeat top;
	z-index:2;
}

.equipement {
	width:814px;
	margin-left:182px;
	float:left;
	z-index:8;
}	
	
.description-equipement  {
	position:relative;
	width:140px;
	font:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	float:left;
	z-index:9;
	text-align:center;
	margin-left:-170px;
	margin-top:200px;
	color:#404040;
	}

	
.description-equipement-bis  {
	position:relative;
	width:270px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left;
	z-index:9;
	text-align:center;
	margin-left:-270px;
	margin-top:310px;
	
	color:#404040;
	}
    
    	
	
.contact {
	position:relative;
	float:right;
	margin-right:90px;
	margin-top:5px;
	z-index:9;
}

.telephone {
	position:relative;
	float:left;
	margin-left:320px;
	margin-top:-15px;
	z-index:3;
	text-align:center;
	font:Helvetica, Arial,  sans-serif;
	font-size:22px;
	text-align:center;
	color:#FFF;
}


/* IE7 */
*:first-child+html .telephone {
	position:relative;
	float:left;
	margin-left:320px;
	margin-top:8px;
	z-index:3;
	text-align:center;
	font:Helvetica, Arial,  sans-serif;
	font-size:22px;
	text-align:center;
	color:#FFF;
}


.jerome{
	margin:0 auto 0 auto;
	position:relative;
	float:left;
	margin-left:740px;
	margin-top:-75px;
	z-index:5;	
	width:342px;
	height:50px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;;
	text-align:left;
	line-height:12px;
	color:#333;
	}
	
.jerome-texte{
	font:Arial, Helvetica, sans-serif;
	font-size:15px;;
	text-align:left;
	line-height:14px;
	margin-top:-10px;
	color:#1B1B1B}
	
	
.systemes {
	margin:0 auto 0 auto;
	width:960px;
	position:relative;
	float:left;
	margin-left:30px;
	margin-top:-70px;
	z-index:7;
	text-align:center;
}

.systemes-titre {
	position:relative;
	margin-left:0px;
	margin-top:33px;
	font: Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:600;
	text-align:center;
	color:#000;
	z-index:7;
}



/* FIREFOX */
.systemes-description {
	position:relative;
	margin-left:0px;
	margin-top:-11px;
	font: Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FFF;
	z-index:7;
}




/* SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.systemes-description {
	position:relative;
	margin-left:0px;
	margin-top:-11px;
	font: Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FFF;
	z-index:7;
}
}


/* IE8 */
.systemes-description {
	position:relative\0;
	margin-left:0px\0;
	margin-top:-11px\0;
	font: Helvetica, Arial, sans-serif\0;
	font-size:10px\0;
	text-align:center\0;
	color:#FFF\0;
	z-index:7;\0;
}

/* IE7 */
*:first-child+html .systemes-description {
	position:relative;
	margin-left:0px;
	margin-top:-15px;
	font: Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FFF;
	z-index:7;
}






.paragraphe-depannage {
	position:relative;
	width:400px;
	height:50px;
	float:left;
	margin-left:200px;
}

.paragraphe-marques{
	position:relative;
	width:76px;
	height:50px;
	float:left;
	margin-right:10px;
	margin-top:5px;
	color:#999;
	text-transform:uppercase;
	font-size:10px;
}

.marques { border: none;
	display:block;
	float:right;
	padding-left:20px;
	padding-right:40px;
	padding-bottom:30px;
	margin-top:-40px;
	}
	
	
.paragraphe-depannage-titre {
	position:relative;
	height:50px;
	float:left;
	margin-left:200px;
}

.paragraphe-neutre {
	position:relative;
	width:400px;
	height:120px;
	float:left;
	margin-left:200px;
}



.onglet-gris {
	position:relative;
	width:380px;
	height:200px;
	float:right;
	background:url(../img/plus.png) no-repeat top;
	margin-top:40px;
	z-index:2; }
    	
.paragraphe-intro {
	position:relative;
	width:400px;
	height:330px;
	float:left;
	margin-left:140px;
	margin-top:-220px;
	abackground-color:#99FF33;
	font:Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#404040;
}

.texte-paragraphe-intro {
	position:relative;
	float:left;
	margin-left:70px;
	margin-top:25px;
	width:350px;
	letter-spacing:0px;
	padding-right:50px;
	abackground-color:#9900CC;
	font-size:14px;	
}

.texte-paragraphe-intro-gras {
	position:relative;
	float:left;
	margin-left:70px;
	margin-top:25px;
	width:350px;
	letter-spacing:-1px;
	padding-right:50px;
	abackground-color:#9900CC;
	font-size:16px;	
}

.texte-paragraphe-intro-italic {
	font-size:15px;
}

.texte-paragraphe-intro2 {
	position:relative;
	float:left;
	margin-left:70px;
	margin-top:25px;
	width:350px;
	padding-right:50px;
	abackground-color:#9900CC;
	font-size:14px;			
}



.visuel-paragraphe-entreprise {
	position:relative;
	width:260px;
	height:360px;
	margin-top:0px;
	margin-right:30px;
	float:left;
	z-index:5;
}


.visuel-paragraphe-entreprise-bis {
	position:relative;
	width:260px;
	height:330px;
	margin-top:0px;
	margin-right:30px;
	float:left;
	z-index:5;
}

.visuel-paragraphe-entreprise-ter {
	position:relative;
	width:260px;
	height:380px;
	margin-top:0px;
	margin-right:30px;
	float:left;
	z-index:5;
}


.visuel-paragraphe-particulier {
position:relative;
	width:260px;
	height:450px;
	margin-top:0px;
	margin-right:30px;
	float:left;
	z-index:5;
}

.paragraphe-entreprise {
	position:relative;
	width:700px;
	float:left;
	margin-left:210px;
	margin-top:-10px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#404040;
	z-index:2;
}



.offre {
	float:left;
	margin-left:185px;
	margin-top:10px;
	z-index:8;
}
	
	
.paragraphe-mentions {
	position:relative;
	width:700px;
	float:left;
	margin-left:220px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#404040;
}


.paragraphe-particulier {
	position:relative;
	width:700px;
	float:left;
	margin-left:220px;
	margin-top:-10px;
	font:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#404040;
	z-index:2;
}




/* CONTENU */
#contenu {
	position:relative;
	width: 966px;
	margin:0 auto 0 auto;
	z-index:1;
	background-color:#FFF;	
}

/* CONTENU */
#contenu-maintenance {
	position:relative;
	width: 892px;
	margin:0 auto 0 auto;
	z-index:1;
	background-color:#FFF;	
}



/* MENU */
.menu {
	margin-top:1px;
	position:relative;
	float:left;
	width: 152px;
	height:568px;
	margin-top:-10px;
	background:url(../img/menu_alsace_securite.jpg) no-repeat top;
	z-index:6;
	background-color:#F68B1F;
}



/* MENU */
.menu-home {
	margin-top:1px;
	position:relative;
	float:left;
	width: 152px;
	height:568px;
	margin-top:-8px;
	background:url(../img/menu_alsace_securite.jpg) no-repeat top;
	z-index:6;
	background-color:#F68B1F;
}

/* MENU */
.menu-choisir {
	margin-top:1px;
	position:relative;
	float:left;
	width: 152px;
	height:808px;
	margin-top:-7px;
	background:url(../img/menu_alsace_securite.jpg) no-repeat top;
	z-index:6;
	background-color:#F68B1F;
}



/* MENU */
.menu-contact {
	margin-top:1px;
	position:relative;
	float:left;
	width: 152px;
	height:510px;
	background:url(../img/menu_alsace_securite.jpg) no-repeat top;
	background-color:#F68B1F;
}



.puce-item {
	position:relative;
	float:left;
	margin-left:15px;
	margin-right:5px;
	margin-top:2px;
	margin-bottom:5px;
}


.menu-item {
	position:relative;
	margin-left:10px;
	margin-top:0px;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.menu-item-variante {
	position:relative;
	margin-left:5px;
	/* [disabled]margin-top:0px; */
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	font-stretch:condensed;
}

.menu-item-variante-bis{
	position:relative;
	margin-left:15px;
	margin-top:0px;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	letter-spacing:-0.5px;
}


.puce-sous-item {
	position:relative;
	float:left;
	margin-left:15px;
	margin-right:5px;
	margin-top:-6px;
	margin-bottom:5px;
}

.menu-item-suite {
	margin-left:-15px;
	margin-top:-10px;
	text-align:left;
}

.menu-sous-item {
	float:left;
	position:relative;
	margin-left:20px;
	margin-top:2px;
	line-height:10px;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	acolor:#333;
}

.menu-color {
	color:#FFF;
}


/* INFOS */
.infos {
	float:left;
	position:relative;
	width: 966px;
	margin:0 auto 0 auto;
	margin-top:-569px;
	background:url(../img/infos.gif);
	z-index:1;
}

/* INFOS */
.infos-home {
	float:left;
	position:relative;
	width: 966px;
	margin:0 auto 0 auto;
	margin-top:-579px;
	background:url(../img/infos.gif);
	z-index:1;
}

/* INFOS */
.infos-neutre{
	float:left;
	position:relative;
	width: 966px;
	margin:0 auto 0 auto;
	margin-top:-569px;
	background:url(../img/infos-neutre.gif);
	z-index:1;
}


/* INFOS */
.ligne {
	float:left;
	position:relative;
	width: 966px;
	height:20px;
	margin:0 auto 0 auto;
	background:url(../img/infos.gif);
	z-index:5;
}


/* PARAGRAPHE */
.paragraphe {
	float:left;
	position:relative;
	width: 500px;
	margin:0 auto 0 auto;
	margin-top:-531px;
	background:url(../img/infos.gif);
	z-index:1;
}

/* VISUELS */
.visuels {
	position:relative;
	float:left;
	width: 814px;
	margin:0 auto 0 auto;
	margin-left:152px;
	z-index:2;
}

.decalage {
	float:left;
	margin-left:152px;
	z-index:2;
}



/* ONGLETS */
.onglets {
	position:relative;
	float:left;
	width: 814px;
	margin:0 auto 0 auto;
	margin-top:-425px;
	margin-left:152px;
	z-index:3;
}

	

.onglet-orange {
	position:relative;
	float:left;
	margin-left:70px;
	margin-top:-35px;
	z-index:4;
}

.puce-orange {
	position:relative;
	float:left;
	margin-left:-235px;
	margin-top:135px;
	z-index:5;
}

.texte-orange {
	position:relative;
	margin-left:20px;
	margin-top:0px;
	font: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}

.onglet-vert {
	position:relative;
	float:left;
	margin-left:150px;
	margin-top:-35px;
	z-index:4;
}

.puce-vert {
	position:relative;
	float:left;
	margin-left:-223px;
	margin-top:135px;
	z-index:5;
}

.texte-vert {
	position:relative;
	margin-left:20px;
	margin-top:0px;
	font: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}

.lien, .lien a {
	color:#FFFFFF;
}

.lien, .lien a:hover {
	color:#4a4748;
}

/* BANNIERE */
.banniere {
	float:left;
	width:754px;
	height:171px;
	position:relative;
	margin:0 auto 0 auto;
	z-index:3;
	margin-top:-179px;
	margin-left:180px;
}

/* BANNIERE TITRE */
.banniere-titre {
	float:left;
	width:754px;
	height:171px;
	position:relative;
	margin:0 auto 0 auto;
	z-index:3;
	margin-top:-183px;
	margin-left:180px;
}

/* VISUEL PAGE */
.visuel-page {
	float:left;
	width:552px;
	height:171px;
	position:relative;
	padding-top:40px;
	margin:0 auto 0 auto;
	float:right;
	margin-right:45px;
	z-index:1;
	margin-left:180px;
}

/* VISUEL PAGE */
.visuel-large {
	float:left;
	width:740px;
	height:171px;
	position:relative;
	padding-top:40px;
	margin:0 auto 0 auto;
	float:right;
	margin-right:38px;
	z-index:1;
	margin-left:20px;
}

/* DROITE */
.droite {
	float:right;
}

/* GAUCHE */
.gauche {
	float:left;
}


/* GAUCHE */
.equipement-titre {
	float:left;
	margin-left:170px;
	width:500px;
	margin-bottom:30px;
}


/* SEPARATEUR */
.souligne {
	float:left;
	width:966px;
	margin-bottom:60px;
}

/* CONTENU */
#banderole {
	position:relative;
	width: 966px;
	height:76px;
	margin:0 auto 0 auto;
	z-index:1;
	background-color:#F68B1F;	
}



/* LOGOS */


/* FIREFOX */
.logos {
	position:relative;
	width:700px;
	position:relative;
	float:right;
	z-index:1;
	background-color:#FFF;
}

/* IE8 */
.logos {
	position:relative\0;
	width:700px\0;
	position:relative\0;
	float:right\0;
	z-index:1\0;
	background-color:#FFF\0;
}



/* FIREFOX */
.logos-placement {
	width:600px;
	position:relative;
	margin-left:357px;
	float:left;
}

/* IE8 */
.logos-placement {
	width:600px\0;
	position:relative\0;
	margin-left:357px\0;
	float:left\0;
	abackground-color:#3366CC;
}




#cadre-logos {
	position:relative;
	width: 966px;
	height:480px;
	margin:0 auto 0 auto;
	z-index:1;
	background-color:#FFF;	
}

.banderole-home {
	width: 966px;
	float:left;
	height:76px;
	margin-top:-76px;
	z-index:1;
	background-color:#F68B1F;		
}

.vignettes-home {
	width: 814px;
	height:76px;
	position:relative;
	margin-left:152px;
	float:right;
	margin-top:0px;
	z-index:1;
}



/* VIGNETTES */
.vignettes {
	position:relative;
	
	margin-top:0px;
	height:76px;
	position:relative;
	float:right;
	z-index:1;
}


/* VIGNETTES HOME*/
.aaaavignettes-home {
	margin-top:3px;
	height:76px;
	position:relative;
	float:right;
	z-index:4;
}


/* VIGNETTES EXCEPTION IE8 */
.aaaavignettes {
	margin-top /*\**/:2px\9;
	height:76px;
	position:relative;
	float:right;
	z-index:4;
}

/* VIGNETTES EXCEPTION OPERA */
aaa:root *> .vignettes {
  	margin-top:3px;
	height:76px;
	position:relative;
	float:right;
	z-index:4;
}


/* PIED */
#pied {
	width:966px;
	height:110px;
	position:relative;
	background:url(../img/footer.gif) repeat top;
	margin:0 auto 0 auto;
	z-index:2;	
}


/* IE7 */
*:first-child+html #pied {
	width:966px;
	height:110px;
	margin-top:20px;
	position:relative;
	background:url(../img/footer.gif) repeat top;
	margin:0 auto 0 auto;
	z-index:2;	
}



#liens {
	width:966px;
	height:30px;
	position:relative;
	margin:0 auto 0 auto;
	z-index:2;	
}

.ref{
	height:50px;
	position:relative;
	margin-left:0px;
	margin-top:0px;
	padding-top:5px;
	z-index:3;
}

/* IE7 */
*:first-child+html .ref {
	height:50px;
	position:relative;
	margin-left:0px;
	margin-top:10px;
	padding-top:5px;
	z-index:3;
}

.blok_1{
	position:relative;
	width:120px;
	margin-left:230px;
	padding-top:0px;
	margin-top:-10px;
	font:normal Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	text-align:left;
	color:#FFF;
	float:left;

}

.blok_2{
	position:relative;
	width:130px;
	margin-left:70px;
	padding-top:0px;
	margin-top:-10px;
	font: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:13px;
	color:#FFF;
	float:left;

}


.lien-footer {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:center;
	color:#666;
}

.credit {
	width:40px;
	float:right;
	position:relative;
	margin-right:130px;
	margin-top:-30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
}

.credit, .credit a {
	color:#666;
}

.credit, .credit a:hover {
	color:#4a4748;
}


.credit-color {
	color:#666;
}


.encore {
	width:120px;
	height:13px;
	border: none;
	display:block;
	margin-left:840px;
	margin-top:-20px;
	z-index:10;}