/* STYLES GLOBAUX ****************************************/
BODY	{
	height:100%;
	width:100%;
	position:absolute;
	}

TABLE {
	font-size: 100%;
}

H1, H2 {
	font-size:130%;
	font-weight:normal;
	color:White;
	letter-spacing: 0.06em;
	background-color:#0c3e59;
	padding: 4px 8px;
	/* text-transform:uppercase; */
	font-family: "Trebuchet MS", Times New Roman, Arial, sans-serif;
	/* border-bottom: 1px solid White; */
}

H1 > A, H2 > A	{
	padding-right:15px;
	display:block;
	background: transparent url('../images/design2/util_arrow_after_white.gif') no-repeat;
	background-position: right;
	text-decoration:none;
}

H3	{
	font-size: 130%;
	color:#0c3e59;
	font-weight:bold;
	margin: 15px 0px 6px 0px;
	padding: 0px 0px 3px 0px;
	/* border-left : 8px solid #0c3e59; */
	border-bottom: 1px solid #0c3e59;
}

	H3 > A {
		text-decoration:none;
	}
	
	H3 + P.titre_mention	{
		margin: -7px 0px 10px 0px;
		padding: 0px 0px 3px 17px;
	}


H4	{
	margin-top: 8px;
	margin-bottom: 8px;
	font-size:105%;
	font-weight:bold;
}

H5	{
	font-size:100%;
	font-weight:bold;
	font-style:italic;
}

DT	{
	display:inline;
	font-weight:bold;
	margin-top: 6px;
}
DD	{
	display:inline;
}

.titre_mention, .titre_special	{
	font-size:110%;
	color: #8b8a8a;
	letter-spacing: 0.05em;
}

.titre_special {
	font-weight:bold;
}

.titre_mention .titre_special, .titre_special .titre_mention  {
	font-size:100%;
}

P {
	margin-bottom: 10px;	
	line-height:150%;
}

.titre {
	font-size:105%;
	font-weight:bold;
}

.authors {
	color:#3e5e77;
	letter-spacing: 0.01em;
}

.abutton {
	display:inline-block;
	vertical-align: middle;
	padding: 0.2em 0.4em;
	color:White;
	text-transform: uppercase;
	background-color: #4bb7a8;
	text-decoration: none;
	font-size: 94%;
}
	.abutton a {
		text-decoration: none;
	}

.legende {
	font-size: 85%;
	font-style: italic;
	color:#3e5e77;
}

.mention, .mention_strong	{
	color:#3e5e77;
	letter-spacing: 0.01em;
	font-size:95%;
}

.mention_strong {
	font-size:102%;
	font-weight: bold
}

.special	{
	font-style:italic;
	letter-spacing:0.02em;
}
H3 span.special, H4 span.special {
	font-weight: normal;
}

.stick	{
	font-size:115%;
	font-weight:bold;
	color:#7999b4;
	letter-spacing: 0.0em;
	padding: 0px 0px 0px 0px;
	margin-right: 12px;
	text-transform:uppercase;
	font-family: Arial Narrow, Times New Roman, Arial, sans-serif;
	border-top: 1px solid #7999b4;	
	border-bottom: 1px solid #7999b4;	
}

div.big_icon { width: 190px; }
.big_icon A { display:block; text-decoration:none; }
.big_icon IMG { float:left; width:69px; }
.big_icon P.big_icon_p {
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 90%;
	margin-top: 15px;
	width: 120px;
	text-decoration:none;
}
P.big_icon_p SPAN.big_icon_mention {
	font-size:85%;
	text-transform:none;
	line-height: 1.5em;
}
.big_icon P.big_icon_color1 {
	color:#03244b;
}
.big_icon P.big_icon_color2 {
	color:#004706;
}

.state_red {
	background-color: #FFC2B2;
}
.state_green {
	background-color: #CCFF99;
}
.state_yellow {
	background-color: #FFFFA3;
}

.highlight_soft {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 95%;
	background-color: #4bb7a8;
	color: White;
	text-transform: uppercase;
	padding: 0.3em 0.5em;
	display: inline-block;
	vertical-align: middle;	
}

.highlight_hard {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 105%;
	background-color: #5cb2f4;
	color: White;
	text-transform: uppercase;
	padding: 0.4em 0.7em;
	display: inline-block;
	font-variant: italic;
	vertical-align: middle;
}


.table_admin, .table_admin_noborder {
	width:98%;
	margin:auto;
	border-spacing:0px;
	border-collapse:collapse;
}

.table_admin TD {
	vertical-align: top;
	border: 1px solid Gray;
	padding: 5px;
	border-collapse:collapse;
}

.table_admin TR.odd {
	background-color: Gray;
}

TABLE.noborder TR TD {
	border-width: 0px;
}

.clear {
	clear: both;	
}

/* classes pour font-awesome */
.faicon-blue {
	color: #0c3e59;		
}

