/* CSS Document */
/* -----------------------------------------------------------------------------------------------------------------*/
/* GLOBAL */
html,body									{ padding:0; margin:0; min-height:80%; height:auto; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; }
body										{ height:100%;  background:none; font-size:12px; }
a 											{ color:#00529F; text-decoration:underline; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover										{ color:#0475DE; }
/* -----------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE */
#wrapper									{ height:auto; width:100%; background:none; margin:0 auto;}
#header										{ width:100%; height:100px; /*height:350px;*/}
#header #bgheader1 							{ float:left; width:100%; height:91px; background:none;}
#header #bgheader2 							{ float:right; width:576px; height:91px; background:none;}
#header #bgheader2 ul						{ list-style-type:none; display:block; margin:10px 0 0 10px; padding:0; float:right;}
#header #bgheader2 ul li 					{ list-style-type:none; margin:0; padding:0 0 10px 0; /*float:left;*/ font-size:10px;}
#header #bgheader2 ul li.telephone 			{ list-style-type:none; margin:0 10px 0 0; padding:0; /*float:right; */ background:none;}
#header #bgheader2 ul li.telephone img		{ display:block; float:left; padding-right:5px;}
#header #bgheader2 ul li.courriel 			{ list-style-type:none; margin:0 10px 0 0; padding:0; /*float:right; */ background:none;}
#header #bgheader2 ul li.courriel img		{ display:block; float:left; padding-right:5px;}
#header #bgheader2 ul li.courriel a			{ color:#373737; font-size:10px; text-decoration:none;}
#header #bgheader2 ul li.courriel a:hover	{ text-decoration:underline;}
#header #logo 								{ float:left; width:238px; height:130px; position:relative; top:0px; left:0px; background:none; padding:0; margin:0;}
#header #logo 	 img						{ display:block;}

#menu										{ display:none; /* z-index:20;*/}
#menu #content1								{ display:none; /*float:left; width:100%; height:206px; background-image:url(../images/audio-alarme-entete1.jpg); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:30;*/}
#menu #content2 							{ display:none; /* float:right; width:576px; height:206px; background-image:url(../images/audio-alarme-entete2.jpg); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:40;*/}
#menu #content-menu 						{ display:none;/* float:left; width:238px; height:224px; position:relative; top:-167px; left:-238px; background-image:url(../images/audio-alarme-bg-menu.gif); background-repeat:no-repeat; background-position:top left; padding:0; margin:0; z-index:50;*/}

#content-wrapper							{ min-height:100%; display:block; height:auto; margin:0; padding:0 0 30px 0; background:none; }
#content-wrapper #content					{ position:relative; top:0; left:0; width:100%; min-height:100px; height:100%; background:none; padding:0; margin:-52px 0 30px 0;}
#content-wrapper #content2					{ position:relative; top:0; left:0; width:100%; min-height:100px; height:auto; background:none; padding:0; margin:-1px 0 0 0; font-size:12px;}
#content-wrapper #content2 #col-left 		{ display:block; float:left; position:relative; top:65px; left:10px; width: 30%; min-height:150px; padding:0; margin:0; z-index:100;}
#content-wrapper #content2 #col-right 		{ display:block; float:right; position:relative; top:20px; right:10px; width: 70%; min-height:180px; padding:0; margin:0;}
#content-wrapper #content2 #col-right #contenu-texte { width:95%; height:auto; padding:0; margin:0;}

/*#footer 									{ width:100%; height:70px; float:left; background-image:url(../images/audio-alarme-bg-footer.gif); background-position:top left; background-repeat:no-repeat; text-align:center; font-size:10px; color:#0056A1; padding:0; margin:0;}*/
#footer		{ position: relative; top: 50px; width:100%; height:30px; background:none; font-size:10px; color:#0056A1; padding:0; margin:0;}
/* -----------------------------------------------------------------------------------------------------------------*/
/* MENU */
#menu img									{ display:none;/* display:inline; float:left;*/}
#content-menu ul							{ display:none;/*padding:0; margin:0 0 0 10px; width:213px;*/ }
#content-menu ul li							{ display:none;/*width:auto; height:26px; list-style-type:none; padding:0; margin:2px 0 0 0; background-image:url(../images/audio-alarme-menu-normal.gif); background-repeat:no-repeat; background-position:top left;*/}
#content-menu ul li a						{ display:none;/* margin:0; padding:5px 0 0 38px; display:block; width:175px; height:100%; background-image:url(../images/audio-alarme-menu-normal.gif); background-repeat:no-repeat; background-position:top left; text-decoration:none; color:#243A50; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;*/}
#content-menu ul li a:hover					{ display:none;/*background-image:url(../images/audio-alarme-menu-over.gif); text-decoration:none;*/}
/* -----------------------------------------------------------------------------------------------------------------*/
.clear 										{ clear:both;}
/* -----------------------------------------------------------------------------------------------------------------*/
/* ICONE THUMBNAIL */
ul.icoThumbnail 		{ list-style-type:none; padding:0; margin:0; width:100%; height:auto; }
ul.icoThumbnail li		{ list-style-type:none; padding:0 0 15px 0; margin:0 8px; width:160px; height:auto; float:left; background-image:url(../images/audio-alarme-bloc-bottom.gif); background-position:bottom left; background-repeat:no-repeat; }
ul.icoThumbnail div	{list-style-type:none; padding:0; margin:0; width:160px;  min-height:200px; height:auto !important; height:200px; float:left; background-image:url(../images/audio-alarme-bloc-top.gif); background-position:top left; background-repeat:no-repeat; }

ul.icoThumbnail div h3 { font-size:18px; color:#ef3e34; text-align:center; width:160px; height:auto; padding:0; margin:0 auto;}
ul.icoThumbnail div h3 p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:0 auto;}
ul.icoThumbnail div h3 p a { font-weight:normal; font-size:10px; color:#373737; text-decoration:none;}
ul.icoThumbnail div h3 p a:hover { text-decoration: underline;}
ul.icoThumbnail div h3 p.tagQualite{ background-image:url(../images/audio-alarme-tag-qualite.png); background-position:top left; background-repeat:no-repeat; padding-left:40px; padding-right:10px;}

ul.icoThumbnail div h3.camera { display:block; margin:0 auto; padding:75px 0 0 0;background-image:url(../images/audio-alarme-systeme-camera.png); background-position:top center; background-repeat:no-repeat;}
ul.icoThumbnail div h3.securite { display:block; margin:0 auto; padding:85px 0 0 0;background-image:url(../images/audio-alarme-systeme-securi.png); background-position:top center; background-repeat:no-repeat;}
ul.icoThumbnail div h3.sonorisation { display:block; margin:0 auto; padding:85px 0 0 0;background-image:url(../images/audio-alarme-sonorisation.png); background-position:top center; background-repeat:no-repeat;}
ul.icoThumbnail div h3.securite p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:10px auto 0 auto;}
ul.icoThumbnail div h3.sonorisation p{ font-weight:normal; font-size:10px; color:#373737; text-align:left; margin:10px auto 0 auto;}
/* -----------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
#footer a									{ color:#373737; text-decoration:none; font-size:10px;}
#footer a:hover								{ color:#373737; text-decoration:underline;}
#footer ul.menu 							{ display:none;/* list-style-type:none; padding:15px 0 0 0; margin:0 0 0 105px; text-align:center; width:auto;*/}
#footer ul.menu li 							{ list-style-type:none; padding:0; margin:0 3px; float:left;}
#footer ul.menu li a						{ list-style-type:none; padding:0; margin:0; font-size:10px; color:#373737; text-decoration:none;}
#footer ul.menu li a:hover					{ color:#373737; text-decoration:underline;}
#footer ul									{ list-style-type:none; padding:0; margin:0; width:auto; text-align:center; color:#373737;}
#footer ul li 								{ list-style-type:none; padding:0; margin:0; width:auto; text-align:center;}
