/* CSS LA-DERIVE V3.1 */

/* ------------------------------------------------------------------*/
/* Styles de base */
/* ------------------------------------------------------------------*/

body {
	background-color: rgb( 100, 100, 100);
/*	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
	font-family:  Arial, Tahoma, Helvetica, sans-serif;
	font-size: 8pt;
	margin:5px 5px; 
	padding:0px;
	text-align:center;

/*	outline: 0px dotted invert;*/
	outline: none;
/*	-moz-outline: 0px dotted invert; */
}

:focus { 
	outline: none;	
/*	outline: 0px dotted invert;*/
/*	-moz-outline: 0px dotted invert;*/
}

img {
	border-width: 0px;
} 

img.lien {
	border-width: 1px;
	cursor: help;
} 

img:hover {
	text-decoration: none;
}

*.spacer {
	clear: both;
}

a:hover {
        text-decoration: underline;
        color: inherit;
        text-transform: inherit;
	outline: none;
}

a {
        text-decoration: none;
        text-transform: inherit;
        color: rgb( 50, 50, 100 );
	outline: none;
}

li {
	list-style-image: url("../img/vid2.gif");
	margin:0px;
	padding:0px;
}

ul {
	margin:  0px 0px 10px 16px;
	padding: 0px 0px 0px  0px;
}

hr {

	border: 0px;
	color: rgb( 88, 15, 24);
	background-color: rgb( 88, 15, 24);
	height: 1px;
	margin:  0px 100px 0px 0px;
	padding: 0px  0px 0px 0px;
	clear: none;
}

input {
	border: 0px solid rgb(40,40,40) ;
	background-color: rgb( 50, 50, 100 );
	color: white; 
	font-size: 8pt;
	font-weight: normal;
	margin: 1px;
	padding: 1px;
}

input.text {
	border: 1px solid rgb( 90, 90, 90 );
	background-color : rgb( 235, 235, 225 );
	font-size: 8pt;
	margin: 1px;
	color: black;
	font-weight: normal;
	width: 250px;
}

textarea {
	border: 1px solid rgb( 90, 90, 90 );
	background-color : rgb( 235, 235, 225 );
	font-size: 8pt;
	margin: 1px;
	color: black;
}


/* ------------------------------------------------------------------*/
/* Specifique */
/* ------------------------------------------------------------------*/

/* -------------------------------------------------*/
/* Conteneur du site de taille fixe */
#contPagePrincipale {
	width: 950px; 
	height : 660px;
	margin: 0px auto;
	color: rgb( 0, 0, 0 );
	background-color: rgb( 250, 250, 250);
	text-align:left;
	border:1px solid rgb( 0, 0, 0 );
	background-image: url('../img/fond.jpg');
}

/* -------------------------------------------------*/
/* Conteneur du menu allege en haut a droite */
#contMenuHautLight {
	float:right;
	padding:2px 10px 0px 0px;
	text-transform: lowercase;
}

/* -------------------------------------------------*/
/* Sous-conteneur principal (sous la barre de titre et avant le footer) */
#contSousPrincipal {
	width:96%; 
	height:540px; 
	text-align:left;
}

/* -------------------------------------------------*/
/* Conteneur du menu lateral */
#contMenuLateral {
	float:left;
	padding:2px 10px 1px 1px;
	margin:0px;
	width:130px;
}

.classMenuLateral h1 {
	font-size: 8pt;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
	text-transform: uppercase;
}
.classMenuLateral p {
	font-size: 8pt;
	font-weight: normal;
	padding:0px 0px 0px 10px;
	margin:0px 0px 7px 0px;
	text-transform: lowercase;
}

/* Conteneur du menu lateral flotant */
#menul {
	position:absolute; 
	left:1px; 
	top:1px; 
	text-align:left; 
	float:left; 
	display:none; 
	border:1px solid rgb( 90, 90, 90 ); 
	background-image:url("../img/backm.png");
	zoom:1; /* pour IE ... */
	padding:3px 3px 3px 6px;
	margin:0px;
	width:160px;
	height:555px;
}

/* -------------------------------------------------*/
/* Conteneur principal a droite du menu lateral */
#contMainData {
	float:right;
	width:768px;
	height:540px; 

}