/* ============================================================================================== */
/* ========================== NAVIGATION PAR ONGLETS ============================================ */
	
	.tabs_nav {
		background-color:#CBD3D6;
		margin-top:-10px;
		margin-bottom:15px;
	}
	
	.tabs_nav ul {
		width:100%;
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	.tabs_nav ul li {
		border-right:solid 1px #000000;
		line-height:20px;
		font-weight:bold;
		text-transform:uppercase;
		color:#000000;
		background-color:#A8C0CD;
		float:left;
		text-align:center;
	}
	
	.tabs_nav ul li:last-child {
		border-right:none 0px transparent;
	}
	
	.tabs_nav ul li a {
		width:inherit;
		height:inherit;
		display:block;
		line-height:20px;
		font-weight:normal;
		text-transform:uppercase;
		color:#000000;
		background-color:#CBD3D6;
		text-align:center;
		text-decoration:none;
		padding:2px 7px;
		font-size:90%;
	}
	
	.tabs_nav ul li a:hover {
		background-color:#A8C0CD;
	}
	
	.tabs_nav ul li a.current {
		font-weight:bold;
		font-size:110%;
		background-color:#A8C0CD;
	}
	
	.tabs_nav ul li a.current:hover {
		font-weight:bold;
		font-size:110%;
		background-color:#A8C0CD;
	}
	
	.tabs_nav ul li a.hascontent {
		background-color:#CCE4ED;
	}

/* ============================================================================================== */
/* ============================================================================================== */

	.minor {
		font-size:85%;
		color:#444444;
		font-weight:normal;
	}

/* ============================================================================================== */
/* ============================================================================================== */

.rich_body IMG, .rich_body OBJECT {
	margin-bottom: 6px;
}
.indicator	{
	width: 128px; height: 15px;
	background: transparent url('/images/design2/indicator.gif') no-repeat top left;
	margin: 5px;
	display:block;
}
/* les boites d'inspection ajax qui peuvent s'incorporer n'importe ou
 * initialement prévu dans le tmeplate adminIbd/edit
 */
.inspector_box {
	border:1px solid Black; margin:5px; padding:5px;
}
A	{ color:inherit; }
A.button, A.buttonX { background: transparent url('/images/design2/util_buttonL.gif') no-repeat left; 
		   text-decoration:none;
		   padding:5px 0px 5px 5px; 
		   text-transform: uppercase;
		   color:#0F182F;
		   font-weight:bold;
		   font-size:85%; }
A.button SPAN, A.buttonX SPAN { background: transparent url('/images/design2/util_buttonR.gif') no-repeat right; 
								padding: 5px 8px 5px 3px; 
								line-height: 300%; }
A.buttonX { background-image: url('/images/design2/util_buttonXL.gif'); }
A.buttonX SPAN { background-image: url('/images/design2/util_buttonXR.gif') }

A.button_admin, A.buttonX_admin { background-color: #b3ff91; 
				 border: 1px solid Black;
		  	     text-decoration:none;
		   		 padding:2px; 
		   		 text-transform: uppercase;
		   		 color:#424251;
		   		 font-weight:bold;
		   		 font-size:70%; }
A.button_admin:hover, A.buttonX_admin:hover { background-color:#e7fbdd; }
A.button_admin SPAN, A.buttonX_admin SPAN { line-height: 150%; }
A.buttonX_admin { background-color:#ffaf63; }
A.buttonX_admin:hover { background-color:#ffc58e; }

A.button_video { background: transparent url('/images/design2/util_play_arrow.png') no-repeat left; 
		   text-decoration:none;
		   padding:5px 5px 5px 17px; 
		   text-transform: uppercase;
		   color:White;
		   font-weight:bold;
		   font-size:75%;
		   text-transform:uppercase;
		   behavior: url(/css/iepngfix.htc); }
A.button_video SPAN { background: transparent url('/images/design2/util_play_right.png') no-repeat right; 
				padding: 5px 10px 5px 3px; 
				line-height: 100%;
				behavior: url(/css/iepngfix.htc); }
A.button_video:hover SPAN { color:#cbd3d6; }


/* BOUTON DE LIENS D'ACHAT ET DE LECTURE */
A.block_button {
	display: table-cell;
	height: 27px;
	width: 98px;
	clear: both;
	float: left;
	padding: 2px 32px 4px 3px;
	margin-bottom: 6px;
	
	text-align:center;
	vertical-align: bottom;
	
	color: White;
	font-size: 10px;
	line-height: 100%;
	font-weight: bold;
	text-transform: uppercase;
	background-repeat: no-repeat; 
	text-shadow: 1px 1px 1px Black;
	text-decoration: none; 
	behavior: url(/css/iepngfix.htc);				
}

A.block_button_buy  {
	background-image: url('/images/design2/button_buy.png');
}
A.block_button_buy_single  {
	padding-top: 6px;
	height: 23px;
}
	
A.block_button_read  {
	background-image: url('/images/design2/button_read.png');
}			
A.block_button_readfull  {
	background-image: url('/images/design2/button_readfull.png');
}	
			
			

.message_warning {
	background-color:#b3ff91;
	color:#236b4b;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding: 0.5em;	
	margin-bottom: 1em;
}
.message_error, .form_error {
	background-color:#da0000;
	color:#f7f59a;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding: 0.5em;
	margin-bottom: 1em;
}

A.img_txt {
	text-decoration: none;
	font-weight:bold;
	padding: 5px 5px 0px 0px;
	display: block;
}
A.img_txt:hover {
	text-decoration:underline
}

	A.img_txt IMG { vertical-align:middle; border:0px; }
	
a.block {
	display:block;
	text-decoration:none;
}
a.block:hover {
	color:#3e5e77;
}

a.toggle_button { /* Permet le slide d'élément caché. fonctionne avec le helper btt_toggleSlide */
	text-align:right;
	display:block;
	background:rgba(255,255,255,.3) url(/css/css3-ui-buttons-2/images/toggle_custom.png) no-repeat top right;
	text-decoration: none;
	height:16px;
}

DIV.message {
	/*background-color:#236b4b;*/
	padding: 8px 5px;
	margin-bottom: 5px;
}

DIV.message:BEFORE { content: '( '; }
DIV.message:AFTER { content: ' )'; }

DIV.leftcolumn, DIV.rightcolumn {
	float:left;
	width:48%;
}
DIV.leftcolumn { padding-right: 5px; }
DIV.rightcolumn { padding-left: 5px; }

/* NAVIGATEUR */
UL.nav_page	{
	position: relative;
	padding:10px 0px 10px 0px;
	text-align:center;
}

	UL.nav_page LI	{
		display: block;
		float:left;
		min-width:25px;
		margin: 0px 8px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:125%;	
		color: #93a4ad;		
	}
	
	UL.no_num LI	{
		display: inline-block;
		float:none;
	}
	
	UL.nav_page LI A	{
		display:block;
		color:#688798;
		text-decoration:none;
		border:1px solid White;
	}
	
	UL.nav_page LI.arrow A {
		color:#0c3e59;
	}
	
	UL.nav_page LI.arrow A span {
		display: inline-block;
    	font-size: 80%;
    	vertical-align: 1px;
	}
	
	UL.nav_page LI.current {
		color:#0c3e59;
		border:1px solid #0c3e59;
	}
	
	UL.nav_page LI A:hover	{	
		color:#0c3e59;
		border:1px solid #0c3e59;
	}
	
	UL.nav_page LI.arrow A:hover	{	
		color:Black;
	}
	
	
/* STYLE DE FORMULAIRE ***************************************/
FORM {
	font-size: 0.9em;
}

FORM.public {
	font-size: 1em;	
}

FORM INPUT, FORM TEXTAREA, FORM SELECT, FORM OPTION, FORM CHECKBOX {
	background-color:#e7e7e7;
	border-width:1px; 
	border-color:White;
	border-style: inset;
}

FORM CHECKBOX {
	border-style: none;
	border-width:0px; 
}

FORM LABEL {
	color: #4b4b4b;
}
INPUT[type=submit] { background: transparent url('/images/design2/util_buttonR.gif') no-repeat right; 
		   text-decoration:none;
		   padding-right:5px;
		   height:18px;
		   text-transform: uppercase;
		   color:#0F182F;
		   font-weight:bold;
		   border-width:0px;
		   border-left:1px solid Black;
		   font-size:85%;
		   cursor:pointer; }	
INPUT[type=submit].buttonX { background: transparent url('/images/design2/util_buttonXR.gif') no-repeat right; }	
/*************************************** FIN DE STYLE DE FORMULAIRE */

/* STYLE AUTOCOMPLETE ***************************************/
	.auto_complete_input {
		width:124px;
		background-image:url('/images/design2/bg_autocomplete.png');
		background-position:right center;
		background-repeat:no-repeat;
		padding:2px 16px 2px 0px;
	}
	.auto_complete_clean {
		text-indent:-9999px;
		width:15px;
		height:15px;
		line-height:15px;
		background-image:url('/images/design2/fb_delete.png');
		background-position:0px -45px;
		background-repeat:no-repeat;
	}
	.auto_complete_clean:hover {
		background-position:0px -15px;
	}
	DIV.auto_complete {
		z-index:9999;
		width:406px;
	}
	DIV.auto_complete UL {
		width:400px;
		border:3px solid #3a6880;
	}
	DIV.auto_complete LI {
		background-color: White;
		border-color:#3a6880;
		border-style:solid;
		border-width: 0px 1px 1px 1px;
		color:#333333;
		overflow:hidden;
		padding: 3px 5px;
		width: 389px;
	}
		DIV.auto_complete LI.selected , DIV.auto_complete LI:hover {
			background-color: #cbd3d6;
			color:Black;
			cursor:pointer;
		}			
	
		DIV.auto_complete SPAN.informal	{
			color:#555555;
			font-size: 90%;
		}

/*************************************** FIN DE STYLE AUTOCOMPLETE */

/* STYLE ALERT BOX (recevoir les actus d'une s�rie) ***************************************/
	#alert_box {
		position: absolute;
		left: 205px;
		z-index: 101;
		background-color: White;
		border: 1px solid Black;
		padding: 1em;
	}	
	
	#alert_box_mask {
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .70;
		z-index: 100;
	}
	
	.alert_user_list {
		height:4em;
		width: 5em;
		text-align:center;
		overflow:hidden;
		border:1px solid Black;
		float:left;
		margin-bottom: 1em;
	}

	
/*************************************** FIN DE STYLE ALERT BOX */


#content_iframe {
	margin: 1em;
}
/*************************************** FIN DE STYLES GLOBAUX */


/* */
/* STYLES DE TABLEAU ****************************************/
.table_RL, .table_LL { width: 100%; }

.table_cell_left { padding-right: 3px; }
.table_cell_right { padding-left: 3px; min-width:50%; }
.table_admin.table_admin_style1 { width:98%; margin:auto; }
.table_admin.table_admin_style1 td { vertical-align:middle; text-align:center; }
.table_admin.table_admin_style1 tr.offline { color:Gray; }
					
.coloredbox .table_cell_left { padding-left: 3px; }
.coloredbox .table_cell_right { padding-right: 3px; }
.coloredbox .table_cell_colspan { padding-left: 5px; padding-right: 5px; }
.table_RL TD, .table_LL TD {
	vertical-align:top;
	padding-bottom: 5px;
}
.table_RL .table_cell_left { text-align:right; max-width: 150px; }
.table_LL .table_cell_left { text-align:left; width:0%; }
.table_LL .table_cell_right { text-align:left; }
.table_cell_inside { padding: 0px 8px; }

TABLE.gallery TD {
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align:top;
}
TABLE.gallery {
	font-size: 92%;
}

.table_admin .y_page_priority { width: 10%; }
.table_admin .y_page_title  { width: 50% }
.table_admin .y_page_title span { font-weight: bold; text-transform:uppercase; }
.table_admin .y_page_actions  {  }


/********************************* FIN DE STYLES DE TABLEAU */

/* STYLE FORMULAIRE LIST GRID ***************************/
	.formListGridContainer {
		position: absolute;
	   top: 50%;
	   left: 50%;
	   width: 520px;
	   height: 50px;
	   margin-top: -250px; /* Half the height */
	   margin-left: -250px; /* Half the width */
		z-index:999;
		border:1px solid Black;
		background-color:rgb(203, 211, 214);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	}
	
	.gridControl {
		display:inline-block;
		background-color: rgba(255,255,255,0.4);
		margin-left: 3em;
		padding: 0.4em;
		font-size: 0.8em;
		font-weight: 100;
	}
		.gridControl span {
			padding-right: 0.5em;
		}
		.gridControl a {
			display:inline-block;
			border:1px solid White;
			text-decoration:none;
			padding: 0em 0.3em;
			margin: 0em 0.3em;
		}
		.gridControl a.active {
			border:1px solid rgb(128, 255, 212);
			color: rgb(128, 255, 212);
		}
	.gridControl a.disable {
		opacity:0.6;
	}	
	
/*************************************** STYLE FORMULAIRE LIST GRID */

/* STYLE AUTOLIST ***************************************/


	DIV.auto_list {
		z-index:99;
		width:406px;
	}
	DIV.auto_list UL {
		width:400px;
		margin-top: 20px;
	}

	

/*************************************** FIN DE STYLE AUTOLIST */

/* STYLE ADDRESS ***************************************/
	.address_title {
		color: #0c3e59;
		font-style: italic;
	}
	.address_email {
		color: #0c3e59;
		font-size: 105%;
	}
	.address_phone {
		color: #0c3e59;
		font-weight: bold;
	}
	.address_type {
		font-weight: bold;
		color: #0c3e59;
	}
	.address_intermediary {
		font-style:italic;
	}	
	.address_bold {
		font-weight: bold;
	}
	.address_normal {
	
	}
/*************************************** FIN DE STYLE ADDRESS */


/* STYLES SEARCH BOX ***************************************/
	div.big_search_box {
		margin: 0.2em auto 2em auto;
		position: relative;
		height: 2em;
		width: 300px;
		z-index: 110;
	}

		div.big_search_box input {
			font-size: 115%;
			display: block;
			height: 2em;
			border: 1px solid #0c3e59;
    		background: #dfe9ef url("/images/design2/input_loupe_icon.png") no-repeat 98%;
    		text-align:center;
    		-webkit-border-radius: 5px;
  			-moz-border-radius: 5px;
  			border-radius: 5px;
		}
		
			 div.big_search_box input::-webkit-input-placeholder {
			 	text-align: center;
	  			color: #909ea7;
	  			font-size: 100%;
			}
			div.big_search_box input::-moz-placeholder {
			 	text-align: center;
	  			color: #909ea7;
	  			font-size: 100%;
			}
			div.big_search_box input::-ms-input-placeholder {
			 	text-align: center;
	  			color: #909ea7;
	  			font-size: 100%;
			}

		div.big_search_box_result {
			position: absolute;
			top: 3em; left: 0px;
			visibility: hidden;		
			width: 100%;		
		}
		
			div.big_search_box_result div.resultSearchByKeyword {
				display:block;
				margin-top: 0.5em;
				width: 100%;			
				padding: 0px;
				border: 1px solid #0c3e59;
    			-webkit-border-radius: 5px;
  				-moz-border-radius: 5px;	
  				border-radius: 5px;			
  				background-color: White;
  				box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
			}
		
				div.big_search_box_result div.resultSearchByKeyword ul  {
					margin: 1em 0em;
				}
				
				div.big_search_box_result div.resultSearchByKeyword ul li {
					display:block;
					padding: 0.7em 0.8em 0.7em 0em;		
					text-align:center;
					position:relative;
				}
				
				div.big_search_box_result div.resultSearchByKeyword ul li:hover, div.big_search_box_result div.resultSearchByKeyword ul li.resultSearchItemSelection {
					background-color: #dfe9ef;
				}
				
				div.big_search_box_result div.resultSearchByKeyword ul li.resultSearchByKeywordPrivate {
					opacity: 0.6;
				}
		
		
				div.big_search_box_result div.resultSearchByKeyword a {
					text-decoration: none;
					font-weight: bold;
					font-size: 110%;
					display: block;
	    			padding-left: 39px;
	    			text-align: left;
				}
				
				div.big_search_box_result div.resultSearchByKeyword span.resultSearchByKeywordIcon {
				    display: block;
				    left: 0px;
				    top: -4px;
				    position: absolute;
				    height: 40px;
				    width: 40px;
				    background-size: cover;
				    background-position: center center;				
				}
				
				div.big_search_box_result div.resultSearchByKeyword span.resultSearchByKeywordPrivateInfo {
					display: block;
	    			padding-left: 39px;
	    			text-align: left;
				}
		
				div.big_search_box_result div.resultSearchByKeyword span.resultSearchByKeyword_CatalogueWork {
					background-image: url("/images/design2/icons/appbar.series.perspective.svg");
				}
				div.big_search_box_result div.resultSearchByKeyword span.resultSearchByKeyword_CatalogueArticle {
					background-image: url("/images/design2/icons/appbar.book.perspective.svg");
				}
				div.big_search_box_result div.resultSearchByKeyword span.resultSearchByKeyword_User {
					background-image: url("/images/design2/icons/appbar.people.svg");
				}
				
		div.resultSearchBoxNoResult {
		    margin-bottom: 10px;
		    line-height: 150%;
		    position: absolute;
		    display: block;
		    text-align: center;
		    font-size: 1.2em;
		    font-variant: small-caps;
		    font-weight: bold;
		    top: -19px;
		    color: #0c3e59;
		    text-align:center;
		    visibility: hidden;
		}		
				
		
	div.previewSearch {
		position:absolute;
		z-index:999;
		width: 207px;
		padding-right: 7px;
		left: -207px;
		top: 3.1em;
		visibility: hidden;
	}
	
		div.previewSearchBox {
			text-align:center;		
			width: 200px;
			border: 2px solid #0c3e59;
	    	-webkit-border-radius: 5px;
	  		-moz-border-radius: 5px;	
	  		border-radius: 5px;			
	  		background-color: White;
	  		box-shadow: 0 0 10px 2px rgba(0,0,0,.50);
			
		}

		div.previewSearchBox div.previewSearchBoxUserNickname, div.previewSearchBox div.previewSearchBoxUserJob {
			font-weight: bold;
   			padding: 0.5em 0.5em;
		}
		
		
		div.previewSearchBox div.previewSearchBoxUserVisual img {
			width: 100%;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueArticleCover img {
			width: 100%;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueArticleDate {
			font-weight: bold;
   			margin: 0.3em 0em;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueArticleAuthors {
			margin-bottom: 0.3em;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkLogo {
			padding: 0.5em;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkLogo img {
			width: 100%;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkVisual img {
			width: 100%;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkInfos {
			width: 100%;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkInfos div.workInfosStyle {
			background-color: #0c3e59;
			color: White;
		}
		div.previewSearchBox div.previewSearchBoxCatalogueWorkAuthors {
			margin-bottom: 0.3em;
		}	
		
	div#styleListCatalogueAllWork {
		position: relative;
	}
		div#styleListCatalogueAllWork li {
			display:inline-block;
			width: 18%;
			padding: 5px 5px 5px 5px;
			vertical-align:top;
		}
	
		div#styleListCatalogueAllWork li a {
			text-decoration: none;
			font-weight: bold; 
		}
		
		div#styleListCatalogueAllWork  li:hover {
			background-color: #d9e5eb;
		}
		
	div#styleListCatalogueAllAuthor {
		position: relative;
	}
		
		div#styleListCatalogueAllAuthor li {
	 	    display: inline-block;
		    width: 32%;
		    padding: 3px 0px 3px 5px;
		    vertical-align: top;
		}
		
		 	div#styleListCatalogueAllAuthor li::first-letter  {
		 		font-size: 150%;
		 	}
		 	
		div#styleListCatalogueAllAuthor li span {
			color:Gray;
		}
	
		div#styleListCatalogueAllAuthor li a {
			text-decoration: none;
			font-weight: bold; 
		}
		
		div#styleListCatalogueAllAuthor  li:hover {
			background-color: #d9e5eb;
		}


		
		

