/**************************************************************
   AUTHOR: Pat Heard (fullahead.org)
   DATE:   2006.03.19
   PURPOSE:Controls the layout of the site and styles
            the menus
 **************************************************************/

/*
   #page:Sets the width of the PAGE.
 **************************************************************/

#page {
    height	:92%;
    min-height	:90%;
    text-align	:left;
    }
#page,
#width {
    max-width   :1100px;
    margin	:0 auto;
    }
#page[id],
#width[id] {
    width	:96%;
    height	:auto;
    }

/*
   #HEADER:with page title & subtitle
 **************************************************************/

#header {
    position	:relative;
    width	:100%;
    height	:93px;
    /* background  :transparent url(bg/etoiles.gif) repeat-x; */
    }
/* conteneur du titre et soustitre page */
#header #title {
  position	:absolute;
  z-index	:3;
  top		:2px;
  left		:36%;
  width         :40%;
  padding	:8px;
  text-align	:right;
}
#header h1 {
  margin	 :0;
  padding	 :0 0 1.5em 0;
  width		 :100%;
  background	 :transparent url(../images/logos/IsabelleCoupau.png) no-repeat scroll left;
}
#header h2 {
  position	:absolute;
  top		:50px;
  left		:1em;
  width         :100%;
  margin	:0.5em 0;
  padding	:0;
  font		:700 1.2em "trebuchet ms", serif;
  text-align    :left;
  color		:#f8f8f8;
}
/*#header h2 a {
  color		 :#F3C7EF;
  text-decoration:none;
}*/
/* Sets where the header images will go */
#header img.left {
  position	:absolute;
  z-index	:1;
  top		:0;
  left		:5%;
  border	:none;
}

#soustitre {
   padding      :5px 0;
   text-align	:center;
   font		:italic 12pt cursive;
   color        :white}

/*
   .sideMenu:LEFT COL menu
 **************************************************************/

#sideMenu {
  margin-top:2em;
  padding   :8px;
  width	    :180px;
  float	    :left;
  background:#f94d09 url(bg/gradient_600x3.png) repeat-x scroll left -100px;
}
html>body #sideMenu {
  position: fixed; }    /* cacher la position fixe à MSIE Windows, qui ne la supporte pas */
#sideMenu h2 {
  text-align	:center;
  color         :white;
  font-family   :Angelina,"trebuchet ms",serif;
  font-weight   :normal;
  font-size     :16pt;}
#sideMenu ul {
  list-style-type: none; }
ul.sideMenu {
  margin	:0;
  padding	:0;
}
.sideMenu li {
  display	  :block;
  font		  :400 1.3em "trebuchet ms", serif;
  padding	  :5px 0;
  color		  :#fff;
  /*background	  :#c238c3;*/
}
.sideMenu li a {
  display	  :block;
  margin	  :0.2em 0;
  padding	  :1px 5px;
  text-decoration :none;
  color		  :#FFF;
}
.sideMenu li a:hover {
  color		:#815880;
  background	:#f3c7ef;
}
/* Submenu of active menu item */
.sideMenu li ul {
  margin	:0;
  padding	:0;
}
.sideMenu li ul li a {
  padding-left	:38px;
  font		:400 0.55em verdana, arial, sans-serif;
  color		:#FFF;
  background	:url(bg/bullet_logoIsarbre.png) no-repeat 5px 0px;
}
.sideMenu li ul li a:hover {
  color		:#815880;
  background	:#f3c7ef url(bg/bullet_logoIsarbre_d.png) no-repeat 5px 0px;
}
.sideMenu li ul li.ici a {
  color		:#815880;
  background	:#f3c7ef url(bg/bullet_logoIsarbre_d.png) no-repeat 5px 0px;
}

/**************************************************************
   #content: Holds the main page content.
 **************************************************************/

div#content {
  position  :relative;
  padding   :10px;
  margin    :10px 175px 0 210px;
  }
div#content img {
  border	:1px solid #000;
  }
div#content img.noborder {
  border	:none;
  }
.gradient {
  margin-bottom	:2em;
  background	:#815880 url(bg/gradient_purple_dark.png) repeat-y;
  /* border-top	ne rend pas bien :trop de bordures */
  }
div.gradient h2 {
  margin-top   :2em;
  margin-bottom:1em;
  padding-top  :1em;
  background   :#5A3C58 none repeat scroll 0%;
  border-top   :1px inset #F3C7EF;
  }
ul.flamme {
  line-height  :2em !important;
  }

/**************************************************************
   #rightsidecol :Holds the pics on right side.
 **************************************************************/

div#rightsidecol {
  float	  :right;
  width   :175px;
  padding :0;
  margin  :1em 0 0 2em;
  }
div#rightsidecol img {
  margin	:5px 0; }
.border {
  padding-left  :.6em;
  background    :url(css/bg/peloche.png) repeat-y; }
.border img {
  border	:1px outset #f140d9; }
div#rightsidecol ul {
  list-style-image:url(bg/bullet2.png);
  }

/**************************************************************
   #footer:The page FOOTER - will stick to the bottom if not enough content.
 **************************************************************/

#footer {
  float		:left;
  clear		:both;
  width		:100%;
  height        :60px;
  margin-top    :1em;
  background    :#f94d09 url(bg/footer3.png) repeat-x top left;
}

/* Sets the width of the footer content */
#footer #width {
  position	:relative;
  z-index	:3;
  font-size	:0.85em;
  padding-top	:20px; }
#footer * {
   color        :#815880;
   border	:none; }
#footer a {
   color	:#815880; }
#footer a:hover {
  color		 :white; /* #c238c3 */
  text-decoration:none; }
#footer .floatLeft {
  padding-top   :8px; }

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 { width:100%; }
.width80 {  width:79%; }
.width75 {  width:74%; }
.width67 {  width:66%; }
.width50 {  width:49.7%; }
.width33 {  width:32.7%; }
.width25 {  width:24.7%; }
.width19 {  width:18.7%; }
.width12 {  width:11.7%; }

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float     :left; }
.floatRight {
  display   :block;
  float     :right; }
img.floatRight {
  margin    :5px; }
.alignLeft {
  text-align:left; }
.alignRight {
  text-align:right; }
.alignCenter {
  text-align:center; }

/**************************************************************
   Generic display classes
 **************************************************************/

/* Uniquement navigateurs conformes */
a.lienext:hover:after {
  content	:" " url(icons/internet.png);}
a.pdf:hover:after {
  content	:" " url(icons/pdf.png);}
a.img:hover:after {
  content	:" " url(icons/img.png);}
a.mail:hover:after {
  content	:" " url(icons/mail.png);}
/*
a img { border: 2px solid rgb(139, 230, 250);
    }

a:hover img { border: 2px solid rgb(255, 255, 255);
    }
*/
hr, .clear {
  clear     :both;
  visibility: hidden; }
.block {
  display   :block; }
.small {
  font-size :0.8em; }
.center {
  margin    :0 auto;
  text-align:center;}
.green {
  color     :#A1FF45; }
.red {
  color     :#EA1B00; }
.grey {
  color     :#666; }
.grey a {
  color     :#999; }
.grey a:hover {
  color     :#EEE; }
.important {
  margin    :1.5em;
  text-align:center;
  color     :white;
  font-size :120%; }
.timedSlideshow {
  margin-left   :40px; }