/* Basic Layout Styles
/* for Campus Responsables Theme V2.1
/* 
/* 2012 - Fabien Lelu
*/

html,
body,
#page						{ width: 920px; margin: 0 auto; }

#header-wrapper				{ position:relative; z-index:3; width:920px; margin:0 auto; }
.region-header				{ float:left; margin:0; padding:0; line-height:0; font-size:0.857em; width:920px; min-height:109px; background:url(../images/bandeau_superieur.jpg) top center no-repeat white; -moz-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -o-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); }
.bord-gauche				{ position:absolute; top:109px; left:-67px; }
.bord-droit					{ position:absolute; top:109px; left:920px; }

#background-content			{ position:relative; z-index:2; background:url(../images/background-content.jpg) top center no-repeat white; float: left; -moz-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -o-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); }
#messages, 
#breadcrumb					{ position:relative; padding:0 0 20px 0; width:650px;}
#content-wrapper			{ position:relative; float: left; width: 650px; /*min-height:150px;*/ padding: 20px 30px 40px 20px;}
.region-content-top,
.region-content,
#content_bottom_two_columns,
.region-content-bottom		{ position:relative; float: left; margin:0; padding:0; width:650px; }
.region-content-bottom-left,
.region-content-bottom-right{ position:relative; float:left; width:310px; }
.region-content-bottom-left	{ margin-right:30px; }
.region-sidebar-right		{ position:relative; float:right; padding:130px 20px 30px 0; width:200px; /*min-height:100px;*/ }
#content_bottom_two_columns .block	{ float:left; }


#footer-wrapper				{ position:relative; z-index: 1; float: left; min-width:920px; margin:0 auto; -moz-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); -o-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3); }

#footer-columns				{ position:relative; float:left; width:880px; background:#868686; padding:15px 20px 20px 20px; }
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn	{ position:relative; float:left; }
.region-footer-firstcolumn	{ width:215px; }
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn	{ background:url(../images/separation-footer-colonne.jpg) top left repeat-y; padding-left:30px; width: 190px; min-height: 87px; }

#copyright					{ position:relative; float:left; width:880px; background:black; padding:12px 20px 12px 20px; }
#copyright	.block			{ margin:0; }