/* CSS Document */
/**
 * REFERENCES COULEURS
 *
 * Couleur bleu ciel pour fond bleu foncé
 * color:#87ABDA;  
 *
 * Fond bleu foncé avec picto AD
 * background:url(../images/picto_ad.gif) #333A5C 8px center no-repeat;
 * padding:6px 8px 6px 32px;
 *
 * Titre
 * color:#5C6178;
 *
 * Sous Titre
 * color:#4F7DBF;
 *
 * Liens
 * color:#C7D5E8;
 *
 **/


body {
	background:url(../images/fond.gif);
	margin:10px 0px; padding:0px;
	text-align:center; /* centré */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#676F88;
	font-size:10px;
}

h1{
	margin-bottom:12px;
	font-size:16px;
}

h3{
	font-size:13px;
}

a{
	/*color:#C7D5E8;*/
	color:#3870B7;
	text-decoration:none;
}
a:hover,  a:hover blockquote{
	text-decoration:underline;
}


blockquote{
	margin:5px 0 0 15px;
}


/* ---------------- layout général -------------------*/

#main {
	margin:0px auto; /* centré */
	text-align:left; /* réaligne le texte à gauche */
	padding:3px;
	width:748px; 	/* lageur pour IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:754px;  /* lageur pour les nav qui tiennent la route */
	background-color:#FFFFFF;
}

/* Again, "be nice to Opera 5". */
body>#main {width:754px;}


#header{
	position:relative;
	width:754px; height:74px;
	background:url(../images/header.jpg) left no-repeat;
}

#header a{
	color:#C7D5E8;
}

#header_sondage{
	position:relative;
	width:754px; height:106px;
	background:url(../images/header_sondage.jpg) left no-repeat;
}

#header_sondage a{
	color:#C7D5E8;
}



#header_nav{
	position:absolute;
	right:0; top:0;
	margin:8px 10px;
	text-align:right;
}

#top_nav{
	margin-bottom:15px;
}

#newsletter{
	font-size:9px;
}


#bandeau{
	margin-top:3px;
	background-color:#FFFFFF;
}

#bandeau div#photos {
	float:left;
	border-right:#FFFFFF solid 3px;

}
#bandeau div#logos {
	float:left;
}





#copyright{
	margin-top:3px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#627897;
}


#footer{
	margin:0 auto; /* centré */
	width:754px;  
}

#footer a{
	color:#C7D5E8;
}

#footer .navigation{
	margin:10px 0;
	font-size:11px;
	font-weight:bold;
}


/* page produit */

.software {
	background:#91b1dc;
	border-top:#fff solid 6px;
	float:left;
}

.software_description {
	float:left;
	width:415px;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1c3253;
}

.software_description h1{
	font-size:15px;
	font-weight:bold;
}

.software_description .texte {
	font-size:13px;
}


.software_nav_verticale {
	float:left;
	width:299px;
	padding:10px;
}

.software_nav_verticale img {
	padding-top:4px;
}

/* ---------------- Mise en page du contenu -------------------*/

/**
 * Mise en page une colomne
 *
 **/
 
#contenu{
	background-color:#E5E9F2;
	margin-top:6px;
	padding:1px 0; /* Necessaire pour éviter le margin colapsing http://www.researchkitchen.de/blog/archives/css-autoheight-and-margincollapsing.php */
	float:left;
	padding-bottom:10px;
}

/**
 * Mise en page 2col avec colomne à droite
 * technique fauxcol et marges négative
 * http://www.alistapart.com/articles/negativemargins
 **/

#div_2col_d_contenu{
	background:url(../images/fond_2col_d.gif) repeat-y right;
	margin-top:6px;
}

#div_2col_d_droite{
	float:right;
	width:200px;
}

#div_2col_d_droite a{
	color:#C7D5E8;
}

#div_2col_d_centrale{
	float:left;
	width:100%;
	margin-right:-203px;
}

#div_2col_d_centrale_contenu{
	margin-right:203px;
}

/**
 * Mise en page 2col avec colomne à gauche
 * technique fauxcol et marges négative
 * http://www.alistapart.com/articles/negativemargins
 **/
