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

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color: #0097b7;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	}


#body {
	width:1024px;
	height:663px;
	margin:0;
	padding:0;
	margin:auto;
	text-align:left;
}

/* Style Liens */

a.lien_contact:link, a.lien_contact:visited, a.lien_contact:active {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	font-size:12px;
		}

a.lien_contact:hover {
	font-size:14px;
	font-weight:bolder;
	 }
	 
	

a.en_savoir_plus:link, a.en_savoir_plus:visited, a.en_savoir_plus:active {
	text-decoration: none;
	color:#013a53;
	font-size:11px;
	text-decoration:underline;
		}

a.en_savoir_plus:hover {
	font-size:11px;
	font-weight:bolder;	
	text-decoration:underline;
	color:#0072a4;
	}

a.question:link, a.question:visited, a.question:active {
	text-decoration: none;
	color:#013a53;
	font-size:14px;
	text-decoration:underline;
		}

a.question:hover {
	font-size:14px;
	text-decoration:underline;
	color:#0072a4;
	}
	
	
	
a.presentation:link, a.presentation:visited, a.presentation:active {
	text-decoration: none;
	color:#004668;
	font-size:12px;
	text-decoration:underline;
	}

a.presentation:hover {
	font-size:14px;
	font-weight:bolder;	
	text-decoration: none;
}

a.mentions:link, a.mentions:visited, a.mentions:active {
	font-size:16px;
	font-weight:bolder;	
	text-decoration: underline;
	color:#013a53;
	
	}

a.mentions:hover {
	text-decoration: none;
	color:#0072a4;
	font-size:16px;
	text-decoration:underline;
}

a.mentions2:link, a.mentions2:visited, a.mentions2:active {
	font-size:16px;
	font-weight:bolder;	
	text-decoration: underline;
	color:#004668;
	
	}

a.mentions2:hover {
	text-decoration: none;
	color:#0072a4;
	font-size:16px;
	text-decoration:underline;
}


a.def {
   color:#013a53;
   text-decoration:underline;
   font-weight:bolder;
}

a.def:hover {
   color:#0072a4;
   text-decoration:underline;
}


a.passez_intro {
   color:#013a53;
   font-size:13px;
   text-decoration: none;
}

a.passez_intro:hover {
   color:#004668;
   font-weight:bolder;
   text-decoration: none;
}





/* Page Présentation*/


#col{
	width:600px;
	float: left;
	}

#col0{
	width:150px;
	height:auto;
	float: left;
	}
#col1{
	width:200px;
	height:auto;
	float: left;
	}

#col2{
	width:200px;
	height:auto;
	float: left;
	}

/* Div de la page */



#contener{
	margin:auto;
	padding:0;
	width:1024px;
	height:663px;
	text-align:left;
	left: 50%; 
	margin-left: -512px; 
	position:absolute;
	}

#logo {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:278px;
	height:130px;
	background-image:url(../images/idea_logo.jpg);
	background-repeat: no-repeat;
	
}

#banniere {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:746px;
	height:130px;
	background-image:url(../images/idea_banniere2.jpg);
	background-repeat: no-repeat;
	
}

#banniereintro {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:746px;
	height:130px;
	background-image:url(../images/idea_banniere.jpg);
	background-repeat: no-repeat;
	
}

#bord {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:36px;
	height:430px;
	background-image:url(../images/idea_bord.jpg);
	
}


#bordintro {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:36px;
	height:430px;
	background-image:url(../images/idea_bordintro.jpg);
	
}

#menu {
	position:relative;
	margin:0;
	padding:0;
	width:231px;
	height:430px;
	float:left;
	background-image:url(../images/idea_menu.jpg);
	background-repeat: repeat-x;
}

#slogan{
	margin:0;
	padding:0;
	width:231px;
	height:30px;
	text-align:center;
	}
	

#animflash{
	margin:0;
	padding:0;
	width:231px;
	height:400px;
		}


#fond {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:743px;
	height:430px;
	background-image:url(../images/fondtriangle3.jpg);
	
}

#fondblanc 
{
	position:relative;
	margin-top:30px;
	margin-left:30px;
	padding:0;
	float:left;
	width:683px;
	height:350px;	
	background-repeat: repeat-x;
	}




#contenupresentation {
float:left;
width:668px;
height:340px;
overflow:auto;
padding:0;
margin-right:0px;
margin-top:5px;
padding-right:15px; /* décalle l'ascenseur */
text-align:justify;
}



 
#titrepresentation, #titresecurite_incendie, #titredetection_incendie, #titreextinction_incendie, #titredetection_intrusion, #titrecontrole_acces, #titrebiometrie, #titrevideo_surveillance, #titrecontrats_entretien, #titrelogistique_assistance, #titredescriptif_visites, #titresiemens_financement, #titrereferences_idea, #titrecontact_idea, #titrementions_legales {
padding:0;
float:left;
width:683px;
height:30px;
vertical-align:middle;
margin-bottom:10px;
}

#titrepresentation{
background-image:url(../images/presentation_idea.gif); 
background-repeat:no-repeat;
}

#titresecurite_incendie{
background-image:url(../images/securite_incendie.gif); 
background-repeat:no-repeat;
}

#titredetection_incendie{
background-image:url(../images/detection_incendie.gif); 
background-repeat:no-repeat;
}

#titreextinction_incendie{
background-image:url(../images/extinction_incendie.gif); 
background-repeat:no-repeat;
}

#titredetection_intrusion{
background-image:url(../images/detection_intrusion.gif); 
background-repeat:no-repeat;
}

#titrecontrole_acces{
background-image:url(../images/controle_acces.gif); 
background-repeat:no-repeat;
}

#titrevideo_surveillance{
background-image:url(../images/video_surveillance.gif); 
background-repeat:no-repeat;
}

#titrebiometrie{
background-image:url(../images/biometrie.gif); 
background-repeat:no-repeat;
}

#titrecontrats_entretien{
background-image:url(../images/contrats_entretien.gif); 
background-repeat:no-repeat;
}

#titrelogistique_assistance{
background-image:url(../images/logistique_assistance.gif); 
background-repeat:no-repeat;
}

#titredescriptif_visites{
background-image:url(../images/descriptif_visites.gif); 
background-repeat:no-repeat;
}

#titresiemens_financement{
background-image:url(../images/siemens_financement.gif); 
background-repeat:no-repeat;
}

#titrereferences_idea{
background-image:url(../images/references_idea.gif); 
background-repeat:no-repeat;
}

#titrecontact_idea{
background-image:url(../images/contact_idea.gif); 
background-repeat:no-repeat;
}

#titrementions_legales{
background-image:url(../images/mentions_legales.gif); 
background-repeat:no-repeat;
}


#bord2 {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:14px;
	height:430px;
	background-image:url(../images/idea_bord2.jpg);
	background-repeat: no-repeat;
	
}

#bord2intro {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:14px;
	height:430px;
	background-image:url(../images/idea_bord2intro.jpg);
	background-repeat: no-repeat;
	
}

/* Div du bas */

#bas {
	position:relative;
	float:left;
	width:875px;
	height:103px;
	background-image:url(../images/idea_basbis.jpg);
	background-repeat: no-repeat;
		}

#basintro {
	position:relative;
	float:left;
	width:875px;
	height:103px;
	background-image:url(../images/idea_basintro.jpg);
	background-repeat: no-repeat;
		}

#bas1 {
	position:relative;
	float:left;
	width:875px;
	height:73px;
	text-align:right;
	}

#bas2 {
	position:relative;
	float:left;
	width:875px;
	height:30px;
	/*padding-left:50px;*/
	}


#contact {
	float:left;
	position:relative;
	width:149px;
	height:103px;
	background-image:url(../images/idea_contactbis.jpg);
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	}
	

#contactintro {
	float:left;
	position:relative;
	width:149px;
	height:103px;
	background-image:url(../images/idea_contactintro.jpg);
	color:#FFFFFF;
	text-align:center;
	}
	


/* Apparence menu Bas */

#menu_bas {	
	position:relative;
	padding: 0 ;
	margin:0;
	list-style: none ;
	text-align: center ;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
	color: #a0c5df ;
	}
	
#menu_bas li {
	display: inline ;
	text-align: center ;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
	color: #a0c5df ;
		}
	
#menu_bas li a {
	font: Arial,sans-serif ;
	text-decoration: none ;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
	color: #a0c5df ;
	}
	
#menu_bas li a:hover, #menu_bas li a:focus, #menu_bas li a:active {
	font-weight:bolder;		
	text-decoration:underline;
	font-size:8px;
	font-family:Arial, Helvetica, sans-serif;
	color: #a0c5df ;
		}
			
/* Style des textes H1... */

h1 {
font-family: geneva, sans-serif ;
letter-spacing:1px; /*interlettrage*/
color:#FFFFFF;
font-size:11px;
text-align:center;
}

