/* CSS Document */

a:link, 
a:visited, 
a:active {
	color:#008596;

}

a:hover {
	color:#00487D;

}

.body-home {
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	color:#00487D;
}
.body-popup {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#00487D;
}

.body-page-type {
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(images/fond_page_type.jpg);
	background-repeat: repeat-x;
	color:#00487D;
}

p{
	margin:0px;
	padding: 0px 0px 5px 0px;
}

img{
	border:0px none;
}

#printlogo {
	display: none;
	position: absolute;
	top:0px;
	left: 0px;
}

/**********************************************/
/*			DIV COMMUNES TOUTES PAGES		  */
/**********************************************/
.container {
	position: relative;
	width:978px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
}

#header-acces{
	position: relative;
	width:978px;
	background-color:#6BA5BD;
	height:20px;
	text-align:right;
	border-bottom:1px solid #00487D;
	float:left;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	border-top:1px solid #00487D;
}

#header-acces a:link,
#header-acces a:visited,
#header-acces a:active{
	color:#FFFFFF;
	text-decoration: none;
	border-left:1px solid #00487D;
}

#header-acces a:hover{
	color:#00487D;
	text-decoration: none;
}

#footer{
	position: relative;
	width:978px;
	background-color:#FFFFFF;
	border:1px solid #00487D;
	font-size:10px;
	color:#6A787E;
	text-align:center;
	float:left;
	}

#footer a:link,
#footer a:visited,
#footer a:active{
 	color:#6A787E;
	text-decoration: none;
	font-weight:normal;
	font-size:10px;
}

#footer a:hover{
 	color:#6A787E;
	text-decoration: underline;
	font-weight:normal;
	font-size:10px;
}

#credits{
	position: relative;
	float:left;
	text-align:right;
	width:975px;
	color:#A0AEB4;
	font-size:10px;
	background-color:transparent;
	}

#ariane{
	position:absolute;
	width:450px;
	left: 307px;
	top: 164px;
	z-index:3000;
	text-align:right;
	color:#008596;
	font-size:10px
	}


#ariane a:link,
#ariane a:visited,
#ariane a:active{
	color:#008596;
	text-decoration: none;
	font-size:10px

}

#ariane a:hover{
	color:#008596;
	text-decoration: underline;
}

/**********************************************/
/*				SPECIFIQUE HOME				  */
/**********************************************/

#visuel-home{
	position: relative;
	width:978px;
	background-color:#FFFFFF;
	float:left;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	height:220px;
	background-image: url(images/fond_zoneimage_home.jpg);
	background-repeat: no-repeat;
	}
#visuel-home2{
	float:left;
	}

#content-home{
	width:978px;
	float:left;
	background-color:#CCDBE2;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	padding-bottom:30px;
	background-image: url(images/fond_home_contenu1.gif);
	background-repeat: no-repeat;
	}

#content-home-1{
	position: relative;
	width:379px;
	float:left;
	border-right:1px solid #939393;
	color:#008596;
	text-align:right;
	padding-right:10px;
	padding-bottom:30px;
	}

#content-home-2{
	position: relative;
	width:175px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	margin-top:30px;
	}

#content-home-3{
	position: relative;
	width:175px;
	float:left;
	border-left:1px solid #939393;
	padding-right:10px;
	padding-left:10px;
	margin-top:30px;
	}

#menu{
	position: relative;
	margin-top:30px;
	border-left:1px solid #939393;
	width:173px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:7px;
	float:left;
	}

#menu-contenu{
	position: relative;
	width:173px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:7px;
	margin-left:15px;
	_margin-left:15px;
	float:left;
	}




/**********************************************/
/*			PAGE TYPE STANDARD				  */
/**********************************************/
#content-col-products{
	position: relative;
	width:160px;
	padding-right:9px;
	padding-left:10px;
	float:left;
	height:260px;
	margin-bottom:20px;
	background-image: url(images/fond_cartouche_segmentation.gif);


}

.border-div{
	border-right:1px solid #939393;
}



#visuel-pagetype{
	position: relative;
	width:978px;
	background-color:#FFFFFF;
	float:left;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	height:145px;
	background-image: url(images/visu-pagetype.jpg);
	background-repeat: no-repeat;
	}

#content-pagetype{
	width:978px;
	float:left;
	background-color:#CCDBE2;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	background-image: url(images/fond_filet_contenu.gif);
	background-repeat: repeat-y;
	}

