/**
 * Elements standards HTML
*/

 *
 {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px;
	margin: 0;
	padding: 0;
 }
 
 body
{	
	text-align: center;
	background-color: rgb(104,104,104); 
 }

h1
{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: rgb(0,0,0,);
	margin-bottom: 16px;
 }

h2
{
	font-size: 14px; 
	color: rgb(0,0,0,); 
 }
 
 h3
{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: rgb(0,0,0,);
	margin-bottom: 16px;
 }

p, ul li
{
	text-align: justify;
	color: rgb(80,80,80);
	margin-bottom: 8px;
 }

 em
 {
 	color: rgb(27,68,109);
	font-style: normal;
	font-weight: bold;
 }
 
 a img 
 {
	border: none;
 }
 
a:hover
{
	text-decoration: none;
}


/**
 * Mise en page
 */
 
 div.full
 {
	width: 100% !important;
 }
 
 div.left
 {
     float: left !important;
 }
 
 div.right
 {
	float: right !important;
}
	
div.red
{
	border: solid 1px red  !important;
}
	

/**
 *  Squelette du site
 */
 

div.main
{
	text-align: left;
	width: 970px;
	margin: auto;
}

div.header
{
	float: left;
	width: 970px;
	height: 188px;
	background-image: url(../pic/bg-banner.png); 
	background-repeat: no-repeat;
}

div#logo
{
	margin-left: 20px;
	margin-top: 80px;
	width: 950px;
	height: 100px;
}
div#logo a
{
        display: block;
	width: 950px;
	height: 100px;
	text-decoration: none;
}
div.image
{
	z-index: 1;	
	position: relative;
	float: left;
	width: 195px;
	height: 600px;
	background-image: url(../pic/pic-photo-girl.png);
	background-repeat: no-repeat;
	margin-left: 19px;
}
div.image2
{
	z-index: 1;	
	position: relative;
	float: left;
	width: 195px;
	height: 600px;
	background-image: url(../pic/pic-photo-man.png);
	background-repeat: no-repeat;
	margin-left: 19px;
}
div.image3
{
	z-index: 1;	
	position: relative;
	float: left;
	width: 195px;
	height: 600px;
	background-image: url(../pic/pic-photo-girl2.png);
	background-repeat: no-repeat;
	margin-left: 19px;
}
div.content
{
	position: relative;
	float: left;
	width: 970px;
	background-image: url(../pic/bg-middle.png);
	background-repeat: repeat-y;
	margin-top: -600px;
}
div.content div.local
{
    float: left;
    margin-top: 30px;
    margin-left: 214px;
}
div.wrap
{
    width: 600px;
}
div.content div.top
{
    float: left;
    width: 638px;
    height: 10px;
    background-image: url(../pic/bg-local-top.png);
    background-repeat: no-repeat;
}
div.content div.middle
{
    float: left;
    width: 638px;
    height: auto;
    background-image: url(../pic/bg-local-middle.png);
    background-repeat: repeat-y;
}
div.content div.middle div.wrap
{    
    float: left;
    width: 590px;
    height: auto;
    margin: 25px;
}
 div.content div.bottom
{
    float: left;
    width: 638px;
    height: 10px;
    background-image: url(../pic/bg-local-bottom.png);
    background-repeat: no-repeat;
}

div.footer
{
    float: left;
    text-align: center;
    width: 970px;
    height: 40px;
    background-image: url(../pic/bg-bottom.png); 
    background-repeat: no-repeat;
}

div.footer img
{
    margin-top: 25px;
    margin-left: 10px;
}

	
/*
 * BUTTON
 */
div.button
{
    float: right;
    width: 136px;
    height: 58px;
    margin-top: 10px;
}
div#bt
{
     z-index: 1;	
     position: relative;
}
div#bt-before
{
    float: left;
    margin-top: 10px;
    margin-left: 60px;
    width: 142px;
    height: 58px;
}
div#bt-next
{
    float: right;
    margin-top: 10px;
    margin-right: 50px;
    width: 142px;
    height: 58px;
}