/* CSS Document
© CreaCom Design */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background-color: #f2f2f2;
	padding: 0;}

#globalcontainer {
	width: 950px;
	height: auto;
	margin: 120px auto 0 auto;
}

#mainbox {
	width: 948px;
	height: 398px;
	margin: 0;
	padding: 0;
	border: solid 1px #b1b1b1;
	float: left;
	background-image: url(volets/images/contact-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#bottombox {
width: 948px;
height: 70px;
margin: 0;
padding: 0;
border: solid 1px #5d5d5d;
background-color: #5d5d5d;
float: left;
}

#contactemail {
width: 185px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
color: #ffffff;
text-align: center;
font : 16px 'Century Gothic', Arial, Helvetica, sans-serif;
float: left;
}

#logonexa {
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#logofacebook {
	padding: 0;
	border: 0;
	float: left;
	margin-top: 25px;
	margin-left: 30px;
}

#credits {
width: 950px;
height: auto;
margin: 5px 0 0 0;
padding: 0;
border: 0;
color: #5d5d5d;
text-align: left;
font : 10px Arial, Helvetica, sans-serif;
float: left;
}

.grey:link {color: #5d5d5d; text-decoration:underline;}
.grey:visited {color: #5d5d5d; text-decoration:underline;}
.grey:hover {color:#ff641b; text-decoration:none;}
 
.white:link {color: #ffffff; text-decoration:none;}
.white:visited {color: #ffffff; text-decoration:none;}
.white:hover {color:#ff641b; text-decoration:none;}


/* *********** VOLETS EFFET ********** */


.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 398px;
	width: 51px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
	padding:0;
}
.horizontal_accordion_toggle_active {
	
}
#accordion-deco.fr{
	background:url(images/apple4.png) no-repeat left top;
}

#accordion-deco.horizontal_accordion_toggle_active{
}

#accordion-elec.fr{
	background:url(images/apple3.png) no-repeat left top;
}

#accordion-elec.horizontal_accordion_toggle_active{
}		

#accordion-menu.fr{
	background:url(images/apple2.png) no-repeat left top;
}

#accordion-menu.horizontal_accordion_toggle_active{
}

#accordion-quin.fr{
	background:url(images/apple.png) no-repeat left top;
}

#accordion-quin.horizontal_accordion_toggle_active{
}	
						
.horizontal_accordion_content {
	/* REQUIRED */
	height: 398px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
}

.horizontal_accordion_content_competences {
	/* REQUIRED */
	height: 398px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
	background:url(volets/images/services-bg.jpg) no-repeat left top;
}

.horizontal_accordion_content_gestion {
	/* REQUIRED */
	height: 398px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
	background:url(volets/images/promotion-bg.jpg) top left no-repeat;
}

.horizontal_accordion_content_c2p {
	/* REQUIRED */
	height: 398px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
	background:url(volets/images/c2p-bg.jpg) top left no-repeat;
}

.horizontal_accordion_content_promotion {
	/* REQUIRED */
	height: 398px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	color: #444444;
	background:url(volets/images/competences-bg.jpg) top left no-repeat;
}

.horizontal_accordion_content .content {
	width: 210px;
	padding: 0;
	margin:10px;
	height:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow:hidden;
}

.horizontal_accordion_content_competences .content {
	width: 210px;
	padding: 0;
	margin:10px;
	height:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow:hidden;
}

.horizontal_accordion_content_gestion .content {
	width: 210px;
	padding: 0;
	margin:10px;
	height:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow:hidden;
}

.horizontal_accordion_content_c2p .content {
	width: 210px;
	padding: 0;
	margin:10px;
	height:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow:hidden;
}

.horizontal_accordion_content_promotion .content {
	width: 210px;
	padding: 0;
	margin:10px;
	height:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow:hidden;
}

.horizontal_accordion_content .content  .wsc_titre_accordion{
	font-size:15px;
	line-height:15px;
	margin:0 0 0 0;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
#box_accordion-deco .content .wsc_titre_accordion{
	color:#F445A0;
	font-size: 9;
}
#box_accordion-elec .content .wsc_titre_accordion{
	color:#33A54E;
}
#box_accordion-menu .content .wsc_titre_accordion{
	color:#7C247B;
}
#box_accordion-quin .content .wsc_titre_accordion{
	color:#7C247B;
	
}

.horizontal_accordion_content .content ul{
	padding:0;
	margin:0;
	list-style:none;
}
.horizontal_accordion_content .content ul li{
	padding:0 0 5px 15px;
	margin:0;
	display:block;
	float:left;
	width: 195px;	
	font-size:11px;
	background:url(visuels/puce_accordion.gif) top left no-repeat;
}
/* Container styling*/
#horizontal_container {
    margin: 0 auto 0 auto;
    width: 948px;   
    height: 398px;
	overflow:hidden;
	display:block;
}