/* ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::: RàZ ::::::::::::::: */	
/* ::::::::::::::::::::::::::::::::::::::: */

* {margin: 0; padding: 0;}
ul {
	margin: 0;
	padding-left: 1em;
	}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}
 
/* ::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::: Globales ::::::::::::::: */	
/* ::::::::::::::::::::::::::::::::::::::: */

.hidden {display: none;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px}
.alignLeft {float: left; margin: 0 10px 10px 0;}
.alignRight {float: right; margin-left: 10px;}

body {
	margin: 0; padding: 0; border: 0;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	background-color: #D1D7E1;
	}
#mainContainer {
	position: absolute; top: 0; left: 50%;
	width: 780px; margin: 0 0 0 -390px;
	background: #fff url(../images/bgMainContent.gif) repeat-y top right;
	}

/* :::::::::::::: Entête ::::::::::::::: */	

#header {
	position: relative; top: 0; left: 0;
	height: 11.5em /*110px*/; width: 780px;
	background: #fff url(../images/bgHeader.gif) no-repeat top left;
	}
	#headerCorp {
		margin: 0; padding: 0; 
		width: 200px; 
		position: absolute; top: 10px; left: 10px;
		}
	#headerJCI {
		margin: 0; padding: 0; 
		width: 100px; 
		position: absolute; top: 0px; left: 0px;
		}
	#headerFrance {
		margin: 0; padding: 0; 
		width: 100px; 
		position: absolute; top: 20px; left: 660px;
		}
	ul#headerNavigation {
		margin: 0; padding: 0; list-style: none;
		position: relative; top: 70px; left: 0;
		/*height: 4em;*/ width: 780px;
		border-top: 1px #c9d0db solid;
		}
	ul#headerNavigation li {
		height: 2.2em; float: left;
		padding: 0 1em 0 2.3em;
		border-left: 1px #ccc solid;
		}
	ul#headerNavigation li a {
		line-height: 1.9em; vertical-align: middle;
		color: #718ab3;
		font-size: 1.2em;
		text-decoration: none;
		}
	ul#headerNavigation li a:hover {color: #002a71}
	#hnLi1 {
		background: transparent url(../images/icnHome.gif) no-repeat 1em 50%;
		}
	#hnLi2 {background: transparent url(../images/icnActualites.gif) no-repeat 1em 50%}
	#hnLi3 {background: transparent url(../images/icnContact.gif) no-repeat 1em 50%}
	.hnLi4 {background: transparent url(../images/icnYorkInternational.gif) no-repeat 1em 50%}
	#hnLi5 {
		float: none;
		position: absolute; top: 0; right: 0;
		padding: 0; font-size: 1.1em; color: #718ab3;
		}
	#countrySelector {font-size: 1em; color: #0045bd; }
	
	#bodyActualites #hnLi2 a,
	#bodyContact #hnLi3 a,
	#bodyLiens #hnLi4 a {font-weight: bold; color: #002a71}
	
	#bodyHistorique #corp1 a,
	#bodyOrganisation #corp2 a,
	#bodyProduction #corp3 a,
	#bodyEmploi #corp4 a,
	#bodyQualite #corp5 a,
	#bodyRecherche #corp6 a,
	#bodyImef #corp7 a,
	#bodyAlliance #corp8 a {font-weight: bold;}