#content-pagetype-agentscommercial{
	width:978px;
	float:left;
	/*background-color:transparent;
	background-image: url(images/carte_agentscommerciaux.gif);
	background-repeat: no-repeat;*/
	}

#content-pagetype-distributeurs{
	width:978px;
	float:left;
	/*background-color:transparent;
	background-image: url(images/carte_distributeurs.gif);
	background-repeat: no-repeat;*/
	}

#content-pagetype-left{
	position: relative;
	width:737px;
	float:left;
	padding-left:30px;
}

#content-titre{
	position: relative;
	width:722px;
	float:left;
	color:#00487D;
	vertical-align:top;
	}

#content-1col{
	position: relative;
	/*width:722px;*/
	float:left;
	color:#00487D;
	text-align:justify;
	padding-bottom:10px;
	}

#content-1col-fondblanc{
	position: relative;
	float:left;
	width:703px;
	color:#00487D;
	text-align:justify;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:30px;
	background-image:url(images/fond_systemes_innovants.gif);
}

#content-2col-visu{
	position: relative;
	width:255px;
	float:left;
	color:#00487D;
	padding-bottom:10px;
	padding-right:15px;
	text-align:right;
	}


#content-2col-visu ul{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
	font-weight:normal;
	text-align:right;
}


#content-2col-visu ul li{
	background-repeat: no-repeat;
	background-position:bottom;
}

#content-2col-visu  ul li.actif {
	color:#023863;
	font-weight:bold;
	text-align:right;
}

#content-2col-texte{
	position: relative;
	width:390px;
	_width:380px;
	float:left;
	color:#00487D;
	border-left:1px solid #939393;
	padding-top:30px;	
	padding-bottom:10px;
	padding-left:45px;
	background-image: url(images/fond_fiche.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	padding-right:20px;
	_padding-right:0px;
	}


#content-2col-produit{
	position: relative;
	width:390px;
	_width:380px;
	float:left;
	color:#00487D;
	border-left:1px solid #939393;
	padding-top:30px;
	padding-bottom:10px;
	padding-left:45px;
	background-image: url(images/fond_fiche_produit.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	padding-right:30px;
	_padding-right:0px;
	}


#content-2col-texte-produit{
	position: relative;
	width:440px;
	float:left;
	color:#00487D;
	border-left:1px solid #939393;
	padding-top:0px;	
	padding-bottom:10px;
	padding-left:10px;
	}

#content-2col-texte2{
	position: relative;
	width:auto;
	
	color:#00487D;
	}


#imprimer{
	width:420px;
	position: relative;
	float:left;
	color:#00487D;
	padding-bottom:0px;
	padding-top:20px;
	/*ajout CDE*/
	clear: both;
	}

#imprimer a:link,
#imprimer a:visited,
#imprimer a:active{
	color:#00487D;
	text-decoration: none;
	font-size:10px
}

#imprimer a:hover{
	color:#00487D;
	text-decoration: underline;
}

/**********************************************/
/*				AERONAUTICS					  */
/**********************************************/
#visuel-aeronautics{
	position: relative;
	width:978px;
	background-color:#FFFFFF;
	float:left;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	height:145px;
	background-image: url(images/visu-aeronautics.jpg);
	background-repeat: no-repeat;
	}

/**********************************************/
/*				AUTOMOTIVE				  */
/**********************************************/
#visuel-automotive{
	position: relative;
	width:978px;
	background-color:#FFFFFF;
	float:left;
	border-left:1px solid #00487D;
	border-right:1px solid #00487D;
	height:145px;
	background-image: url(images/visu-automotive.jpg);
	background-repeat: no-repeat;
	}

/**********************************************/
/*					PRODUITS				  */
/**********************************************/


#cartouche-produit{
	position: relative;
	width:145px;
	background-color:#FFFFFF;
	height:200px;
	margin-bottom:15px;
	margin-right:0px;
	margin-left:0px;
	text-align:center;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	background-image: url(images/fond_produit.gif);
	background-repeat: no-repeat;
}

.liens-segmentation{
	width:100px;
	vertical-align:middle;
	height:40px;
	padding-top:5px;
	text-align:center;
	margin-left:25px;
	_margin-left:0px;
}

/**********************************************/
/*					MENU	 				  */
/**********************************************/

#menu ul{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
}

#menu ul ul{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
	background-color:#CCDBE2;
}

#menu ul li{
	background-image: url(images/filet_menu_fx.gif);
	_background-image: url(images/filet_menu.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	_background-position: top;
	_height: 20px;
}


