/*
	Site	: http://www.cathydupont.com/
	Auteur	: Benoit Asselin
	Email	: benoit@ki4ngel.com
*/


@import url(../bases.css);

html, body {
	background: #FFC url(background.gif) repeat-x; border: 0px none;
	color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt;
	margin: 10px; padding: 0px; text-align: center;
}
div.body { left: 50%; margin-left: auto; margin-right: auto; width: 100%; }


/* Liens */
a { color: #F90; font-weight: bold; text-decoration: none; }
a:hover { color: #C60; text-decoration: underline; }


/* Formulaires */
form { margin: 0px; }
input, select, textarea { background: #FFF1DD; border: 1px solid #555555; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }
input.bouton { background: #FF8400; border: 1px solid #555555; color: white; cursor: pointer; font-weight: bold; }
input.default { background: none; border: 0px none; }
optgroup { font-size: 8pt; font-style: normal; font-weight: bold; }

.sondage { font-size: 7pt; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 160px; }
.sondage div.question { margin-top: 5px; font-weight: bold; }
.sondage div.reply { margin: 5px; text-align: left; }
.sondage div.valide { margin-bottom: 5px; }
.sondage div.rate { background: #FF8400; margin-bottom: 7px; text-align: center; }

.gallery { text-align: center; }
.gallery div.title { font-weight: bold; margin-top: 5px; }
.gallery div.picture { }
.gallery div.date { font-size: 7pt; margin-bottom: 5px; }
.gallery_popup { background: #000000; color: #FFFFFF; margin: 0px; padding: 0px; text-align: center; }
.gallery_popup div.title { font-weight: bold; margin-top: 10px; }
.gallery_popup div.picture { margin: 5px 10px 0px 10px; }
.gallery_popup div.date { font-size: 7pt; margin-bottom: 5px; }
.gallery_popup div.text { margin: 5px 5% 10px 5%; text-align: justify; }
.gallery_popup div.close { padding-bottom: 10px; }
.gallery_popup div.close a { color: #666666; }
.gallery_popup div.close a:hover { color: #FFFFFF; }



/* Texte */
div.justify { text-align: justify; }
span.txt_titre { font-size: 10pt; font-weight: bold; }
span.txt_normal_1 { font-size: 8pt; font-weight: normal; }
span.txt_normal_2 { font-size: 8pt; font-weight: bold; }
span.txt_warning { color: red; }
span.txt_note { color: blue; }
span.txt_source { font-style: italic; }
span.txt_update { font-size: 7pt; }


ul, ol, li { list-style: none; margin: 0px; padding: 0px; text-align: left; }
li.som { list-style-image: url(puce_01.gif); margin-left: 20px; margin-top: 10px; }
li.ssom { list-style-image: url(puce_01.gif); margin-left: 30px; margin-top: 5px; margin-right: -10px; }
/* BBcode [list] */
ul.BBul li { list-style-image: url(puce_01.gif); margin-left: 30px; text-align: justify; margin-top: 2px; }
ol.BBol0 li { list-style-type: decimal-leading-zero; margin-left: 30px; }
ol.BBol1 li { list-style-type: decimal; margin-left: 30px; }
ol.BBola li { list-style-type: lower-alpha; margin-left: 30px; }
ol.BBolA li { list-style-type: upper-alpha; margin-left: 30px; }
ol.BBoli li { list-style-type: lower-roman; margin-left: 30px; }
ol.BBolI li { list-style-type: upper-roman; margin-left: 30px; }
/* Bonus */
ol.BBolg li { list-style-type: lower-greek; margin-left: 30px; }
ol.BBolh li { list-style-type: hebrew; margin-left: 30px; }
ol.BBolc li { list-style-type: cjk-ideographic; margin-left: 30px; }
ol.BBolhi li { list-style-type: hiragana; margin-left: 30px; }
ol.BBolHI li { list-style-type: hiragana-iroha; margin-left: 30px; }
ol.BBolka li { list-style-type: katakana; margin-left: 30px; }
ol.BBolKA li { list-style-type: katakana-iroha; margin-left: 30px; }

/*	Aide: t_ -> titre ET chapitre	a_ -> article	*/
li.t1 { list-style-image: url(puce_01.gif); margin: 12px 0px 0px 20px; }
li.t2 { list-style-image: url(puce_01.gif); margin:  5px 0px 0px 35px; }
li.a1 { list-style-image: url(puce_01.gif); margin:  3px 0px 0px 20px; }
li.a2 { list-style-image: url(puce_01.gif); margin:  3px 0px 0px 35px; }
li.a3 { list-style-image: url(puce_01.gif); margin:  3px 0px 0px 50px; }
li.t1 span, li.t2 span, li.a1 span, li.a2 span, li.a3 span { text-decoration: underline; }
li.tsep { list-style-image: none; margin-top: 5px; }
li.asep { list-style-image: none; margin-top: 5px; }


img { border: 0px none; }
img.imgleft { float: left; }
img.imgright { float: right; }
img.news { float: right; margin: 0px 0px 5px 10px; }
div.news { float: right; margin: 0px 0px 5px 10px; font-style: italic; text-align: center; }
img.avatar { height: 100px; width: 100px; }



/* Tableaux en general */
table { border: 0px none #000000; border-spacing: 0px; margin: 0px; padding: 0px; font-size: 8pt; width: 100%; }
tr, th, td { border: 0px none #000000; margin: 0px; padding: 0px; }
td.td50p { text-align: center; width: 50%; }


/* Tete de page */
a#banner1 { display: block; background: #FFF url(banner.jpg) top center no-repeat; border: 1px solid #AAA; color: #000; font-size: 7pt; line-height: 25px; height: 120px; min-width: 750px; }
a#banner1 span { }


/* Squelette de la page */
table.squelette { margin: 15px 0px; }
table.squelette td { vertical-align: top; }
table.squelette td.menu_gauche_haut { }
table.squelette td.menu_gauche_bas { vertical-align: bottom; }
table.squelette td.menu_droite_haut { }
table.squelette td.menu_droite_bas { vertical-align: bottom; }
table.squelette td.centrale { width: 100%; }

/* Menus */
div.menu { background: #FFF; border: 1px solid #AAA; margin-bottom: 15px; padding-bottom: 30px; text-align: justify; width: 200px;  }
div.menu h1 { font-size: 10pt; font-weight: bold; height: 20px; margin: 0px; padding: 5px; text-align: center; }
table.squelette td.menu_gauche_haut div.menu { margin-right: 15px; }
table.squelette td.menu_droite_haut div.menu { margin-left: 15px; }
a#administration { display: block; background: url(administration.gif) left no-repeat; float: left; height: 10px; margin-top: 10px; width: 75px; }
a#haut_de_page { display: block; background: url(haut_de_page.gif) right no-repeat; float: right; height: 10px; margin-top: 10px; width: 75px; }
a#administration span, a#haut_de_page span { display: none; }

/* Page centrale */
div.centrale { background: #FFF; border: 1px solid #AAA; }
div.centrale h1 { font-size: 10pt; font-weight: bold; margin: 0px; padding: 10px; text-align: center; }
div.centrale h2 { font-size: 8pt; font-weight: bold; margin: 0px; padding-bottom: 13px; }
div.centrale div.c_texte { padding: 0px 15px 15px 15px; text-align: justify; }
div.centrale div.c_liens { padding: 0px 15px 15px 15px; text-align: center; }
div.centrale hr { border-bottom: 0px none; border-top: 1px solid #AAA; height: 1px; }


/* Pied de page */
div.copyright { border-top: 0px none; color: #AAA; font-size: 7pt; padding-top: 10px; text-align: center; }
div.copyright a { color: #AAA; font-weight: normal; text-decoration: none;  }
div.copyright a:hover { color: #AAA; text-decoration: underline; }
div.copy_left { float:left; text-align: left; padding-bottom: 1px; padding-left: 5px; }
div.copy_right { text-align: right; padding-bottom: 1px; padding-right: 5px; }


/* Popup */
body.popup { background: #99C; margin: 10px; text-align: center; }
body.popup table { background: white; border: 1px solid #009; height: 80%; }
body.popup table td { text-align: center; }



/* Erreur .htaccess */
body.error h1 { font-size: 18pt; left: 50%; margin-left: -300px; margin-top: -60px; position: absolute; text-align: center; top: 40%; width: 600px; }
body.error a { font-weight: bold; }