#div_2col_g_contenu{
	background:url(../images/fond_2col_g.gif) repeat-y left;
	margin-top:6px;
	padding:0;
}

#div_2col_g_droite{
	float:left;
	width:200px;
}

#div_2col_g_droite a{
	color:#C7D5E8;
}

#div_2col_g_centrale{
	float:right;
	width:100%;
	margin-left:-200px;
}

#div_2col_g_centrale_contenu{
	margin-left:200px;
}


/* ---------------- Mise en page des blocs -------------------*/

/* bloc centrale */ 
div.bloc_centrale{
	margin:8px;
	padding:10px;
	border:1px solid #BFC3D3;

}
/* Correction de plusieurs bugs avec float sur IE win */
/* Cacher pour IE-mac \*/
* html div.bloc_centrale {height: 1%;} /* Visible seulement par IE win (* html) */
/* Fin cacher pour IE-mac */

/*-----------------------------*/

/* bloc droite */
div.bloc_col_droite{
	color:#FFFFFF;
}

div.bloc_col_droite h3{
	background:url(../images/picto_ad.gif) #333A5C 8px center no-repeat;
	border-bottom:2px solid #FFFFFF;
	padding:6px 8px 6px 32px;
	color:#87ABDA; 
}

div.bloc_col_droite p{
	padding:15px;
	color:#FFFFFF;
}

/*-----------------------------*/

/* bloc encare col centrale */
div.encare{
	display: inline;
	margin:0;
}

div.encare h3{
	background:#1A2E51 8px center no-repeat;
	padding:6px 8px 6px 32px;
	color:#87ABDA;
}

div.encare h3.picto_ad{
	background-image:url(../images/picto_ad.gif);
}

div.encare h3.picto_mro{
	background-image:url(../images/picto_mro.gif);
}

div.encare p{
	padding:15px;
}

/*-----------------------------*/




/* separateurs */
div.separateur{
	height:2px;
	background-color:#FFFFFF;
	font-size:2px;	/* IE fix */
}

.box_separateur_v{
	margin-left:20px;
}

/*-----------------------------*/


/* organigramme : AIR MANAGEMENT SYSTEM */
.organigramme_filet_Hrz {
background:url(../images/1x1_A3A7BB.gif) center repeat-x;
}
.organigramme_filets_bas {
background:url(../images/organigramme_filets_bas.gif) center top no-repeat;
}
.organigramme_fleche_G {
background:url(../images/organigramme_flech_G.gif) right no-repeat;
}
.organigramme_fleche_D {
background:url(../images/organigramme_flech_D.gif) left no-repeat;
}

div.bloc{
	background-color:#FFFFFF;
}
div.bloc h3{
	padding:6px 8px 6px 15px;
	background:#1A2E51 8px no-repeat;
	text-align:center;
}
div.bloc p{
	padding:15px;
	text-align:left;
}
div.bloc_central{
	background-color:#87ABDA;
}
div.bloc_central h3{
	padding:6px 8px 6px 15px;
	background:#1A2E51 8px no-repeat;
	text-align:center;
}
div.bloc_central p{
	padding:15px;
	color:#000000;
	text-align:left;
	background-color:#87ABDA;
}

div.bloc_central p a, div.bloc_central p a:hover {
	color:#000000;
}



/*--------------------------------------*/

/* introduction */
.intro_flash{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:10px;
	padding:10px 8px 8px 10px;
}
.skip_intro{
	color:#3870B7;
	text-decoration:none;
	padding:10px 8px 8px 10px;
}
.skip_intro a{
	color:#3870B7;
	text-decoration:none;
	padding:10px 8px 8px 10px;
}
.skip_intro a:hover{
	text-decoration:underline;
}
/*--------------------------------------*/

/* infos légales */
.infos_legales_tbl{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#333A5C;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	background-color:#ECEBE8;
}
.infos_legales_tbl td{
	padding:5px;
}
td.infos_legales_fermer a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	padding:8px 8px 8px 8px;
}
td.infos_legales_fermer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.infos_legales_titre {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #FFFFFF;
}
.titres_infos_legales {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#333A5C;
}
/*--------------------------------------*/