body,
html{
	margin:0px;
	padding:0px;
	font-family: "Helvetica", "Arial", "sans-serif";	
}

body
{
    background-color: #E6E6E6;
}

.page
{
    background-color: #ffffff;
	width:1200px;
	margin:0 auto;
}

/**********HEADER********/
header .logo,
header .search,
header .right
{
	float: left;
	width: 33.33%;
	/*background-color:#ABCDEF;*/
	
}

header .right .language
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: right;
	
}

header .right .language>li
{
	display: inline-block;
	border: 1px solid #000000;
	width: 30px;
	text-align: center;
	font-weight: bold;    /* mettre en gras */
	text-transform: uppercase;

	
}

header .right .language>li a
{
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	line-height: 20px;
	
}

header .right>a
{
	
	text-decoration: none;
	background-color: #ffffff;
	text-transform: uppercase;
	color: #3C74A5;
	font-size: 10px;
	line-height: 30px;
	display: block;
	border: 1px solid #3C74A5;
	width: 165px;
	text-align: center;
	font-weight: bold;
}

header .right .language+a
{
	background-color: #FB5B06;
	color: #ffffff;
	border: 1px solid #FB5B06;
}

header .search>p
{
	text-align: center;
	color: #365BB3;
	font-weight: bold;
}



header nav 
{
	text-align: center;
	display: block;
	
}

header nav>ul
{
	margin: 0;
	padding: 0;
}

header nav  .navigation>li
{
	display: inline-block;		
	text-align: center;
	font-weight: bold;    
	text-transform: uppercase;
	
}

header nav  .navigation>li a
{
	display: block;
	text-decoration: none;
	color: #365BB3;
	font-size: 12px;
	line-height: 20px;
	padding: 7px;
	font-weight: bold;
}

input.recherche
{
	margin: auto;
	display:block;
}

.contact
{
    background-color: #FF771C;
    width: 22%;
}






img.actiflip
{
	display: block;
	margin: auto;
	
}
/***********************/


body_contnair{
	background-image: url("/images/visu_plateforme_salle_de_sport_body.jpg");
	width: 1200px;
	height: 753px;
}


/********Footer*********/
footer
{
	background-color: #636363;
	
}	

footer .footer-top{
	position:relative;
	
}
footer .footer-bottom
{
	font-size: 11px;
	background-color: #000000;
	color: #aaaaaa;
	text-align: right;
	line-height: 40px;
	
}


footer img.loft
{
	display: block;
	position: absolute;
	top: 20px;
	right: 52%;
}
footer .newsletter 
{
	color: #eaeaea;
	width: 50%;
	float: right;
	padding:15px 0;
}
footer .newsletter h3{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	display:inline-block;
}
footer .newsletter h3::after{
	content: "";
	display: block;
	width: 65px;
	margin-top: 4px;
	height: 2px;
	background: #6e6e6e;
}
footer .newsletter h3{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	display:inline-block;
}
footer h3 + .adherent
{
	color: #eaeaea;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #eaeaea;
	font-weight: bold;
	text-align: center;
	line-height:30px;
	padding:0 8px;
	font-size:14px;
	margin-left:150px;
	
}
footer h3 + .adherent + p
{
	font-size:10px;
	display:block;
	margin:15px 0;
	
}
footer   input + a
{
	display:block;
	margin:15px 0;
	
}

footer h3
{
	margin: 0px;
}

footer p
{
	margin: 0px;
}



footer .footer-bottom a
{
	color: #aaaaaa;
	text-decoration: none;
	
}

footer input.mail
{
	background-color: #878787;
	border: none;
	color: #E6E6E6;
	padding: 8px 15px;
	font-size: 11px;
	display:inline-block;
}

footer input.submit
{
	background-color: #fb5b07;
	border: none;
	color: #E6E6E6;
	padding: 8px 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display:inline-block;
}

footer .footer-bottom p
{
	margin: 0;
}
/***********************/

/*****section tree******/


section
{

  
	position:relative;
	height: 500px;
}

section .step
{
	position: absolute;
	top:75px;
}
section .step>li
{
    text-decoration: none;
	background-color: #365BB3;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 30px;
	display: block;
	border: 1px solid #3C74A5;
	width: 120px;
	text-align: center;
	font-weight: bold;
	border-radius: 10px;
}

section img.objet1
{
	position:absolute;
	top:75px;
	right: 777px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
}

section img.objet2
{
	position:absolute;
	top:75px;
	right: 520px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
}

section img.objet3
{
	position:absolute;
	top:75px;
	right: 263px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
}

section img.objet4
{
	position:absolute;
	top:75px;
	right: 6px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
}

section .com1
{
	position:absolute;
	top:345px;
	right: 777px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	font-size:11px;
	width: 250px;
}

section .com2
{
	position:absolute;
	top:345px;
	right: 520px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	font-size:11px;
	width: 250px;
}

section .com3
{
	position:absolute;
	top:345px;
	right: 263px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	font-size:11px;
	width: 250px;
}

section .com4
{
	position:absolute;
	top:345px;
	right: 6px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
	font-size:11px;
	width: 250px;
}

section h3
{
	text-align:center;
	color: #365BB3;
}

section 
{
	text-align:center;
	color: #000000;
}

section h1
{
	text-align:center;
	position:absolute;
	top:0;
	right: 400px;
	color: #365BB3;
}





.none
{
	clear: both;
}