/*
Theme Name: Ouaiscecool 2000
Author: Fred.
Author URI: http://www.ouaiscecool.com/
Description: Lookalike original from 2000s OCC site for WP theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/



/**********************************************************/
body {
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-color: #d6d2bf;
	margin: 1px;
}

a:link {
	color:#ED2949;
	text-decoration: none;
/* 	text-decoration: underline; */
	/*font-weight: bold;*/
}
a:visited {
	color:#ED2949;
	text-decoration: none;
/* 	text-decoration: underline; */
	/*font-weight: bold;*/
}
a:hover {
	color:#E76E26;
/* 	background: #dad6c3/*#E3DFCB*//*#d8d7d0*/; */
	text-decoration: none;
}
a:active {
	color:#E76E26;
	text-decoration: none;
}

hr {
	color: black;
	background-color: #706d5e;
	/* height: 3px; */
	width: 90%;
}

/* Tableaux (ex: Mailing list) */

tr.tr1 {
	background-color: #e6e2cf;
}

tr.tr2 {
	background-color: #f6f2df;
}

img {
  border: 0px;
}


img.titre {
	position: absolute;
	right: 0;
	top: 0;
}

img.fortune {
	position: absolute;
	left: 0;
	top: 0;
}

div.invisible {
	color: #d6d2bf
}

/*
 * PAGE
 */

div.page {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}

div.page p {
	margin: 6px;
}

div.page h1 {
	font-size: 18px;
	margin-bottom: 10px;
	/* margin-top: 20px; */
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #706d5e;
}
div.page h2 {
	font-size:14px;
	margin: 0px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #605d4e;
}

div.page h3 {
	font-size:10px;
	/*text-transform: uppercase;*/
	/*font-weight: bold;*/
	margin: 0px 0px 0px 0px;
	color: #706d5e;
}



/*
 * CADRES
 */

div.grandcadre {
	background: #ece8d3;
	/* border: solid black 1px;
	margin-right: 10px;
	margin-left: 10px; */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.petitcadre {
	background: #f8f7f0;
	padding: 10px;
	/* border: solid black 1px; */
	text-align: justify;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*
 * MENU
 */

/* la barre bleue */
div.menubar {
	font-size: 4px;
	margin-top: 110px;
	width:100%;
	height: 4px;
	background-color: #c1bef1;
}

/* le menu */
div.menu {
	width:100%;
	margin-top: -20px;
}

div.menu a {
	color: none;
	background: none;
	text-decoration:none;
}

/* le menu */
div.menu table {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	width:100%;
}
div.menu table tr td {
	vertical-align: top;
}

/*
 * AGENDA
 */

.calendrier table {
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.calendrier tr td {
	text-align: center;
}

div.calendrier {
	width: 25%;
}

div.agenda {
	float: right;
	width: 70%;
}

/*
 * FORUM
 */

div.thread {
    padding: 10px;
    /* border: solid 2px #ed2949; */
    /* border-top: solid 2px #ed2949; */
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #fefefe;
    font-size: 12px;
    line-height: 1.3em;
}

div.thread h1 {
    font-size: 12px;
    color: black;
    margin: 0px 0px 0px 0px;
    background-color: rgb(226, 226, 226);
    padding-left: 30px;
    /* font-weight: none; */
}

div.post {
    /* border: 1px rgb(0, 0, 255) solid;  */
    border-left: 3px rgb(226, 226, 226) solid;
    border-bottom: 0px none;
    /*       top right bottom left*/
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 0px 30px;
}

div.bloc1 {
    /* border: 1px rgb(0, 255, 0) solid; */
    border-left: 3px rgb(226, 226, 226) solid;
    border-top: 3px rgb(226, 226, 226) solid;

	/* border: 1px red solid;  */
    /* border-right: 3px rgb(255, 255, 255) solid; */
        /*       top right bottom left*/
    padding: 0px 0px 0px 20px;
    margin: -6px 0px 0px 30px;
}

div.bloc2 {
    /* border: 1px rgb(0, 255, 0) solid;  */
    /* border-left: 3px rgb(226, 226, 226) solid; */
    border-top: 3px rgb(226, 226, 226) solid;
	/* border: 1px green solid; */
    /* border-right: 3px rgb(255, 255, 255) solid; */
        /*       top right bottom left*/
    padding: 0px 0px 0px 20px;
    margin: -7px 0px 0px 30px;
}

.replie {
    display: none;
}

.deplie {
    display: block;
}

p.post {
    padding-left: 10px;
    text-align: justify;
    margin-right: 20px;
}

/*
 * IMAGE
 */

div.menuphoto {
	text-align: left;
	width: 100%;
	margin: 1em 0;
	padding: 0px 0.5em;
}
div.menuphoto ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.menuphoto li{
	float: left;
	width: 124px;
	height: 124px;
	margin-right: 2em;
	text-align: center;
}

div.menuphoto a {
	color: none;
	background: none;
	text-decoration:none;
}

div.menuphotoDir {
	float: none;
	width: 124px;
}


div.diaporama {
	padding: 20px;
	text-align: center;
}

div.diaporama_prev {
	/* position: absolute; */
	float: left;
/*	top: 400px;*/
	left: 80px;
	margin: 10px;
}

div.diaporama_next {
	/* position: absolute; */
	float: right;
/* 	position: relative; */
/*	top: 400px;*/
	top: -100 em;
	right: 80px;
	margin: 10px;
}

div.diaporama a {
	color: none;
	background: none;
	text-decoration:none;
}

div.diaporama_prev a {
	color: none;
	background: none;
	text-decoration:none;
}
div.diaporama_next a {
	color: none;
	background: none;
	text-decoration:none;
}

/*
 * VIDEO
 */

div.video {
	text-align: left;
	width: 100%;
	margin: 1em 0;
	padding: 0px 0.5em;
	overflow: auto;
}
div.video ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.video li{
	float: left;
	width: 220px;
	height: 224px;
	margin-right: 2em;
	text-align: center;
}
div.video a {
	color: none;
	background: none;
	text-decoration:none;
}

div.videoBlock {
	float: none;
	width: 220px;
}

/*
 * ACCUEIL
 */


div.edito {
	float: left;
	width: 15%;
	font-size: 10px;
	text-align: left;
}

div.prevforum {
	/* float: left; */
	margin-right: 22%;
	margin-left: 17%;
	/* right: auto;
	left: auto; */
	text-align: left;
}

div.prevagenda {
	float: right;
	width: 20%;
}

/*img.prevagenda {
	margin-left: 10%;
	margin-right: 10%;
	witdth: 128px;
	text-align: left;
}*/

div.prevagenda ul li a {
	display: inline;
	text-align: left;
	color: black;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

div.prevagenda ul li a:hover {
	/*background: #d8d7d0;*/
}

div.prevagenda ul {
	padding-left: 3px;
	padding-right: 3px;
	list-style-type: none;
}


/*
 * BIO
 */

span.left {
	margin-left: 5%;
	float: left;
	width: 40%;
	height: 100%;
}

span.right {
	margin-right: 5%;
	float: right;
	width: 40%;
	height: 100%;
}


 
/*
 * ADMIN
 */

#admin a:link, #admin a:visited {
	/* text-transform: uppercase; */
	padding: 2px;
	border: 2px #706d5e dashed;
}

#admin {
	/* float: left; */
	font-size: 8px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin-top: 20px;
	font-size: 11px;
}

acronym[title] {
  content: " (" attr(title) toto") ";
  font-style: italic;
}