/* :::::::::::::: Content ::::::::::::::: */

    #leftContainer, #centerContainer {
    float: left; width: 200px; 
    }
    
    #content {
        padding: 0 15px 0 0;
        background: transparent url(../images/bgContent.jpg) no-repeat left bottom;}
    
    /* Menu Corporate */
    
    ul#headerNavigation {
    background-image: none;
    }
    
    #corporateNavigation {
	    margin-top: 5.2em; 
	    height: 2em;
	    padding-bottom: 10px;
	    border-top: 1px #c9d0db solid;
		background: transparent url(../images/ombreNavigation2.jpg) no-repeat left bottom;
		position: relative; top: 37px; left: 0;
	   }
    
    .linksList {
        margin: 0; 
        padding: 0.3em 0 0 0; 
        float: left;
        }
    #linksListOne {padding-left: 1em;}
    .linksList li {
		margin: 0;
		list-style: none;
		float: left;
		padding: 0 1em 0 0.6em;
		color: #EBE0B2;
		background: transparent url(../images/puce_corporate.gif) no-repeat 0 2px;
		}
	.linksList li a {
		font-size: 1.1em; 
		display: block;
		color: #967800;
		float: left;
		text-decoration: none;
		}
    .linksList li a:hover {color: #66571B;}
    .linksList li span {float: left;}
	
	/* Menu expertise */
	
	ul#expertNavigation {
		margin: 0 0 3em 0; padding: 0; list-style: none;
		border-top: 2px #c9d0db solid;
		}
	ul#expertNavigation li {
		line-height: 1.2em;
		padding: 0.8em 0 0.8em 1.5em; 
		border-bottom: 1px #c9d0db solid;
		background: transparent url(../images/puceExpertise.gif) no-repeat left center;
		}
	ul#expertNavigation li:hover {
		background-color: #F7EEE1
		}
	ul#expertNavigation li:hover a {
	   color: #F79A13; text-decoration: underline;
	   }
	ul#expertNavigation li a:hover {color: #F79A13;}
	ul#expertNavigation li em {
		font-size: 1em; color: #718ab3;
		font-style: normal;
		}
	ul#expertNavigation li a {
		font-size: 1.4em; font-weight: bold;
		color: #0045bd;
		text-decoration: none;
		}
		
	#tiExpert {
		height: 20px; width: 130px;
		background: transparent url(../images/titreNosSolutions.gif) no-repeat;	
		}
		
    /* : left : */

    #leftContainer {
        padding-top: 1.5em;
        background: transparent url(../images/bgTopOffre.jpg) repeat-x;
        border-left: 1px #fff solid;
        width: 176px;
        }
    #leftContainer h2 {
        background: transparent url(../images/offre2.gif) no-repeat;
        width: 74px; height: 15px;
        margin: 0.5em 0 0.5em 0.8em;
        }
    
    #leftContainer .products {
        padding: 0.5px 1em 0.5px 1em;
        font-size: 0.9em;
        color: #6C84AD;
        line-height: 1.2em;
        }
    #leftContainer .products img {display: none;}
    #leftContainer .products h3 {
        font-size: 1.2em; 
        font-weight: normal;
        margin-bottom: 0.5em;
        padding-left: 13px;
        background: transparent url(../images/puceOffre.gif) no-repeat 0 2px;
        }
    #leftContainer .products h3 span {display: block;}
    
    #leftContainer .products h3 a {
        color: #0045BD;
        text-decoration: underline;
        }
    #leftContainer .products p {margin-left: 1.4em;}
	
	/* : center : */
	
	#centerContainer {
	   width: 400px; 
	   padding-bottom: 1em;
	   font-size: 1.1em; 
	   line-height: 1.5em;
	   }	
	#centerContainer a {
	   color: #0045BD;
	   text-decoration: underline;}
	
	#centerContainer .innerPadding {
	   padding: 30px 20px 0 20px;
	   }
    #centerContainer h2 {height: 36px; margin-bottom: 0.5em;}
    #centerContainer h4 {
        color: #0045BD;
        font-size: 1.3em;
        margin: 0;
        }
    #centerContainer h3 {
        height: 18px;
        margin: 0 0 0.3em 0;
        }
    #centerContainer h3#titreProduits {
        background: transparent url(../images/nosProduits.gif) no-repeat;
        }
    #centerContainer h3#titreSecteurs {
        background: transparent url(../images/secteursActivites.gif) no-repeat;
        }
    #centerContainer h3#titreContacts {
        background: transparent url(../images/contacts.gif) no-repeat;
        }
    #centerContainer #visuA {margin-right: 10px;}
    #centerContainer #introduction p {
        color: #6C84AD;
        margin: 0.8em 0 1.5em 0;
        }
    #centerContainer #texteProduits span {
        color: #6C84AD; 
        display: block;
        font-size: 0.9em;
        }    
    #centerContainer ul {
        list-style-image: url(../images/puceTelecharger.gif);
        margin-left: 5px;
        }
    #centerContainer ul li a {
        color: #000;
        text-decoration: none;}
    #centerContainer ul li a:hover {text-decoration: underline;}
	
	#centerContainer #blocContacts {
	   background-color: #E9E9E9;
	   padding: 0.5em 0.5em 0.05em 0.5em;
	   line-height: 1.2em;}
    #centerContainer #blocContacts strong {display: block;}
    
    /* : right : */

	#rightContainer {
		float: right; width: 180px;
		padding-top: 1.5em;
		}
    #rightContainer h3 {
        background: transparent url(../images/nosReferences.gif) no-repeat;
        height: 14px;
        margin: 0 0 0.6em 0;
        }
    #rightContainer p {color: #8498BA; line-height: 1.1em;}
    #rightContainer ul.listeReferences {margin-left: 0.5em;}
    #rightContainer ul.listeReferences li {
        margin-bottom: 1em;
        font-size: 1.1em;
        }
		
	/* :::::::::::::: Footer ::::::::::::::: */
	
	#footer {
		height: 50px; 
		/*position: relative; top: 8px;*/
		background: transparent url(../images/bgFooter.png) no-repeat;
		}
	#footer address {
		font-size: 1.1em; padding: 0.5em 0 0 65px;
		font-style: normal;
		}

