/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

html, body{
	height:100%;
	margin:0px;}
	
body {
	background-image: url(../images_site/fond_home.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#cdd6de;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*overflow:scroll;*/
}


img{display:block; border:none;}

.left{float:left; margin-right:10px;}
.right{float:right; margin-left:10px;}


/*****************************************************/
/**********        Principaux DIVS       *************/
/*****************************************************/


#centreV{
	height:100%;
	width:100%;
	}
	
#principal{
	width:700px;
	height:560px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	}
	
#principalint{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	
	}
	
#piedpage{
	width:770px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#333;
	font-size:9px;
	color:#81919e;
	margin-bottom:15px;
}
	
#piedpage img{
	vertical-align:middle;
	float:left;
	margin-right:20px;
	}
	
#piedpage a:link, #piedpage a:visited, #piedpage a:active{
	color:#81919e;
	text-decoration:none;}
	
#piedpage a:hover{
	color:#333;
}
		
	
	

/*****************************************************/
/**********        CONTENUS HOME         *************/
/*****************************************************/


#bulleAVM{
	position:absolute;
	margin-top:100px;

	}
	
#bulleOFF{
	position:absolute;
	margin-left:340px;
	}
	
#bulleBOUT{
	position:absolute;
	margin-left:260px;
	margin-top:330px;

	}
	
#txtAVM{
	position:absolute;
	left:90px;
	top:250px;
	text-align:center;
	color:#CCC;
	}
	
#txtOFF{
	position:absolute;
	left:90px;
	top:270px;
	text-align:center;
	color:#CCC;
	}
	
#infoNewMaga{
	position:absolute;
	left:250px;
	top:290px;
}
#infoNewMagaIntAvm{
	position:absolute;
	margin-left:690px;
	margin-top:10px;
}

#infoNewMagaInt{
	position:absolute;
	margin-left:720px;
	margin-top:10px;
}

#infoPromo{
	position:absolute;
	left:20px;
	top:-60px;
	}

#bulledessusInt1{
	position:absolute;
	margin-left:740px;
	margin-top:180px;
	}
	
#bulledessusInt2{
	position:absolute;
	margin-left:-10px;
	margin-top:230px;
	}
	
#txtBOUT{
	position:absolute;
	left:20px;
	top:130px;
	text-align:center;
	color:#333;
	font-size:10px;
	}
	

	
.ferme{
	display:block;
	margin-top:10px;
	color:#900;}



/*****************************************************/
/**********      CONTENUS OFF + AVM       ************/
/*****************************************************/

#slideshow{
	text-align:center;}
	
#entete{
	margin-bottom:20px;}
	
#zonephotos{
	width:490px;
	padding:30px;
	float:right;}
	
	.petit{
		font-size:10px;
		color:#999;}
	
#contenus{
	padding:30px;}
	
h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	background-image:url(../images_site/fleche.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin:0px;
	padding-left:20px;
	margin-bottom:7px;
	color:#FFF;
	display:inline-block;
	padding-right:10px;
	}
	
/*h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	margin:0px;
	color:#FFF;
	display:inline-block;
	margin-bottom:5px;
	}*/
	

	
#slideshow{
	height:325px;}
	
.separ{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;}
	
.colG{
	width:520px;
	float:left;
	margin-bottom:10px;}

.colD{
	width:210px;
	float:right;}
	
#colG{
	float:left;
	width:430px;
	}
	
.colM{
	float:left;
	width:365px;
}
	
.separcolM{
	margin-right:20px;}
	
	
#logo{
	position:absolute;
	margin-top:9px;
	margin-left:11px;}
	
/*****************************************************/
/**********      CONTENUS OFF       ************/
/*****************************************************/

.imgOFF{
	border:1px solid #303a3f;
	padding:1px;}
	
	
#zoneinfosoff{
	position:absolute;
	width:170px;
	margin-left:40px;
	margin-top:215px;
	color:#FFF;
	}
	

.OFF{
	background-color:#303a3f;
	}
	
a.off:link, a.off:visited, a.off:active{
	color:#303a3f;}
	
a.off:hover{
	color:#FFF;
	background-color:#303a3f;}	
	
#zoneinfosoff a:link, #zoneinfosoff a:active, #zoneinfosoff a:visited{
	color:#FFF;
	text-decoration:none;}

	
/*****************************************************/
/**********      CONTENUS AVM      ************/
/*****************************************************/	

.imgAVM{
	border:1px solid #3f2682;
	padding:1px;}

#zoneinfosavm{
	position:absolute;
	width:170px;
	margin-left:30px;
	margin-top:170px;
	color:#FFF;
	}	

.AVM{
	background-color:#3f2682;
	}
	
	
a.avm:link, a.avm:visited, a.avm:active{
	color:#3f2682;}
	
a.avm:hover{
	color:#FFF;
	background-color:#3f2682;}	
	
#zoneinfosavm a:link, #zoneinfosavm a:visited, #zoneinfosavm a:active{
	color:#FFF;
	text-decoration:none;}
	
/*-----------------*/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#piedpage.home{
	margin-top:30px;
	text-align:center;
	padding-left:60px;}
	
.TabbedPanelsContent img{display:inline-block;}