/****************************/
/*** Paramètres "globaux" ***/
/****************************/
html {
    font-size: 62.5%;    /* 10px */
}
html, body, h1, h2, h3, h4, div, p, hr {
    margin: 0em;
    padding: 0em;
}
img {
    border: 0em;
}
input, select, textarea {
    border: 1px solid;
    font-size: 1em;
    font-family: Verdana, sans-serif;
}
a {
    color: #0099FF;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #52B9FD;
    text-decoration: none;
}
ul {
    text-align: left;
}
h1.titre {
    font-size: 1.3em;
    text-indent: 2em;
    padding-bottom: 1em;
}
h2 {
    font-size: 1.1em; /* 13 px */
}
h3 {
    font-size: 1em; /* 12 px */
}

hr {
	height: 1px;
	background: #ffffff;
	color: #ffffff; /* IE fix */
	border: 0;
}

span.highlight {
	background: #FFFD00;
}

span.discretion {
	color: #949494;
	font-size: smaller;
}


/* Petites classes souvent utiles */
.left           {   text-align: left;       }
.right          {   text-align: right;      }
.center         {   text-align: center;     }
.justify        {   text-align: justify;    }
.floatleft      {   float: left;            }
.floatright     {   float: right;           }
.clear          {   clear: both;            }
.clearleft		{	clear: left;			}
.block-center   {   margin-left: auto;
                    margin-right: auto;     }
.underline		{	text-decoration: underline; }
.italic			{	font-style: italic;		}
.bold			{	font-weight: bold;		}
.small			{	font-size: 0.8em;		}
.size2			{	font-size: 1.4em;
					font-weight: bold;		}
.getspace		{	margin: 0.5em; padding: 0.5em;	}
.hidden div		{	display: none;			}

input.medium	{	width: 60%;				}
/*****************************************************************************************/
/*** Ce qui suit est utilisé pour la trame principale que cela soit avec 1 frame ou 2 ***/
/***************************************************************************************/

body {
    font-size: 1.1em;
    background: #8FC2FF; /*old  : #142C5C*/
    text-align: justify;
    font-family: Verdana, sans-serif;
    color: #000000;
    margin-top: 0.2em;
    margin-bottom: 0em;
}
#wrapper {    /* parent : body */
    margin: auto;
    width: 86.37em; /* 950px --*/
    background: #002251; /*181818; */
}
#body {    /* parent : wrapper */
    position: relative;
    /* margin-left: 0.36em; */   /* 4px */
}
#head {

}
#head-left {
    width: 28.79em;    /* 950px */
    height: 5.20em;    /* 60px */ /* old = 5.45*/
    background: #8FC2FF;
    float: left;
}
#head-right {
    width: 57.58em;    /* 950px */
    height: 5.20em;    /* 60px */ /* old = 5.45*/
    background: #8FC2FF;
    float: right;
}
    #head img {
        /*width: 100%;    /* 950px */
        /*height: 100%;    /* 60px */
        display: block; /* IE fix */
    }
#head-punch {

}
#head-punch-left {
    width: 28.71em;    /* 950px */
    height: 5.20em;    /* 60px */ /* old = 5.45*/
    background: #eac5c6;
    float: left;
}
#head-punch-right {
    width: 57.65em;    /* 950px */
    height: 5.20em;    /* 60px */ /* old = 5.45*/
    background: #eac5c6;
    float: right;
}
    #head-punch img {
        width: 100%;    /* 950px */
        height: 100%;    /* 60px */
        display: block; /* IE fix */
    }
#topnav {
    position: absolute;
    top: 0.8em;    /* 21px */
    right: 1.82em;    /* 20px */
    color: #FFFFFF;
}
    #topnav a {
        font-weight: normal;
        color: #FFFFFF;
    }
    #topnav a:hover {
        text-decoration: underline;
    }

#top-search {
	position: absolute;
	top: 3.5em;
    right: 0.5em;
	padding: 0;
	margin: 0;
}
#top-search input {
	border: none;
    color: #000000;
	opacity: 0.85;
	padding: 0.1em 0.2em 0.1em 0.2em;
	margin: 0;
}
#top-search button {
	border: none;
	background: white;
	opacity: 0.85;
	padding: 0;
	margin: 0;
}
div#searchResults {
	border: 3px #002251 double;
	color: black;
	display: none;
	background: white;
	clear: both;
	position: relative;
	/*opacity: 0.95;*/
	z-index: 2;
	max-width: 30em;
}

/*div#searchResults div {
	background: white;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
div#searchResults div:hover {
	background: #E5EAF0;
}*/

ul.top-search-list {
	border-left: 1px black dashed;
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
}
ul.top-search-list li {
	padding: 0.2em 0.5em 0.2em 0.5em;
}
ul.top-search-list li span {
	color: #666666;
	font-size: smaller;
	font-style: italic;
	visibility: hidden;
}
ul.top-search-list li:hover {
	background: #F8F8F8;
}
ul.top-search-list li:hover span {
	visibility: visible;
}