/* :::::::::::::::::::::::::::::
			Home
::::::::::::::::::::::::::::: */
	
	#bodyHome #mainContainer {
	   background-image: none;}
	
	#bodyHome #content {
	   padding: 0 15px 10px 15px;
	   background-image: none;
	   }	
	#bodyHome ul#headerNavigation {
		background: transparent url(../images/ombreNavigation.jpg) no-repeat 0 2.2em;
		}
	
	#bodyHome #hnLi1 a {
		color: #002a71; font-weight: bold;
		text-decoration: none;
		}
	#bodyHome #hnLi1 {display: none;}

	#bodyHome #leftContainer {
	   width: 210px;
	   padding-top: 0;
	   border-right: 0;
	   background-image: none;}
	
	#bodyHome .citation, #bodyHome .signature {margin: 0; padding: 0 8px 8px 8px;}
	
	#bodyHome .citation {
	   color: #987900;
	   padding-top: 8px; padding-bottom: 10px;
	   margin-top: 3.4em;
	   font-size: 1.1em; line-height: 1.3em;
	   background: transparent url(../images/bgHautCitation.gif) no-repeat left top;
	   }
    #bodyHome .citation span {
        display: block;
        width: 28px;
        height: 22px;
        text-indent: -1000px;
        }
    #bodyHome .citation span#debut {
        background: transparent url(../images/guillemetsDebut.gif) no-repeat;
        float: left;
        margin-right: 5px;
        }
    #bodyHome .citation span#fin {
        background: transparent url(../images/guillemetsFin.gif) no-repeat;
        position: relative; left: 165px; bottom: 20px;
        }
	#bodyHome .signature {
	   background: transparent url(../images/bgBasCitation.gif) no-repeat left bottom;
	   color: #002A71;
	   font-family: "Verdana", Arial, sans-serif;
	   text-align: right;
	   font-size: 0.9em;
	   margin-top: -35px; 
	   height: 3em; 
	   padding-top: 15px;
	   }
	#bodyHome #corporateNavigation {
	   margin-top: 15px; border: 1px #fff solid;
	   background-image: none;
	   }
    
	#bodyHome .linksList {
		margin: 0; padding: 0; 
		list-style: none;
		width: 100px; float: left;
		}
	#bodyHome .linksList li {
		color: #967800;
		line-height: 1.1em;
		padding: 0 0 1em 0.5em;
		background-image: none;
		width: 95px;
		}
	#bodyHome .linksList li a {
		font-size: 1.1em;
		font-weight: bold;
		margin-left: 0.2em;
		color: #967800;
		}
    #bodyHome #corporateNavigation #linksListOne {
        border-right: 1px #F2EACC solid;}

	#bodyHome #centerContainer {width: 350px;}
	
	#bodyHome #centerContainer h2 {
	   background: transparent url(../images/offre.gif) no-repeat;
	   height: 22px;
	   margin: 0 0 15px 0;}
	
	#bodyHome #centerContainer p {
		color: #718ab3;
		line-height: 1.1em;
		font-size: 1em; 
		margin-top: 0;
		}
    #bodyHome .products  * {margin: 0; padding: 0;}
	/*#bodyHome .products {clear: both;}*/
	#bodyHome .products img {float: left; padding: 0 10px 5px 0; display: block;}
    #bodyHome .products h3 {
        float: left; 
        width: 230px;
        margin-bottom: 0.3em;
        }
	#bodyHome .products h3 a {
		width: 230px;
		display: block;
        position: relative;
		}
    #bodyHome .products h3 a:active {display: block;}