/*************************************** FIN DE STYLES SEARCH BOX */


/* STYLES DE BLOCS ****************************************/
/********** colored boxes */
/******************************** white background, classic blue header */
.box_color1 H1, .box_color1 H2, .box_color1b H1, .box_color1b H2 {
	background-color: #0c3e59;
	color:#ffffff;
}
.box_color1 {
	background-color: White;
	color:#1e1e1e;
}
.box_color1b {
	background-color: White;
	border: 1px solid #0c3e59;
	color:#1e1e1e;
}
.box_color1 LI:hover, .box_color1b LI:hover {
	background-color: #e3e9f2;
}
.box_color1 H1 A:hover, .box_color1 H2 A:hover, .box_color1b H1 A:hover, .box_color1b H2 A:hover {
	text-decoration:underline
}

/******************************** blue/green background, blue/green header */
.box_color2 H1, .box_color2 H2, .box_color2b H1, .box_color2b H2 {
	background-color: #3a6880;
	color:#ffffff;
}
.box_color2 {
	background-color: #cbd3d6;
	color:#1e1e1e;
}
.box_color2 LI { display:block; }
.box_color2 LI P { text-indent:-15px; padding-left: 20px; margin:0px; }
.box_color2 LI P SPAN { font-size:110%; font-weight:bold; }
.box_color2 LI A { display:block; text-decoration:none; }
.box_color2 LI A:hover { background-color: #a8c0cd; }

.box_color2b {
	background-color: #ffffff;
	border: 1px solid #3a6880;
	color:#1e1e1e;
}
.box_color2 LI:hover {
	background-color: #a8c0cd;
}
.box_color2b LI:hover {
	background-color: #e3e9f2;
}
.box_color2 H1 A:hover, .box_color2 H2 A:hover, .box_color2b H1 A:hover, .box_color2b H2 A:hover {
	text-decoration:underline
}
/******************************** dark blue/green background, classic blue header */
.box_color3 H1, .box_color3 H2, .box_color3b H1, .box_color3b H2 {
	background-color: #0c3e59;
	color:#ffffff;
}
.box_color3 {
	background-color: #a8c0cd;
	color:#000000;
}
.box_color3b {
	background-color: #ffffff;
	border: 1px solid #0c3e59;
	color:#1e1e1e;
}
.box_color3 LI > A:hover {
	background-color: #e3e9f2;
}
.box_color3b LI > A:hover {
	background-color: #e3e9f2;
}

/******************************** white background, plain blue header, blue font */
.box_color4 H1, .box_color4 H2, .box_color4b H1, .box_color4b H2 {
	background-color: #125484;
	color:#ffffff;
}
.box_color4 {
	background-color: #ffffff;
	color:#084877;
}
.box_color4b {
	background-color: #ffffff;
	border: 1px solid #125484;
	color:#084877;
}
.box_color4 LI:hover {
	background-color: #e3e9f2;
}
.box_color4b LI:hover {
	background-color: #e3e9f2;
}
/******************************** plain blue background, plain blue header, blue font */
.box_color5 H1, .box_color5 H2, .box_color5b H1, .box_color5b H2 {
	background-color: #084877;
	color:#c7dded;
}
.box_color5 {
	background-color: #084877;
	color:#c7dded;
}
.box_color5b {
	background-color: #ffffff;
	border: 1px solid #084877;
	color:#1e1e1e;
}
.box_color5 LI:hover {
	background-color: #6a95b5;
}
.box_color5b LI:hover {
	background-color: #e3e9f2;
}
/******************************** light blue background, light blue header, gray font */
.box_color6 H1, .box_color6 H2, .box_color6b H1, .box_color6b H2 {
	background-color: #e3e9f2;
	color:#8a8b8f;
}
.box_color6 {
	background-color: #e3e9f2;
	color:#8a8b8f;
}
.box_color6b {
	background-color: #ffffff;
	border: 1px solid #e3e9f2;
	color:#1e1e1e;
}
.box_color6 LI:hover {
	background-color: #b7cae5;
}
.box_color6b LI:hover {
	background-color: #e3e9f2;
}
/******************************** Boxes dont le fond n'est ni blanc ni à bordure : on corrige le padding des textes pour être à l'intérieur de la box */

.box_color7 {
	background-color:#CBD3D6;
	padding:5px;
}

.box_color7 li {
	border:none !important;
	margin:0px !important;
}

.box_color2 > H4, .box_color2 > P,
.box_color3 > H4, .box_color3 > P,
.box_color5 > H4, .box_color5 > P,
.box_color6 > H4, .box_color6 > P,
.box_color1b > H4, .box_color1b > P
.box_color2b > H4, .box_color2b > P,
.box_color3b > H4, .box_color3b > P,
.box_color4b > H4, .box_color4b > P,
.box_color5b > H4, .box_color5b > P,
.box_color6b > H4, .box_color6b > P {
  padding-left: 4px; padding-right: 4px;
}

/*
.box_color2 DIV.img,
.box_color3 DIV.img,
.box_color5 DIV.img,
.box_color6 DIV.img,
.box_color1b DIV.img,
.box_color2b DIV.img,
.box_color3b DIV.img,
.box_color4b DIV.img,
.box_color5b DIV.img,
.box_color6b DIV.img {
	padding-left: 6px;	
}
*/

/******************************** Boxes dont le fond n'est pas blancs : on ajoute un liserais blanc sous les titres H4 */
.box_color2, .box_color3, .box_color5, .box_color6 { } 
.box_color2 H4, .box_color3 H4, .box_color5 H4, .box_color6 H4 {
	padding-top: 5px;
	border-top: 1px solid White;
}
.box_color2 > H4:first-child, .box_color3 > H4:first-child, .box_color5 > H4:first-child, .box_color6 > H4:first-child {
	padding-top: 0px;
	border-top: 0px solid White;
}
.box_color2 UL LI:first-child H4,
.box_color3 UL LI:first-child H4,
.box_color5 UL LI:first-child H4,
.box_color6 UL LI:first-child H4 {
	margin-left: 0px;
	padding-top: 0px;
	border-top: 0px solid White;
}
.box_color2 TABLE TR:first-child H4,
.box_color3 TABLE TR:first-child H4,
.box_color5 TABLE TR:first-child H4,
.box_color6 TABLE TR:first-child H4 {
	margin-left: 0px;
	padding-top: 0px;
	border-top: 0px solid White;
}
/******************************** Boxes à bordure */
.box_color1b, .box_color2b, .box_color3b, .box_color4b, .box_color5b, .box_color6b { } 
/********* Fin des colored boxes */

/********* boxes types */
/******************************** style for all*/

.box_main,
.box_comment,
.box_simple,
.box_links,
.box_links2,
.box_couvs,
.box_couvs1,
.box_couvs2,
.box_couvs3,
.box_couvs4,
.box_U,
.box_U1,
.box_U2  {
	width:100%; margin-bottom: 20px;
}


/******************************** style for small boxes : corrige les marges et la taille des font */
#content_subcolumn .box_main,
#content_subcolumn .box_comment,
#content_subcolumn .box_simple,
#content_subcolumn .box_links,
#content_subcolumn .box_links2,
#content_subcolumn .box_couvs,
#content_subcolumn .box_couvs1,
#content_subcolumn .box_couvs2,
#content_subcolumn .box_couvs3,
#content_subcolumn .box_couvs4,
#content_subcolumn .box_U,
#content_subcolumn .box_U1,
#content_subcolumn .box_U2 {
	margin: 0px 0px 10px 0px;
}
#content_subcolumn .box_main UL,
#content_subcolumn .box_comment UL,
#content_subcolumn .box_simple UL,
#content_subcolumn .box_links UL,
#content_subcolumn .box_links2 UL,
#content_subcolumn .box_couvs UL,
#content_subcolumn .box_couvs1 UL,
#content_subcolumn .box_couvs2 UL,
#content_subcolumn .box_couvs3 UL,
#content_subcolumn .box_couvs4 UL,
#content_subcolumn .box_U UL,
#content_subcolumn .box_U1 UL,
#content_subcolumn .box_U2 UL  {
	padding-bottom: 0px;
	font-size:92%;
}
#content_subcolumn .box_main P,
#content_subcolumn .box_comment P,
#content_subcolumn .box_simple P,
#content_subcolumn .box_links P,
#content_subcolumn .box_links2 P,
#content_subcolumn .box_couvs P,
#content_subcolumn .box_couvs1 P,
#content_subcolumn .box_couvs2 P,
#content_subcolumn .box_couvs3 P,
#content_subcolumn .box_couvs4 P,
#content_subcolumn .box_U P,
#content_subcolumn .box_U1 P,
#content_subcolumn .box_U2 P {
	font-size:92%;
}
/******************************** box_main = Box de contenu principal **/
.box_main { margin-bottom: 10px; }
.box_main H1, .box_main H2 { margin-bottom: 10px; }
.box_main > IMG { overflow:hidden; }
/******************************** box_simple = Box d'entête / d'information **/
.box_simple {  }
.box_simple > IMG { overflow:hidden; }
/******************************** box_links = Box de série de liens. Peut utiliser des titres H4 de séparation */
.box_links { }
.box_links ul { }
.box_links li { display:block; }
.box_links li P { margin:0px; }
.box_links li p A { display:block; text-decoration:none; font-size:110%; font-weight:bold; padding:5px; }
.box_links li p A:before { content:'» '; }
.box_links li p.mention { display:block; text-decoration:none; font-size:110%; font-weight:bold; padding:5px; }
.box_links li p.mention:before { content:'» '; }
.box_links li FORM { margin-left: 1.5em; padding-bottom: 1em; }