#login .opaque {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#login .opaque:focus, .opaque-focus {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

#login {
    position: absolute;
    top: 6.1em;    /* 51px */
    right: 1.82em;    /* 20px */
    color: #FFFFFF;
    font-size: 0.91em;    /* 10px */
	text-align: center;
}
    #login a {
        font-weight: normal;
        color: #FFFFFF;
		text-decoration: underline;
    }
    #login a:hover {
        text-decoration: none;
    }
    #login input {
        border: #FFFFFF 1px solid;
        background: #142C5C;
        color: #FFFFFF;
        width: 4.55em;    /* 50px */
    }
    #login .button {
		padding-left: 0;
        width: 2.5em;
    }
#login2 {
	margin: 2em 2em 0em 2em;
    color: #FFFFFF;
    font-size: 0.91em;    /* 10px */
}
#menu {
    width: 100%; /* 950px */
    background-color: #002251;
    position: relative;
}
.some-img img {
	border: 1px #002251 solid;
}
#upper {
	background: #002251;
	border: 5px #002251 solid;
	height: 1%;
}
#upper-2 {    /* if no right-box */
	background: #ffffff;
	border: 5px #002251 solid;
	height: 1%;
}
.divider { /* Trait de séparation */
    background: bottom url(../../images/footer_bg.gif) repeat-x;
    height: 2.36em;    /* 26px */
    margin-right: 0.45em;    /* 5px */
}
#footer {
    background: #002251;
    _background: transparent;
    text-align: left;
	color: #FFFFFF;
	margin: auto;
    padding: 1em 0.9em 1em 0.9em;    /* 10px 15px 10px 15px */
}
    #footer .partenaires {
        padding-bottom: 0.91em;    /* 10px */
        /*border-bottom: 1px #C0C0C0 solid;*/    /* 3px */
    }
    #footer .standards {
        font-size: 0.91em;    /* 10px */
        padding-top: 0.45em;    /* 5px */
    }
    #footer a {
    	font-weight: normal;
    }
/* Boite de contenu utilisé à toutes les sauces */
div.content-box {
	/*color: #ffffff;*/
	margin: 2em 1.2em 2em 1.2em;
	border: 1px #b5d3f7 solid;
}
div.content-box-small {
	color: #000000;
	margin: 2em 1.2em 2em 1.2em;
	border: 1px #b5d3f7 solid;
}
div.content-box-small .text{
	padding: 1.3em 1em 1.3em 1em;
	font-size: 0.86em;
}
	div.content-box-small .bar { /* Top-Bar utilisé dans les frames unique-box */
		background: #b5d3f7;
		color: #002251;
		font-weight: bold;
		padding: 0.2em;
		text-align: center;
	}
	div.content-box .bar { /* Top-Bar utilisé pour les pages avec le right-frame bleu foncé */
		background: #b5d3f7;
		color: #002251;
		font-weight: bold;
		margin-bottom: 1em;
	}
	div.content-box .bar2, div.simple-box .bar2 { /* Top-Bar utilisé dans les frames unique-box */
		background: #b5d3f7;
		color: #002251;
		font-weight: bold;
		padding: 0.2em;
		text-align: center;
	}
	div.content-box .sub-bar {
		border-left: 0.1em #b5d3f7 solid;
		border-bottom: 0.1em #b5d3f7 solid;
		margin-left: 1em;
		text-align: center;
		background: #002251;
		color: #FFFFFF;
		padding: 0.2em;
	}
	div.content-box .sub-bar a {
		color: #FFFFFF;
		font-weight: 200;
	}
	div.content-box .sub-bar a:hover {
		color: #b5d3f7;
	}
	div.content-box .sub-bar2 { /* Sub-bar version align-center */
		text-align: center;
		background: #002251;
		color: #FFFFFF;
		padding: 0.1em;
	}
	div.content-box .sub-bar2 a {
		color: #FFFFFF;
		font-weight: normal;
	}
	div.content-box .selected a {
		font-weight: bold;
	}
	div.content-box .sub-bar2 a:hover {
		color: #b5d3f7;
	}
	div.content-box .box {
		padding-bottom: 0.5em;
	}
	div.content-box .recueil {
		background-color : #FFFFFF;
		padding: 1em;
		border: 0.1em #002251 solid;
	}
	div.content-box .text {
		padding: 1em;
		text-align: justify;
	}
	div.content-box .text-center {
		padding: 0.5em;
		text-align: center;
		color: #FFFFFF;
	}
	div.content-box .small {
		font-size: 0.8em;
	}
/* tableau utilisé un peu partout */
table.unique-table {
    text-align: left;
    background: transparent;
    width: 100%;
}
table.unique-table caption {
    padding: 0.4em;
}

table.unique-table tr td {
    padding: 1em;
}

