@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font:12px 'Trebuchet MS', Verdana, Arial; 
	background-color:#06345d; 
	background-image:url(../../ressources/images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	padding:0px;
	margin:0px;
	color:#06345d;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENEUR GLOBAL --- */
div#page {
	position: relative;
		/* permet au bloc de servir de référent pour
		ses descendants positionnés en absolu */
	width: 960px;
	margin: 0 auto;
	display:block;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- BLOC CONTENU --- */
div#contenu{
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	height:100%;
	background-color:#FFFFFF;
	min-height: 100%;
}
* html div#contenu {
	height: 100%;
}
.orange{ color:#f99d1c; font-weight:bold}

div#contenu h1 { text-align:left; color:#06345d; line-height:2ex; padding: 10px 0 2px 20px;padding:5px;}
div#contenu h2 { font-weight:bold; color:#f99d1c; line-height:2ex;14px;padding:5px;}
div#contenu h3 { font-weight:bold; color:#06345d; line-height:2ex; font-size:13px;padding:5px;}

div#contenu p { text-align:justify; padding:5px; }

div#contenu a { text-decoration:none; color:#444444}
div#contenu a:hover { color:#555555; text-decoration:none; }
div#contenu a img { border:0;}

div#contenu ol {font-style:italic; font-weight:bold; list-style-type: square ; list-style-position:outside;}
div#contenu li {font-style:italic; font-weight:bold; list-style-type: square ; list-style-position:inside; padding:2px 2px 2px 0px}
div#contenu li .orange{ color:#f99d1c; font-size:13px; }

div#contenu .titre_jaune { padding-left:15px; font-weight:bold; color:#f99d1c;  }
/* Ne pas oublier les styles suivants, à appliquer au premier élément
	   et au dernier élément (hors pied de page) du bloc conteneur */
div#page #premier-element {
	margin-top: 0; /* évite tout risque de fusion des marges */
	padding:0px;
}
div#page #dernier-element {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 4em;			/* ATTENTION : cet espace doit permettre de placer le pied de page! */
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- HEADER --- */
div#header {
	background-color:#06345d;
	position: relative;
	width: 100%;
	/* pour que le bloc prenne toute la largeur du bloc de référence
		Note : le bloc de référence est le plus proche ancêtre positionné
	en relatif ou en absolu */
	height: 25px;
	text-align:center;
	padding-top:0px;
	color:#FFFFFF;
	font-size:14px;
}
div#header p { text-align:justify; padding:5px; color:#FFFFFF}
div#header a { text-decoration:none; color:#FFFFFF}
div#header a:hover { color:#aaaaaa; text-decoration:none; }
div#header a img { border:0;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- FOOTER --- */
div#footer {
	background-color:#06345d;
	/*position: absolute;
	bottom: 0px;
	left: 0px;*/
	width: 100%;
	margin:0px;
	/* pour que le bloc prenne toute la largeur du bloc de référence
			   Note : le bloc de référence est le plus proche ancêtre positionné
			   en relatif ou en absolu */
	height: 170px;
	padding-left:5px;
	display:block;
}
div#footer  #col_coordonnes{ width:240px; height:140px; float:left; display:block}
div#footer  #col_commerciaux{ width:240px; height:140px; float:left; display:block}
div#footer  #col_info_portage{ width:240px; height:140px; float:left; display:block}
div#footer  #col_liens_partenaires{ width:240px; height:140px; float:left; display:block}
div#footer  #col_signature{ width:960px; height:20px; text-align:center; float:left; display:block}

div#col_coordonnes span {color:#FFFFFF; font-size:11px; display:block;}
div#col_coordonnes .orange {color:#f99d1c; font-size:13px; font-weight:bold; }
div#col_coordonnes h2 { color:#f99d1c; line-height:0px; font-size:14px; font-weight:bold; padding:0px;}
div#col_coordonnes a { text-decoration:none; color:#FFFFFF}
div#col_coordonnes a:hover { color:#444444; text-decoration:none; }
div#col_coordonnes ol {color:#FFFFFF; font-size:11px;  font-style:italic; display:block; text-align:left; padding-left:5px;}
div#col_coordonnes li { list-style:square; list-style-position:inside; }

