/* CSS pour ubix.org db 03.12.2008 */

/* @group Base */
img {
	border: none;
}

a {
	color: #022345;
}

a:hover {
	text-decoration: underline;
}

ul {
	padding: 0;
	padding-left: 1.8em;
}

ul.no {
	list-style-type: none;
	padding-left: 0em;
}

input,textarea {
	font-size: 12px;
}
/* @end */


/* @group Mise en page globale */

html, body{
	height: 100%;
}

body {
	background: #022345 url("/users/denis/mep/2008/fond_3.png");
	color: #fff;
	margin: 0; 
	padding: 0;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#logo {
	float: left;
	width: 13%;
	padding: 10px 0 0 0;
	text-align: center;
}

div#entete {
	float: right;
	width: 80%;
	padding: 10px;
	text-align: right;
}
#entete * {
	margin: 0;
}

div#menu {
	clear: both;
	float: left;
	width: 13%;
	padding: 0;
	color: #fff;
}
.intMenu {
	padding: 0 10px 0 0;
}

div#contenu {
	color: #222;
	background: #fff;
	float: right;
	width: 87%;
	padding: 0;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

.intContenu {
	padding: 10px 0 10px 10px;
}

div#colD {
	font-size: 12px;
	background: #f4f4f4 url("/users/denis/mep/2008/fond_gris.png");
	padding: 2px 6px 8px 6px;
	border: 1px solid #fff;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-box-shadow: -7px 7px 7px rgba(0, 0, 0, 0.3);
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}
#colD h1, #colD h2, #colD h3, #colD h4 {
	margin: 6px 0 4px 0;
	font-size: 13px;
}
#colD .RHbox {
	width: 96%;
	color: #555;
	background-color: #fff;
}
#colD .RHbox ul {
	padding: 0;
	padding-left: 1.8em;
	margin: 0;
}
#colD .RHbox ul.no {
	padding: 0;
	margin: 0;
}
#colD * b {
	color: #000;
}
#colD .RHsuivi {
	background-color: #ff7;
}

div#pied {
	clear: both;
	text-align: right;
	padding: 2px 10px 2px 0;
}

#entete a,#pied a,#menu div a {
	color: #fff;
	text-decoration: none;
}
#entete a:hover,#pied a:hover,#menu div a:hover,#menu div a.ON {
	text-decoration: underline;
}

/* @end */

/* @group Headers HTML */

h1 { font-size: 18px; color: #497aac; }
h2 { font-size: 15px; color: #224365; margin-bottom: 6px; }
h2 a { color: #224365; text-decoration: none; }
h2 a:hover { color: #022345; text-decoration: underline; }
h3 { font-size: 14px; color: #497aac; }

#colD h1, #colD h2, #colD h3, #colD h4 { color: #295a8c; }
/* @end */

/* @group Menu principal */

#menu h2 {
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	height: 18px;
	padding: 0;
	margin: 10px 0 4px 0;
}
#menu h2, #menu h2 a {
	color: #497aac;
}

#menu ul {
	margin: 0;
	color: #000;
	text-align: right;
}

#menu ul li {
	font-size: 12px;
	list-style-type: none;
}

#menu ul li a {
	color: #ccc;
	text-decoration: none;
}

#menu ul li a {
	color: #bbb;
	text-decoration: none;
}

#menu a.ON {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Pour TinyMCE */

.colpick {
        border:1px solid grey;
        font:icon;
        background:threedface;
}
.colpick input, label {
        font:icon;
}
.colcell{
        width: 4px;
        height: 2px;
        cursor:pointer;
}

/* @end */



/* @group Riki */


#colD .RHrikiL, #colD .RHrikiL {
	text-decoration: none;
}

#colD .RHrikiLactif {
	text-decoration: underline;
}

.RHrikiLD {
	color: red;
	text-decoration: none;
}

#colD a:hover {
	text-decoration: underline;
}

.RHrikiCommandes {
	float: right;
	background: #f4f4f4;
	padding: 2px 8px 0 8px;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

li.RHrikiArboN1 {
	list-style-type: disc;
}

li.RHrikiArboN2 {
	list-style-type: square;
	color: #ccc;
}


#RHriki h1 {
	font-size: 18px;
	color: #113;
	text-shadow: none;
	margin-bottom: 8px;
}


#RHriki h2 {
	font-size: 14px;
	width: 98.50%;
	color: #334;
	background: #f4f4f4;
	padding: 4px 0 4px 8px;
	border: 1px solid #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#RHriki h3 {
	font-size: 13px;
	text-decoration: none;
	color: #445;
	padding-bottom: 2px;
	border-bottom: 1px solid #ddd;
}



/* @end */

/* @group Kino */

.kinoBoxHaut {
	background: #f4f4f4;
	padding: 6px;
	border-top: 1px solid #ddd;
}

