/* Feuille de style alternative  UFC QC de Caen */

/*********************************************************/
/*                                                       */
/*             Mise en page globale                      */
/*                                                       */
/*********************************************************/



#page, #banner, #main, #menuleft, h2, #menuleft ul, .col-content{ position: relative }
html { margin: 0; padding:0; font-size:12pt}

#menuleft * {clear:none}

body {
	margin: 0; padding:0; 
	color: #000;
	font: .9em  Lucida, Tahoma, Arial, Geneva, "Lucida Grande", Optima, "Trebuchet MS", Helvetica, sans-serif;
}

div, p { margin: 0; padding:0;  }

/* Toute la page est incluse dans une division 'page' */
#page {
	width: 70em; 
	height:auto;
	margin:0 auto;
	padding:0;
}

/* Le haut de la page contient la banière de titre    */
#banner {
	z-index:1;
	top:1.5em;
	right:0;
	height: 7em;
	vertical-align: middle;
	font-size:100%;
}
/* Le reste de la page est dévolue au contenu          */
#main {
	margin-top:5.5em;
	width:100%;
	font-size:12px;
	padding-bottom:1em;
	clear:both;
}
/* A la suite du main se trouve le pied de page        */
#footer {
	bottom:0em;
	left:0;
	border-bottom: .5em ridge #dae0d2;
	text-align: center;
	padding-top:1em;
	width: 100%;
	clear: both;
}
/* la division principale est partagée en deux :
	- la colonne de droite   */
#menuright {
	position:relative;
	bottom:0;
	margin-right:0em;
	margin-left:83%;
	clear:none;
}
#menuright .col-content {
	padding-top:4.4em !important;
}
/*	- une division flottante qui accueillera la colonne de gauche et la page centrale */
#mainfloat { 
	float:left; 
	width: 83%;
}
/* la division flottante de gauce est partagée en :
	- la colonne de gauche    */
#menuleft {
	margin-top:0em;
	margin-right: 75%;
	text-align: right;
}
#menuleft, #menuright {	font-size:14px; height:100% }
/*	- une division flottante contenant le texte de la partie centrale de la page */
#content {
	float: right;
	width: 73.5%;
	margin-right:.75%;
}
/* les colonnes gauche et droite contiennent une division de classe col-content */
#menuleft .col-content, #menuright .recent-news { background-color:#dae0d2; }
#menuleft .col-content {
	padding: 0 .5em .5em .3em;	
}
#menuright .recent-news {
	margin-top:5em ;
	padding:.5em;
}
/* un conteneur est une division qui va accueillir du texte par dessus une image de fond */
.conteneur {
	position:relative;
	z-index:1;
	height:auto;
}
/*  l'image de fond du conteneur doit être de la classe "fond" */
.conteneur img.fond {
	display:block;
	position:absolute; top:0; left:0;
	z-index:-10;
	width:100%;
	height:100%;
}


/*********************************************************/
/*                                                       */
/*     Définitions des styles des balises HTML           */
/*                                                       */
/*********************************************************/

p, blockquote, li, h2, h3, dd, dt {
	font-weight: normal;
}

h1 {	margin: 0px; }

h2, h3,h4 {
	font-size: 1em;
	font-weight: bold;
	color: #036;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
	color: #6887A4;
}

hr {
	display: none;
}

pre {
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

abbr, acronym { 
	font-style: normal;
	border-bottom: dotted 1px #ccc;
	cursor: help;
}

blockquote, cite {
	color: #666;
	padding: 0 20px 0 20px;
	font-style: italic;
	border-left: 1px dotted #ccc;
}

code {
	margin: 10px;
	display: block;
}

q {
	font-style: italic;
	color: #666;
}

li {font-size: 1em; line-height: 1.2em}

img {border:none}





/*********************************************************/
/*                                                       */
/*          Contenu des différentes zones                */
/*                                                       */
/*********************************************************/
/*********************************************************/
/*                                                       */
/*    1. La bannière                                     */
/*                                                       */
/*********************************************************/
#logo {
	position:absolute;
	top:-1.5em;
	left:.5em;
	z-index:30;
	width:7em;
	margin:0.4em 2em;
	margin-right:13em;
}

.fond {
	position:absolute; top:0; left:0; z-index:-10;
	width:100%;
	height:100%;
}
.fond img {width:100%; height:100%;}

#top {
	z-index:10;
	position:absolute; left:0; right:0; top:0;
	text-align:center;
	font-weight: 400;
	font-size:3em;
	font-weight:900;
	}
