/* ==================================================== */
/* = Layout styles									  = */
/* ==================================================== */

/* MQ Web
--------------------------------------*/

@media only screen and (min-width: 1024px) {
	
		#bg {
			background: url(../images/fond_html.jpg) repeat-x #F0F0F0;
		}
		#page {
			margin-right: auto;
			margin-left: auto;
			background: url(../images/bg-header-site.jpg) no-repeat center top;
			min-width: 980px;
		}
		#navigation-select {
			display: none;
		}
		
		#footer-mobile {display: none;}

}

#toggle,.toggle {display:none;}



/* IE specifics
--------------------------------------*/

.ie7 #navigation-select, 
.ie8 #navigation-select {
		display: none;
}

/* Les blocs
--------------------------------------*/
.aui-w75 {width:75%;}
.aui-w25 {width:25%;}
.aui-w40 {width:40%;}
.aui-w50 {width:50%;}
.aui-w100 {width:100%;}

.aui-wleft {width: 550px;}/*colonne de gauche*/
.aui-wleft680 {width: 720px;}/*colonne de gauche*/
.aui-wright {width: 460px;}/*sidebar*/

#main-content{
	min-height: 300px;
}

.main-zone .col-right,
.main-zone .col-left {
	float: left;
}

.main-zone .col-left {
	margin-right: 50px;
	margin-top: 20px;
}

#main-content {
	background: url(../images/1x1blue.png) repeat-y 575px;
}

#main-content.width680 {
	background: none;
}

/* Positionnement
--------------------------------------*/

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