/* -------------------------------------------------*/
/* Conteneur du blog */
#contBlog {
	overflow:scroll; 
	width:645px; 
	height:540px; /* bug ie, oblige de remettre la taille, le 100% vertical ne marche pas */
	padding:0px;
	margin:0px;
	background-color: rgb( 252, 252, 252);
	border:1px solid rgb( 186, 186, 186 );
}
.classBlog h2 {
	font-size: 12pt;
	color: rgb( 50, 50, 50);
	padding:0px;
	margin:0px;
	font-weight: bold;
}
.classBlog h2:FIRST-LETTER {
	text-transform: capitalize;
}
.classBlog h3 {
	font-size: 11pt;
	color: rgb( 50, 50, 100 );
	padding:0px;
	margin:5px 5px 5px 5px ;
	font-weight: bold;
}
.classBlog h3:FIRST-LETTER {
	text-transform: capitalize;
}
.classBlog p {
	padding:0px;
	margin:0px 0px 10px 10px ;
}
.classBlog p:FIRST-LETTER {
	text-transform: capitalize;
}
.navigation {
	text-transform: lowercase;
}
.nav_previous {
	float: left;
	font-weight: bold
}
.nav_next {
	float: right;
	font-weight: bold
}
.nav_previous {
	float: left;
}
.meta {
	padding:0px;
	margin:0px 0px 5px 10px ;
	color: rgb( 150, 150, 150);
}
.feedback {
	padding:0px;
	margin:0px 0px 5px 10px ;
	color: rgb( 150, 150, 150);
}
.classBlog hr {
	color: rgb(160, 160, 160);
	background-color: rgb(160, 160, 160);
}
.classBlog li {
	list-style-image: none;
	margin: 0px 0px 0px 20px;
/*	margin:0px;
	padding:0px;*/
}

.classBlog ul {
/*	margin:  0px 0px 10px 16px;
	padding: 0px 0px 0px  0px;*/
}
.comments li {
	border:1px solid rgb( 225, 225, 225 );
	background-color: rgb(240, 240, 230);
	margin: 2px 5px 5px 2px;
}
.comment-meta {
	padding:0px;
	margin:0px 10px 10px 10px ;
	color: rgb( 90, 90, 90);
	border-width: 0px 0px 1px 0px ;
	border-style: solid;
	border-color: rgb(200,200,200);
}
.comments.comment-permalink {
	visibility:hidden;
}
.comment-permalink {
	visibility:hidden;
}
#comment-notes {
	margin: 5px 0px 10px 0px;
}
.formcontainer {
	color: rgb( 90, 90, 90);
	margin:0px 10px 0px 40px ;
}
.form-submit input {
	border: 0px solid rgb(40,40,40) ;
	background-color: rgb( 50, 50, 100 );
	color: white; 
	font-size: 8pt;
	font-weight: normal;

	margin: 5px 0px 0px 0px;
	padding: 1px;
}
.form-input input.text {
	border: 1px solid rgb( 90, 90, 90 );
	background-color : rgb( 235, 235, 225 );
	font-size: 8pt;
	color: black;
	font-weight: normal;
	width: 250px;

	margin: 0px 0px 5px 0px;
	padding: 1px;
}
.form-input input {
	border: 1px solid rgb( 90, 90, 90 );
	background-color : rgb( 235, 235, 225 );
	font-size: 8pt;
	color: black;
	font-weight: normal;
	width: 250px;

	margin: 0px 0px 5px 0px;
	padding: 1px;
}
.formcontainer textarea {
	border: 1px solid rgb( 90, 90, 90 );
	background-color : rgb( 235, 235, 225 );
	font-size: 8pt;
	color: black;

	margin: 0px;
	padding: 1px;
}

/* -------------------------------------------------*/
/* Conteneur du menu blog */
#contBlogMenu {
	padding:2px 5px 5px 5px;	
	margin:0px 0px 0px 0px;	text-transform: lowercase;
	float:right;
	text-transform: lowercase;
	width:108px; 
}

.classBlogMenu h2 {
	font-size: 8pt;
	color: rgb( 0, 0, 0);
	margin:0px;
	font-weight: normal;
	text-transform: uppercase;
}
.classBlogMenuSep {
	color: rgb( 140, 140, 140);
}


/* -------------------------------------------------*/
/* Conteneur de galerie d'image */
#contImgList {
	border:1px solid rgb( 186, 186, 186 );
	background-color: rgb( 235, 235, 225);
	text-align:left; 
	padding:0px; 
	margin: 0px auto; 
	overflow:scroll; 
	width:100%; 
	height:534px;
	white-space:nowrap;
}

.classImglist table {
	border-color:rgb( 108, 108, 90);
	border-style:solid;
	border-width:0px;
}
.classImglist td {
	border-width:0px;
}

#rlimg {
	height:490px;
}


/* -------------------------------------------------*/
/* classe diverses */

/* -- */
/* style pour les liens favoris */
.classFavLink {
	color: black;
}
.classFavLink a {
	color: rgb( 88, 15, 24);
	letter-spacing: 3px;
}

/* -- */
/* texte insible */
.classBlackText {
	color:  rgb( 128, 128, 110);
	visibility:hidden;
}

/* -- */
/* forceur de saut a la ligne des box */
.clearboth { 
	clear: both; 
}

/* -- */
/* Texte avec espacement des carateres augmente */
/* texte de base */
.classClearText {
	letter-spacing: 3px;
        word-spacing: 5px;
}
/* la version en gras pour titres */
.classClearTextTitle {
	letter-spacing: 6px;
        word-spacing: 5px;
        font-weight: bold;
	text-transform: uppercase;
}
/* la version en gras pour titres */
.classImgSubTitle {
	letter-spacing: 3px;
        word-spacing: 5px;
	text-transform: lowercase;
	color: rgb( 160, 160, 160);
}
/* la version en gras pour titres */
.classLightText {
	font-size: 7pt;
	color: rgb( 160, 160, 160);
}