td.fav {
	padding-bottom: 1em;
    text-align: center;
    width: 10%;
}
td.fav img.cadre {
    border: 0.1em #b5d3f7 solid;
}

/*******************************************/
/* Bloc pour page contenant un seul frame */
/*****************************************/

#unique-box {
}

/* Bloc du haut dans le profil */

#unique-box .top {
	margin: .5em;
	color: #002251;
}
#unique-box .auteur {
	font-size: 1.3em;
	font-weight: bold;
}
/* Différente grandeur de frame gauche/droite */

#unique-box div.profil-left {
	float: left;
	width: 60%;
}
#unique-box div.profil-right {
	float: right;
	width: 40%;
}
#unique-box .left2 {
	float: left;
	width: 35%;
}
#unique-box .right2 {
	float: right;
	width: 65%;
}
#unique-box .left3 {
	float: left;
	width: 50%
}
#unique-box .right3 {
	float: right;
	width: 50%
}
/* Bloc utilisé dans la page galerie-recueil */

#unique-box .info {
	margin: 1em;
	padding: 1em;
	text-align: center;
}
#unique-box .resume {
	margin: 1em;
	padding: 1em;
	text-align: justify;
	color: #FFFFFF;
	background-color: #002251;
	border : 0.2em #b5d3f7 solid;
}
#unique-box .description {
	margin: 1em;
	padding: 1em;
	text-align: justify;
	border : 0.1em #b5d3f7 solid;
}
#unique-box .info img {
	border : 1px #b5d3f7 solid;
	height: 300px;
	width: 300px;
}
#unique-box .title {
	color: #002251;
	font-size: 16px;
	font-weight: bold;
}
/* Bloc pour la partie commentaire sur profil-front */
	div.comment-box {
		margin: 1em;
	}
	div.comment-box .bar{
		background-color: #EAEAEA;
		margin: 0em;
		padding-left: 0.5em;
	}
	div.comment-box .text {
		border-left: 0.1em #EAEAEA solid;
		border-right: 0.1em #EAEAEA solid;
		margin: 0em;
		padding: 0.5em;
	}
	div.comment-box .nom {
		border-left: 0.1em #EAEAEA solid;
		border-right: 0.1em #EAEAEA solid;
		border-bottom: 0.1em #EAEAEA solid;
		padding: 0.3em;
		text-align: right;
	}

/*********************************************/
/* Bloc pour page contenant les deux frames -- Menu */
/*******************************************/
#menu-box  {
	float: right;
	width: 30%;
	background-color: #002251;
	color: #ffffff;
}
	#menu-box .inner {
	}
	#menu-box .derniereoeuvre {
		margin-left: 0.64em;
		width: 255px;
		height: 180px;
		background: url(derniereoeuvre.png);
	}
		#menu-box .derniereoeuvretext {
			top: 10px;
			left: 5px;
		}
		#menu-box .derniereoeuvrelien {
			margin: 13.7em 0em 0em 1.7em;
		}
	#menu-box .pub {
		text-align: center;
		margin: 1em;
	}
	#menu-box .pub img {
	 border: 1px #b5d3f7 solid;
	}
	#menu-box .derniertexte {
		width: 255px;
		height: 180px;
		margin: 0.5em 0em 0em 0.64em;
		background: url(derniertexte.png);
	}
	#menu-box .dernierblog {
		width: 255px;
		height: 260px;
		margin: 0.5em 0em 0em 0.64em;
		background: url(dernierblog.png);
	}

#pagetitle { /* Carré bleu pâle en haut du left-frame qui donne le titre */
	background: #8FC2FF;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0.2em;
	text-indent: 1.5em;
	/*font-weight: 500;*/
	color: #002251;
}

div.oeuvre { /* Bloc qui contient l'oeuvre dans les pages d'oeuvres */

}
	div.oeuvre .box {
		margin: 2em;
	}

	div.oeuvre .navigateur {
		margin: 1em;
		font-size: 1.2em;
	}
	div.oeuvre .navleft {
		float: left;
		width: 30%;
	}
	div.oeuvre .navcenter {
		float: left;
		text-align: center;
		width: 40%;
	}
	div.oeuvre .navright {
		float: right;
		text-align: right;
		width: 30%;
	}
	div.oeuvre .head {
		border: 0.1em #b5d3f7 solid;
		color: #002251;
		margin: 1em;
		padding: 1em;
	}
		div.oeuvre .head .info {
			float: left;
			padding-right: 1em;
		}
	div.oeuvre .text {
		text-align: justify;
		color: #000000;
		font-size: 1.2em;
		margin: 1em 1em 1em 1em;
	}
	div.oeuvre .lefttext {
		float: left;
		border: 0.1em #b5d3f7 solid;
		color: #002251;
		font-size: 0.8em;
		text-align: justify;
		padding: 0.5em;
		white-space: break-word;
		width: 19em;
		margin-right: 2em;
		margin-bottom: 1em;
	}
		div.oeuvre div.left-text-img {
			text-align: center;
			color: #969696;
			margin-bottom: 0.8em;
			padding-bottom: 0.8em;
			border-bottom: 1px #b5d3f7 solid;
		}
		div.oeuvre div.left-text-img img {
			border: 1px #b5d3f7 solid;
		}
		div.oeuvre table.left-text-img {
			margin-left: auto;
			margin-right: auto;
			border: 1px #b5d3f7 solid;
			border-collapse: collapse;
		}
		div.oeuvre table.left-text-img td {
			border: 1px #b5d3f7 solid;
			border-collapse: collapse;
		}
		div.oeuvre table.left-text-img img {
			border: 0;
		}
	div.oeuvre .righttext {
		float: right;
		/*width: 65%;*/
		padding-left: 1em;
		padding-right: 1em;
		text-align: justify;
		word-wrap: break-word;
	}
	div.oeuvre .righttext img {
		border : 1px #b5d3f7 solid;
		height: 300px;
		width: 400px;
	}
	div.oeuvre .intro {
		font-weight: bold;
	}