#top a { color:#cf6; }

#banner .description {
	position:absolute; 
	bottom:1em;
	left:0; right:0; text-align:center;
	color: #98B3C7;
	font-weight:500;
	color:#660033
}

#banner p.description {	font-size: 1.36em; }

/*********************************************************/
/*                                                       */
/*    1bis. Le menu de la bannière                       */
/*                                                       */
/*********************************************************/

#menu {
	position:absolute; bottom:-3em;
    width:100%;
    background:#DAE0D2 url("/xmedia/theme/default/img/bg.gif") repeat-x bottom;
    font-size:14px;
    line-height:normal;
    }
#menu ul {
    float:left;
    margin:0;
    padding:1em 1em 0;
    list-style:none;
    }
#menu li { 
    float:left;
	height:2em;
    background: url("/xmedia/theme/default/img/norm_left.gif") no-repeat left top;
    margin:0;
    padding-left:0.45em ;
    }
#menu a {
	display:block;
	height:2em; 
	line-height:2em;
    padding-right:0.45em ;
	position:relative; top:0;
    background:url("/xmedia/theme/default/img/norm_right.gif") no-repeat right top;
    text-decoration:none;
    font-weight:bold;
    color:#765;
    }
#menu a:hover {
    color:#333;
    }
#menu #current {
    background-image:url("/xmedia/theme/default/img/norm_left_on.gif");
    }
#menu #current a {
    background-image:url("/xmedia/theme/default/img/norm_right_on.gif");
    color:#543;
	padding-bottom:0em;
    }
	
/*********************************************************/
/*                                                       */
/*    1ter. Les infos diverses à droite de la bannière   */
/*                                                       */
/*********************************************************/
#banner-right {
	position: absolute;
	right: 0;
	top:-2em;
	width:15em;
	height:6em;
	text-align: right;
	font-size:.85em;
	margin-right:1em ;
}

#banner-right p {display:none}
p.feeds, p.sitemap { 
	display:block !important;
	position:absolute; 
	top:.5em;
	font-size: .9em; 
	margin-top:.2em;
	}
p.feeds {left:2em}
p.sitemap {right:0}
#feeds, #sitemap { width:1em; height:1em;margin-right:.8em; }

#banner-right form { 
	position:absolute; 
	bottom:-2.9em; 
	right:0; 
	width:100% ; 
	height:2em;
	z-index:40;
}

#banner-right a:hover {	color: navy; }

ol.tree {display:none}

#q  {
	position:absolute;
	top:0;
	left:0;
	width: 12em;
	background-color:#DAE0D2;
	font-size:1em;
	line-height:1.2em;
	vertical-align:middle;
	height: 1.2em !important
}

#search-s {
	position:absolute;
	top:0;
	right:0;
	vertical-align: middle;
	width:1.9em !important;
	margin-right:.2em;
}



/*********************************************************/
/*                                                       */
/*    2. Le pied de page                                 */
/*                                                       */
/*********************************************************/

#footer table {
	margin-top:1em;
	width:100%;
}
#footer-left { width:16%} 
#footer-right { width:22%;}
#footer-center {border-top: .1em dotted #ccc; }
#footer td {padding:1em ; vertical-align:middle;  }
#footer * {color: #ccc; font-size: 11px; }
#footer img {border: none; vertical-align:bottom; }
#footer-left img { height:1.2em; }
#footer-right img { height:1.7em; }
#footer a {text-decoration: none; border: none; }
#footer a:hover {color:#CC3333}


/*********************************************************/
/*                                                       */
/*    3. La partie centrale de la page                   */
/*                                                       */
/*********************************************************/
/* rendre la taille des polices homgènes */
.resource {	font-size:16px; }
/* Position relative, car ils doivent pouvoir servir de conteneur pour les blocs inclus */
#content h1,#content h2 { position:relative;}


/*********************************************************/
/*                                                       */
/*    3.1 Les titres de la partie centrale de la page    */
/*                                                       */
/*********************************************************/
/*
	Ils sont constitués selon le cas d'une balise h1 ou h2
	dans laquelle sont imbriquées :
		- une balise img pour l'image de fond
		- une balise span pour le texte du titre
	
	La nature des balsies n'est malheureusement pas homogène et dépend des pages :
		- page d'accueil : 
			+ titres : .resource h2.cat-title
			+ pas de sous-titres
		- Actualités :
			+ titre : .resource h1.cat-title
			+ sous-titres : .resource h2.art-title
		- Bulletins : 
			+ titre : .resource h1.cat-title
			+ sous-titres : .resource h2.art-title
		- Communiqués : 
			+ titre : .resource h1.cat-title
			+ sous-titres : .resource h2.art-title
		- Contact : 
			+ titre : .resource h1.cat-title
			+ sous-titres : .resource h2.art-page-title
*/