.h1 {
font-family: geneva, sans-serif ;
letter-spacing:1px; /*interlettrage*/
color:#FFFFFF;
font-size:11px;
text-align:center;
}

h2 {
font-family: arial, sans-serif ;
font-size: 14pt ;
font-weight: bold ;
color:#FFFFFF;
margin-left:10px;
margin-top:0px;
font-variant: small-caps; 
}

.h2bis {
font-family: arial, sans-serif ;
font-size: 14pt ;
font-weight: bold ;
color:#012b3d;
font-variant: small-caps ; /*petites capitales*/
}

.h3 {
font-family: arial, sans-serif ;
font-size: 17pt ;
color:#004668;
line-height:20px;
font-weight: bold ;
}

.h3_bleu {
font-family: arial, sans-serif ;
font-size: 17pt ;
color:#004668;
line-height:18px;
font-weight: bold ;
font-variant: small-caps ;
}

.h3_bleupetit {
font-family: arial, sans-serif ;
font-size: 14pt ;
color:#004668;
line-height:18px;
font-weight: bold ;
font-variant: small-caps ;
}

.h4 {
font-family: arial, sans-serif ;
font-size: 13pt ;
color:#004668;
line-height:15px;
font-weight: bold ;
}


.h4_bleu {
font-family: arial, sans-serif ;
font-size: 13pt ;
color:#004a6a;
line-height:15px;
font-weight: bold ;
}


.h5 {
font-family: arial, sans-serif ;
font-size: 11pt ;
color:#004668;
line-height:16px;
text-align:justify;
}



.h6 {
font-family: arial, sans-serif ;
font-size: 10pt ;
color:#004668;
line-height:19px;
text-align:justify;
}


.h7 {
font-family: arial, sans-serif ;
font-size: 9pt ;
color:#004668;
line-height:15px;
text-align:justify;
}

.attention {
font-family: arial, sans-serif ;
font-size: 12pt ;
color:#660066;
line-height:16px;
text-align:justify;
}

.ok {
font-family: arial, sans-serif ;
font-size: 12pt ;
color:#004668;
line-height:16px;
text-align:justify;
}

.bleu {
   color:#013a53;
   font-weight: bold ;
   font-family: arial, sans-serif ;
	font-size: 11pt ;
	line-height:16px;
	text-align:justify;
 }
 
sub {
vertical-align:text-bottom;
}

#champs{
text-align:right;
font-family: arial, sans-serif ;
font-size: 11pt ;
color:#013a53;
}



/*    Les Images   */
#image_ventitest{
height:177px;
width:200px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#image_gouttelettes{
height:110px;
width:140px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#image_novec{
height:178px;
width:150px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#image_inergen_nature{
height:150px;
width:201px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#image_inergen_schema{
height:184px;
width:250px;
float:right;
margin-right:10px;
margin-bottom:10px;
}

#image_financement{
height:152px;
width:180px;
float:left;
margin-right:25px;
margin-bottom:25px;
}

#image_siemens{
height:48px;
width:172px;
float:right;
margin-right:10px;
margin-bottom:10px;
}

#image_visites{
height:179px;
width:200px;
float:left;
margin-right:25px;
margin-bottom:25px;
}

#image_co2bis{
height:244px;
width:200px;
float:left;
margin-right:25px;
margin-bottom:25px;
margin-top:25px;
}

#image_co2{
height:149px;
width:150px;
float:left;
margin-right:25px;
margin-bottom:15px;
margin-top:15px;
}


#image_contact{
height:143px;
width:160px;
float:left;
margin-right:25px;
margin-top:15px;
}

#image_detection{
height:121px;
width:150px;
float:left;
margin-right:25px;
margin-top:10px;
}

#image_biometrie{
height:129x;
width:137px;
float:left;
margin-right:25px;
margin-top:10px;
margin-bottom:10px;
}


#description1, #description2, #description3 {
height:15px;
text-align:center;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#005b77;
}

#description1{
width:120px;}

#description2{
width:127px;}

#description3{
width:107px;}

#empreinte{
float:left;
height:123px;
width:354px;
}

#def{
float:left;
height:138px;
width:146px;
}
#empreintes{
height:138px;
width:500px;
}




/*REFERENCESSSSSSSSSSSSS*/


	
	

#animflash li {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF ;
	list-style-type:none;
		}
	
#animflash li a {
	font: Arial,sans-serif ;
	text-decoration: none ;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF ;
	}
	
#animflash li a:hover, #animflash li a:focus, #animflash li a:active {
	font-weight:bolder;		
	text-decoration:none;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF ;
		}