.kinoBoxHautx a {
	color: #555;	
}

.kinoBoxBas {
	background: #fff;
	padding: 6px;
}

.kinoBoxBas .RHboxDroite {
	color: #000;
}

.kinoBoxBas .RHbox {
	color: #777;
}

/* @end */

/* @group Tribune page d'accueil */

dl.tribune {
	margin: 0;
	padding: 0;
}

.tribune dt {
	width: 12%;
	float: left;
	margin: 0;
	padding: 2px;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.tribune dd {
	float: left;
	width: 86%;
	margin: 0;
	padding: 2px;
	border-top: 1px dashed #ddd;
}

/* @end */

/* @group Surcharges rhum.css */

.RHform p label {
	color: #295a8c;
	font-weight: bold;
}
.RHform legend {
	background: #295a8c;
	color: #fff;
	font-weight: bold;
	border: 1px solid #295a8c;
}

.RHdropBox {
	background: #022345;
	border: 1px solid #325375;
	-webkit-box-shadow: -7px 7px 7px rgba(0, 0, 0, 0.5);
}
.RHdropBox b {
	color: #497aac;
}

.RHdropBox ul {
	padding-left: 1.5em;
}


/* @end */

/* @group Actus Home */

.actu {
	clear: both;
	margin-bottom: 20px;
}

.actuIcone {
	float: left;
	padding: 0;
	width: 12%;
}
.actuTexte {
	padding: 0;
	width: 86%;
	float: right;
	text-align: justify;
}
.actuStop {
	clear: both;
}

.actu .actuTexte h2 {
	margin: 0;
}

.actu .actuTexte h2 a {
	color: #224365;
	margin: 0;
}

.actuInfos {
	font-size: 11px;
	margin: 6px 0 6px 0;
	padding: 2px 6px 2px 6px;
	background: #f4f4f4;
	color: #000;
	text-align: left;
	border: 1px solid #f4f4f4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* @end */

/* @group Blog Module */

.blogModule h2 {
	font: italic bold 13pt Georgia, "Times New Roman", Times, serif;
	margin: 18px 0 0 0;
}
.blogModule h3 {
	margin: 0 0 11px 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.blogModuleTexte {	
	margin-left: 60px;
	margin-bottom: 12px;
	text-align: justify;
}
.blogModule .actuTexte .RHbox {	
	color: #000;
	padding: 8px;
	text-align: justify;
}
.blogModule img {
	max-width: 600px;
}
.blogModule .actuStop {
	padding-top: 8px;
	text-align: right;
}
.blogModule .actuTexte h2 {
	font: bold 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}
.blogModule .actuTexte h3 {
	font: bold 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}
/* @end */

/* @group Infos sur un user */

.userInfosMatos h2 {
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 8px;
}
.userInfosMatos h2:first-child {
	border:  none;
	padding-top: 0;
}
.userInfosMatos .RHdesc {
	margin-left: 30px;
	width: 90%;
	font-size: 90%;
}
/* @end */

/* @group Blogs */

.RHblogInfosAuteur {
	text-align: center;
	padding: 6px;
	margin-bottom: 6px;	
}
.RHblogInfosAuteur h1 {
	margin: 0;
}

.RHblogDroite {
	background: #e0eeff;
	border: 1px dashed #ccb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 6px;
	margin-bottom: 2px;
}

.RHblogDroite p {
	margin: 8px 0 0 0;
}
.RHblogDroite * a {
	text-decoration: none;
}
/* @end */


/* @group Divers */

.GalTitres {
	font-weight: bold;
	font-size: 16px;
	margin: 2px 0 4px 0;
}
.GalListeImg {
	max-height: 90px;
}

.GalListeImg {
	border: 1px solid #fff;
}
.GalListeImg:hover {
	border: 1px solid #000;
}

.petit {
	font-size: 12px;
	color: #497aac;
}

.valider {
	margin-top: 4px;
	text-align: center;
}

.headline {
	color: #555;
	border-bottom: 1px dashed #ddd; 
	padding-bottom: 2px;
	margin-bottom: 4px;
}

.BlogInfos {
	margin-top: 6px;
	text-align: right;
	font-size: 11px;
}

* a:hover {
	color: #497aac;
}

.RHbox ul.no {
	padding: 0;
	margin: 0;
}

textarea { width: 98%; }

.tribune .RHtrombi { 
	max-height: 56px; max-width: 56px; 
}

#BlogHome h1 {
	clear: both;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	color: #606060;
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding: 6px;
	font-size: 11px;
	border: 1px dotted #ddd;
}

.caticones {
	display: inline;
	float: left;
	width: 130px;
	height: 100px;
	margin: 0 6px 6px 6px;
	padding-top: 6px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

/* @end */