#principale {
/*border:1px solid;*/
	position:relative;
margin:auto;
	width:993px;
	height:875px;
	z-index:1;
}
#logo{
/*border:1px solid;*/
	position:absolute;
	left:0px;
	top:0px;
	width:993px;
	height:139px;
	z-index:2;
}

#logo img{
border:  none ;
}
#lien {
/*border:1px solid;*/
background-image:url(image/bande_gauche.jpg);
	position:absolute;
	left:0px;
	top:139px;
	width:203px;
	height:712px;
	z-index:3;
        
}
#video_gauche {
position:absolute;
background-image:url(image/video_gauche.jpg);
top:511px;
left:26px;
width:150px;
height:217px;
z-index:4;

}
#video_gauche  a{
position:absolute;
background-image:url(image/video_gauche.jpg);
width:150px;
height:217px;
z-index:4;
}

#video_gauche  a:hover{
position:absolute;
background-image:url(image/video_gaucheb.jpg);
width:150px;
height:217px;
z-index:4;
}
#video_droite {
position:absolute;
background-image:url(image/video_droite.jpg);
top:321px;
left:12px;
width:165px;
height:297px;
z-index:4;

}
#video_droite  a{
position:absolute;
background-image:url(image/video_droite.jpg);
width:165px;
height:297px;
z-index:4;
}
#flash_ordi{
position:absolute;
left:8px;
top:71px;
width:183px;
height:188px;
z-index:4;
}

#video_droite  a:hover{
position:absolute;
background-image:url(image/video_droiteb.jpg);
width:165px;
height:297px;
z-index:4;
}
#lien img{
border:  none ;
}
#lien2{
/*border:1px solid;*/
background-image:url(image/bande_droite.jpg);
	position:absolute;
	right:0px;
	top:139px;
	width:199px;
	height:712px;
	z-index:3;
        text-decoration:none;
}
#listage{
/*border:1px solid;*/
background-image:url(image/fond.jpg);
        /*overflow-y: scroll;*/
	position:absolute;
	left:203px;
	top:139px;
	width:591px;
	height:712px;
	z-index:3;
}
#fl{
/*border:1px solid;*/
position:absolute;
right:0px;
	top:139px;
	width:203px;
	height:210px;
	z-index:4;
}
#footer_link{
font-family: Arial, Helvetica, sans-serif;
position:absolute;  
       top:820px;
       left:294px;
	width:410px;
	height:50px;
        font-size: 10px;
       text-align:center;
       
	z-index:3;
}
#footer_link a{
color: #3d485a;
text-decoration:none;
}
#footer_link a:hover{
color: #89001b;
}
#footer {
/*border:1px solid;*/
position:absolute;  
background-image:url(image/bas.jpg); 
       margin:auto;
       top:851px;
	width:993px;
	height:24px;
       text-align:center;
	z-index:3;
}


h1 {
margin:0em;
font-family: Arial, Helvetica, sans-serif; 
font-size: 24px;
color: #FF0000;
font-weight: bold; 
}
/*________________________________FICHE ACCEUIL__________________________*/
#acceuil {
/*border:1px solid;*/
position:absolute;
left:53px;
width:485px;
line-height:1.2em;
z-index:5;
}
.titre_acceuil1 {

font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a;
 
}
.titre_acceuil2 {
color: #89001b;

}
.titre_acceuil3 {
font-size: 14px;
}
#txt_acceuil {
position:absolute;

width:485px;
margin-top:-100px;

}
.acceuil1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;

}
.acceuil2 {
color: #89001b;
font-weight: bold; 
}
#video_milieu {
position:absolute;
background-image:url(image/video_milieux.jpg);
top:519px;
left:226px;
width:109px;
height:154px;
z-index:5;

}
#video_milieu a {
position:absolute;
background-image:url(image/video_milieux.jpg);
width:109px;
height:154px;
z-index:5;
}


#video_milieu a:hover {
position:absolute;
background-image:url(image/video_milieuxb.jpg);
width:109px;
height:154px;
z-index:5;
}
/*________________________________FICHE ESSAI__________________________*/
#essai {
/*border:1px solid;*/
position:absolute;
left:53px;
width:485px;
line-height:1.2em;
z-index:5;
}
.titre_essai1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a;
}
.titre_essai2 {
color: #89001b;
}