/* Table pour les commentaires dans les oeuvre */
table.table-comm {
	border-collapse: collapse;
	margin: 2em;
	border: 0.1em #b5d3f7 solid;
}
table.blog {
	border: none;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

table.table-comm tr {
	margin-bottom: 1em;
	width: 100%;
}

table.table-comm tr.top td {
	background: #b5d3f7;
	text-align: center;
	color: #002251;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.3em;
}
table.blog tr.top {
	display: none;
}

table.table-comm tr.empty td {
	background: #E6F1FE;
	text-align: center;
	font-size: 1.2em;
	padding: 0.3em;
}

table.table-comm tr.formulaire td {
	background: #E6F1FE;
	border-bottom: 0.1em #b5d3f7 solid;
	font-size: 1em;
	padding: 0.8em;
}
table.blog tr.formulaire td {
	background: transparent;
	border-bottom: 0.1em #b5d3f7 dashed;
	font-size: 1em;
	padding: 0.4em;
}

table.table-comm tr.formulaire td div.commentLeft {
    text-align: right;
    float: left;
}
table.table-comm tr.formulaire td div.commentRight {
    text-align: left;
}
table.table-comm tr.formulaire td div.commentRight input, textarea {
    width: 300px;
}
table.table-comm tr.hidden {
	border: 0;
}
table.table-comm tr.hidden td.left {
	border: 0;
	padding: 0;
	width: 3%;
}
table.table-comm tr.hidden td.right {
	border: 0;
	padding: 0;
	width: 40%;
}

table.table-comm td.left {
	background: #E6F1FE;
	border-right: 0.1em #b5d3f7 solid;
	width: 10%;
	text-align: center;
	padding: 0.5em;
}
table.blog td.left {
	background: #F8FCFF;
	border-right: 0.1em #b5d3f7 dotted;
	width: 10em;
}

table.table-comm td.right {
	border-bottom: 0.1em #b5d3f7 solid;
	border-right: 0.1em #b5d3f7 solid;
	padding: 0;
	width: 40%;
	text-align: justify;
}
table.blog td.right {
	border: none;
	border-bottom: 0.1em #b5d3f7 dashed;
}

table.table-comm td.right div.top {
	color: #002251;
	font-weight: bold;
	padding: 0.5em;
	padding-left: 2em;
	text-align: left;
}
table.table-comm td.right div.bottom {
	padding: 1em;
	text-align: justify;
}


#connect-comm {
	font-size: 1.2em;
	text-align: center;
}
div.toggle-comm {
	display: block;
	font-size: 1.2em;
	text-align: center;
}
table.blog div.toggle-comm {
	font-size: 1em;
}

div.div-commenter {
	display: none;
}
div.div-commenter div.form-comm-left {
	float: left;
	width: 20%;
}
div.div-commenter div.form-comm-right {
	float: left;
}
div.div-commenter div.form-comm-right input {
	width: 30em;
}
div.div-commenter div.form-comm-right textarea {
	width: 30em;
}


/* Page: Messages */
#mp-table {
    width: 100%;
    padding: 0em 1em 3em 1em;
}

#mp-table td {
    border: 0px;
}

#mp-table tr.head {
    background: #8FC2FF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#mp-table tr.unread {
    background: #FFFFFF;
}

#mp-table tr.footer {
    background: #8FC2FF;
    text-align: center;

}

#mp-menu {
}
#mp-respond {
	margin: 2em;
	border-left: 1px #b5d3f7 solid;
	border-right: 1px #b5d3f7 solid;
}
#mp-respond .bar {
	text-align: center;
	background: #b5d3f7;
	color: #002251;
	padding: 0.1em;
	font-weight: bold;
	font-size: 1.2em;
}
#mp-respond .box {
	color: #002251;
	font-size: 1em;
	font-weight: 100;
}
/************************************************************/
/* Bloc pour page contenant les deux frames -- Main */
/**********************************************************/