.box_links li.submenu ul { display:none; }
.box_links li.submenu ul li { padding:0px 10px; line-height:19px; font-weight:bold; text-transform:uppercase; }
.box_links li.submenu ul li a:before { content:'» '; }
.box_links li.submenu {
	border:solid 1px transparent;
}
.box_links li.submenu:hover {
	background-color:#EEEEEE;
	border:solid 1px #444444;
}
.box_links li.submenu:hover a {
	background-color:#EEEEEE !important;
}
.box_links li.submenu:hover ul li:hover a {
	background-color:#a8c0cd !important;
}
.box_links li.submenu:hover ul {
	display:block;
	width:200px;
	position:absolute;
	margin-left:180px;
	margin-top:-26px;
	background-color:#EEEEEE;
	border:solid 1px #444444;
}

/******************************** box_links2 = Box de série de liens avec des liens grossis */
.box_links2 { }
.box_links2 UL { }
.box_links2 LI { display:block; }
.box_links2 LI P { text-indent:-15px; padding-left: 20px; margin:0px; }
.box_links2 LI P SPAN { font-size:110%; font-weight:bold; }
.box_links2 LI P SPAN:before { content:'» '; }
.box_links2 LI A { display:block; text-decoration:none; }


/******************************** box_couvs = Box de série de couvertures, ombrées et sur 2 colonnes avec texte en dessous */
.box_couvs UL { display: block; overflow: hidden; margin: 6px; }
.box_couvs LI { display:block; float:left; width:50%; text-align: left; margin-bottom: 15px; overflow: hidden; }
.box_couvs LI.odd { clear:left; }
.box_couvs LI.last {  margin-right: 0px; }
.box_couvs A { display:block; border:0px solid White; text-align:center; text-decoration: none;}
.box_couvs IMG { background:transparent url('/images/design2/util_shadow.png') no-repeat bottom right; 
				 padding:0px 5px 5px 0px; 
				 margin: auto;
				 display:block;
				 max-width: 100%;
				 background: none;
				 behavior: url(/css/iepngfix.htc); }
.box_couvs LI.odd P {  margin-right:2px;  }
.box_couvs LI.even P {  margin-left:2px;  }
.box_couvs A:hover P {  text-decoration:underline;  }
/******************************** box_couvs1 = Box sur 2 colonnes avec à gauche les couvs et à droite les textes centrés. les images sont détachées de la box */
.box_couvs1 UL { display: table; width: 100%; }
.box_couvs1 LI { margin-bottom:2px; display:block; }
.box_couvs1 LI A { display:table-row; }
.box_couvs1 LI IMG { display:table-cell; padding: 3px 0px 0px 3px;  }
.box_couvs1 LI:last-child IMG { display:table-cell; padding-bottom: 3px;  }
.box_couvs1 LI P { display:table-cell; vertical-align:middle; padding-left:5px; width:100%; }
/******************************** box_couvs2 = idem box_couvs1 mais les images bordent la box */
.box_couvs2 UL { display: table; width: 100%; }
.box_couvs2 LI { border-bottom:1px solid White; display:block; }
.box_couvs2 LI A { display:table-row; }
.box_couvs2 LI IMG { display:table-cell;  }
.box_couvs2 LI P { display:table-cell; vertical-align:middle; padding-left:5px; }	
/******************************** box_couvs3 = box de série de visuels à gauche avec texte à droite aligné vers le haut. */
/******************************** Plus flexible que box_couvs1 et 2 (fonctionne avec des images différentes et des liens insérés dans des textes)  */
.box_couvs3 H3 { clear:both;  }
.box_couvs3 UL { width: 100%; padding-bottom: 0px;}
.box_couvs3 LI { clear:both; border-bottom:1px solid White;  margin:0px; display:block; margin-bottom: 12px; overflow:hidden; width:100%; }
.box_couvs3 LI DIV.left{ display:block; float:left; margin-right:10px; overflow:hidden; }
.box_couvs3 LI DIV.right{ display:block; text-align:left; width:75%; float:left; }
/******************************** box_couvs4 = box de visuels à gauche + texte à droite centré verticalement. autorise les liens dans le texte. */
.box_couvs4 > DIV { display: table; width: 100%; }
.box_couvs4 > DIV > DIV {  display: table-row; }
.box_couvs4 DIV.cell_left, .box_couvs4 DIV.cell_right { display:table-cell;  }
.box_couvs4 DIV.cell_right { vertical-align:middle; padding-left:5px; }


/******************************** box_U = Universal box de visuels à gauche et texte à droite centré verticalement. */
.box_U > DIV, .box_U > UL,
.box_U1 > DIV, .box_U1 > UL,
.box_U2 > DIV, .box_U2 > UL { display:table; }
.box_U > DIV > *, .box_U > UL > *,
.box_U1 > DIV > *, .box_U1 > UL > *,
.box_U2 > DIV > *, .box_U2 > UL > *  { display:table-row; }
.box_U > DIV > * > A, .box_U > UL > * > A,
.box_U1 > DIV > * > A, .box_U1 > UL > * > A,
.box_U2 > DIV > * > A, .box_U2 > UL > * > A { display:block; }
.box_U > DIV > * DIV, .box_U > UL > * DIV,
.box_U1 > DIV > * DIV, .box_U1 > UL > * DIV,
.box_U2 > DIV > * DIV, .box_U2 > UL > * DIV { display:table-cell; }
.box_U DIV.left,
.box_U1 DIV.left, .box_U1 DIV.left,
.box_U2 DIV.left, .box_U2 DIV.left { vertical-align:top; }
.box_U DIV.right,
.box_U1 DIV.right, .box_U1 DIV.right,
.box_U2 DIV.right, .box_U2 DIV.right { vertical-align:middle; padding-left:5px; }
.box_U > DIV > H3, .box_U > UL > H3,
.box_U1 > DIV > H3, .box_U1 > UL > H3,
.box_U2 > DIV > H3, .box_U2 > UL > H3 { display:block; padding-left: 4px; }

/******************************** box_couvs1 = Box sur 2 colonnes avec à gauche les couvs et à droite les textes centrés. les images sont détachées de la box */
/*.box_U1 LI { margin-bottom:2px; }
 .box_U1 LI IMG { padding: 3px 0px 0px 3px;  }
.box_U1 LI:last-child IMG { padding-bottom: 3px;  } */
/******************************** box_couvs2 = idem box_couvs1 mais les images bordent la box */
.box_U2 LI DIV { border-bottom:1px solid White; }
.box_U2 LI DIV:last-child { width:100%; }
.box_U2 LI:last-child DIV { border-bottom:0px solid White; }

/******************************** box_comment */
.box_comment P { margin-left: 36px; }
.box_comment SPAN.titre_special { display:block; width:36px; float:left; }
.box_comment SPAN.titre_special:BEFORE { content:'#';  }
.box_comment SPAN.titre_mention { margin-left: 18px; font-weight:normal; }
/********* Fin des types de boxes */

/********* affichage d'une gallerie d'albums */
ul.gallery li.even , ul.gallery li.mod  {
	width:248px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:92%;
	float:left;
}
ul.gallery li.big {
	width:50%;
}
ul.gallery li.even:hover , ul.gallery li.mod:hover  {
	background-color:#E3E9F2;
}
ul.gallery .clear {
	clear:both;
}
ul.gallery li div.left {
	width:98px;
	float:left;
	overflow:hidden;
}
ul.gallery li div.left img {
	max-width: 98px;
}
ul.gallery li div.right {
	width:145px;
	float:right;
	padding-left:5px;
	overflow:hidden;
}
ul.gallery li.big div.right {
	width:165px;
}
ul.gallery li img {
	width:95px;
	max-height:130px;
	border:none 0px transparent;
	margin-left:3px;
}
ul.gallery li h4 {
	margin:0px 0px 3px 0px;
	padding:0px;
}
ul.gallery li .mention {
	margin:0px 0px 3px 0px;
	padding:0px;
}
ul.gallery li p {
	line-height:13px;
}
/********* Fin de affichage d'une gallerie d'albums */

/********* affichage d'une gallerie d'albums avec couv en grand */

ul.gallery_largecover {
  padding: 12px 0 0 0;
  margin: 0;
  list-style: none;
  width: 768px;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: left-start;
}

ul.gallery_largecover li  {
	width:178px;
	margin-right: 14px;
}

ul.gallery_largecover li:hover {
	background-color:#E3E9F2;
}

ul.gallery_largecover li a {
	display:block;
	text-decoration: none;
}
ul.gallery_largecover .clear {
	clear:both;
}
ul.gallery_largecover li div.left {

}
ul.gallery_largecover li div.left img {
	max-width: 178px;
}
ul.gallery_largecover li div.right {
}
ul.gallery_largecover li img {
	width:178px;
	border:none 0px transparent;
}
ul.gallery_largecover li h4 {
	margin:10px 0px 0px 0px;
	padding:0px;
}
ul.gallery_largecover li div.subtitle {
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:center;
	text-transform: uppercase;
	color: #0c3e59;
	font-size: 110%;
    font-weight: bold;
}
ul.gallery_largecover li p.mention {
	margin:6px 0px 0px 0px;
	padding:0px;
}
ul.gallery_largecover li p {
	line-height:14px;
}
ul.gallery_largecover p  {
	margin-top: 4px;
}

