/* 
Theme Logo NCB
*/


body { 
    font: 0.6em  "Lucida Sans","Helvetica",sans-serif;
    background: #2D59A4 url("images/motif_fond.gif") 0 0 repeat-y;
    /* position: absolute;  width: 98%; left: 50%; margin-left: -49%; */
    behavior: url("csshover.htc"); /* WinIE behavior call */
    }
#logo {position: absolute;height: 100px; width: 166px;left: 120px; top: 23px; margin: 0;padding : 0;
		 background: transparent url("images/tortue.jpg") 0 0 no-repeat;
		 }
#ncb {position: absolute;height: 60px; width: 300px;left: 70%; top: 30px; margin: 0 0 0 -150px;padding : 0;
		background: transparent url("images/ncb.jpg") 0 0 no-repeat;}



div#conteneur { position: absolute; width: 98%; left: 50%; margin-left: -49%;
		/*Attention min_height non compris par IE */        
                }

div#header {height: 6em;/* border: 1px solid green;*/}
div#centre {margin: 0 25em 0 17em; padding: 6em 0.5em 0 0.5em; _height: 62em;min-height: 62em;}
div#dossier{margin: 0 0 0 17em; padding: 6em 0.5em 0 0.5em;_height: 62em;min-height: 62em;}
div#gauche {position: absolute;left:0;width: 17em; margin: 2em 0 0 0;padding: 0;}
div#droite {position: absolute;right:0;width: 23em;margin: 6em 0 0 0;/*border: 1px solid black; */}






/*    
	Menu De gauche 
*/
div#gauche a {display : block;}
div#gauche ul#menu  {list-style-type: none;margin: 0 0 0.25em 0 ;padding: 0;}
div#gauche ul#smenu {list-style-type: none;}
div#gauche  a#menu {padding: 0em 0 0em 1em; margin-bottom: 0.20em;
                            border-bottom: 1px solid #2D59A4; font-size: 1.2em; 
                            text-transform: uppercase;}
div#gauche .prelettre {color: #2D59A4;font-size: 1.4em;text-transform: uppercase;}  
div#gauche  a#menu:hover {color: #2D59A4; border-bottom: 1px solid white;}
div#gauche  a#smenu {font-size: 1em;margin: 1px 1px 1px 1px;}
div#gauche  a#smenu:hover {color: #2D59A4; text-decoration: underline;}
div#gauche ul#menu li   {margin: 0;padding: 0.20em 0 0.20em 0;}
div#gauche ul#smenu li {margin: 0;padding: 0.10em 0 0.10em 5px;}
div#gauche ul#smenu li:hover {list-style-image:url(images/ti-tortue.png);}
div#gauche p#visites {text-align: center; font-size: 1.5em; color: #2D59A4; border: 1px solid #2D59A4;}

div#gauche ul#admin  {list-style-type: none;margin: 0 0 0.25em 0 ;padding: 0;}
div#gauche  a#admin {padding: 0em 0 0em 1em; margin-bottom: 0.25em;
                            border-bottom: 1px solid #2D59A4; font-size: 1.2em; 
                            text-transform: uppercase;}

div#gauche div#mail a{display: inline;}
div#gauche img#imgleft {float: left}
/*
    Page du Centre
	specifique à NCBLOGO
*/   
#articletexte {  background: #729AE0;width : 100%;}

/*
#articletexte.articletextegauche {width : 46%; float : left; margin: 0 1% 0 1%;}
#articletexte.articletextedroite {width : 46%; float : right;margin: 0 1% 0 1%;}
*/

#articletexte ul {list-style-type: square;}  
#articletexte li { text-indent:1em;padding: 0 0 0.5em 0; }
#articletexte #date {color: blue; text-align: right; font-size: 0.8em;}
#articletexte #addr {border-left: #2D59A4 solid 1px;padding-left: 1em;}
#articletexte p#lien a {text-decoration: underline;color: #2D59A4;float: right;}
a#lien {text-decoration: underline;color: #2D59A4;font-style:italic;}
img#lien {vertical-align:middle}	
#galerie {  background: #afb0f3;      color: black;
                margin: 0.5em 20em 2em 1em; font-size: 1.3em;
                _height: 10em; /*Pour corriger un bug de IE mettre une taille au div contenneur */
                -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
                -moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;}


	/*Presentation des MAJs */
a#pro_rub, a#pro_cat {margin-bottom: 0.25em;
                            border-bottom: 1px solid #2D59A4; font-size: 1.1em; 
                            text-transform: uppercase;}	