#main-box {
	float: left;
	width: 69%; /* 70 = trop pour IE sur certaines pages */
	background: #FFFFFF; /*url(../../images/left_bg.jpg) repeat-x */
}

	#main-box .inner {
		min-height: 50em;
	}
	/* for IE... */
	/*\*/
	* html #main-box .inner {
		height: 50em;
	}
	/**/

		#main-box .pub {
			text-align: center;
			margin: 1em;
		}
		#main-box .punchban {
			text-align: center;
			margin: 0.8em;
		}
		#main-box .punchban img {
			border: 1px #b5d3f7 solid;
		}
		#main-box .news {
			text-align: center;
			color : #000000;
			padding-top: 0.8em;
			margin-bottom: -1em;
		}
		#main-box .last-chronique {
			border: 1px #b5d3f7 solid;
			border-right: 1px white solid;
			border-bottom: 1px white solid;
			padding: 1em;
			margin-top: 1em;
			background-color: #FCFCFF;
		}
		#main-box .last-chronique:hover {
			background-color: #F8F8FF;
			border-right: 1px #b5d3f7 solid;
			border-bottom: 1px #b5d3f7 solid;
		}
			#main-box .last-image {
				float: left;
				margin: 0em 1em 0em 0em;
			}
				#main-box .last-image img {
					border: 1px #000000 solid;
				}
			#main-box .last-title{
				font-size: 1.2em;
			}
			#main-box .last-date {
				font-size: 1em;
			}
			 #main-box .last-text {
				font-size: 1em;
				text-align: justify;
			}
		#main-box .bottom-body {
			margin: 1em;
		}
			#main-box .bottom-left {
				width: 220px;
				height: 300px;
				margin: 1.7em 0em 0em 2em;
				float: left;
				border: 1px #b5d3f7 solid;
			}
				#main-box .bottom-left-text {
					margin: 0.5em 2em 2em 2.5em;
					text-align: justify;
					font-size: 10px;
				}
					#main-box .bottom-left-title {
						margin: 1.5em 0em 0em 1.7em;
						font-weight: bolder;
						font-size: 14px;
						color: #002251;
					}
					#main-box .bottom-left-barre {
						margin-left: 2em;
					}
			#main-box .bottom-right {
				width: 255px;
				height: 325px;
				float: right;
				background: url(punchfront.png);
			}
		#main-box .tagbox {
			padding: 1em;
			text-align: center;
			border-top: 5px #002251 solid;
		}
		#main-box .sub-bar {
			border-left: 0.1em #b5d3f7 solid;
			border-bottom: 0.1em #b5d3f7 solid;
			margin-left: 1em;
			text-align: center;
			background: #002251;
			color: #FFFFFF;
			padding: 0.1em;
		}
		#main-box .sub-bar a {
			color: #FFFFFF;
			font-weight: 200;
		}
		#main-box .sub-bar a:hover {
			color: #b5d3f7;
		}


#mini-profil {
	border: 1px solid #b5d3f7;
	margin: 2em 1.2em 2em 1.2em;
	padding: 0.5em;
	color: #b5d3f7;
}
	#mini-profil .box{
	}
	#mini-profil .avatar {
		float: left;
		width: 48%;
		text-align: left;
	}
	#mini-profil .description {
		float: right;
		width: 48%;
		text-align: center;
		margin-right: 0.6em;
	}
		#mini-profil .auteur{
			color: #FFFFFF;
			font-size: 1.2em;
			font-weight: bold;
		}
		#mini-profil .nom{
			color: #FFFFFF;
			font-size: 1em;
			font-style: italic;
		}
		#mini-profil .autre {
			color: #FFFFFF;
			font-size: 1em;
		}
		#mini-profil .inscrit {
			font-weight: bold;
		}
	#mini-profil .option {
		text-align: center;
		margin-top: 1em;
	}
#hasard {
	border: 1px solid #b5d3f7;
	margin: 2em 1.2em 0em 1.2em;
}
	#hasard .bar {
		color: #002251;
		margin-bottom: 0.7em;
		font-weight: bold;
		background: #b5d3f7;
		padding: 0.2em;
		text-align: center;
	}
	#hasard .title {
		color: #FFFFFF;
		margin: 0.5em 0.5em 0.1em 0.5em;
		font-weight: bold;
	}
	#hasard .auteur {
		color: #FFFFFF;
		margin-left: 0.5em;
	}
	#hasard .text {
		color: #FFFFFF;
		margin: 0.5em 0.5em 0.5em 0.5em;
	}
/* Tableau sans padding utilisé dans le right-frame */
.table-top {
	width: 100%;
	border-collapse: collapse;
	color: #ffffff;
}
.table-top tr {
}
tr.maj2 {
	background: #b5d3f7;
}
td.alt1 {
	background: #b5d3f7;
	}