/********* Fin de affichage d'une gallerie d'albums */

/********* affichage d'une gallerie verticale d'album (titre en-dessous, ex: catalogue work view) */
.workViewListAlbum {
	margin-bottom: 20px;
}
ul.gallery_v li  {
	width:100px;
	padding: 3px 3px 8px 3px;
	font-size:92%;
	text-align:center;
	float:left;
}
ul.gallery_v li a {
	display:block;
	text-decoration: none;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
}
ul.gallery_v li:hover, ul.gallery_v li.selected  {
	background-color:#E3E9F2;
}

ul.gallery_v .clear {
	clear:both;
}
ul.gallery_v li div.right {
	margin-top: 5px;
}
ul.gallery_v div.edition_type {
	color:rgb(62, 94, 119);
	margin-top: 6px;
	font-style: italic;
	
}
ul.gallery_v li.gallery_v_back {
	float:left;
	margin-top: 50px;
	text-align:left;
	width: 21px;
}
ul.gallery_v li h4 {
	margin-top: 0em;
	margin-bottom: 0em;
}

/********* Fin de affichage d'une gallerie d'albums */

/********************************* FIN DE STYLES DE BLOCS */

/* BLOCS LAYOUT ***************************************/
BODY, HTML {
	height:100%;
	min-width: 974px;
	padding: 0px;
	margin: 0px;
}

BODY	{
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	color:Black;
	background: White none no-repeat fixed center 110px;
	
}

DIV#above {
	height: 110px;
	width:100%;
	background-color:White;
	position:absolute;
	top: 0px;
	left:0px;
	z-index:120;
}

	#above_zone {
	    position: absolute;
	    top: 0px;
	    left: 808px;
	    width: 162px;
	    height: 92px;
	    text-align: center;
	    display:flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    align-content: center;
	    
   	}
   	
	   	#connection {
			flex: 1;
			width:100%;
			height: 27px;
			text-align:center;
			vertical-align:middle;
			margin-bottom: 6px;
	   	}
	   	
	   		#connection a {
				color:#0c3e59;
				text-transform:uppercase;
				font-weight:bold;
				font-family: Arial Narrow, Times New Roman, Arial, sans-serif;
				font-size: 110%;
				text-decoration:none;
				display:block;
				margin-top: 12px;
	   		}
	   		
	   		#connection a::after {
  				content:url('/images/design2/util_arrow_after.gif');
  			}
	   		
	   		 #connection a:hover { text-decoration:underline; }
	   		 
   		 #header_socials {
   		 	flex: 1.5;
			width: 100%;  
			height: 27px;
			margin-bottom: 6px;
			text-align: center;
   		 }
	   		 #header_socials div {
	   		 	display: inline-block;
	   		 	margin: auto 4px;
	   		 }


	DIV#above_center {
		width: 974px;
		height: 92px;
		margin: 7px auto 5px auto;
		position:relative;
	}
	
	   DIV#above_center DIV#banner {
			position:absolute;
			width: 756px;
			height:90px;
			left: 37px;
			top: 0px;
	   }
	   		
	     DIV#above_center DIV#banner A {
		 	display:block;
		 	width: 754px;
			height:90px;
			background: White url('/images/design2/banner_click_me.gif') no-repeat;		
			border:1px solid Black;				
		 }

#m	{
	width:100%;
	min-height:100%;
	position:absolute;
	top: 0px;
	left:0px;
	background: transparent url('/images/design2/main_background.gif') repeat-y top center;
}

	#m #main {
		min-height:670px;
		width: 974px;
		margin:0px auto;
		padding-top: 110px;
		padding-bottom: 72px;
		position:relative;
	}
		
		#m #main #main_center  {
			width: 756px;
			height:100%;
			margin-left: 31px;
			padding: 0px 6px 52px 6px; 
			background-color:White;
			position:relative;
		}
		
			#m #main #main_center #socialhub {
				position:absolute;
				top:7px;
				left:777px;
				width:160px;
				height:55px;
				float:right;
				background-color:transparent;
				text-align:center;
				background-image:url(/images/socialhub/socialhub_bg.png);
				background-repeat:repeat;
				padding-bottom:20px;
				border:1px solid #0C3E59;
			}
			
			#m #main #main_center #socialhub div {
				margin-left: 8px;
			}
			
			#m #main #main_center #socialhub a {
				text-decoration: none;
			}
			
			#m #main #main_center #socialhub h1 {
				border:none;
				margin:0px;
				margin-bottom:8px;
			}
			
			#m #main #main_center #background_link	{
				position:absolute; 
				top:0px; 
				left:-22px; 
				width:20px; 
				height:856px;
				cursor:pointer; 
				z-index:10;		
			}
			
			#m #main #main_center #skycrapper {
				position:absolute;
				top: 0px;
				left:777px;
			}
			#m #main #main_center #skycrapper IMG {
				border:1px solid Black;
			}
			
			#m #main #main_center #header {
				width:100%;
				height:55px;
				background-color:#0c3e59;
				overflow:hidden;
				position:relative;
				margin-bottom:6px;
			}
			
				#m #main #main_center #header #header_logo {
					position:absolute;
					top:0px; left:0px;
				}
				
				#m #main #main_center #header #header_search {
					position:absolute;
					width:115px;
					top:22px; left:570px;
				}
					#m #main #main_center #header #header_search INPUT#search_book_form_inheader {
						border:1px solid Black;
						background-color: #bacbd5;
						color:Black;
						width:85px;
						margin-right:5px;
						float:left;
					}
					#m #main #main_center #header #header_search INPUT#search_form_submit {
						background-color:transparent;
						border-width:0px; 
					}				
				
				#m #main #main_center #header #header_rss {
					position:absolute;
					top:18px; left:686px;
					width:25px;
				}

				#m #main #main_center #header #header_fb {
					position:absolute;
					top:18px; left:719px;
					width:25px;
				}
				
			#mainmenu {
				width:754px; 
				height:26px; 
				border: 1px solid Black;
				position:relative; 
				margin-top:6px;
				left:0px;
				top:0px;
				z-index:100;
			}
			
	#m #main #main_center .main_content	{
		margin-top: 6px;
		overflow:hidden;
	}
	
		#m #main #main_center .main_content .main_content_additional_header {
			width:100%;
			background-color:Black;
			margin-bottom:6px;
			padding-top: 4px; padding-bottom: 4px;
			text-align:center;
		}

	#m #footer {
		position:absolute;
		bottom:0px;
		height:72px;
		width:100%;
		background-color: #0c3e59;
	}
	
		#m #footer UL	{
			 width:756px; margin:25px auto 0px auto; padding-right:140px; overflow:hidden;
		}
		
		#m #footer UL LI {
			margin: auto 18px auto 18px;
			text-align: center;
    		display: inline-block;
    		vertical-align: middle;		
		}
		
		#m #footer UL LI A {
			text-transform:uppercase;
			color:White;
			font-size:92%;
			font-weight:bold;
			text-decoration:none;
		}
		
		#m #footer UL LI A:hover {
			text-decoration:underline;
		}		
		
/***************************************  FIN DE BLOCS LAYOUT */


/***************************************  LOGIN & REGISTER  */	

.loginCenter {
	margin-left: 20%; width:65%;
}

.loginLeft {
	float:right; width:42%;
}

.loginRight {
	float:left; width:55%;
}

/*************************************** ACCOUNT & SHOP */

.user_self_menu {
	margin-top: 1.8rem;
}

#content_subcolumn nav {
	background-color: #CBD3D6;
	text-align: center;
	padding: 0.8rem 0.2rem;
}
#content_subcolumn nav li {
    margin: 0.6rem;
    font-size: 14px;
    opacity: 0.9;
}
#content_subcolumn nav li a {
	text-decoration: none;
}
#content_subcolumn nav li a:hover {
	color: White;
}


/***************************************  GOODIES  */	
.goodies .goodies_img {
	float: left; 
	width: 207px;
}

.goodies .goodies_text {
	float: left;
	margin-left: 10px; 	
	width: 304px;
}
.goodies {
	margin-bottom: 30px;	
}

/***************************************  #user_edit */	

		#user_edit .user_link {
			margin:2px 0px 2px 30px;
		}
		
		#user_edit .user_link .user_link_span {
			text-decoration:none;
			font-weight:bold;
		}
		
		#user_edit .user_link .user_link_span:before {
			content:'» ';
		}
		
		#user_edit .show_all a {
			display:block;
			text-align:right;
			font-weight:bold;
		}
		
		#user_edit .show_all a:before {
			content:'» ';
		}
		
/***************************************  WORK AND EDITION SUMMARIES */	


		.work_summary_list {
			padding:5px 0px 10px 10px;
			margin:0px;
			font-weight:bold;
		}

		.work_summary_list h4 {
			margin: 0.7em 0em 0.3em 0em;
			font-size: 130%;
			color: #6a6c6d;
			text-decoration: underline;
		}

		.work_summary_list ul {
			padding:0px 0px 0px 0px;
			margin:0px;
			font-size: 140%;
		}

		.work_summary_list a {
			text-decoration:none;
			color:#0C3E59;
			font-weight:bold;
		}

		.work_summary_list a.edit {
			text-decoration:none;
			padding:0px 10px 0px 3px;
		}

		.work_summary_list a.edit img {
			width:15px;
			height:15px;
			border:none 0px transparent;
			vertical-align:middle;
		}

		.work_summary_list ul.work li.current_article {
			background-color:#FFFF99;
		}

		.work_summary_list ul.edition {
			margin-top:8px;
			font-size: 90%;
		}

		.work_summary_list ul.article {
			font-size: 90%;
			padding-left:25px;
			font-weight:normal;
		}

		.work_summary_list span.mini {
			padding-left:12px;
			font-size:85%;
			font-weight:normal;
			color:#000000;
		}

		.edition_summary_list {
			padding:5px 0px 0px 0px;
			margin:0px;
		}

		.edition_summary_list div.separator {
			clear:both;
		}

		.edition_summary_list div.title {
			padding-left:25px;
			float:left;
			width:150px;
			font-weight:bold;
			background:url(/images/icons/info.png) no-repeat;
		}

		.edition_summary_list div.info {
			float:left;
		}

		.work_summary_list ul.other {
			font-size: 120%;
			margin-left: 10px;
		}
		
		/* ==================== TREE ================ */
		
		.work_tree {
			background-color:#EEEEEE;
		}
		
		.work_tree h2 img , .work_tree h3 img {
			vertical-align:middle;
		}
		
		.work_tree h2 a {
			display:inline;
			background:none;
			padding:0px;
		}
		
		.work_tree h3 {
			margin-left:20px;
		}
		
		.work_tree li {
			margin-left:40px;
			padding:5px;
			font-size:92%;
		}
		
		.work_tree li.odd {
			background-color:#EEEEEE;
		}
		
		.work_tree li.even {
			background-color:#D1D1D1;
		}
		
		.work_tree li .left {
			float:left;
			text-align:left;
			width:100px;
			margin-right:5px;
			overflow:hidden;
			font-style:italic;
		}
		
		.work_tree li .right {
			float:left;
			width:363px;
			text-align:left;
			overflow:hidden;
		}
		
		.work_tree li .right .actions {
			float:right;
			margin:0px;
		}
		
		.work_tree li .right p {
			margin-bottom:2px;
		}
		
		.work_tree .clear {
			clear:both;
		}
		
		.work_tree .raquo {
			color:#FF1100;
			font-size:110%;
			font-weight:bold;
		}
		
		.work_tree li.current {
			background-color:#FFFF99;
		}


