@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------------
DESIGN GENERAL 
/* ------------------------------------------------------------------------ */

body {
	text-align: center;
	margin: 0;
	padding: 0;

	 background: url(fond_3000.jpg) center top repeat-y; 

	
	color:#FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
}

#global {
	position:relative;
	width: 1000px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

	background: url(fond.jpg) 0 0 repeat-y;
	
	border-left: 1px solid #a0b0c3;
	border-right: 1px solid #22456d;
	border-bottom: 1px solid #a0b0c3;
	
}

#bar_top {
	position:absolute;
	top: 0px;
	left:465px;
	width:535px;
	height:35px;

	background: url(bar_top.jpg) 0 0 no-repeat;
}

#logo {
	position:absolute;
	top: 35px;
	left:484px;
}


/* -----  MENU GENERAL  ----- */
#menu_general {
	position:absolute;
	right:0;
	top: 35px;	
}
	#menu_general ul{
		width: 114px; 
		margin-top:0;
		
		list-style: none;
	}
	#menu_general a{
		width: 100%; 
		display: block;
		
		color: #FFF; 
		text-decoration: none; 
	}
	#menu_general a:hover, #menu_general a#menu_general_active{
		background-color: #fff; 
		color: #000;
	}
/* -----  FIN MENU GENERAL  ----- */


/* -----  BASELINE  ----- */
#baseline {
	position:relative;
	width: 520px;
	height: 50px;
	margin-left:auto;
	
	border-top: 1px solid #FFF;
	color: #214878;
	font-size:9px;
}
	#baseline #bloc {
		position:absolute;
		right:0;
		width: 160px;
		height: 50px;

		background-color:#acb7bc;
	}
.baselogo {
	float:left;
	margin-left: 5px;
}
	.baselogo span {
		line-height: 20px;
	}	
#sepa { 
	border-right: 1px solid #FFF;
	width: 140px;
}
/* -----  FIN BASELINE  ----- */




/* ------------------------------------------------------------------------
HOMEPAGE
/* ------------------------------------------------------------------------ */


/* -----  BANDEAUX & ORNEMENTS -----  */

#ornements_01 {
	background: url(ornements_01.jpg) 58px 160px no-repeat;
}

#bandeau_01 {
	position:relative;
	top: 307px;
	width:1000px;
	height:81px;

	background: url(bandeau_01.jpg) 0 0 no-repeat;
}

/* -----  FIN BANDEAUX & ORNEMENTS -----  */


/* ---- CONTENU  ----- */

#contenu_hp_haut, #contenu_hp_bas {
	position:relative;
	
	text-align:justify;
}
	#contenu_hp_haut {
		min-height:307px;
		width: 880px;
	}
	
	#contenu_hp_bas {
	
		min-height:200px;
		margin-left:462px;
		/* background: url(fond_stri.gif) top left no-repeat; */
		width: 535px;
		
		font-size:9px;
	}

#texte_intro {
	position:absolute;
	top: 30px;
	left:100px;
	width: 345px;

	color: #4e6c8f;
}

#interact_av {
	position:absolute;
	top: 38px;
	left:465px;
	/*width: 347px;*/
}

.box_hp {
	margin-left: 18px;
	margin-bottom: 17px;
	width: 505px;
	margin-top:10px;

}

.box_hp_demi { 
	margin-left: 18px;
	margin-bottom: 17px;
	margin-top:5px;
	width: 243px; 
	float:left;
}

.h3-next {
	margin-top: 5px;
	/* background-color: #284d77; */
	color:#284D77;
		background-color: #D5DCE6;
	height: 16px;
	line-height: 14px;
}
	#contenu_hp_bas h3 {
		margin:0;
		width:80%;
		float:left;
		
		font-size:10px;
		font-weight:normal;
	}
	
	.next {
		font-size:9px;
	}
		.next a {
			text-decoration:none;
			color:#244A79;
		}
			.next a:hover {
				color:#000;
			}

#texte_intro h2  {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	margin:0 0 5px 0;
}
  
#interact_av h2, #contenu_hp_bas h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	margin:0 0 0px 0;
	text-transform:uppercase;
	/* border-bottom:1px solid #214878; */
}
/* ---- FIN CONTENU  ----- */

/* ----- BANDEAUX & ORNEMENTS -----  */