.table-top .maj {
    text-align: left;
    padding-right: 100%;
    white-space: break-word;
    padding: 0.3em;
}
.table-top .maj2 {
    text-align: left;
    color: #000000;
    background: #b5d3f7;
    white-space: break-word;
	padding: 0.3em;
}
.table-top .maj2 a {
    color: #0075e9;
    text-decoration: none;
}
.table-top .maj2 a:hover {
	 color: #52B9FD;
    text-decoration: none;
}
#right-box-2  {    /* if no left-box */
    text-align: justify;
    position: relative;
}
/*************************************************************/
/*****************  Bloc pour page de 3 frames **************/
/************************************************************/
#ac-container {
	background: transparent;
}
#ac-center-box {
	display: block;
	background: #FFFFFF;
	height: 1%;
	width: auto;
}
#ac-center-box .content-box {
	color: #000000;
	/*margin: 0em 2em 1em 2em;*/
	border: 1px #b5d3f7 solid;
	/*padding: 0em 1em 1em 1em;*/
}
#ac-center-box .bar {
	color: #002251;
	text-align: center;
	font-weight: bold;
}
#ac-left-box  {
    float: left;
	width: 23%;
    background: #FFFFFF;
}
#ac-right-box  {
    float: right;
	width: 23%;
    background: #FFFFFF;
}
#ac-center-box .news {
	text-align: center;
	color : #000000;
	padding-top: 0.8em;
	margin-bottom: -1em;
}
#ac-center-box .last-chronique {
	padding: 2em;
	min-height: 13em;
}
/*IE fix*/
/*\*/
* html #ac-center-box .last-chronique { height: 13em; }
/**/

	#ac-center-box .last-image {
		float: left;
		margin: 0em 1em 0em 0em;
	}
		#ac-center-box .last-image img {
			border: 1px #000000 solid;
		}
	#ac-center-box .last-title{
		font-size: 16px;
		font-weight: bold;
	}
	#ac-center-box .last-date {
		font-size: 10px;
	}
	 #ac-center-box .last-text {
		font-size: 1.15em;
		text-align: justify;
	}
#ac-center-box .pub {
	text-align: center;
	padding-top: 0.8em;
}
/**************************************************************/
/*** Ce qui suit est du code inconnu et qui ne me sert pas ***/
/************************************************************/

/* Page: Règlement */
h2.reglement {
    font-size: 1.1em;
    font-weight: bold;
}

/* Page: Contact */
#contact-message {
    color: #FF0000;
}

/* Page: Inscription */
div.inscription {
    padding: 1em; /* 20px */
    text-align: left;
}

#form_inscription {
    margin-left: 2em;
}

#form_inscription div input {
    /*margin-left: 0.91em; /* 10 px */
    width: 30em;
}

#ul_inscription {
    list-style: square;
}

/* Page: News */
#news-full {
    width: 100%;
    margin: auto;
    text-align: left;
}

#news-full h2 {
    padding: 0.2em;
    background: #0099DD;
    width: 100%;
}

#news-full h3 {
    text-indent: 2.5em;
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
}

#news-full div {
    margin-left: 0.5em;
    padding-left: 1em;
    border: 1px dashed #ffffff;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    text-align : justify;
}

/* Page: Historique */
#historique {
	border: 1px solid #002251;
	border-collapse: collapse;
	text-align: center;
	margin: 0em 1em 1em 1em;
	width: auto;
}

#cap-histo {
	background: #B7D9FF;
	border: 1px solid #002251;
	font-size: 1em;
	font-weight: bold;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.5em;
	text-align: center;
}

#search-tagged {
	border: 1px solid #D14E42;
	border-collapse: collapse;
	text-align: center;
	margin: 0em 1em 1em 1em;
	width: auto;
}
#search-tagged a {
	color: #D14E42;
}
#search-tagged a:hover {
	color: #FF7C70;
}

#cap-tagged {
	background: #FF7C70;
	border: 1px solid #D14E42;
	font-size: 1em;
	font-weight: bold;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.5em;
	text-align: center;
}

#historique tr.alt {
	background: #F4F9FF;
}
#search-tagged tr.alt {
	background: #FFEBE9;
}

#historique tr:hover {
	background: #E3F0FF;
}
#search-tagged tr:hover {
	background: #FFBCB6;
}

#historique tr.firstRow {
	background: #E3F0FF;
}
#search-tagged tr.firstRow {
	background: #FFBCB6;
}

tr.firstRow td {
    padding: 0.4em;
    font-weight: bold;
}




td.historique_titre {
	padding-left: 0.6em;
    text-align: left;
    width: 50%;
}

/* Page: Search */
table.searchresults tr {
    text-align: left;
    border: 1px #ffffff solid;
}

div.leftSearch {
    text-align: left;
    float: left;
    width: 30%;
}

div.rightSearch {
    text-align: left;
}

div.clearSearch {
    clear: both;
    padding: 1em;
}

