html, body {
	font-size: 16px;
	margin: 0;
}

html { overflow-y : scroll; }

.fondation {
    width : 870px;
	padding: 15px;
    margin-left : auto;
    margin-right : auto;
}

.clearboth  { clear : both; }
.clearleft  { clear : left; }
.clearright { clear : right;}
.spacer     { float : left; }

a { text-decoration : underline; }
a:hover { text-decoration : none; }


a img {
	border: 0px;
	text-decoration: none;
}

/******* TOP *******/

.top {
    width  : 100%;
    float : left; 
}

.top .left {
    width : 400px;
    float : left; 
}

.top .right {
    width : 400px;
    float : left;
    position: relative;
}


/******* TOP - LEFT *******/

.logo_societe {
    width  : 100%;
    height : 55px;
    
	background-position : center center;
	background-repeat   : no-repeat;
}

.infos_societe {
    width : 100%;
    
    text-align : center;
}

.boutons {
    width : 100%;

}

.bouton {
    width : 100px;
    text-align : center; 
    float:left;

}

.boutons td{
    padding : 4px;
    text-align : center;
    width : 33%;
}

.boutons table, .boutons table tr{
    width : 100%;
}

/******* TOP - RIGHT *******/

#diaporama {
	width  : 400px;
	height : 300px;

	background-position : center center;
	background-repeat   : no-repeat;
}
.photo_diapo {
	width  : 400px;
	height : 300px;
	background-position : center center;
	background-repeat   : no-repeat;
	position: absolute;
    /*display : none;*/
    /*visible: hidden;*/
}

#photo_0 {
    /*display : block;*/
}



/******* MIDDLE *******/

.middle {
    width : 900px;
    float : left;
}

.partenaires {
    text-align : left;
    padding-left: 10px;
}



/******* BOTTOM *******/

.bottom {
    width : 900px;
    float: left;
}

.bottom .left {
    width : 400px;
    float: left;
}

.bottom .right {
    width : 400px;
    float : left;
}


/*** CADRE EN BAS A GAUCHE ***/
.cadre_pub {
	width : 400px;
	float: left;
}
.cadre_pub .middle{
	width: 355px;
	padding: 0px 15px 0px 30px;
}