/*formation.gif
expertise.gif
conditionnementAir.gif
services.gif*/
    
    #bodyHome #product4 p {padding-left: 78px;}

    #bodyHome #product1 h3 a, #bodyHome #product1 h3 {height: 15px;}
	#bodyHome #product2 h3 a, #bodyHome #product2 h3 {height: 18px;}
	#bodyHome #product3 h3 a, #bodyHome #product3 h3 {height: 14px;}
	#bodyHome #product4 h3 a, #bodyHome #product4 h3 {height: 14px;}
    
	#bodyHome #product1 h3 a {background: transparent url(../images/titreDistribution.gif) no-repeat;}
	#bodyHome #product2 h3 a {background: transparent url(../images/titreSystemes.gif) no-repeat;}
	#bodyHome #product3 h3 a {background: transparent url(../images/titreServices.gif) no-repeat;}
	#bodyHome #product4 h3 a {background: transparent url(../images/titreFormation.gif) no-repeat;}

/* :::::::::::::::::::::::::::::
     Pages produits
::::::::::::::::::::::::::::: */

    /* Rubrique sélectionnée */
    
    #bodyDistribution #leftContainer #product1,
    #bodySystemes #leftContainer #product2,
    #bodyServices #leftContainer #product3,
    #bodyFormation #leftContainer #product4 {
        border-right: 5px #7B849E solid;
        color: #000;}
    
    #bodyDistribution #leftContainer #product1 h3,
    #bodySystemes #leftContainer #product2 h3,
    #bodyServices #leftContainer #product3 h3,
    #bodyFormation #leftContainer #product4 h3 {
        background: transparent url(../images/puceOffre2.gif) no-repeat 0 2px;
        font-weight: bold;}
        
    #bodyDistribution #centerContainer h2 {background: transparent url(../images/titreDistribution2.gif) no-repeat;}
    #bodyFormation #centerContainer h2 {background: transparent url(../images/titreFormation2.gif) no-repeat;}
    #bodyServices #centerContainer h2 {background: transparent url(../images/titreServices2.gif) no-repeat;}
    #bodySystemes #centerContainer h2 {background: transparent url(../images/titreSystemes2.gif) no-repeat;}
    
    #bodyParticuliers #centerContainer h2 {background: transparent url(../images/titreParticuliers.gif) no-repeat;}
    #bodyParticuliers ul#expertNavigation li#exp1 a {color: #F79A13;}
    #bodyParticuliers ul#expertNavigation li#exp1 {	background-color: #F7EEE1	}

    #bodyApplisCondition #centerContainer h2 {background: transparent url(../images/titreApplisCondition.gif) no-repeat;}
    #bodyApplisCondition ul#expertNavigation li#exp2 a {color: #F79A13;}
    #bodyApplisCondition ul#expertNavigation li#exp2 {	background-color: #F7EEE1	}
    
    #bodyApplisIndus #centerContainer h2 {background: transparent url(../images/titreApplisIndus.gif) no-repeat;}
    #bodyApplisIndus ul#expertNavigation li#exp3 a {color: #F79A13;}
    #bodyApplisIndus ul#expertNavigation li#exp3 {	background-color: #F7EEE1	}

    #bodyApplisAgro #centerContainer h2 {background: transparent url(../images/titreApplisAgro.gif) no-repeat;}
    #bodyApplisAgro ul#expertNavigation li#exp4 a {color: #F79A13;}
    #bodyApplisAgro ul#expertNavigation li#exp4 {	background-color: #F7EEE1	}

    #bodyMarineMilitaire #centerContainer h2 {background: transparent url(../images/titreMarineMilitaire.gif) no-repeat;}
    #bodyMarineMilitaire ul#expertNavigation li#exp5 a {color: #F79A13;}
    #bodyMarineMilitaire ul#expertNavigation li#exp5 {	background-color: #F7EEE1	}

    #bodyMarineCivile #centerContainer h2 {background: transparent url(../images/titreMarineCivile.gif) no-repeat;}
    #bodyMarineCivile ul#expertNavigation li#exp6 a {color: #F79A13;}
    #bodyMarineCivile ul#expertNavigation li#exp6 {	background-color: #F7EEE1	}
    
    #bodyLoisirs #centerContainer h2 {background: transparent url(../images/titreLoisirs.gif) no-repeat;}
    #bodyLoisirs ul#expertNavigation li#exp7 a {color: #F79A13;}
    #bodyLoisirs ul#expertNavigation li#exp7 {	background-color: #F7EEE1	}
    
    #bodyEnviron #centerContainer h2 {background: transparent url(../images/titreEnviron.gif) no-repeat;}
    #bodyEnviron ul#expertNavigation li#exp8 a {color: #F79A13;}
    #bodyEnviron ul#expertNavigation li#exp8 {	background-color: #F7EEE1	}
    
    
    /*********************/
    /* Pages institutionnelles */
    /*********************/
    
    #bodyHistorique #centerContainer h2 {background: transparent url(../images/titreHistorique.gif) no-repeat;}
    #bodyOrganisation #centerContainer h2 {background: transparent url(../images/titreOrganisation.gif) no-repeat;}
    #bodyProduction #centerContainer h2 {background: transparent url(../images/titreProduction.gif) no-repeat;}
    #bodyNosclients #centerContainer h2 {background: transparent url(../images/titreNosclients.gif) no-repeat;}
    #bodyQualite #centerContainer h2 {background: transparent url(../images/titreQualite.gif) no-repeat;}
    #bodyRecherche #centerContainer h2 {background: transparent url(../images/titreRecherche.gif) no-repeat;}
    #bodyImef #centerContainer h2 {background: transparent url(../images/titreImef.gif) no-repeat;}
    #bodyAlliance #centerContainer h2 {background: transparent url(../images/titreAlliance.gif) no-repeat;}
    #bodyEmploi #centerContainer h2 {background: transparent url(../images/titreEmploi.gif) no-repeat;}
    
    
    /***** Historique ****/
    
    .institution #centerContainer #introduction p {color: #CFB344;}
    .institution #centerContainer ul {clear: both; margin-top: 30px;}
    .institution #centerContainer h4 {color: #BD9700}
    .institution #centerContainer h3 {color: #BD9700; font-size: 1.1em;}
    .institution #centerContainer ul {margin-top: 10px; list-style-image: url(../images/puceListe.gif);}
    .institution #centerContainer img {border: 0;}
    
    .institution #centerContainer p span {
        color: #BE9907; 
        display: block;
        font-size: 0.9em; line-height: 1em;
        } 
    .institution #centerContainer .schema {width: 200px; margin-left: 80px;}
    
    
    #bodyImef #centerContainer ul {clear: none;}
    
    /*********************/
    /*     Pages générales     */
    /*********************/
    
    #bodyActualites #centerContainer h2 {background: transparent url(../images/titreActualites.gif) no-repeat;}
    #bodyContact #centerContainer h2 {background: transparent url(../images/titreContact.gif) no-repeat;}
    #bodyLiens #centerContainer h2 {background: transparent url(../images/titreLiens.gif) no-repeat;}
    
    .general #centerContainer h4 {color: #718AB3; margin-bottom: 10px;}
    
    .general #centerContainer #introduction p {clear: none;}
    .general #centerContainer p {clear: both;}
    
    
    /****************************/
    /* Corrections postérieures */
    /****************************/
    
    #centerContainer #blocContacts ul {list-style-image: url(../images/puceListe.gif) !important;}
    #centerContainer #blocContacts ul li a {color: #0045BD; text-decoration: underline;}
    #centerContainer #blocListe ul li a {color: #0045BD; text-decoration: underline;}