div#col_commerciaux span {color:#FFFFFF; font-size:13px; padding:0px; }
div#col_commerciaux h2 { color:#f99d1c; line-height:0px; font-size:14px; font-weight:bold; padding:0px;}
div#col_commerciaux a { text-decoration:none; color:#FFFFFF}
div#col_commerciaux a:hover { color:#444444; text-decoration:none; }
div#col_commerciaux ol {color:#FFFFFF; font-size:11px; font-style:italic; display:block; text-align:left; padding-left:5px;  }
div#col_commerciaux li {list-style:square; list-style-position:inside;}

div#col_info_portage span {color:#FFFFFF; font-size:13px; padding:0px; }
div#col_info_portage h2 { color:#f99d1c; line-height:0px; font-size:14px; font-weight:bold; padding:0px;}
div#col_info_portage a { text-decoration:none; color:#FFFFFF}
div#col_info_portage a:hover { color:#444444; text-decoration:none; }
div#col_info_portage ol {color:#FFFFFF; font-size:11px; font-style:italic;  display:block; text-align:left; padding-left:5px; }
div#col_info_portage li { list-style:square; list-style-position:inside; }

div#col_liens_partenaires span {color:#FFFFFF; font-size:13px; padding:0px; }
div#col_liens_partenaires h2 { color:#f99d1c; line-height:0px; font-size:14px; font-weight:bold; padding:0px;}
div#col_liens_partenaires a { text-decoration:none; color:#FFFFFF}
div#col_liens_partenaires a:hover { color:#444444; text-decoration:none; }
div#col_liens_partenaires a img { border:0;}
div#col_liens_partenaires ol {color:#FFFFFF; font-size:11px; font-style:italic;  display:block; text-align:left; padding-left:5px; }
div#col_liens_partenaires li { list-style:square; list-style-position:inside; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////// TITRE DIV */
div#titre{
	height:33px;
	background-color:#06345d;
	background-image:url(../images/titre_bg.jpg);
	background-repeat:no-repeat;	
}
div#titre h1{
	color:#FFFFFF;
	font:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	line-height:0px;
	margin:0px;
	padding:0px;
	padding-left:75px;
	padding-top:17px;
	vertical-align:middle;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////// CONTENU ACCUEIL /////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#contenu div#accueil_solution {width:100%; height:540px; background-color:#FFFFFF;}
div#contenu div#accueil_solution_haut {width:100%; height:740px; background-color:#FFFFFF;}
div#contenu div#accueil_solution div#col_metier {width:240px; float:left; height:480px}
div#col_metier img { padding:6px;}
div#col_metier h2 {	 padding:6px; color:#f99d1c; margin:0px; margin-bottom:-15px; line-height:2ex; text-align:center;}
div#col_metier h3 {  color:#06345d; font-style:italic; text-align:center;}
div#col_metier p { padding:10px; color:#06345d; text-align:justify;}
div#col_metier .orange {color:#f99d1c; font-weight:bold; font-size:12px; text-align:center; }

/*///////////////////////POUR ACCUEIL DIV NEWS///////////////////////*/

div#news_accueil{
	width:480px;
	float:left;
	background-color:#FFFFFF;
	height:400px;
}
div#news_accueil h2 { padding:6px; font-size:15px; color:#f99d1c; margin:0px; margin-bottom:-10px; line-height:2ex}
div#news_accueil h3 { padding:6px; font-size:13px; color:#f99d1c; margin:0px; margin-bottom:-10px; line-height:2ex;}
div#news_accueil p { padding:6px; font-size:11px; color:#555555; margin:0px;  line-height:15px}

/* /////////////////////////////////////////////// DIV ACCUEIL*/
div#div_accueil{
	width:480px;
	background-color:#FFFFFF;
	height:400px;
	float:left;
	color:#06345d;
	position:relative;
}
div#div_accueil p{color:#06345d; padding:10px}



.gros_titre_bleu{
font-size:18px;
 color:#06345d;
}