#adminCatalogue_editArticlePrint TABLE.table_admin TR.main_row {
	border-top: 3px solid Black;
}



/***************************************  style pour CATALOGUE STYLE LIST */
	.catalogue_style_item {
		float:left;
		width: 240px;
		padding: 10px 6px; 
	}

	
	#content_plaincolumn .catalogue_style_item a {
		text-decoration: none;
	}
	
	.catalogue_style_item a:hover, .catalogue_style_item a:active {
	    background: -webkit-linear(linear, left top, left bottom, from(#f1f4f6), to(#c2cbd5));
	    background: -webkit-linear-gradient(top, #f1f4f6, #c2cbd5);
	    background: -moz-linear-gradient(top, #f1f4f6, #c2cbd5);
	    background: -ms-linear-gradient(top, #f1f4f6, #c2cbd5);
	    background: -o-linear-gradient(top, #f1f4f6, #c2cbd5);
	}
	
	.catalogue_style_item h3 {
		border: 0;
		text-align:center;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	.catalogue_style_item p {
		text-align:center;
		text-transform: uppercase;
		
	}

/***************************************/


/**************************************  style g�n�ral pour les infos de CATALOGUE WORK */	

	/* styles g�n�rales quelque soit le contexte */	
	.workShortBody {
		font-weight: bold;
	}
	.workAuthors {
		font-style: italic;
		color: #336881;
	}
	.workAuthors span {
		color: Black;
	}
	.workInfos {		
		width: 240px;
		font-size: 110%;		
		text-align: center;
		font-weight: 600;
		text-transform: uppercase;	
	}
		
	.workInfosStyle {
		border:1px solid #0c3e59;
		color: #0c3e59;
		margin: 6px 0px 3px 0px;
		padding: 6px;				
	}
	
	.workInfosCycle {
		color: White;
		background-color: #81a1b3;
		padding: 6px;				
	}
	
	.workLink {
		position:absolute;
		right: 6px;
		bottom: 10px; /* minus the div.right bottom-margin */

	}	
	
	/* styles pour les 2 contextes "workList", liste de catlaogue work, et "workView", fiche de catlaogue work */	
	.workList div.left, .workView div.left {
		display:table-cell;
		width: 240px;
		vertical-align:bottom;
		padding-bottom: 0px;
		text-align:center;
		position:relative;		
	}
	
	.workList div.right, .workView div.right {
		display:table-cell;
		padding-left: 8px;
		padding-bottom: 0px;
		vertical-align:bottom;
		position:relative;
	}	
	
	.workView .workViewButtons {
		display:table-cell;
		width: 206px;
		padding-right: 12px;
		vertical-align:bottom;
		padding-bottom: 22px;
		text-align:center;
	}
	
	.workView .workViewButtons .btt_button {
		min-width: 180px;
	}
	
	.workView {
		width: 100%;
		display: table;
		padding-bottom: -10px;
	}
	
	.workViewRow {
		display:table-row;
	}
		


	/* box_work = version réduite pour sidebox */	
	.box_work {
		margin-top: 0px;
		margin-bottom: 20px;
		text-align:center;
	}
	.box_work .workInfos {
		width: 206px;
	}
	.box_work .visual img {
		width: 100%;
	}	
	
	.box_work .workShortBody {
		font-size: 95%;
		color: #4b6571;
		line-height: 110%;
	}
	
	.box_list_work {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.box_list_work ul {
		text-align:left;
		font-size: 90%;
		color: #4b6571;
		line-height: 100%;		
		font-size: 11px;
		padding: 5px 0px;
	}
	
	.box_list_work li {
		border-bottom: 1px solid rgb(172, 180, 184);
		border-top: 1px solid rgb(223, 231, 235);		
	}
	.box_list_work li.first {
		border-top: 0px;			
	}
	.box_list_work li.last {
		border-bottom: 0px;			
	}	
	
	.box_list_work li a {
		display: block;
		margin: 5px 2px 0px 0px;
	}
	.box_list_work img {
		margin-bottom: -2px;	
	}
	.box_list_work img.visual {
		margin: 2px 7px 0px 0px;
		float: left;
	}
	
/***************************************/


/**************************************  style pour CATALOGUE _ficheAlbum */	

/* variantes pour créer 4 visuels horizontaux au lieu de 2 */
#div_extraits LI {
	width: 23%;
	padding-right: 5px;
}
#div_extraits LI.last {
	padding-right: 0px;
}


/**************************************  style pour CATALOGUE STYLE VIEW */	
	#catalogue_styleView .box_couvs {
		text-transform: uppercase;
		text-align:center;
	}
	#catalogue_styleView .box_couvs img {
		background-image: none;
	}
	#catalogue_styleView .box_couvs li {
		position:relative;
		height: 96px;
		color: #0c3e59;
		font-weight: bold;
	}
	#catalogue_styleView .box_couvs li div.right {
		position:absolute;
		bottom: 0px;
	}
	#catalogue_styleView .box_couvs li.odd {
		margin-right: 3px;
		margin-left: -3px;
	}
	
	#catalogue_styleView .workList ul {
		display:table;
		border-collapse:separate; 
		border-spacing:0px 10px;
		margin-top: -10px;
	}
	#catalogue_styleView .workList li {
		display:table-row;
	}
	#catalogue_styleView .workList li:hover {
		background-color: #e8f1f6;
	}
	
/***************************************/


/**************************************  style pour IBD _lists */

.ibd_menu {
	margin-top: 1.8rem;
}

	.ibd_offer_find .left {
		width: 195px;
		float:left;
		padding-top: 90px;
		padding-left: 6px;
	}
		.ibd_offer_find .left p {
			font-size: 120%;
			line-height: 100%;
			margin-bottom: 20px;
			color: #0c3e59;
			text-indent: -20px;
			margin-left: 20px;
		}
	
			.ibd_offer_find .left p span {
				font-size: 105%;
				font-weight: bold;
			}
	
		.ibd_offer_find .right {
			float:left;
			width: 335px;
		}
	
	.ibd_offer_app p {
		color: #0c3e59;
	}
	.ibd_offer_app .left1 {
		float:left; 
		width: 100px;
		text-align:left;
	}
	
	.ibd_offer_app .left2 {
		float:left; 
		padding-top: 10px;
		width: 150px;
	}
	
	.ibd_offer_app .left2.minus {
		padding-top: 5px;
	}
	
	.ibd_offer_app .right {
		float:left; 
		width: 280px;
	}	
	
		.ibd_offer_app .right img {
			float:left;
			margin-right: 5px;
		}
		
		.ibd_offer_app .right img.light {
			opacity: 0.5;
		}
		
		.ibd_offer_app .specialmark {
			display: inline-block;
			margin-top: 2em;
			opacity: 0.5;
			font-size: 1.3em;
		}

	.ibd_message {
		font-weight:bold;
		text-align:left;
		color:#0c3e59;
		margin-bottom: 10px;	
	}

	.ibd_free_item {
		margin-top: 20px;
	}

	.ibd_free_item .ibd_free_content {
		display: table;
	}

	.ibd_free_item .ibd_free_content .left, .ibd_free_item .ibd_free_content .right {
		display:table-cell;
		width: 50%;
		vertical-align:bottom;
		padding-bottom: 0px;
		padding-right: 10px;
		text-align:left;
		position:relative;				
	}
	.ibd_free_item .ibd_free_content .shortBody  {
		font-weight: bold;
		margin-top: 10px;
	}
	
	.ibd_purchased_group {
		display: table;
		width: 548px;
		margin-bottom: 20px;
	}
	
	.ibd_purchased_group .ibd_purchased_work {
		vertical-align: bottom;			
		width: 40%;
		padding: 5px 10px 0px 0px;
		 
	}
	
	.ibd_purchased_group .ibd_purchased_work img  {
		width: 100%;
	}
	
	.ibd_purchased_group .ibd_purchased_work_background {
		margin-top: 5px;
		font-size:110%;
		color:White;
		padding: 4px 8px;
		text-transform:uppercase;
		/*letter-spacing: 1px;*/
		text-align:center;
		font-family: "Verdana", Times New Roman, Arial, sans-serif;		
	}
	
	.ibd_purchased_group .ibd_purchased_item {
		position: relative;
		vertical-align: bottom;			
		width: 20%;
		padding: 5px 10px 0px 0px;
		font-size: 92%;
		text-align: center;
		font-weight: bold;		
	}
	
	.ibd_purchased_group .ibd_purchased_item div.cover {
		position: relative;
	}
	
	.ibd_purchased_group .ibd_purchased_item div.cover a:hover:before {
		content: '';
  		display: block;
  		background: transparent url('/images/design2/util_play_hover.png') center center; /* your background */
  		width: 100%; /* image width */
  		height: 100%; /* image height */
  		position: absolute;
  		top: 0;
  		right: 0;		
	}
	
	.ibd_purchased_group .ibd_purchased_item a img {
		margin-top: 3px;
	}
	
	

/***************************************/


/* ============================================================================================== */
/* ========================== HUMANO TV ========================================================= */
	
	.webtv {
		padding:0px;
		width:600px;
	}
	
	.webtv h1 {
		margin-left:5px;
		margin-right:5px;
	}
		
		.webtv .big_left , .webtv .big_right {
			float:left;
			padding:2px 10px;
			width:216px;
			border:solid 2px #AAAAAA;
			background-color:#FFFFFF;
			color:#000000;
			font-weight:bold;
			overflow:hidden;
		}
		
	
		.webtv .big_left {
			margin:10px 20px 10px 40px;
		}
		
		.webtv .big_right {
			margin:10px 40px 10px 20px;
		}
		
		.webtv .small {
			float:left;
			width:126px;
			height:205px;
			padding:2px 5px;
			margin:5px;
			border:solid 2px #AAAAAA;
			background-color:#FFFFFF;
			color:#000000;
			font-weight:bold;
			font-size:85%;
			overflow:hidden;
		}
		
		.webtv .title , .webtv .image {
			margin-bottom:3px;
		}
		
		.webtv .title a , .webtv .image a {
			display:block;
			width:inherit;
			height:inherit;
			text-decoration:none;
		}
		
		.webtv .title {
			overflow:hidden;
			height:30px;
			line-height:15px;
			text-transform:uppercase;
			text-align:center;
		}
		
		.webtv .small .title {
			overflow:hidden;
			height:39px;
			line-height:13px;
			text-transform:uppercase;
			text-align:center;
		}
		
		.webtv .image {
			text-align:center;
		}
			
			.webtv .image img {
				border:none 0px transparent;
				width:206px;
				height:155px;
				margin:0px;
			}
			
			.webtv .small .image img {
				width:126px;
				height:95px;
			}
		
		.webtv .links {
			height:16px;
			line-height:16px;
			text-align:center;
			overflow:hidden;
		}
		
		.webtv .small .links {
			height:26px;
			line-height:13px;
		}
		
		.webtv .text {
			height:32px;
			line-height:16px;
			text-align:left;
			font-weight:normal;
			overflow:hidden;
		}
		
		.webtv .small .text {
			height:39px;
			line-height:13px;
		}
		
		.webtv .big_left:hover , .webtv .big_right:hover , .webtv .small:hover , .webtv .playing {
			border:solid 2px #000000;
			background-color:#CACACA;
		}
	