.essai1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
}
.essai2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #89001b;
font-weight: bold; 
}
#text_essaie{
font-family: Arial, Helvetica, sans-serif; 
position:absolute;
width:150px;
color: #3d485a;
font-size: 13px;
z-index:5;
}
.text_champ1{
position:relative;
left:-300px;
float:right;
font-family: Arial, Helvetica, sans-serif; 
color: #3d485a;
font-size: 13px;
}
.champ1{
position:relative;
left:200px;
margin-top:0px;
}
.text_champ{
margin-top:20px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:25px;
]margin-top:25px!important; /*pour IE7*/   
}  
#champ_essaie{
position:absolute;
width:485px;
z-index:5;
}

.style40{
margin-top:-10px !important;  
width:480px;
height:25px;
}
#bouton_essai{
margin-top:0px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:50px;
]margin-top:50px!important; /*pour IE7*/  
position:absolute;
left:200px;
top:420px;
width:250px;
z-index:5;
}
#reponse_essai{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #89001b;
font-weight: bold; 
position:absolute;
margin-top:0px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:20px;
]margin-top:20px!important; /*pour IE7*/
top:480px;
width:485px;
z-index:5;
}
/*________________________________FICHE CONTACT__________________________*/
#contact {
/*border:1px solid;*/
position:absolute;
left:53px;
width:485px;
z-index:5;
line-height:1.2em;
}
.titre_contact1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a;
}
.titre_contact2 {
color: #89001b;
}
#saut {
margin-top:50px !important;  
}
.contact1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
}
.contact2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #89001b;
font-weight: bold; 
}
#text_contact{
font-family: Arial, Helvetica, sans-serif; 
position:absolute;
width:150px;
color: #3d485a;
font-size: 13px;
z-index:5;
}
.text_champ{
margin-top:10px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:15px;
]margin-top:15px!important; /*pour IE7*/   
}  
#champ_contact{
position:absolute;
left:150px;
width:350px;
z-index:5;
}

#bouton_contact{
position:absolute;
margin-top:0px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:50px;
]margin-top:50px!important; /*pour IE7*/
left:200px;
top:400px;
width:250px;
z-index:5;
}
#reponse_contact{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #89001b;
font-weight: bold; 
position:absolute;
margin-top:0px !important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
margin-top:20px;
]margin-top:20px!important; /*pour IE7*/
top:460px;
width:485px;
z-index:5;
}
/*________________________________FICHE METIER__________________________*/
#metier {
font-family: Arial, Helvetica, sans-serif; 
/*border:1px solid;*/
position:absolute;
left:53px;
line-height:1.1em!important;  /*pour firefox  (ignorer par ie  et prioritaire pour FF) */
line-height:0.9em;

width:485px;
z-index:5;
}
.titre_metier1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a; 
}
.titre_metier2 {
color: #89001b;
}
#txt_metier {
position:absolute;
width:485px;
margin:0px;
}
.metier1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
}
.metier2 {
color: #89001b;
font-weight: bold; 
}
/*________________________________FICHE PRESENTATION_________________________*/
#presentation {
/*border:1px solid;*/
position:absolute;
line-height:1.2em;
left:53px;
width:485px;
z-index:5;
}
.titre_presentation1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a;
}
.titre_presentation2 {
color: #89001b;
}
#txt_presentation {
position:absolute;
width:485px;
margin:0px;
}
.presentation1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;

}
.presentation2 {
color: #89001b;
font-weight: bold; 
}
/*________________________________FICHE CLIENTS_________________________*/
#txt_clients {
font-family: Arial, Helvetica, sans-serif;
/*border:1px solid;*/
position:absolute;
left:53px;
width:485px;
z-index:5;


line-height:1.2em;
}
#clients {
font-family: Arial, Helvetica, sans-serif;
/*border:1px solid;*/
position:absolute;
overflow-y: scroll;
left:53px;
top:160px;
width:485px;
height:485px;
z-index:5;
}
.titre_client1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 22px;
color: #3d485a;
 
}
.titre_client2 {
color: #89001b;

}

.client1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;

}

.client1 a {
	color: #89001b;
	text-decoration: none;
}

.client1 a:hover {
	color: #89001b;
	text-decoration: underline;
}
.client2 {

font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #89001b;
font-weight: bold; 
}
.fiche {
	left:0px;
	width:350px;
	height:70px;
        text-align: left;
	z-index:3;
}
.image {
position:absolute;
     /*  position:relative; */
        left:0px;
	width:190px;
	height:90px;
	z-index:4;
}
.image img{
float:right;
}
.decrit{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
position:absolute;
    left:50px;
	width:300px;
       text-align: left;
	z-index:4;
}