/* Page: Concours */
table.concours {
    border: 1px solid #dadada;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

table.concours td {
    border-bottom: 1px dashed #bababa;
    padding: 0.4em;
    text-align: justify;
}

table.concours tr {

    border-right-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
}

table.concours tr:first-child {
	width: 40%;
}

table.concours caption {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    padding: 0.4em;
}

/* Page: Profil */
fieldset.fiche {
    border: 1px #002251 solid;
    margin-bottom: 2em;
    padding: 0.5em;
}

legend.fiche {
    border: 1px #002251 solid;
    padding: 0.2em;
}

div.avatar {
    float: left;
    text-align: center;
    width: 50%;
}

div.leftProfile {
    text-align: left;
    float: left;
    width: 50%;
}

div.rightProfile {
    text-align: left;
}
div.rightProfile input {
    width: 40%;
}

div.clearProfile {
    clear: both;
    padding-bottom: 0.5em;
}

#menuHorizontalProfil {
    padding: 0em;
}

#menuHorizontalProfil table {
    width: 100%;
    padding: 0em;
}

#menuHorizontalProfil table tr td {
    padding: 0.4em;
    text-align: center;
    width: 33%;
    border: 1px solid #ffffff;
}

#menuHorizontalProfil table tr td.class1 {
    border-bottom: 0em;
}

#contentProfil {
    border: 1px solid #ffffff;
    border-top: none;
    padding: 1em;
}

/* Votes */


/* Page: Oeuvres-Sections */

table#section {
	border-collapse: collapse;
    text-align: justify;
    width: 100%;
}
table#section tr {
	height: 5em;
}
table#section tr.alt1 {
	background: #EBF1F7;
}
table#section td {
	padding: 0.5em;
}
table#section td.pic {
	text-align: center;
	width: 10%;
}


table#section span.nom {
	font-size: 1.2em;
}


table.top {
    text-align: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

table.top tr {
    vertical-align: top;
    margin: 0;
	padding: 0;
}



/* Page: Oeuvres (Artistes) + Oeuvres (Affichage) */
#auteur-liste {
    list-style: none;
    margin-left: 0.5em;
    padding-left: 1em;
}

#auteur-liste li {
    margin-bottom: 2.5em;
    margin-right: 1em;
}

#auteur-liste li div.listeoeuvres {
    border: 1px dashed #002251;
    padding: 0.5em;
    margin-left: 1.5em;
    margin-top: 0.5em;
}

#auteur-liste li div.listeoeuvrestitre {
    border: 0px solid #ffffff;
    font-size: 1.2em;
    padding: 0.2em;
}

#table-graphique {
	border: none;
	border-collapse: collapse;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 95%;
}
#table-graphique tr {
    background-color: white;
}
#table-graphique tr:hover td {
	background-color: #F8F8FF;
}
#table-graphique td.minipic-left {
	padding: 0.5em;
    text-align: center;
    width: 20%;
}

#table-graphique td.minipic-right {
	padding-left: 3em;
    padding-top: 1em;
}
#table-graphique td.minipic-right .title {
    font-size: 1.2em;
}
#table-graphique td.minipic-right .taille {
    font-style: italic;
}

img.mini-pic {
    border: 1px #000000 solid;
}


/* Page: Oeuvre (Affichage) */
h1.titre-oeuvre {
    font-size: 1.3em;
    text-align: center;
    padding-bottom: 1em;
}

/*div.oeuvre-obsolete {
    text-align: left;
    height: 7.5em;
}*/


#comments-bottom {
    font-size: 1.3em;
}

div.comments-left {
    text-align: right;
    float: left;
}

div.comments-right {
    text-align: left;
}

div.comments-right input, textarea {
    width: 30em;
}

div.commentaireHaut {
    font-size: 0.9em;
}

div.commentaireBas {
    border-bottom: 4px #dadada double;
    padding-bottom: 0.5em;
}

#comments-not-connected {
    font-size: 1.3em;
    margin-left: 3.5em;
}

#noteAuteur {
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    width: 80%;
}

div.texte {
    text-align: justify;
}
div.poeme {
    text-align: left;
}

#img-oeuvre {
    border: 1px #000000 solid;
}
#search {
	text-align: center;
	margin: 2em 0em 0em 0em;
}



/* Page: ManageOeuvre */
table.mo1 {
    border: 0px;
    width: 50%;
    margin-left: 5em;
}

table.mo {
    border: 1px #8FACD3 solid;
    border-collapse: collapse;
    margin-bottom: 1em;
    width: 100%;
}

table.mo a {
    font-weight: normal;
}