#ornements_02 {
	position:absolute;
	right:0;
	bottom:40px;
	width: 222px;
	height: 323px;
	
	background: url(ornements_02.jpg) bottom right no-repeat;
}
/* -----  FIN BANDEAUX & ORNEMENTS -----  */




/* ------------------------------------------------------------------------ 
PAGE TYPE
----------------------------------------------------------------------- */

/* -----  MENU NIVEAU 2 et 3  ----- */

#menu_2niv {
		position:absolute;
		width: 185px;
		top: 238px;
		left:0;
}

	#menu_2niv h2 {
		font: 18px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;	
		margin:0 0 5px 15px;
	}

	#menu_2niv ul {
		padding: 0 0 0 15px;
		margin: 12px 0 0 0;
		list-style: none;
	}
	
	#menu_2niv a{
		color: #4e6c8f; 
		text-decoration: none; 
		
	}
	#menu_2niv a:hover {color: #000;}
	
	#menu_2niv a#menu_2niv_active{font-weight:bold;}

/* Niveau 3 */
#menu_2niv ul li ul {
	margin: 5px 0 5px -5px;
}

	#menu_2niv ul li ul a {
		color: #b4c1d0;
	}
	
	#menu_2niv a#menu_3niv_active {
		color: #284d78;
		/* background: url(puce_niv3.gif) 0px 0px no-repeat; */
	}
/* -----  FIN MENU NIVEAU 2 et 3  ----- */


/* ----- BANDEAUX & ORNEMENTS -----  */
#ornements_03 {
	background: url(ornements_03.jpg) 0px 0px no-repeat;
}
/* -----  FIN BANDEAUX & ORNEMENTS -----  */


/* ---- CONTENU  ----- */
#contenu_type_bas {
	min-height:200px;
	padding-top: 262px;
	margin-left:180px; /* 200*/
	margin-bottom:20px;

	
	/* background: url(fond_stri.gif) top left no-repeat; */
	
	text-align:justify;
	color: #000;
	font-size:9px;
}
	
	#contenu_type_bas h3 {
		font-size: 10px;
		font-weight:bold;
		text-transform:uppercase;
	}

	#contenu_type_bas h4 {
		font-size: 9px;
		font-weight:bold;
		color:#000;
		

		text-transform:uppercase;
    	text-align:left;
	}

.colonne {
	float:left;
	width: 182px;
	margin-right: 12px;
}

.colonne-large {
	float:left;
	width: 364px;
	margin-right: 12px;
}

	.colonne#last {
		width:auto;
		margin-right: 0;
	}
	
.colonne_media{float:right;padding:15px;border:1px solid white;width:368px;text-align:center;background:url(/layout/fond_stri.gif);margin:20px 10px 20px 0;}
  
  
  
.col-img {
	width:288px; 
	float:left;
	margin-right: 12px;
}  
.col-contenu { 
 	width:510px; 
	float:left; 
	margin-bottom: 20px;
}
  
  
#quicklist {
	background: url(fond_stri.gif) top left repeat;
	border:1px solid #FFF;
	padding:5px;
	
	/* font-weight:bold; */
	text-align:left;
}

#see_also {
	background-color:#7c93ad;
	border:1px solid #FFF;
	padding:5px;
	text-align:left;
}

#quicklist h4, #see_also h4 {
	background-color: transparent;
}
#quicklist h4 {
	margin:0 0 0 5px;
	color:#000;
	font-weight:bold;
}

/* ---- FIN CONTENU ----- */


/* ------------------------------------------------------------------------
MISC
/* ------------------------------------------------------------------------ */


h1 {
	position:absolute;
	left: -6000px;
	top: -6000px;
}

a {
	color:#032a58;
}
	a:hover {
		color: #275fa2;
	}
	
a.jobs {
	color:#fff;
	text-decoration:none;
}
	a.jobs:hover {
		text-decoration:underline;
	}	
	

	

img {
	border:0;
}

.img_tb {
	float:left;
	margin: 0 3px 0 0;
	border:0;
}

img.border {
	border:1px solid #244e74;
}

.intro {
	margin-bottom: 10px;
}

p {
	margin: 0 0 13px 0;
}

.clear {
	clear:both;
}


/* formulaire */

input {
	border:1px solid #244e74;
	color: #244e74;
	font-size:9px;
}

table {
	border:1px solid #244e74;
}

td {
	border:1px solid #244e74;
}

hr {
	color: #7b91ac;
	background-color: #7b91ac;
	height: 1px;
	border: 0;

}