.decrit p{
	display:block;
position:absolute;
left:100px;
margin-top: 20px;
color: #89001b;
}

/*________________________________FICHE OFFRES_________________________*/
#offres {
/*border:1px solid;*/
position:absolute;
left:53px;
width:485px;
z-index:5;

}

.titre_offres1 {


font-family: Arial, Helvetica, sans-serif; 

font-size: 22px;
color: #3d485a;
}
.titre_offres2 {
color: #89001b;
}
.titre_offres3 {
font-size: 14px;
}

.lien_offres a{
font-family: Arial, Helvetica, sans-serif; 
text-decoration:none;
font-size: 13px;
color: #89001b;
margin:0px;
}
.lien_offres a:hover{
color: #3d485a;
font-weight: bold; 
}
.txt_offres {
margin:0px;
}
#bloc_offres{
height:485px;
}
/*________________________________OFFRES PREAMBULES_________________________*/
#offres_preambule {
position:absolute;
text-align:justify;
top:140px;
height:485px;
line-height:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
}
.titre_offres_preamb{
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #89001b;
font-weight: bold; 
}
/*________________________________OFFRES RESEAUX_________________________*/
#offres_reseaux {
position:absolute;
/*border:1px solid;*/
visibility:hidden;
text-align:justify;
overflow-x:hidden;
overflow-y: scroll;
padding-right:10px !important;
padding-right:30px ;
]padding-right:30px !important; /*pour IE7*/
top:140px;
height:485px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
line-height:1.2em;
}
.titre_offres_reseaux1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 20px;
color: #3d485a;
font-weight: bold; 
}
.titre_offres_reseaux2 {
font-size: 14px;
color: #89001b;
}
.titre_offres_reseaux3 {
font-size: 14px;
}
/*________________________________OFFRES MONOPOSTE_________________________*/

#offres_monoposte {
position:absolute;
visibility:hidden;
/*overflow-y: scroll;*/
padding-right:10px;
top:140px;
height:485px;
text-align:justify;


font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
line-height:1.2em;
}
/*________________________________OFFRES CRISE_________________________*/
#offres_crise{
position:absolute;
visibility:hidden;
padding-right:10px;
top:140px;
height:485px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
line-height:1.2em;
}
#offres_crise2{
position:absolute;
padding-right:10px;
left:53px;
width:485px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
line-height:1.2em;
}
/*________________________________OFFRES SUIVI_________________________*/
#offres_suivi {
position:absolute;
visibility:hidden;
padding-right:10px;
top:140px;
height:485px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3d485a;
line-height:1.2em;
}
.offres1 {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3d485a;
font-weight: bold; 
}
.offres2 {
color: #89001b;
}

/*________________________________FICHE REFERENCE__________________________*/
.reference1 {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;
color: #0000FF;
font-weight: bold; 
}
.reference2 {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #000000;
font-weight: bold; 
}


/*________________________________FICHE ERREUR_________________________*/
.erreur1 {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;

color: #0000FF;
font-weight: bold; 
}
.erreur2 {
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
color: #0000FF;
font-weight: bold; 
}


/*_______________________________________bouton________________________*/

/*Essai gratuit
*/
#bouton1 {
position:absolute;
background-image:url(image/boutons/menu3_03.jpg);
top:13px;
width:203px;
height:46px;
z-index:10;
}

#bouton1 a {
position:absolute;
background-image:url(image/boutons/menu_03.jpg);
width:203px;
height:46px;
z-index:10;
}

#bouton1 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_03.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Contactez nous*/
#bouton2 {
position:absolute;
background-image:url(image/boutons/menu3_07.jpg);
top:59px;
width:203px;
height:46px;
z-index:10;
}

#bouton2 a {
position:absolute;
background-image:url(image/boutons/menu_07.jpg);
width:203px;

height:46px;
z-index:10;
}

#bouton2 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_07.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Présentation*/
#bouton3 {
position:absolute;
background-image:url(image/boutons/menu3_10.jpg);
top:113px;

width:203px;
height:46px;
z-index:10;


}



#bouton3 a {
position:absolute;
background-image:url(image/boutons/menu_10.jpg);
width:203px;
height:46px;
z-index:10;

}