/***********************************************/
/* Titre principal de la page (h1 ou h2)       */
/***********************************************/
.cat-title {
	padding:0;
	margin-top:.8em ;
	margin-bottom:0.5em ;
	font-size: 1.4em;
	line-height:1.6em;
	text-align:center;
	color: #036;
}


/***********************************************/
/*    Sous-titres de la page (h2)              */
/***********************************************/

/* dimensions des sous-titres  */
h2.art-page-title, h2.art-title, h2.art-comment-title,  h2.px-comment-add {
	padding:0 ;
	margin:.8em 0 0.4em 0;
	font-size: 1em;
	line-height:1.4em;
}

/* le premier ne doit pas avoir de marge */

#content  .cat-title:first-child { 
	margin-top:0.25em !important; 
}
.resource > h2:first-letter {text-transform:capitalize; }


/* l'image de fond */
#content h1 img,#content h2 img {
	display:block;
	position:absolute;
	z-index:2;
	width:100%;
	height:100%
	}
/* le contenu de la balise */
#content h1 span, #content h2 span {
	display:block;
	position:relative;
	z-index:3;
	height:100%;
	padding-left: .5em
	}
#content h2 span.search {
	background-color:#eed;
	border-top:.2em ridge #FFCC66 
}

.resource a:hover, #content h2 a:hover {
	color: #633;
	text-decoration: none;
}

.art-title  a { font-variant:small-caps;}
.art-title  a.communique { font-variant:normal; font-weight:normal; font-size:.9em}


/*********************************************************/
/*                                                       */
/*    3.2 Le texte + différentes particularités          */
/*                                                       */
/*********************************************************/
.art-date {
	float:right; 
	margin-top:0;
	margin-left:1em;
	font-size:.7em;
}
.art-description {
	margin:0.3em .2em ;
	padding-left:2em;
	font-size:1em;
	line-height:1.3em;
}
.resource table {
	margin:0.3em .2em ;
	margin-left:2em;
	empty-cells:show;
}
.resource tr {
	font-size:13px;
}
.resource td {
	font-size:13px;
	empty-cells:show;
}
.resource th {
	background-color:#CCCCCC;
}
.resource h3 {
	padding: 0 .5em;
	margin:0.5em .2em .2em 0
}
.resource h4 {
	padding: 0 .5em;
	margin:0.5em .2em .2em 0;
	font-size:.8em;
	padding-left:1.0em;
	font-style:italic;
}
.resource p {
	margin:0.3em .2em ;
	padding-left:2em;
	font-size:.8em;
	line-height:1.3em;
}
.resource ul {
	margin-top:0; 
}
.resource li {
	margin-top:0.1em;
	font-size:inherit;
	font-size:.8em;
	padding-left:.2em;
	margin-left:1em;
	line-height:1.3em;
}
.resource ul+p {
	margin-top:-.5em;;
}
.resource div.quotation {
	background-color: #BFBFBF;
	border:1px solid #996600;
	padding-right:1em;
}
table.sommaire {
	margin:0; padding:0;
	padding-left:13px;
	width:95%;
	font-size:12px;
}

h3.sommaire {margin-left:18px; padding-left:0;}
table.sommaire {margin:0 !important; padding:0 !important; margin-left:24px !important}

table.sommaire th {display:none}
table.sommaire tr {line-height:1.2em; }
table.sommaire * {padding:0; margin:0;}
table.sommaire td {padding:0 .3em; height:.6em;}
table.sommaire  td:first-child, table.sommaire  td:first-child+td+td  {border-left:.2em solid navy; width:40%}
table.sommaire  td:first-child+td, table.sommaire  td:first-child+td+td+td  {width:9%}

/************ Communiqués de presse **************/
#head-comm * {font-size:.8em}
#head-comm a {font-size:1.1em}
#logo-comm {width:4em; float:left; margin-right:.5em;}
.date-comm {float:right}
.adr-comm {clear:both}

p.score {display:none}
.news-infos .modified,  .art-infos .modified { text-align:right; margin:.5em 0; }

