/*
    www.therapiesdumieuxetre.fr *
    Positionnement toutes pages sauf accueil
***********************************/
/* .container pour fixer le width et min-width ***/
.container {
    position    :relative;
    min-height:100%;
    width      	:77%;
    min-width  :770px;
    margin     	:0 auto;
    text-align 	:left;
    }
#content {
    overflow    :auto;
    padding-bottom:50px;
    padding-top:5px;
    background:inherit; }
#content > h1 {
    margin      :.2em auto;
    }

/* HEADER */
#header a {
    margin  : 0;
    padding : 0;
    border  : none;
    color   : white; }
#header div {
    background  :white ;
    }

/* Menu principal du site */
#mainMenu {
    width       :100%;
    padding     :1px;
    padding     :0; }
#mainMenu ul {
    padding     :0;
    margin      :0; }
#mainMenu li {
    display     :inline;
    list-style  :none;
    margin      :0;
    padding     :0; }
#mainMenu li a {
    float          :left;
    margin         :0 2px;
    padding        :5px 0.5em;
    font           :400 14pt "trebuchet ms", serif;
    text-decoration:none;
    text-transform :lowercase;
    color          :#666; }
#mainMenu li a:hover,
/*#mainMenu li a:focus,*/
#mainMenu li a.here {
    color        :#666;
    font-weight  :bold;
    border	 :none;
    background   :inherit;
    border-top   :5px solid #666;
    z-index      : 100; }
#mainMenu li a.last {
    margin-right:0; }

/**************************************************************
#page: conteneur du contenu principal.
**************************************************************/

#page {
    float       :left ;
    width     :100% ;
    clear      :both ;
    padding-bottom:1em;
    background  :transparent;
    }
div#colContent {
    padding     :0 10px;
    margin      :0;
    background  :white;
    }
div#colNav {
    /* Remq : fixed elargit la colonne */
    padding     :0 1em;
    margin      :-1px 0 0;
    background  :white;}
div#colNav h2 {
    text-align  : center;
    border      : none;
    background  : transparent;
    font-size   :120%;
    margin      :1em 0 1.5em;
    font-style  :normal;
    }
div#colNav h3 {
    margin:1em 0 0;
    border      : none;
    background  : transparent; }
div#colNav ul {
    padding         :0 2px;
    margin          :1em 0;
    list-style-type :none ;}
div#colNav ul.chap {
    padding         :0 5px;
    margin          :.5em 1em; }
div#colNav li {
    margin          :1em 0;
    padding         :0;
    font-weight     :bold; }
div#colNav ul.chap li {
    margin          :.5em 0;
    font-weight     :normal; }
div#colNav ul,p {
    font            :10pt arial, sans-serif;}
#colNav p {
    margin:0;
    padding:0;}

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

#footer {
    position	: absolute;
    width	: 100%;
    margin	: auto;
    bottom	: .5em;
    padding 	: 0;
    }
#footer p, #footer img {
    padding :0;
    margin  :0 .5em;
    border  :0;
    font    :400 10pt "trebuchet ms", serif; }

/**************************************************************
Width classes used by the site columns
**************************************************************/
.width100 { width:100%;}
.width80 {  width:79%;}
.width70 {  width:71%;}
.width50 {  width:49.7%;}
.width33 {  width:32.7%;}
.width25 {  width:23.7%;}
.width20 {  width:19.7%;}

/**************************************************************
    Alignment classes
**************************************************************/
.floatLeft {    float:left;}
.floatRight {   float:right;}
.alignLeft {    text-align:left;}
.alignRight {   text-align:right;}
.alignCenter {  text-align:center;}
.marginCenter { margin:auto;}
img.floatLeft { margin:5px 15px 15px 0;}
img.floatRight {margin:5px 0 15px 15px;}
img.nomargin {  margin:0; }
.clear {        clear:both; }
hr {            visibility:hidden; clear:both; }
.margin0 {      margin:0; }