#menu-contenu ul{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
	background-image: url(images/masque_couleur_menu.gif);
}

#menu-contenu ul li{
	background-image: url(images/filet_menu_fx.gif);
	_background-image: url(images/filet_menu.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	_background-position: top;
	_height: 20px;
}

#menu-contenu ul ul{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
	background-image: url(images/masque_couleur_menu.gif);
}

#menu-contenu ul li li {
	background-image: none;
	background-image: none;
	margin-left:10px;
}

#menu-contenu ul ul ul{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
	background-image: none;
	margin-left:10px;
}

#menu-contenu ul li li li {
	background-image: none;
	list-style-type: none;
	background-image: none;

}

#menu-contenu ul li.actif {
	color:#023863;
	font-weight:bold;
}


/**********************************************/
/*				FORMULAIRES	 				  */
/**********************************************/
INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #8D969A;
	color: #00487D;
	background-color:#FFFFFF;
}
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #8D969A;
	color: #00487D;
	background-color:#FFFFFF;

}
SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #8D969A;
	color: #00487D;
	background-color:#FFFFFF;
	text-indent:3px;
}

/* formulaire contact us */
.formcontact label {
	width: 70px;
	text-align: left;
	/*border: 1px solid #330000;*/
	display: inline;
	float: left;
}
.formcontact label.radio {
	width:auto;
	margin-right:5px;
}
.formcontact label.radio input {
	border: none;
}
.formcontact .boutons {
	text-align: center;
}
.formcontact p {
	clear:both;
}

/* formulaire Training opportunities */
.formtraining label {
	width: 90px;
	text-align: left;
	/*border: 1px solid #330000;*/
	display: inline;
	float: left;
}
.formtraining label.radio {
	width:auto;
	margin-right:5px;
}
.formtraining label.radio input {
	border: none;
}
.formtraining .boutons {
	text-align: center;
}
.formtraining p {
	clear:both;
}

/* formulaire job opportunities */
.formjob label {
	width: 90px;
	text-align: left;
	/*border: 1px solid #330000;*/
	display: inline;
	float: left;
}
.formjob label.radio {
	width:auto;
	margin-right:5px;
}
.formjob label.radio input {
	border: none;
}
.formjob .boutons {
	text-align: center;
}
.formjob p {
	clear:both;
}

/* formulaire apply */
.formapply label {
	width: 90px;
	text-align: left;
	/*border: 1px solid #330000;*/
	display: inline;
	float: left;
}
.formapply label.radio {
	width:auto;
	margin-right:5px;
}
.formapply label.radio input {
	border: none;
}
.formapply .boutons {
	text-align: center;
}
.formapply p {
	clear:both;
}


/**********************************************/
/*				PLAN  DU SITE				  */
/**********************************************/

#plan{

   position:relative;
	float:left;
	/*width:545px;*/
	padding-left:70px;
	padding-right:70px;
}

#plan ul{
	margin:0 0 0 10px;
	color:#177877;
	font-weight:bold;
	padding:4px 0 0 0;
	list-style-image: none;
	list-style-image: url(images/puce.gif);
	background-repeat: repeat-x;
}


#plan ul ul {
	margin: 0 0 0 50px;
	font-weight:normal;
	list-style-image: url(images/puce_menu.gif);
	padding: 0 0 0 0;
}


#plan ul ul ul {
	margin: 0 0 0 50px;
	font-weight:normal;
	list-style-image: none;
	list-style-image: url(images/puce_menu.gif);
	padding: 0 0 0 0;
}

#plan a:link,
#plan a:visited,
#plan a:active{
	text-decoration: none;

}

#plan a:hover{
	text-decoration: underline;
}


/**********************************************/
/*				STYLES TXT & LIENS 			  */
/**********************************************/


.lien-menu-niveau1,
a.lien-menu-niveau1:link
{
 	color:#008596;
	text-decoration: none;
	font-weight:bold;
}

a.lien-menu-niveau1:hover
{
 	color:#023863;
	text-decoration: none;
}


.lien-menu-niveau2,
a.lien-menu-niveau2:link,
a.lien-menu-niveau2:visited,
a.lien-menu-niveau2:active
{
 	color:#008596;
	text-decoration: none;
	font-weight:normal;
}
a.lien-menu-niveau2:hover
{
 	color:#023863;
	text-decoration: none;
}

