/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/

    Licensed under GPL and MIT.
*/
body {font-family:Arial, Verdana; color:black; font-size:12px; background-color:#fff3e4;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
    margin-left: auto;
    margin-right: auto;
    width: 968px;  padding:5px;
    background-color:#4a4040; border:1px solid #4a4040;
}
 
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_x,
.grid_1,
.grid_2,
.grid_3,
.grid_4 { 
    display:inline;
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}
.grid_3 {float:right;}
.grid_x {margin-right:0px}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
    width:200px; 
}

.container_4 .grid_2 {
    width:480px;
}
 
.container_4 .grid_3 {
    width:732px;
}
 

.container_4 .grid_4 {
    width:960px;
}

  



/* 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;
}


/* POLEOUEST COIN DU FEU */

.withborder {border:1px solid black;}
.sidebar{ 
 
margin:10px;
}   
 
 .paragraph p {font-size:15px; padding:0; margin:0}

 
 
 .logo{  }
.slogan{color:white; margin-top:20px; font-size:20px;}
#pagesMenu ul {  margin:20px 0; padding:0; list-style-type: none;}
#pagesMenu ul li {border-bottom:1px #777070 dashed; padding:5px 0; width:200px; font-size:12px;}

#pagesMenu a {color:#dadaba; text-decoration:none;  }
#pagesMenu ul li.current_page_item a, #pagesMenu a:hover {color:white; }

#content {display:block; color:white; font-size:12px; }
  h1    {color:white; padding:0; margin:5px 0; font-size:25px;}
#footer {   clear:both; color:black; 
 font-size:11px;padding:5px;display:block;
background-color:#eaeaea;text-align:center;
}  
#footer .grid_x {padding-top:8px; height:160px;}

#footer .grid_x.left {  width:448px ; background:transparent url(images/intervention-cuisines1.jpg) no-repeat;  text-align:left;}   
#footer .grid_x.left p { padding:0 0 0  180px;  }
#footer .grid_x.left .big {margin:0;  padding:40px 0 0  180px;      font-size:14px;}
#footer .grid_x.right { float:right; width:370px; background:transparent url(images/creation-cuisines-prochedechezvous.jpg) no-repeat;overflow:hidden;text-align:left;}     
#footer .grid_x.right p { padding:30px 0 0  0;  } 
#footer .footerText{clear:both; text-align:center}

 
.borderRight{border-left:1px solid white;}
#editPostLink{position:absolute;  top:0; left:0; padding:5px 10px; background-color:#fae000}
 #signature {margin-top:10px; text-align:center;   margin-left: auto;
    margin-right: auto; }
    
img {border:none}
img.centered  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px;
    }
    
img.alignnone {
    padding:0;
    margin:  0;
    display: inline;
 

    }
img.alignright {
    padding: 0;
    margin: 0px 0px 0px 10px;
    display: inline;
    
    }
img.alignleft {
    padding: 0;
    margin:0 10px 0px 0px;
    display: inline;
    background:#EAEAEA;

    }
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    }
.alignright {
    float: right;
    margin: 0px 0px 10px 10px;
    }
.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }