@charset "utf-8";
/* ------------------------- gallery, corps, entete et pied ------------------------- */
body {
background-image:url(../images/design2009/degrade_bleu3.png);
background-color: #FFFFFF;
width:780px;
margin:auto;
margin-top:10px;
padding:0px; }

td { vertical-align:top; }

#myGallery
{
width: 460px !important;
height: 345px !important;
}  

div#entete {
background:url(../images/design2009/entete.png) no-repeat;
width:780px;
height:100px;
position:relative;
}
img { border:none; }
div#bas {
background:url(../images/design2009/bas.png) no-repeat; 
width:780px;
height:31px;
}
/* ------------------------- Gallery de photo colonne de gauche ------------------------- */

#photoShow {
    position:relative;
    height:190px;
    width:240px;
    margin-left: auto;
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}
/* ------------------------- colonne de gauche ------------------------- */
.col_date {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
text-align:center;
margin:0px; padding:0px; }
.col_visite_1 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
padding:0px;
margin:0px; }
.col_visite_2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-style:italic;
font-size:10px;
padding:0px;
margin:0px;
}
.col_favoritos {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
font-weight:bold;
padding:0px;
text-decoration:none;
margin:0px;  }
.col_favoritos:visited, .col_favoritos:active, .col_favoritos:focus { color: #FFFFFF; }
.col_favoritos:hover { color: #FF0000; }

.col_txt_not_google {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:9px;
text-align:justify;
padding:0px;
text-decoration:none;
margin:0px; }
.col_txt_not_google:visited, .col_txt_not_google:active, .col_txt_not_google:focus { color: #FFFFFF; }
.col_txt_not_google:hover { color: #FF0000; }

.col_date_not {
font-family:Arial, Helvetica, sans-serif;
color: #999999;
font-size:8px;
display:inline;
padding:0px;
margin:0px; }

.col_art_titre {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
text-align:center;
text-decoration:underline; }

.col_art_link {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:14px;
text-align:justify;
padding-bottom:5px;
text-decoration:none;
margin:0px;
font-style:italic; }
.col_art_link:visited, .col_art_link:active, .col_art_link:focus { color: #FFFFFF; }
.col_art_link:hover { color: #FF0000; }

.col_not_annee {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
text-align:center;
text-decoration:underline; }
.col_not_mois {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bolder; }
.col_not_titre {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:10px;
text-align: justify; }
.col_not_titre:visited, .col_not_titre:active, .col_not_titre:focus { color: #FFFFFF; }
.col_not_titre:hover { color: #FF0000; }

/* ------------------------- boites rouges ------------------------- */
.boit_roug_titre {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FFFFFF;
font-weight:bolder;
}

/* ------------- Calendario.php ----------- */
.calen_cadre {
margin:0px;
padding:20px; }

.calen_titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align:center;
padding:0px;
margin:0px;
color: #000000; }

.calen_mois {
color: #0099FF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bolder;
background-color: #FFFFFF;
font-size:12px;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 20px; }

.legende_cal {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
font-style:italic;
margin: 0px;
padding: 0px;
text-align:center; }

.txt_cal {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:4px;
color: #000000;
margin:0px;
padding:0px; }

/* les boutons de l´entete : CBK, COB et WKF */

#entete #boutoncbk { position: absolute; left: 588px; top: 7px; }
#boutoncbk a:link, #boutoncbk a:visited{
    height: 58px;
    width: 63px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/design2009/bouton_cbk.png) no-repeat left top;
    border: none;           /* don't display a border */
}
#boutoncbk a:hover, #boutoncbk a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

#entete #boutonwkf { position: absolute; left: 657px; top: 7px; }
#boutonwkf a:link, #boutonwkf a:visited{
    height: 57px;
    width: 87px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/design2009/bouton_wkf.png) no-repeat left top;
    border: none;           /* don't display a border */
}
#boutonwkf a:hover, #boutonwkf a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

#entete #boutoncob { position: absolute; left: 720px; top: 7px; }
#boutoncob a:link, #boutoncob a:visited{
    height: 57px;
    width: 89px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/design2009/bouton_cob.png) no-repeat left top;
    border: none;           /* don't display a border */
}
#boutoncob a:hover, #boutoncob a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

/* ------------------------- LE POST-IT ------------------------- */
div#postit {
margin-left:4px;
background: url(../images/design2009/postit.gif) no-repeat;
width:225px;
height:155px;
margin-top:0px;
position:relative;
}
#pscroller1{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:4px;
position:absolute;
left:6px;
top:34px;
width:208px;
height:111px;
margin:0px;
}
.someclass{
margin:0px;
}
div#postit p {
margin-top:5px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#58530C;
font-weight:900; }