/* ========================== HUMANO TV ========================================================= */
/* ============================================================================================== */

/* SPECIFIQUE AUX CLASSES DE STYLE DE CONTENU (home / pages interieurs,...) ***************************************/
/********** page_style_0 = home page  */
.page_style_0 #content_subcolumn {
	width: 250px;
	float:right;
}
.page_style_0 #content_subcolumn .box_color1b,
.page_style_0 #content_subcolumn .box_color2b,
.page_style_0 #content_subcolumn .box_color3b,
.page_style_0 #content_subcolumn .box_color4b,
.page_style_0 #content_subcolumn .box_color5b,
.page_style_0 #content_subcolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 248px;
} 
.page_style_0 #content_subcolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_0 #content_subcolumn .box_couvs3 LI DIV.right{ width:144px; }  /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */
.page_style_0 #content_maincolumn {
	width: 498px;
	margin-right: 6px;
	float:left;
}
.page_style_0 #content_maincolumn .box_color1b,
.page_style_0 #content_maincolumn .box_color2b,
.page_style_0 #content_maincolumn .box_color3b,
.page_style_0 #content_maincolumn .box_color4b,
.page_style_0 #content_maincolumn .box_color5b,
.page_style_0 #content_maincolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 496px;
}
.page_style_0 #content_maincolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_0 #content_maincolumn .box_couvs3 LI DIV.right{ width:392px; } /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */

.page_style_0 #content_maincolumn .box_main,
.page_style_0 #content_maincolumn .box_comment,
.page_style_0 #content_maincolumn .box_simple,
.page_style_0 #content_maincolumn .box_links,
.page_style_0 #content_maincolumn .box_links2,
.page_style_0 #content_maincolumn .box_couvs,
.page_style_0 #content_maincolumn .box_couvs1,
.page_style_0 #content_maincolumn .box_couvs2,
.page_style_0 #content_maincolumn .box_couvs3,
.page_style_0 #content_maincolumn .box_couvs4,
.page_style_0 #content_maincolumn .box_U,
.page_style_0 #content_maincolumn .box_U1,
.page_style_0 #content_maincolumn .box_U2  {
	margin-bottom: 10px;
}

.page_style_0 #content_nocolumn {
	width: 600px;
	margin-left: 110px;;
	margin-right: auto;	
	margin-top: 25px;
}
.page_style_0 #content_nocolumn .box_color1b,
.page_style_0 #content_nocolumn .box_color2b,
.page_style_0 #content_nocolumn .box_color3b,
.page_style_0 #content_nocolumn .box_color4b,
.page_style_0 #content_nocolumn .box_color5b,
.page_style_0 #content_nocolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 598px;
} 
.page_style_0 #content_nocolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_0 #content_nocolumn .box_couvs3 LI DIV.right{ width:494px; } /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */


.page_style_0 #content_subcolumn #facebook_like_box {
	margin-bottom: 6px;		
}
.page_style_0 #content_subcolumn #twitter_box {
	border:1px solid Gray;
	border-bottom: 0px;
	padding: 5px;
	background-color: #e4e7ee
}

/********** page_style_1 = home page */
.page_style_1 #content_subcolumn {
	width: 206px;
	float:left;
}
.page_style_1 #content_subcolumn .box_color1b,
.page_style_1 #content_subcolumn .box_color2b,
.page_style_1 #content_subcolumn .box_color3b,
.page_style_1 #content_subcolumn .box_color4b,
.page_style_1 #content_subcolumn .box_color5b,
.page_style_1 #content_subcolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 204px;
} 
.page_style_1 #content_subcolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_1 #content_subcolumn .box_couvs3 LI DIV.right{ width:100px; } /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */
.page_style_1 #content_maincolumn {
	width: 538px;
	margin-left: 12px;
	float:left;
}
.page_style_1 #content_maincolumn .box_color1b,
.page_style_1 #content_maincolumn .box_color2b,
.page_style_1 #content_maincolumn .box_color3b,
.page_style_1 #content_maincolumn .box_color4b,
.page_style_1 #content_maincolumn .box_color5b,
.page_style_1 #content_maincolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 536px;
}
.page_style_1 #content_maincolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_1 #content_maincolumn .box_couvs3 LI DIV.right{ width:438px; } /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */
.page_style_1 #content_nocolumn {
	width: 600px;
	margin-left: 110px;;
	margin-right: auto;	
	margin-top: 25px;
}
.page_style_1 #content_nocolumn .box_color1b,
.page_style_1 #content_nocolumn .box_color2b,
.page_style_1 #content_nocolumn .box_color3b,
.page_style_1 #content_nocolumn .box_color4b,
.page_style_1 #content_nocolumn .box_color5b,
.page_style_1 #content_nocolumn .box_color6b { /* on enlève 2 pixels pour les bordures */
  width: 598px;
} 
.page_style_1 #content_nocolumn .box_couvs3 DIV.left{ width: 87px; } /* largeur arbitraire de 87px */
.page_style_1 #content_nocolumn .box_couvs3 LI DIV.right{ width:494px; } /* = largeur total - 87px - marge DIV.img (6px cf .box_color1b DIV.img) -10px (marge DIV.txt) */



.page_style_1 #content_plaincolumn {
	margin-top: 20px;
	width: 100%;
}
#content_plaincolumn .box_main h1 {
	text-align:center;
}


#content_subcolumn.hidden_tools {
	position:absolute;
	top: 100px;
	max-width: 28px;
	max-height: 26px;
	overflow: hidden;
	z-index:100;
}

	#content_subcolumn.hidden_tools .hidden_tools_arrow {
	  	margin-bottom: 0px;
		font-size: 130%;
				font-weight: normal;
				background-color: #3a6880;
				color: #ffffff;
		font-family: "Trebuchet MS", Times New Roman, Arial, sans-serif;
		height: 26px;
		padding: 5px 0px 0px 5px;
		
	}

	 #content_subcolumn.hidden_tools:hover {
		overflow: display;
		max-width: 1000px;
		max-height: 1000px;
	}
	
#content_maincolumn.hidden_tools {
	/*position:absolute;
	top: 100px;
	width: 744px;*/
  	position: relative;
  	top: 5px;
  	width: 744px;	
}

	#content_maincolumn.hidden_tools h1:first-child, #content_maincolumn.hidden_tools h2:first-child, #content_maincolumn.hidden_tools h3:first-child,
	#content_maincolumn.hidden_tools .tabs_nav
	{
		margin-left: 20px;
	}


/***************************************  FIN DE SPECIFIQUES AUX CLASSES DE STYLE DE CONTENU */	

