/*
   layout.css
   xhtml

   Created by cedric on 2009-09-08.
   Copyright 2009 AvantageGraphique.com. All rights reserved.
*/


        /* developement code
        ----------------------------------------------------------------------------------------------------*/
/*          #global    { border:solid 1px #7F7F7F; }*/
/*          #menuTop   { border:solid 1px #7F7F7F; }*/
/*          #page      { border: solid 1px green; }*/
/*          #menuNavig { background-color: #6FC; }*/
/*          #colPub    { background-color: #FF6FCF; }*/
/*          #headerTop { background-color: #C6F; }*/
/*          #footer    { background-color: #FF8000; }*/
/*          #colPub    { height: 500px; }*/

/* INIT
----------------------------------------------------------------------------------------------------*/
body { position: relative; _width: 100%; }

#global {
  position: relative;
  background-color: transparent;
  margin:0 auto; padding: 0;
/*  border: solid 1px #fff;*/
}

#accueil {
  position: relative;
  background-color: transparent;
  margin:0 auto; padding: 0;
  width: 822px;
}

.contentAll {
  display: block;
  padding: 0; margin:0;

   border-top: none;
   border-bottom: none;

}

.container {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 1024px;
  background-color: #fff;

  /* Bug IE */
  _width:1029px;

}
#contentFirst {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 1024px;
  padding-bottom: 30px;
/*  _height: 740px;
  min-height: 740px;*/
}

#accueil #contentFirst {
  display: block;
  position: relative;
  float: left;
  clear: both;
  width: 822px;
  padding-bottom: 30px;
/*  _height: 740px;
  min-height: 740px;*/
}

/* header
----------------------------------------------------------------------------------------------------*/

#header {
  position: absolute;
  width: 1024px;
  height: 305px;
  top: 5px; left: 0px;
  /* Bug IE */
  _width:1029px;
  _padding: 0; _margin: 0;
}


  /* initialize le header et +
  ----------------------------------------------------------------------------------------------------*/
    #header {
      height: 227px;
    }
    #contentFirst, #colright {
      margin-top: 232px; /* height du header + marge */
    }

/* PAGE
----------------------------------------------------------------------------------------------------*/
#page {
  width: 1024px;
  float: left;
  position: relative;

/*  _height: 740px;
  min-height: 740px;*/
}

#pageRight {
  width: 634px;
  float: left;
  position: relative;
  margin-left: 183px;
  _margin-left: 92px;

/*  _height: 740px;
  min-height: 740px;*/
}



/* GESTION DES COLLONES
----------------------------------------------------------------------------------------------------*/
#page .col_1_1 {
  width: 970px;
  float: left;
  margin-left: 25px;
  _margin-left: 10px;
  margin-bottom: 15px;
/*  border: 1px solid #999;*/
}
#page.home .col_1_1 {
  width: 953px;
  float: left;
  margin-left: 35px;
  _margin-left: 15px;
  margin-bottom: 15px;
/*  border: 1px solid #999;*/
}

/*  2 COLS  */
  #page .col_1_2, #page .col_1_3 {
    width: 300px;
    float: left;
    margin-left: 25px;
    _margin-left: 10px;
  }

  #page .col_2_2 {
    width: 660px;
    float: left;
    margin-left: 10px;
  }

  #page .col_2_3 {
    width: 495px;
    float: left;
    margin-left: 10px;
  }

  #page .col_3_3 {
    width: 160px;
    float: left;
    margin-left: 10px;
  }



/* OPTIONS
----------------------------------------------------------------------------------------------------*/
.pads_5 {
  padding: 5px;
}
.pads_7 {
  padding: 7px;
}


/* Footer
----------------------------------------------------------------------------------------------------*/
#footer {
  position: relative;
  height: 155px;
  width: 1024px;
  margin-bottom: 7px;
  clear: both;
  /* Bug IE */
  _width:1029px;
  _margin-top: 0;
  _clear: none;
}
#accueil #footer {
  position: relative;
  height: 55px;
  width: 822px;
  margin-top: 0;
  margin-bottom: 7px;
  /* Bug IE */
  _width:822px;
  _margin-top: 0;
  _padding: 0;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}


/* font-styles
----------------------------------------------------------------------------------------------------*/
.f_black{color:#000000;}
.f_white{color:#ffffff;}

.f_bold{font-weight:bold}
.f_italic{font-style:italic}
.f_normal{font-style:normal}

.f_small, .f_small * { font-size: 95%; margin-top: 0; }

.f_center{text-align:center}
.f_right{text-align:right}

.underline{ text-decoration: underline; }

.margin_top    { margin-top: 15px; }
.margin_left    { margin-left: 15px; }
.margin_bottom { margin-bottom: 5px; }

.padding_top    { padding-top: 0.5px; }

.pointer { cursor:  pointer; }
.cache { overflow:hidden; display:none; }
.sans_fond { background:none; }

.left  { float: left;  }
.right { float: right; }

.relative { position:relative; }
.sans_bord { border:none; }
.none { display:none; }
.text-bottom { vertical-align:text-bottom; }