/* ------------------------- PAGE NOTICE ------------------------- */
.not_titre {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color: #000000; }
.not_date {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
display:inline; }
.not_annexos {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333; }
.not_titre_archive{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
font-weight:bolder;
text-decoration:underline;
margin:0px;
padding:0px;
color: #000066; }
.not_annee_archive{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-style:italic;
margin:0px;
padding:0px;
color: #000099;
}
.not_mois_archive{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px 0px 0px 20px;
padding:0px;
color: #0000CC;
}

/* css pour les numero de page des articles */

.page_art {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #000000;
	background-color: #FFFFFF; }
.page_art:visited, .page_art:active, .page_art:focus { color: #000000; }
.page_art:hover { border: 1px solid #0066cc;
	color: #000000;
	background-color: #FF0000; }

/* ------------------------- LE DOCK ------------------------- */
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 20px; padding-bottom:-20px; color:#FFFF00; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }

/* ACCORDEON DES ARTICLES 
.basic  {
	width: 400px;
	font-family: verdana;
	border: 1px solid black;
	margin-left:10px; }
	
.basic div { background-color: #eee; }

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px; }
	
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999; }
	
.basic a:hover { background-color: white; }

.basic a.selected {
	color: black;
	background-color: #80cfe2; }*/
	
/*------------ BBCODE ---------------*/
.bbcode { margin-left:auto; }
.bbcode_p {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify; }
.bbcode_h1 {  color: #000000;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   margin-top:5px;
	margin-bottom:5px;
   padding-bottom: 0px;
   }
.bbcode_h2 {  color: #000000;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   margin-top:5px;
	margin-bottom:5px;
   padding-bottom: 0px;
   }
.bbcode_h3 {  color: #000000;
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   margin-top:5px;
	margin-bottom:5px;
   padding-bottom: 0px;
   }

.list_normal
{ list-style-type:disc;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; }
.list_a
{ list-style-type:lower-alpha;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; }
.list_1
{ list-style-type:decimal;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px; }
.txtdansmanuelbbcode {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:13px;
margin:3px;
padding:0px; }
.titredansmanuelbbcode {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#0000FF;
margin-top:18px;
margin-bottom:0px;
padding-top:2px; }
/*-------------- Fale Conosco et FORMULAIRE -------------------*/
.fala_label {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
text-align:left;
width:140px; }

.attention {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FF0000;
border:double #FF0000;
background-color:#F5BDBA;
margin:10px;
padding:10px;
text-align:center; }

.fala_field {
margin:auto;
background-image:url(../images/design2009/fond_gris_transparent.png);
/*border: #999999 outset 3px;*/
border:none;
width:85%;
margin:10px;
padding:20px; }

.fala_conteneur {
background-color:#FFFFFF;
width:100%; }

.fala_input { 
border: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
margin:0px;
padding-left:10px;
overflow:auto;
width:90%; }
/* ------------- liens portal, PORTAL.php et pied.php ----------- */
.portal_lien_pied {
font-family:Arial, Helvetica, sans-serif;
color: #FFFF00;
font-size:10px;
text-decoration:none;
}
.portal_lien_pied:hover, #boutoncob a:active{
color: #FF0000;
}
.pied {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color: #000000;
}
.pied_portal {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
text-align:center;
color: #FFFFFF;
margin:0px;
padding:5px; }
.pied_portal:visited, .pied_portal:active, .pied_portal:focus { color: #FFFFFF; }
.pied_portal:hover { color: #FFFF00; }

/* ------------------------- clubes.php ------------------------- */

.clube_col_titre {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color: #FFFFFF;
}
.clube_col_link {
font-size:11px;
color: #FFFFFF;
margin:0px;
padding:0px; }
.clube_col_link:visited, .clube_col_link:active, .clube_col_link:focus { color:#FFFFFF; }
.clube_col_link:hover { color: #FF0000; }

.clube_nom {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color: #FFFFFF;
font-weight:bold; }

.clube_adresse {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px; }

.clube_link {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #FFFFFF; }
.clube_link:visited, .clube_link:active, .clube_link:focus { color::#FFFFFF; }
.clube_link:hover { color: #FF0000; }

/* ------------------------- Gallery de photo colonne de gauche ------------------------- */

#photoShow {
border:#FFFFFF groove 4px;
    position:relative;
    height:180px;
    width:200px;
    margin:auto;
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}
/* ------------------------- AFFICHAGE DES DOCUMENTS DANS GRADUACAO.PHP ------------------------- */
.doc_grade {
color: #000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
margin-left:10px; }
.doc_grade:visited, .doc_grade:active, .doc_grade:focus { color: #000000; }
.doc_grade:hover { color: #FF0000; text-decoration:underline; }

/* ------------------------- Les articles ------------------------- */

.article_titre_famille{
color: #FFFFFF;
background-color:#769CC7;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
margin-left:10px;
}

.article_lien {
color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
margin-left:13px; }
.article_lien:visited, .article_lien:active, .article_lien:focus { color: #000000; }
.article_lien:hover { color: #FF0000; text-decoration:underline; }