a#pro_rub:hover,a#pro_cat:hover  {color: #2D59A4; border-bottom: 1px solid white;}
a#pro_rub .prelettre,a#pro_cat .prelettre {color: #2D59A4;font-size: 1.4em;text-transform: uppercase;} 
/* a#pro_cat {font-size: 1em;margin: 1px 1px 1px 1px;padding-left: 18px;}
a#pro_cat:hover {color: #2D59A4; text-decoration: underline;background: transparent url("images/ti-bleu-tortue.png") 0 3px no-repeat;}
*/
a#pro_pg {border-bottom: 1px solid #2D59A4; font-size: 1em;margin: 1px 1px 1px 1px;}
a#pro_pg:hover {color: #2D59A4; border-bottom: 1px solid white;}	
	
/*
a#pro_rub {text-decoration: underline;padding-left: 18px;background: transparent url("images/16_folder.gif") 0 0 no-repeat;}
a#pro_rub:hover {text-decoration: underline;color: #2D59A4;background: transparent url("images/ti-bleu-tortue.png") 0 3px no-repeat;}

a#pro_cat {text-decoration: underline;padding-left: 18px;background: transparent url("images/16_folder.gif") 0 0 no-repeat;}
a#pro_cat:hover {text-decoration: underline;color: #2D59A4;background: transparent url("images/ti-bleu-tortue.png") 0 3px no-repeat;}

a#pro_pg {text-decoration: underline;padding-left: 18px;background: transparent url("images/16_generic_document.gif") 0 0 no-repeat;}
a#pro_pg:hover {text-decoration: underline;color: #2D59A4;background: transparent url("images/ti-bleu-tortue.png") 0 3px no-repeat;}
*/
#articletexte p#pro {display:inline;margin: 0 0 0em 1em;padding: 0 0 0.5em 0; }
	/*fin Presentation des MAJs */
	
	/* Presentation Calendrier */
#calendrier {margin: 1em;float: right; text-align: center; width: 12.5em;}
#calendrier thead {border-bottom: #2D59A4 solid 2px;color: #729AE0;background: #2D59A4;}
#calendrier tfoot {border-top: #2D59A4 solid 1px;background: #2D59A4;color: #729AE0;}
#calendrier tfoot td  {white-space: nowrap;color: #729AE0;}
#calendrier tfoot td  a {font-weight:bold;color: #729AE0;}
#calendrier tfoot td:hover {color: blue;cursor: pointer;}
#calendrier tbody td {color: #2D59A4;width: 1.5em;}	

/* Bulle pour le calendrier*/
#tip {	visibility:hidden; z-index:800;font-size: 0.8em;width : 15em;
			background: #2D59A4;color: #729AE0; text-align:left;
			border:1px solid black;}
#info {border:1px solid black;}			
tbody td#vacances {font-style:italic;color: #82B0FF}			
/* #calendrier td:hover {color: #729AE0;background-color:#2D59A4;}	 */
	/* fin Presentation Calendrier */	
#tablepla {border: 1px dotted #2D59A4;text-align:center;margin: 1em;width: 95%;margin: 1em 0 1em 1em;}   
#tablepla td{border: 1px solid black;}
#tablepla td#vide {border: 0px;}
#selection {width: 70%;text-align: center;margin: 1em 0 1em 1em;}


#galerie {  background: #729AE0;  min-width: 750px;_width: 775px;}
#flegauche {background: transparent url("images/gauche.png") 0 0 no-repeat;}
#fledroite {background: transparent url("images/droit.png") 0 0 no-repeat;}

/* 
	Breve News
	specifique à NCBLOGO
*/
div#droite h1{text-align: center;color : white; font-size:1.4em; border : 1px solid white;margin: 1em 0em 1em 0em;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;    }
div#droite #newtitre{font-size:1.1em;padding: 0 0.5em 0 0.25em;color: #afb0f3;margin: 0 0 0 0;text-align:center;}
div#droite #newtexte{font-size:1em; padding: 0.25em 0.25em 0.25em 0.25em;
                            border: 1px solid ;border-color: #afb0f3 black black #afb0f3;
                            margin: 0 0.25em 1em 0;}    
div#droite .prelettre {color: #729AE0;font-size: 1.4em; text-transform: uppercase;}  
div#droite #newtexte p {font-size:1.2em; padding: 0.25em 0.25em 0.25em 0.25em;
                          /*  border: 1px solid ; border-color: #729AE0 black black #729AE0; */
                            margin: 0 0.25em 1em 0.25em; text-align: justify;}
div#droite #newtexte h4{text-decoration: none;font-size:1.3em;padding: 0 0 0 0;margin: 0 0 0 0;color: #729AE0;}
div#droite #newtexte h4 a{text-decoration: underline;font-size:1.3em;padding: 0 0 0 0;margin: 0 0 0 0;color: #729AE0;}
div#droite #sem {text-align: center;}




	/* Forum */
div#nouveausujet {text-align: right;padding: 1em;}
table#ts_messages {width: 90%;border: #2D59A4 solid 1px;margin: 2em 5% 2em 5%;}
#ts_messages	tfoot,#ts_messages thead {text-align: center; background: #2D59A4; color: #729AE0;}
#ts_messages  td a {color: blue;padding-left: 0.5em}
#ts_messages  td a:hover {text-decoration: underline;}
#ts_messages	tr#paire {background: #88A8E0; color: #000}
td#direction {text-align: right;padding: 0 3em;}
td#Reponse,td#Auteur,td#Num {text-align: center}
	/* FIN Forum */
	
	/* Plannings Jeunes */
table#pla_jeunes 	{width: 95%;margin: 2em 2% 2em 2%}
table#pla_jeunes th#p1 {background: #CCFFCC;}
table#pla_jeunes th#p21		{background: #CCCCFF}
table#pla_jeunes th#p22		{background: #CCFFFF}
table#pla_jeunes td {font-size:0.9em;padding: 0 0 0 0.5em; text-align: left}
table#pla_jeunes td#extra	{background: #FFFFCC;text-align: center;}
table#pla_jeunes tr#paire td#nocour		{background: #FFFFFF;text-align: center;}
table#pla_jeunes tr#paire td#jour		{background: #FFFFFF;}
table#pla_jeunes tr#paire td#seance	{background: #FFFFFF;text-align: center;}
table#pla_jeunes tr#paire td#p1			{background: #CCFFCC;}
table#pla_jeunes tr#paire td#p21		{background: #CCCCFF;}
table#pla_jeunes tr#paire td#p22		{background: #CCFFFF;}
table#pla_jeunes tr#impaire td#nocour		{background: #EEEEEE;text-align: center;}
table#pla_jeunes tr#impaire td#jour		{background: #EEEEEE;}
table#pla_jeunes tr#impaire td#seance	{background: #EEEEEE;text-align: center;}
table#pla_jeunes tr#impaire td#p1			{background: #BBEEBB;}
table#pla_jeunes tr#impaire td#p21		{background: #BBBBEE;}
table#pla_jeunes tr#impaire td#p22		{background: #BBEEEE;}

	/* FIN Plannings Jeunes */

	/* Info Bulle */
a#a_href {text-decoration: underline;}	
a#a_href:hover {color: #2D59A4;}
	/* Info Bulle */

	/* Trombi Bureau */
div#trombibureau {text-align: center;}	
div#trombibureau img {vertical-align:bottom;}	
	/* Fin Trombi Bureau */
	/* BIO	*/
#articletexte p#decouv {border-bottom: 2px Solid #FF9ACE;margin: 0 1em 0 1em;}
#articletexte p#appro {border-bottom: 2px Solid #AF6A8D;margin: 0 1em 0 1em;}
#articletexte p img#pdf {vertical-align:middle}	
#articletexte p img#swf {vertical-align:middle}	
	/* FIN BIO */


div#pied   {height: 30px;margin: 5em;}

/* Galerie_Simple */
div#divvignette {visibility: visible;}
img.img_vignette_simple {border: 1px solid black ; padding : 0.3em ;margin-left : 2.8em;
													cursor : pointer;}
img.img_vignette_simple:hover {border: 1px solid white}												
div#divimage {background : transparent;margin: 12em 25em 0 17em;
			visibility: hidden ;
			position: absolute; top : 0em; left: 0em;
			border: 0px solid red; text-align : center;}
img.img_image_simple {border: 1px solid black ; padding : 0.2em ;margin-left : 2em;
							cursor : pointer; margin-right : 2em; vertical-align : top;
					}
img.img_image_simple:hover {border: 1px solid white}												
.fle {cursor : pointer;padding : 0.3em ;margin : 1em 4em 1em 4em;}
.fle:hover {}




/* Presentation des downloads */
.download {border: 0px solid black; 
					 padding: 0; 
					 margin: 0;
					 text-align: center;}
.download img {padding : 3px;margin:0px}
.download img:hover  {border-bottom : 1px solid Blue; margin : 0px; cursor:pointer; padding-bottom:2px;
					  border-left : 1px solid Blue;padding-left:2px;}
.download a { display:block;color:Blue }					 
.download a:hover { display:block;text-decoration:underline; }		
.infobulle{
          position: absolute;   
          visibility : hidden;
          border: 1px solid Black;
          padding: 10px;
          font-family: Verdana, Arial;
          font-size: 10px;
          background-color: #FFFFCC;
      }