/* Liste des numéros de chapitre d'un article */
#page-list {
	text-align:right;	
	font-size:.8em;
	height:3em;
}
#page-list  img {width:2em; height:1.5em; padding:0 .3em;}
#page-list .current {color:red}

/*********************************************************/
/*                                                       */
/*    3.3 Les commentaires                               */
/*                                                       */
/*********************************************************/


/* bouton survolé pour voir les commentaires ou pour en ajouter */
h2.art-comment-title:hover, h2.px-comment-add:hover {
	color:#660000;
	background-color:#C19962 !important;
}

/* boutons pour voir les commentaires ou pour en ajouter */
h2.art-comment-title, .resource h2.px-comment-add {
	font-variant:small-caps;
	font-style:italic;
	cursor:pointer;
	text-align:center;
	width:13em;
	float:right;
	padding:0; margin:0;
	font-size:.75em
}
/* la division contenant les boutons ci-dessus  */
#px-comment-add, #art-comment-title {
	width:100%;
	height:1.6em;
	margin:0;
	padding:0;
}

/** le formulaire de saisie d'un commentaire  */
form.px-comment { 
	display:none; 
	padding: 10px 16px 10px 16px;
	margin-bottom: 20px;
	background-color: #eed;
	border: 1px solid #ddc;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
form.px-comment input{ font-size: 1em}
form.px-comment label { font-size: .9em !important}
form.px-comment p { margin: 0; }
form.px-comment textarea { width:100%; }
form.px-comment textarea, form.px-comment input { background-color: #fffff0; }



input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #fff;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #ccc;
}



#c-table {
	font-size:13px;
}
td.c-table {width:5em}
.comment-preview {
	background-position: 0% 40%;
	font-size: 1.6em;
}

div.px-comment { display:none; }
div.px-comment, div.px-comment-preview {
	background-color: #FFFFF1;
	padding: 0 ;
	border: .1em solid #FFF2CB;
	margin: 0.5em 0 1em 0;
	color: #666;
	font-style: italic;
	font-size:14px;
}
.comment-icon {width:1.2em; float:left; margin-left:.3em}
.comment-error-icon {width:2em; float:left; margin:.4em}
div.px-comment a { color: #666; }

div.px-comment a:hover { color: #000; }

.px-comment-info { 
	font-weight: bold;
	margin-left:20px;
}

.px-comment .px-comment-info-website { color: #ccc; }


.input-submit {
	text-align: right;
	padding-top: 8px;
}

form.px-comment label {
	font-size: 110%;
}
/*
.px-comment-add
{
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	font-variant: small-caps;
	font-size: 120%;
}
*/
form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error {
	border: 1px dotted #FF8080;
	margin:0;
	padding: 0 0 1em 0;
	width: 100%;
}
.px-comment-error span { padding:0; margin:0}
.px-comment-error ul
{
	padding:0;margin:0;
	padding-top: .5em;
	margin-left:3em;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	padding: 0 0 .5em 2em;
	margin:0;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
}

.px-comment-validation
{
	padding-left: 16px;
	font-style: italic; 
	color: #999;
}

span.px-comment-required-email
{
	font-size: 90%;
	font-style: italic;
	color: #666;
}


/*********************************************************/
/*                                                       */
/*    4. La colonne de droite                            */
/*                                                       */
/*********************************************************/
/*********************************************************/
/*                                                       */
/*    4.1 Liste des chapitres d'un article               */
/*                                                       */
/*********************************************************/
#art-pages-list h2 {
	margin-bottom : 0 !important;
}
#art-pages-list ol {
	margin-top:.5em;
	margin-bottom:1em;
	font-size:12px;
}
#art-pages-list ol li {
	margin-left:-1.5em ;
}
/****** Fin liste des chapitres d'un article dans la colonne de droite ******/ 
/*********************************************************/
/*                                                       */
/*    4.1 Liste des brèves dans la colonne de droite     */
/*                                                       */
/*********************************************************/
#menuright .pplan h3 {
	padding-left:1em;
	margin-left:.5em;
}
.recent-news h2 {
	margin-bottom : .5em;
}
.recent-news div.conteneur {
	margin-top : .3em;
}
.recent-news .pplan a {
	padding:0 ;
	margin:0 ;
}
.recent-news .pplan h3 {
	text-align:left;
	padding:0 !important;
	margin:0
}
.recent-news .pplan p.suite {
	font-size:.8em;
	line-height:1.2em;
	text-align:left;
	padding:.2em;
	margin-left:.75em;
	font-style:italic;
}
.recent-news-date {
	font-size:.75em;
	margin-top:.5em;
	margin-bottom:0;
	padding-bottom:.2em;
	margin-left:2em;
}
.recent-news-date {
	position:absolute;
	bottom:0em;
	right:0.75em;
	line-height:1.2em;
	text-align:right;
	color:#689;
}