.lien-menu-niveau3,
a.lien-menu-niveau3:link,
a.lien-menu-niveau3:visited,
a.lien-menu-niveau3:active
{
 	color:#008596;
	text-decoration: none;
	font-weight:normal;
}
a.lien-menu-niveau3:hover
{
 	color:#023863;
	text-decoration: none;
}

.lien-rubrique-active,
a.lien-rubrique-active:link,
a.lien-rubrique-active:visited,
a.lien-rubrique-active:active
{
 	color:#00487D;
	text-decoration: none;
	font-weight:bold;
}
a.lien-rubrique-active:hover
{
 	color:#008596;
	text-decoration: none;
	font-weight:bold;
}


.titre-segmentation,
a.titre-segmentation:link,
a.titre-segmentation:visited,
a.titre-segmentation:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00487D;
	margin:3px;
	text-decoration: none;
	text-align:left;
}

a.titre-segmentation:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008596;
	margin:3px;
	text-decoration: none;
	text-align:left;
}


blockquote
{
	margin-top: 0px;
	margin-bottom: 0px;
}


ul{
	margin-left:30px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	padding-bottom:0px;
	list-style-type: none;
	list-style-image: url(images/puce.gif);
	text-align:left;
}
ul ul{
	margin-left:30px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	padding-bottom:0px;
	list-style-type: none;
	list-style-image: url(images/puce_menu.gif);
	text-align:left;
}


.ul-clients{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding:15px;
	list-style-type: none;
	list-style-image: none;
	color:#008596;
	font-weight:bold;
	/*background:url(images/fond_clients.gif);*/
}



.ul-clients ul{
	margin-left:45px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	padding-bottom:0px;
	list-style-type: none;
	list-style-image: none;
	list-style-image: url(images/puce_menu.gif);
	font-weight:normal;
	color:#00487D;
}

.ul-cible{
	width: 360px;
	background-color:#6BA5BD;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding:15px;
	list-style-type: none;
	list-style-image: none;
	color:#FFFFFF;
}

.ul-cible ul{
	margin-left:30px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	padding-bottom:0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position:inside;
	list-style-image: url(images/puce_menu.gif);
	font-weight:normal;
	color:#00487D;
}


h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #00487D;
	margin:0px;
	padding: 0px 0px 15px 0px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00487D;
	margin:0px;
	padding: 0px 0px 10px 0px;
}


.titre-bleu-clair{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00487D;
	padding: 0px 3px 0px 15px;
	/*width:95%;*/
	background-image: url(images/fleche_ss_titre.gif);
	background-repeat: no-repeat;
	border: 1px solid #939393;
	background-color:#CCDBE2;
	margin-top:1px;
}

.titre-contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #00487D;
	margin:3px;
}

.titre-fiche-produit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align:left;
	color: #00487D;
}

.illustration-fiche-produit{
	/*margin-left:8px;
	margin-top:8px;*/
	/*modif CDE*/
	margin: 15px 0px 0px 0px;

}

.marge-illustration{
	margin-left: 15px;
	margin-top:15px;
}

.encadre-bleu-clair{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00487D;
	padding: 0px 3px 0px 3px;
	border: 1px solid #939393;
	background-color:#E3EBEF;
	margin-top:1px;
}
.encadre-blanc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00487D;
	padding: 3px 3px 3px 3px;
	/*width:95%;*/
	border: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	margin-top:1px;
	text-align:left;
}
.encadre-contour-gris{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00487D;
	padding: 3px 3px 3px 3px;
	/*width:95%;*/
	border: 1px solid #939393;
	margin-top:1px;

}

.legende{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #939393;
	padding: 0px 20px 0px 0px;
	margin-bottom:3px;
	background-image: url(images/fleche_legende.gif);
	background-position: right;
	background-repeat: no-repeat;
}

HR
{
	width: 97%;
    height: 1px;
    border: 0px;
    border-top: 1px dashed #939393;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.txt-turquoise{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #008596;
}


#header-popup{
	position: relative;
	width:750px;
	background-color:#FFFFFF;
	float:left;
	border:1px solid #00487D;
	background-image: url(images/visu-popup.jpg);
	background-repeat: no-repeat;
	padding:20px;
	}

.txt-mentions{
	font-size: 10px;
}


/**********************************************/
/*					TABLEAU					  */
/**********************************************/


.tableau{
text-align:left;
}

.tableau-clients{
	text-align:left;
	background-image: url(images/fond_clients.gif);
}
.tableau-organigramme{
	width:720px;
}
.tableau-systemes-innovants{
	width:670px;
}