.invalid { background-color:#F6D4D7; !important }
.warning { background-color:#FFFFCC; !important }
.valid { background-color:#E0FFC7; !important }
td.middle { vertical-align:middle; !important }
.center { text-align:center; !important }
.bold { font-weight:bold; !important }

.spacer { padding:10px; !important }

.slide_bloc {
	border:solid 2px #CBD3D6;
	margin:5px auto;
}
	
	.slide_bloc select {
		width:150px;
	}
	
	.slide_bloc div div {
		padding:10px;
	}
	
	.slide_bloc .table_RL {
		width:100%;
		margin:0px;
		border-collapse:collapse;
		border-spacing:0px;
	}
		
		.slide_bloc div div .table_RL td {
			vertical-align:middle;
		}
	
	.slide_bloc h4 {
		background-color:#CBD3D6;
		text-transform:uppercase;
		padding:3px;
		margin:0px;
	}
		
		.slide_bloc h4 a {
			display:block;
			text-decoration:none;
			background-image:url(/images/design2/util_arrow_after.gif);
			background-repeat:no-repeat;
			background-position:center right;
		}

		.slide_bloc h4 a.slide_up {
			background-image:url(/images/design2/util_arrow_below.gif);
		}
		
		.slide_bloc h4 a.slide_down {
			background-image:url(/images/design2/util_arrow_above.gif);
		}
	
	#bg_fade {
		position:fixed;
		background-color:#444444;
		width:100%;
		height:140%;
		left:0px;
		margin:0px;
		padding:0px;
		top:0px;
		z-index:99998;
		visibility:hidden;
	}
	
	#containerDiv {
		position: fixed;
		width: 45%;
		z-index: 99999;
		padding:0px;
		background-color:#FFFFFF;
		border:solid 2px #0C3E59;
		-moz-box-shadow:0px 0px 12px #333333;
		-webkit-box-shadow:0px 0px 12px #333333;
		box-shadow:0px 0px 12px #333333;
	}
	
	textarea { resize:none; }

	.curve_shadow_240 {
		/*padding-bottom: 16px;*/
		/*background: transparent url("/images/design2/curve-shadow_240.png") no-repeat bottom;*/
	}
	
	.breadcrumb {
		color: #CCCCCC;
		margin: -5px 0px 20px 0px;	
	}
		.breadcrumb a {
			font-size: 1.1em;
			color: #707070;
			margin-bottom: 10px;
			text-decoration: underline;
		}
		
		
	.hu_modal {
		font-size: 120%;
		z-index: 1000;
		line-height: 140%;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
				transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s, height 0.25s, width 0.25s;
    }
			.hu_modal-content {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					background-color: white;
					padding: 1rem 1.5rem;
					border-radius: 0.5rem;
					transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s, height 0.25s, width 0.25s;
			}
				.hu_modal-content-adjust {
					width: 24rem;
				}
				.hu_modal-content-maximize {
					width: 80%;
					height: 80%;
				}
				.hu_modal-content-small {
					width: 50%;
					height: 50%;
					max-width: 500px;
					max-height: 400px;
				}
				.hu_modal-content-medium {
					width: 75%;
					height: 75%;
					max-width: 700px;
					max-height: 800px;
				}						
				.hu_modal-text.hu_modal-loading {
					background: url('/images/indicator.gif') center center no-repeat;
				}
				.hu_modal-text {
					width: 100%;
					height: calc( 100% - 1.5em );
				}
				.hu_modal-iframe {
					width: 100%;
					height: 100%;
					border: 0;
				}
			.hu_close-button {
					float: right;
					width: 1.5rem;
					line-height: 1.5rem;
					text-align: center;
					cursor: pointer;
					border-radius: 0.25rem;
					background-color: lightgray;
			}
			.hu_close-button:hover {
					background-color: darkgray;
			}
			.hu_show-modal {
					opacity: 1;
					visibility: visible;
					transform: scale(1.0);
					transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, height 0.25s, width 0.25s;
			}
			
	.youtube_iframe_consent {
		opacity:0; 
		background-color: Black;
		position:relative;
		top: 0;
		z-index:10;
		display: flex;
		color: White;
		line-height: 2rem;
		font-size: 120%;
	}
	.youtube_iframe_consent div {
		margin: auto;
		text-align: center;
	}
	.youtube_iframe_consent div span {
		 line-height: 4rem;
    	font-size: 90%;
	}
		
/***************************************  FIN DE SPECIFIQUES AUX CLASSES DE STYLE DE CONTENU */			


	div.HUContainer { max-width: 900px;  }

	div.HUContainer hr.clearboth { clear: both; font-size: 0; border: 0; }
	div.HUContainer h2, div.HUContainer h3, div.HUContainer h4 { clear: both; }
	div.HUContainer:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	div.HUContainer iframe {
	  margin-bottom: 1.5em;	
	}
.redactor-dropdown .redactor-formatting-h2 {
		font-size:130%;
		font-weight:normal;
		color:White;
		letter-spacing: 0.06em;
		background-color:#0c3e59;
		padding: 4px 8px;
		font-family: "Trebuchet MS", Times New Roman, Arial, sans-serif;
	}
.redactor-dropdown .redactor-formatting-h3 {
		font-size: 130%;
		color:#0c3e59;
		font-weight:bold;
		margin: 15px 0px 6px 0px;
		padding: 0px 0px 3px 0px;
		border-bottom: 1px solid #0c3e59;
	}
.redactor-dropdown .redactor-formatting-h4 {
		margin-top: 8px;
		margin-bottom: 8px;
		font-size:110%;
		font-weight:bold;
	}
.redactor-dropdown .redactor-formatting-h5 {
		font-size:105%;
		font-weight:bold;
		font-style:italic;	
		margin-top: 5px;
		margin-bottom: 5px;
	}
	div.HUContainer p.teaser, .redactor-dropdown .redactor-formatting-p-teaser {
		font-size: 110%;
		letter-spacing: 0.025em;
		color: rgb(80,80,80);
		line-height: 120%;
		padding: 0.5em 0em;
	}
	div.HUContainer span.authors, .redactor-dropdown .redactor-formatting-span-authors {
		color:#3e5e77;
		letter-spacing: 0.01em;
	}
	div.HUContainer span.special, .redactor-dropdown .redactor-formatting-span-special {
		font-style:italic;
		letter-spacing:0.02em;
	}
	div.HUContainer span.mention, .redactor-dropdown .redactor-formatting-span-mention {
		color:#3e5e77;
		letter-spacing: 0.01em;
		font-size:95%;
	}
	div.HUContainer span.abutton, .redactor-dropdown .redactor-formatting-span-abutton {
		vertical-align: middle;
		padding: 0.2em 0.4em;
		color:White;
		text-transform: uppercase;
		background-color: #4bb7a8;
		text-decoration: none;
		font-size: 94%;
	}
		.redactor-dropdown .redactor-formatting-span-abutton {
				display:inline-block;
		}
		

	div.HUImage {
		clear: both;
		max-width: 1000px;
	}
	div.HUImage img {
		max-width: 100%; 
	}

div.HUImageN0 {
			margin: 0em 1em 1em 0em;
		}
div.HUImageC0 {
			margin:0 auto 1em auto;
			text-align:center;
		}
div.HUImageC6 {
			margin:0 auto 1em auto;
			text-align:center;
		}
div.HUImageL5 {
			float:left;
			margin-right: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageL3 {
			float:left;
			margin-right: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageL1 {
			float:left;
			margin-right: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageR5 {
			float:right;
			margin-left: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageR3 {
			float:right;
			margin-left: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageR1 {
			float:right;
			margin-left: 0.5em;
			margin-bottom: 0.5em;
		}
div.HUImageN0 { 	width: 100%; }
div.HUImageC0 { 	width: 100%; }
div.HUImageC6 { 	width: 60%; }
div.HUImageL5 { 	width: 50%; }
div.HUImageL3 { 	width: 30%; }
div.HUImageL1 { 	width: 15%; min-width: 120px; }
div.HUImageR5 { 	width: 50%; }
div.HUImageR3 { 	width: 30%; }
div.HUImageR1 { 	width: 15%; min-width: 120px; }


	div.HUTableGrid  {
		position: relative;
		width: 100%;
		margin: 1em 0em;
		padding: 0;	
		text-align: left;
	}

	div.HUTableGrid:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	  		
		
	div.HUTableGridItem {
		display: inline-block;
		margin: 0em -0.25em 0.8em 0em;
		padding: 0px;
		position: relative;
		/*box-shadow: inset 0 0 2px;*/
	}

	div.HUTableGridImage {
		position: relative;
	}
		
	div.HUTableGridItem img {
		width: 100%;		
		display:block;
	}
			
	div.HUTableGridItem p {
		margin: 0;
		padding: 0;
	}

div.HUTableGridRT1 div.HUTableGridItem {
			vertical-align: top;
			min-width: 150px;
		}
div.HUTableGridRT1 div.HUTableGridItem div.HUTableGridImage {
			width:48%;
			margin: 0;
			padding: 0;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridRT1 div.HUTableGridItem div.HUTableGridText {
			margin: 0;
			padding: 1% 1%;
			width:48%;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridRT2 div.HUTableGridItem {
			vertical-align: top;
			min-width: 150px;
		}
div.HUTableGridRT2 div.HUTableGridItem div.HUTableGridImage {
			width:48%;
			margin: 0;
			padding: 0;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridRT2 div.HUTableGridItem div.HUTableGridText {
			margin: 0;
			padding: 1% 1%;
			width:48%;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridRT3 div.HUTableGridItem {
			vertical-align: top;
			min-width: 150px;
		}
div.HUTableGridRT3 div.HUTableGridItem div.HUTableGridImage {
			width:48%;
			margin: 0;
			padding: 0;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridRT3 div.HUTableGridItem div.HUTableGridText {
			margin: 0;
			padding: 1% 1%;
			width:48%;
			display:inline-block;
			vertical-align: middle;
		}
div.HUTableGridTT2 div.HUTableGridItem {
			vertical-align: bottom;
		}
div.HUTableGridTT2 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridTT2 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.5em;
			margin-bottom: 0.3em;
			width: 92%;
		}
div.HUTableGridTT2 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridTT3 div.HUTableGridItem {
			vertical-align: bottom;
		}
div.HUTableGridTT3 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridTT3 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.5em;
			margin-bottom: 0.3em;
			width: 92%;
		}
div.HUTableGridTT3 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridTT4 div.HUTableGridItem {
			vertical-align: bottom;
		}
div.HUTableGridTT4 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridTT4 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.5em;
			margin-bottom: 0.3em;
			width: 92%;
		}
div.HUTableGridTT4 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridBT2 div.HUTableGridItem {
			vertical-align: top;
		}
div.HUTableGridBT2 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridBT2 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.3em;
			margin-bottom: 0.5em;
			width: 92%;
		}
div.HUTableGridBT2 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridBT3 div.HUTableGridItem {
			vertical-align: top;
		}
div.HUTableGridBT3 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridBT3 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.3em;
			margin-bottom: 0.5em;
			width: 92%;
		}
div.HUTableGridBT3 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridBT4 div.HUTableGridItem {
			vertical-align: top;
		}
div.HUTableGridBT4 div.HUTableGridItem div.HUTableGridImage {
			width: 92%;
		}
div.HUTableGridBT4 div.HUTableGridItem div.HUTableGridText {
			margin-top: 0.3em;
			margin-bottom: 0.5em;
			width: 92%;
		}
div.HUTableGridBT4 div.HUTableGridItem div.HUTableGridText p {
			text-align:center;
		}
div.HUTableGridGB2 div.HUTableGridItem {
			vertical-align: top;
			margin: 0em -0.3em 2em 0em;
		}
div.HUTableGridGB2 div.HUTableGridItem div.HUTableGridImage {
			width: 90%;
		}
div.HUTableGridGB3 div.HUTableGridItem {
			vertical-align: top;
			margin: 0em -0.3em 2em 0em;
		}
div.HUTableGridGB3 div.HUTableGridItem div.HUTableGridImage {
			width: 90%;
		}
div.HUTableGridGB4 div.HUTableGridItem {
			vertical-align: top;
			margin: 0em -0.3em 2em 0em;
		}
div.HUTableGridGB4 div.HUTableGridItem div.HUTableGridImage {
			width: 90%;
		}
div.HUTableGridGJ2 {
			font-size: 0px;	
		}
div.HUTableGridGJ2 div.HUTableGridItem div.HUTableGridImage {
			width: 100%;
		}
div.HUTableGridGJ3 {
			font-size: 0px;	
		}
div.HUTableGridGJ3 div.HUTableGridItem div.HUTableGridImage {
			width: 100%;
		}
div.HUTableGridGJ4 {
			font-size: 0px;	
		}
div.HUTableGridGJ4 div.HUTableGridItem div.HUTableGridImage {
			width: 100%;
		}
div.HUTableGridRT1 div.HUTableGridItem { 	width: 100%; }
div.HUTableGridRT2 div.HUTableGridItem { 	width: 50%; }
div.HUTableGridRT3 div.HUTableGridItem { 	width: 33.3%; }
div.HUTableGridTT2 div.HUTableGridItem { 	width: 50%; }
div.HUTableGridTT3 div.HUTableGridItem { 	width: 33.3%; }
div.HUTableGridTT4 div.HUTableGridItem { 	width: 25%; }
div.HUTableGridBT2 div.HUTableGridItem { 	width: 50%; }
div.HUTableGridBT3 div.HUTableGridItem { 	width: 33.3%; }
div.HUTableGridBT4 div.HUTableGridItem { 	width: 25%; }
div.HUTableGridGB2 div.HUTableGridItem { 	width: 50%; }
div.HUTableGridGB3 div.HUTableGridItem { 	width: 33.3%; }
div.HUTableGridGB4 div.HUTableGridItem { 	width: 25%; }
div.HUTableGridGJ2 div.HUTableGridItem { 	width: 50%; }
div.HUTableGridGJ3 div.HUTableGridItem { 	width: 33.3%; }
div.HUTableGridGJ4 div.HUTableGridItem { 	width: 25%; }