/**
 * @name		position.css
 * @copyright	Abstrakt Graphics
 * @author		Christophe CROSAZ
 * 
 * Défini les positions et le zonning du template
 */

/* [GENERAL] */
#footer, #page, #header{ clear: both; }
#header_content, #page_content{ width: 820px; margin: 0 auto; }
/* [HEADER] */
#header{ border-top: 25px solid #17678b; padding: 20px 0 0; width: 1024px; margin: 0 auto; }
#header_content{ height: 110px; }
#logo{ margin: 0 0 10px 0; }
#logo h1{  float: left;  width: 100%; margin-bottom: 0;}
#logo span{  width: 100%;  float: left;  font-size: 11px; text-transform: initial;margin-bottom: 23px;  color: #0C5C84;font-weight: bold;}
#logo span p{font-size: 11px;}
#logo a{float: left;width: 100%;}
#logo a img{ margin-left:-3px;  float: left; }
#navigation{ float:left; margin-left: 102px; }
#search{ height: 30px; float:right; }
/* [CONTENT] */
#page_content{ overflow: hidden; width: 820px; }
#content_center{ min-height: 462px; }
#content_left{ position: relative; margin-bottom: 20px; float: left; width: 580px; clear: both; }
#left{ float: left; overflow: hidden; width: 160px; margin: 0 20px 0 0; }
#content{ width: 400px; float: right; }
#right{	width: 220px; float: right; }
#content_right{ width: 600px; padding: 16px 0 25px 19px; }
/* [FOOTER] */
#footer{ height: 195px; width: 1024px; margin: 0 auto; color: #fff; }
#footer_top{ padding: 60px 102px 20px; background: url("../images/backs/bg_footer_top2.png") no-repeat top center transparent; overflow: auto; }
#footer_middle{ background: url("../images/backs/bg_footer.jpg") no-repeat top center transparent; margin-bottom: 20px; overflow: hidden; height:190px; padding: 10px 102px; color:#000; }
#footer_more{ clear: both; overflow: hidden; height: 25px; color: #002042; padding: 0 102px; }