table.mo tr.titre {
    background: #8FACD3;
    border: 0px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

table.mo tr.titres {
	background: #B2D1FB;
    border: 0px;
    font-weight: bold;
    text-align: center;
}

table.mo tr.titres td {
	padding: 0.2em;
}

table.mo td.suppr {
	border-right: 1px #8FACD3 solid;
	width: 5%;
	text-align: center;
}

table.mo td.edit {
	border-right: 1px #8FACD3 solid;
	width: 5%;
	text-align: center;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

table.mo td.titre {
	border-right: 1px #8FACD3 solid;
	padding-left: 0.4em;
	padding-right: 0.4em;
	width: 64%;
	text-align: left;
}

table.mo td.ajout {
	border-right: 1px #8FACD3 solid;
	width: 13%;
	text-align: center;
}

table.mo td.modif {
	width: 13%;
	text-align: center;
}

/*pour la gestion des favoris*/
table.mo td.artiste {
	border-right: 1px #8FACD3 solid;
	width: 15%;
	text-align: center;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

table.mo td.contenu {
	border-right: 1px #8FACD3 solid;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 75%;
	text-align: left;
}

table.mo td.suppr2 {
	border-right: 1px #8FACD3 solid;
	width: 10%;
	text-align: center;
}

table.mo td.artiste2 {
	border-right: 1px #8FACD3 solid;
	width: 90%;
	text-align: center;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

table.mo td.nothing {
	padding: 1em;
	text-align: center;
}

table.mo tr.surligne:hover {
	background: #E6F1FF;
}

table.mo input {
}

/* Page: Ajouter une oeuvre */
fieldset.oeuvre {
    border: 1px #ffffff solid;
    padding: 0.5em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

legend.oeuvre {
    border: 1px #ffffff solid;
    padding: 0.35em;
}



/* Page: Favoris */
#fav-table {
    width: 100%;
    border: none;
}

#fav-table td {
    border-bottom: 1px #ffffff dashed;
    padding-bottom: 1em;
    padding-top: 0.5em;
}

#fav-table tr.footer {
    text-align: center;
    border: none;
}

#fav-table tr.footer td {
    padding-top: 1.5em;
    border: none;
}
/*
#fav-table tr.head {
    background: #282828;
    text-align: center;
}

#fav-table tr.unread {
    background: #393939;
}

#fav-table tr.footer {
    background: #282828;
    text-align: center;
}*/

	#information {
		padding: 0;
		border: 1px #002251 solid;
		border-width: 0 0 1px 0;
		display: none;
	}

	#information-inner {
		background: #FFFFCE;
		color: #000000;
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
	}

	#warnings {
		padding: 0;
	}

	#warnings .warnings-inner {
		color: #000000;
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
		padding: 0.4em;
	}

	#warnings .error {
		background: #FFDAD8;
	}

	#warnings .info {
		background: #90DEC6;
	}

	#nav {
		padding: 0em;
	}
		#nav a {
			text-transform: uppercase;
		}
		#nav table {
			text-align: center;
			width: 100%;
			border-spacing: 0.5em;
			border: 0px;
			background: #002251;
		}
		#nav td {
			padding: 0.27em;    /* 3px */
			border: 0px;
			background: #063366;
		}
		#nav td.profil {
			background: #BE232A;
		}
		#nav td.profil a {
			color: #FFA5A9;
		}
		#nav td.profil:hover {
			background: #C85A5F;
		}
		#nav td:hover, #nav td.nav-hover {
			background: #002251;
		}

    /**** Menu pour les options du profil ****/
	#nav-profil {
		position: absolute;
		right: 0em;
		top: 2em;
		background: #002251;
		color: #ffffff;
		border: 1px #ffffff solid;
		display: none;
		width: 20em;
		z-index: 1;
	}

		#nav-profil div {
			padding: 0.4em;
			text-align: center;
		}

		#nav-profil div:hover, #nav-profil div.nav-membre-hover {
			background: #063366;
		}

		#nav-profil div.special a {
			text-transform: none;
		}

		#nav-profil div.close {
			text-align: right;
		}
		#nav-profil div.close a {
			text-transform: none;
		}

		#nav-profil div a {
			text-transform: uppercase;
		}

    #nav-membre {
        width: 100%;    /* 471px */
    }
        #nav-membre a {
            text-transform: uppercase;
            color: #8800CC;
        }
        #nav-membre a:hover {
            color: #9900CC;
        }
        #nav-membre table {
            text-align: center;
            width: 100%;
        }
        #nav-membre td {
            padding: 0.27em;    /* 3px */
            border: 1px #292929 solid;
        }
        #nav-membre td:hover, td.nav-membre-hover {
            background: #2C2930;
        }

    #content {
        width:  100%;
    }
        #content .inner {
            padding: 1.36em;    /* 15px */
        }

/******* What's this anyway?! ********/
/*		#left-box .oeuvre {
            font-weight: normal;
            padding: 0.36em; /* 4px */
/*            border: 1px #FFFF00 solid;
            margin: 0.3em 0.6em 1em 0em;
        }
        #left-box .oeuvre a {
            font-weight: normal;
        }
            #left-box .sub-oeuvre {
                margin: 0.8em 0.2em 0.2em 0.8em;
                padding: 0.27em;    /* 3px */
/*                border: 1px #0B3B85 solid;
            }*/
/****** Fin du code inconnu *******/