BODY	{
	height:100%;
	width:100%;
	position:absolute;
}

/* STYLES GLOBAUX ****************************************/
H1, H2 {
	font-size:130%;
	font-weight:bold;
	color:White;
	letter-spacing: 0.04em;
	background-color:#0c3e59;
	padding: 4px 8px;
	text-transform:uppercase;
	font-family: Arial Narrow, 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: 10px 0px 10px 0px;
	padding: 0px 0px 3px 8px;
	border-left : 8px solid #0c3e59;
	border-bottom: 1px solid #0c3e59;
}

H3 > A {
	text-decoration:none;
}

H4	{
	margin-top: 8px;
	margin-bottom: 8px;
}

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%;
}

H3 + P.titre_mention	{
	margin: -7px 0px 10px 0px;
	padding: 0px 0px 3px 17px;
}

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

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

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

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

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

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

.special	{
	font-style:italic;
	letter-spacing:0.02em;
}

.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;
}


.table_admin	{
	border-collapse:collapse;
}
.table_admin TD {
	vertical-align: top;
	border: 1px solid Gray;
	padding: 5px;
	border-collapse:collapse;
}
.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;
}
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; }

.message_warning, .form_error {
	background-color:#b3ff91;
	color:#236b4b;
	font-size:110%;
	font-weight:bold;
	text-align:center;	
}

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; }
	

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;
		width:25px;
		margin: 0px 4px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:125%;	
		color: #93a4ad;		
	}
	
	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.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;
	}
/*************************************** FIN DE STYLES GLOBAUX */

/* STYLES DE TABLEAU ****************************************/
.table_RL, .table_LL { }

.table_cell_left { padding-right: 3px; }
.table_cell_right { padding-left: 3px; min-width:50%; }

.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; }
.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%;
}
/********************************* FIN DE STYLES DE TABLEAU */

/* STYLE DE FORMULAIRE ***************************************/
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 ***************************************/
	DIV.auto_complete {
		z-index:99;
		width: 300px;
	}
	DIV.auto_complete UL {
		border: 3px solid #3a6880;
		width: 300px;
	}
	DIV.auto_complete LI {
		background-color: White;
		border-color:#3a6880;
		border-style:solid;
		border-width: 0px 1px 1px 1px;
		color:#333333;
		overflow:hidden;
		padding-left:5px; padding-right:5px;
		width: 300px;
	}
		DIV.auto_complete LI.selected {
			background-color: #cbd3d6;
			color:Black;
		}			
	
		DIV.auto_complete SPAN.informal	{
			color:#555555;
			font-size: 90%;
		}

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

/* 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 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_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%; overflow: hidden; 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 3px 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 LI P { padding-left:5px; }
/******************************** box_links2 = Box de série de liens avec des liens grossis */
.box_links2 { }
.box_links2 UL { margin-top: 6px; }
.box_links2 LI { display:block; }
.box_links2 LI P { text-indent:-30px; padding-left: 35px; }
.box_links2 LI P SPAN { font-size:110%; font-weight:bold; }
.box_links2 LI P SPAN:before { content:">>> "; }
.box_links2 LI A { 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:center; margin-bottom: 15px; overflow: hidden; }
.box_couvs LI.odd { clear:left; }
.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;
				 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%; }
.csstable_cell	{  }
.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 */
/********************************* 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 scroll center 110px;
	
}

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

	DIV#above_center {
		width: 974px;
		height: 92px;
		margin: 7px auto 5px auto;
		z-index:3;
		overflow: hidden;
		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;				
		 }
	   
	   DIV#above_center DIV#connexion {
			position:absolute;
			left:793px;
			width:169px;
			margin-left:6px;
			background-color:White;
	   }
	   
	   DIV#connexion A#titre {
			display:block;
			width:100%;
			height:20px;
			text-align:center;
			color:White;
			text-decoration:underline;
			text-transform:uppercase;
			font-weight:bold;
			font-family: Arial Narrow, Times New Roman, Arial, sans-serif;
			padding: 2px 0px 0px 0px;
			margin-bottom: 6px;
			font-size: 110%;
			text-decoration:none;
			background: #0c3e59 url('/images/design2/util_arrow_after_white.gif') no-repeat;
			background-position: 150px 7px;
	   }
	   #connexion A#titre:hover { text-decoration:underline; }
	   
	   #connexion LABEL {
	   		color:#11394e;
			text-transform:uppercase;
			font-size:80%;
			position:absolute;
			left:0px;
			letter-spacing: -0.1em;
	   }
	   #connexion LABEL#connexion_label_stay {
	   		font-size:72%;
	   		line-height: 90%;
			width:60px;
	   }
	   #connexion INPUT {
	   		background-color:#bacbd5;
			border:1px solid Black;
			width:105px;
			position:absolute;
			right:0px;
	   }
	   #connexion INPUT#connexion_input_stay {
	   		background-color:transparent;
			border:0px solid Black;
			width: 18px;
			right: 88px;
	   }
	   #connexion INPUT#connexion_submit {
	   		background-color:transparent;
			background-position: 0px 0px;
			border:0px solid Black;
			cursor:hand;
			font-size:70%;
			width:82px;
			border-left:1px solid Black;
			border-right:1px solid Black;
			text-align:center;
	   }
	   LABEL#connexion_label_pseudo { top:32px; }
	   INPUT#connexion_input_pseudo { top:27px; }	   
	   LABEL#connexion_label_code { top:55px; }
	   INPUT#connexion_input_code { top:49px; }	   
	   LABEL#connexion_label_stay { top:73px; }
	   INPUT#connexion_input_stay { top:75px; }	   
	   INPUT#connexion_submit { top:74px; }	  

#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; /* padding latéraux = marge banche, padding basse = footer */
			background-color:White;
			position:relative;
		}
			
			#m #main #main_center #socialhub {
				position:absolute;
				top:7px;
				left:777px;
				width:160px;
				height:60px;
				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 h1 {
				border:none 0px transparent;
				margin:0px;
				margin-bottom:13px;
			}
			
			#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: 95px;
				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:30px auto 0px auto; padding-right:140px; overflow:hidden;
		}
		
		#m #footer UL LI {
			display:inline;
			margin: auto 20px auto 20px;
		}
		
		#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 */	

/* 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_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: 544px;
	margin-left: 6px;
	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: 542px;
}
.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 {
	width: 100%;
}
/***************************************  FIN DE SPECIFIQUES AUX CLASSES DE STYLE DE CONTENU */