/* beginning idlayout */
#layout /* CSS Document */

body {
margin:0;
padding:0;
color:#666;
text-align:center;
}

a{
text-decoration:none;
font-weight:bold;
color:#0B0A4E;
}

a:hover{
color:#DF420D;
}

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

     
.clearBoth{
clear:both;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

.border{
border:1px solid #4D4D4D;
}


table{border-collapse:separate;}



/* LAYOUT*/

#master
{
margin: 0 auto;
width: 950px;
font-family: Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:normal;
}


#header {
height:140px;
background-image:url(http://www.webserverone.net/projects/pinceau/img_project/site/bckg_header_.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#subHeader{
clear:left;
}


#breadcrumb{
padding-top:15px;
font-size:0.7em;
}

#breadcrumb a{
color:#8A644A;
text-decoration:none;
}

#breadcrumb a:hover{
color:#CC9900;
}


#left {
float:left;
}



#right img{
border:1px solid grey;
}



/*Styles pour la home*/

.newsHome{
width:240px;
margin-top:20px;
margin-bottom:20px;
padding-top:80px;
background-image:url(http://www.webserverone.net/projects/pinceau/img_project/site/fondLeft.jpg);
background-position:10px 0px;
background-repeat:no-repeat;
}


.mainHome{
float:left;
padding-left:50px;
height:600px;
width:600px;
background-image:url(http://www.webserverone.net/projects/pinceau/img_project/site/bckg_mainHome.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

.mainHome H1 {
font-size:1.2em;
color:#DF420D;
}

#activiteContent h2{
font-size:1.3em;
color:#15826D;
}

#activiteContent h3{
font-size:1.05em;
}

#right {
margin-top:50px;
width: 320px;
float: right;
text-align:justify;
line-height:1.3em;
}

#left_ficheActivite {
width: 580px;
float: left;
text-align:justify;
line-height:1.3em;
}


#containerGalerie{
clear: left;
width:950px;
margin-bottom:20px;

}

.photoGalerie{
float:left;
margin-right:10px;
margin-bottom:10px;
height:130px;
}

.legendePhoto{
font-size:0.7em;
padding-left:5px;

}

.activite_theme{
padding-bottom:30px;
}

table.tabLinks{
width:100%;
border:none;
}


table.tabLinks a{
text-decoration:none;
color:#6633FF;
font-weight:bold;
} 

table.tabLinks a:hover{
color:#D9411A;
}

table.tabLinks tr.even{
background-color:#D6D6D6;
}

table.tabLinks td{
padding:5px;
}


table.tabLinks td.img{
border-right:2px solid #D9411A;
}

/* beginning idfooter */
#footer {
clear:both;
padding:7px 0 0 0;
width:100%;
font-size:0.8em;
text-align:right;

border-top:1px solid #8A644A;
}

#footer p {
margin: 0;
padding-top:2px;
padding-right:10px;
color:green;}

#footer a{
color:#8A644A;
text-decoration:none;
font-weight:bold;
}

#footer a:hover{
color:#e6e2af;
font-weight:bold;
}







/* MENU*/

#listMenuRoot{
padding:0;
list-style:none;
}

.menulist {
margin: 0;
padding: 0;
}

.menulist ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* Submenus (tags) are hidden and absolutely positioned downwards from their parent */
      .menulist ul {
      visibility: hidden;
      position: absolute;
      top: 55px; 
      left: 0px;
      background-color:#86762D;
	 
      }

      /* Second and third etc. level submenus - position across from parent instead */
      .menulist ul ul {
      top: 0px;
      left: 162px;
      }

      /*
    * All menu items ( tags). 'float: left' lines them up horizontally, and they are
      positioned relatively to correctly offset submenus. Also, they have overlapping borders.
      */
      .menulist li {
      float: left;
      position: relative;
      margin-right: 1px;
      }
	

      /* Items in submenus - override float/border/margin from above, restoring default vertical style */
      .menulist ul li {
      float: none;
      margin-right: 0;
      margin-bottom: -1px;
      }

      .menulist ul>li:last-child {
      margin-bottom: 1px;
      }

      /* Links inside the menu */
      .menulist li a {
      display: block;
      padding: 5px;
	  width:94px;
	  height:20px;
	  color:#fff;
      text-decoration: none;
      }
	  .menulist ul li a{
	  width:160px;
	  padding:4px;
          font-size:0.9em;
	  }
	
      /* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
      .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
      color: #FF9933;
      
      }
      .menulist a.highlighted {
       color: #5CA5D2;
    
      }
	  
	   .menulist a.current{
      border-bottom: 3px solid #FF9933;
	
      }
	  
	  .menulist a#accueil{
      background-image: url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/accueil.jpg);
	  height:40px;
	 
	 
	  }
	  
	   .menulist a#resume{
      background-image:url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/presentation.jpg);
	  height:40px;
	  }

         .menulist a#resume_philosophie, .menulist a#resume_cibles, .menulist a#resume_alacarte, .menulist a#resume_menu, .menulist a#resume_personnalise {
		  background-color:#BC3418;
		  height:20px;
		  }
	  
		
	   .menulist a#activites_categorie{
      background-image: url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/activite_categorie.jpg);
	  height:40px;
	  }
	  
	     .menulist a#activites_theme{
      background-image:url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/activite_theme.jpg);
	  height:40px;
	  }
	  
	  
	   .menulist a#liens{
      background-image: url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/liens.jpg);
	 height:40px;
	 
	  }
	  
	   .menulist a#news{
      background-image: url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/news.jpg);
	  height:40px;
	
	  }
	  
	   .menulist a#contact{
      background-image: url(http://www.webserverone.net/projects/pinceau/img_project/site/menu/contact.jpg);
	  height:40px;
	 
	  }
	
      /*
      If you want per-item background images in your menu items, here's how to do it.
      1) Assign a unique ID tag to each link in your menu, like so:
      2) Copy and paste these next lines for each link you want to have an image:
      .menulist a#xyz {
      background-image: url(out.gif);
      }
      .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
      background-image: url(over.gif);
      }
      */

      /* Only style submenu indicators within submenus. */
      .menulist a .subind {
      display: none;
      }
      .menulist ul a .subind {
      display: block;
      float: right;
	  /*padding-right:20px;*/
      }

      /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
      .menulist a {
      float: left;
      }
      .menulist ul a {
      float: none;
      }
      /* */
      .menulist a {
      float: none;
      }
      /* */


      /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). */
      * html .menulist ul li {
      float: left;
      height: 1%;
      }
      * html .menulist ul a {
      height: 1%;
      }
      /* End Hack */

/* end idlayout */