#bouton3 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_10.jpg);
width:203px;

height:46px;
z-index:10;
}


/*Gestion de crise*/
#bouton4 {
position:absolute;
background-image:url(image/boutons/menu3_13.jpg);
top:159px;
width:203px;
height:46px;
z-index:10;
}

#bouton4 a {
position:absolute;
background-image:url(image/boutons/menu_13.jpg);
width:203px;

height:46px;
z-index:10;
}

#bouton4 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_13.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Suivi des activités à risques*/
#bouton5 {
position:absolute;
background-image:url(image/boutons/menu3_18.jpg);
top:205px;
width:203px;
height:46px;
z-index:10;
}

#bouton5 a {
position:absolute;
background-image:url(image/boutons/menu_18.jpg);
width:203px;
height:46px;
z-index:10;
}

#bouton5 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_18.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Permis de feu*/
#bouton6 {
position:absolute;
background-image:url(image/boutons/menu3_16.jpg);
top:251px;
width:203px;
height:46px;
z-index:10;
}


#bouton6 a {
position:absolute;

background-image:url(image/boutons/menu_16.jpg);
width:203px;
height:46px;
z-index:10;
}

#bouton6 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_16.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Travail en Hauteur*/
#bouton7 {
position:absolute;
background-image:url(image/boutons/menu3_17.jpg);
top:297px;
width:203px;
height:46px;
z-index:10;
}

#bouton7 a {
position:absolute;
background-image:url(image/boutons/menu_17.jpg);
width:203px;
height:46px;
z-index:10;
}



#bouton7 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_17.jpg);
width:203px;
height:46px;
z-index:10;
}

/*Notre métier*/
#bouton8 {
position:absolute;
background-image:url(image/boutons/menu3_11.jpg);
top:343px;
width:199px;
height:46px;
z-index:10;
}

#bouton8 a {
position:absolute;
background-image:url(image/boutons/menu_11.jpg);
width:199px;
height:46px;
z-index:10;
}

#bouton8 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_11.jpg);
width:199px;
height:46px;
z-index:10;
}

/*Découvrez nos clients*/
#bouton9 {
position:absolute;
background-image:url(image/boutons/menu3_12.jpg);
top:389px;
width:199px;
height:46px;
z-index:10;
}

#bouton9 a {
position:absolute;
background-image:url(image/boutons/menu_12.jpg);
width:199px;
height:46px;
z-index:10;
}

#bouton9 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_12.jpg);
width:199px;
height:46px;
z-index:10;
}

/*Offres*/
#bouton10 {
position:absolute;
background-image:url(image/boutons/menu3_15.jpg);
top:435px;
width:203px;
height:46px;
z-index:10;
}

#bouton10 a {
position:absolute;
background-image:url(image/boutons/menu_15.jpg);
width:203px;

height:46px;
z-index:10;
}

#bouton10 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_15.jpg);
width:203px;
height:46px;
z-index:10;
}


/*NOS REFERENCES*/
#bouton11 {
position:absolute;
background-image:url(image/boutons/menu3_05.jpg);
top:13px;
width:199px;
height:46px;
z-index:10;
}

#bouton11 a {
position:absolute;
background-image:url(image/boutons/menu_05.jpg);
width:199px;

height:46px;
z-index:10;
}

#bouton11 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_05.jpg);
width:199px;
height:46px;
z-index:10;
}


/*NOS PARTENAIRES*/
#bouton12 {
position:absolute;
background-image:url(image/boutons/menu3_14.jpg);
top:261px;
width:199px;
height:46px;
z-index:10;
}

#bouton12 a {
position:absolute;
background-image:url(image/boutons/menu_14.jpg);
width:199px;
height:46px;
z-index:10;
}

#bouton12 a:hover {
position:absolute;
background-image:url(image/boutons/menu2_14.jpg);
width:199px;
height:46px;
z-index:10;
}

/*_______________________________gestion page SAR________________________*/

#logoSAR a{
	background-image:url(image/SAR/ImgSAR.jpg);
	width:200px;
	height:354px;
	position:absolute;
	z-index:10;
	left: 150px;
	top: 200px;
}

#logoSAR a:hover {
position:absolute;
background-image:url(image/SAR/ImgSARb.jpg);
width:200px;
height:354px;
z-index:10;
left: 150px;
top: 200px;
}