/*********************************************************/
/*                                                       */
/*    4.2 Le changeur de style                           */
/*                                                       */
/*********************************************************/
#style-switcher {
	position:absolute;
	z-index:30;
	top:0em;
	left:0;
	width:100%;
	height:3.5em;
	text-align:left;
}
#style-switcher * { 
	display:block; margin:0 ; padding:0;
	text-align:left;
	font-size:11px; 
	color:#134CBE
	}
#style-switcher form { display:block; }
#go {
	position:absolute;
	bottom:0; right:0;
	vertical-align:bottom; height:2em;
	padding:0 .2em;
}
#style {
	position:absolute;
	bottom:0; left:0;
	width:11em;
	height:1.7em;
	line-height:1.7em;
	padding:0 !important;
	margin:0  !important;
}

#style-switcher span {
	display:block;
	position:absolute;
	top:0.5em; left:0.1em; 
}


/*********************************************************/
/*                                                       */
/*    5. La colonne de gauche                            */
/*                                                       */
/*********************************************************/
#menuleft  .col-content h2 {
	margin:0 ;
	margin-bottom : .5em;
	margin-top:.8em;
}
#menuleft  .col-content h2:first-child {
	margin-top:0.5em;
}
#menuleft ul {
	margin:0 ;
	list-style:none;
	font-size:12px;
}

#menuleft .pplan h3 {
	padding: 0 0.5em 1em 0.5em;
	margin:0em ;
	line-height:1.1em;
}
#menuleft .en-bref {
}

#menuleft .conteneur {
	margin-bottom:.3em;
}

#menuleft .suite {
	position:absolute;
	bottom:0.2em;
	right:0.8em;
	font-style:italic;
	font-size:.8em
}
.pplan {
	position:relative;
	height:auto;
	text-align:center;
	font-size:.8em;
	padding-top:.3em;
	font-weight:normal;
}
.pplan > a {
	color:#6633CC;
}
.pplan a:hover {
	color:#c00;
}

.col-content h2 {
	color:#134CBE;
}
.col-content h2:first-child{
	margin-top:-0.2em; 
}
.col-content a:hover {color:#633}

@media print {
	#banner div.fond, #logo, #easy-access, #footer, 
	#banner-right, #menuleft, #menuright { display:none }
	#page {position:absolute; width:100%; margin:0; padding:0; left:0; top:0 ; }
	#banner { display: block; position:absolute; top:0; left:0; width:100% ; margin:0px; padding:0; }
	#main { display: block; position:absolute; top:120px; left:0; width:100% ; margin:0px; padding:0; }
	#top { color:red !important; text-align:center !important}
	#mainfloat, #content { width: 100%; }
}

/*


+- page --------------------------------------------------------------------------------+
¦+- banner ----------------------------------------------------------------------------+¦
¦¦                                                              +- banner-right-------+¦¦
¦¦                                                              ¦                     ¦¦¦
¦¦                                                              ¦                     ¦¦¦
¦¦                                                              ¦                     ¦¦¦
¦¦                                                              ¦                     ¦¦¦
¦¦                                                              +---------------------+¦¦
¦¦+- menu ----------------------------------------------------------------------------+¦¦
¦¦¦                                                                                   ¦¦¦
¦¦+-----------------------------------------------------------------------------------+¦¦                                                                                 
¦+-------------------------------------------------------------------------------------+¦
¦+-- main -----------------------------------------------------------------------------+¦
¦¦+- main-float ---------------------------------------------++- menu-right ----------+¦¦
¦¦¦+- menu-left -----++- content ---------------------------+¦¦+- col-content -------+¦¦¦
¦¦¦¦+- col-content -+¦¦+- resource ------------------------+¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦+-----------------------------------+¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦+- resource ------------------------+¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦¦                                   ¦¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦+-----------------------------------+¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦¦               ¦¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦¦+---------------+¦¦                                     ¦¦¦¦                     ¦¦¦¦
¦¦¦+-----------------++-------------------------------------+¦¦+---------------------+¦¦¦
¦¦+----------------------------------------------------------++-----------------------+¦¦
¦+-------------------------------------------------------------------------------------+¦
+---------------------------------------------------------------------------------------+

*/