@CHARSET "ISO-8859-1";

@font-face {
	font-family: 'HighTide';
	src: url('HighTide Sans.otf');
	
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HighTideBold';
	src: url('High Tide Bold.otf');
	
	font-weight: normal;
	font-style: normal;
}

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}


.espace_client a
{
  height: 110px;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: HighTide,Calibri,arial;
	background: #FFF;
	color: #000;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 4em;	
}
.left
{
	float:left;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}
#menu li {
	display:inline-block;
	margin: 0;
}
#menu li.active{
}
#menu li a{
	text-decoration:none;
	color: #007799;
	font-size:20px;
	
	font-family: HighTideBold;
}
h2
{
	
  font-size: 32px !important;
  font-weight: bold !important;
  
  font-family: 'HighTideBold' !important;
}
h3
{
font-family: 'HighTide';
  font-size: 17px;
}

#menu li a:hover{
	color:#f59744  ;
}
#menu li a,
#menu li.active a{
	padding: 9px 6px;
	display:block;
}
#menu li.active a{
	border-bottom: 1px solid #000;
}
/*
#menu{

height: 79px;
width: 100%;
padding: 0;
margin: 0 auto;
position:relative;
	

}*/
.sep_section
{
background: url('../images/sep.png') bottom right repeat;
height:8px;width:100%;
margin: 0 auto;
margin-bottom:0px;
margin-top:0px;

}

#section5 .sep_section,#section3 .sep_section
{
	margin-bottom: 0;
}
#menu ul{
	margin-top: 25px;
	text-transform:uppercase;
}
#menu .espace_client
{
width:149px;
height:145px;
position:absolute;
right:20px;
top: 0;
z-index:9999;
	/**/background: url('../images/espace_client.png') no-repeat;
}
.logo
{
	
	margin-left: 50px;
	/**/background: url('../images/logo.png') no-repeat;
	width:104px;
	height:65px;
	float:left;
	margin-top: 5px;
	margin-right: 100px;
}
#fullpage
{
	overflow: hidden;
}


@font-face{
    font-family : "bMontserrat";
    src : url('fonts/Montserrat-Bold.ttf');
}
@font-face{
    font-family : "Montserrat";
    src : url('fonts/Montserrat-Regular.ttf');
}
body{
	font-size: 80%;
	margin:0 auto;
	
}
html { 

}
.clear
{
	
 	height: 0;
	clear:both;
}
.left
{
	float:left;
}

.right
{
	float:right;
}

.container{
	width:100%;
	margin:0 auto;
	padding:0;
	border-radius:0px;
	width: 1000px;
	min-height: 1000px;
}





strong{
	font-weight:bold;
}
.txt p
{
	margin-bottom:20px;
}
.vert
{
	color:#00632E;
}

.footer1
{
	padding-top: 15px;
	padding-bottom: 30px;
}

.footer1 hr
{
	border-bottom:2px solid #FFF;
	width:300px;
	margin-bottom:20px;
}
.footer1 ul
{
	list-style:none;
	width:1000px;
	margin:0 auto;
}
.footer1 ul li
{
	float:left;
	width:20%;
}

.carousel_footer
{
	margin-top:40px;
}

.bt_precedant
{
cursor:pointer;
	background-color: #96BD0D;
	color: #FFF;
	height: 33px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 17px;
	position: absolute;
	bottom: 20px;
	left: 30px;
}
#step1_arrow_up
{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	position: absolute;
	margin-left: 110px;
	margin-top: -42px;
}
#step2_arrow_up
{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	position: absolute;
	margin-left: 440px;
	margin-top: -42px;
}

#sep_header
{
	height:10px;
	background-color:#00632E;
	margin-bottom:30px;
}

#menu_top2 > li.colmenu:first-child {
border-radius: 5px 0 0 0;
}
#menu_top2 > li#col2 {
background-color: #DE8014;
width: 475px;
}
#menu_top2 > li#col3 {
background-color: #00632E;
width: 348px;
}

.devenir_client
{
	
	width: 970px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 5px;
	margin-top: 25px;
}

/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
	}
	.intro p{
		color: #fff;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}
	
/*	#section1  .section_cc
	{
		  background: url('../images/photo-accueil.jpg') no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}*/
	#section1 .section_content
	{
		/*background:url('../images/home_1.png') no-repeat;*/
		width:1000px;
		height:462px;
		margin: 0 auto;
		margin-top:-30px;
		padding-top:30px;
	}
	/*.section1_content{

		width:600px;
		height:382px;
		margin-left:100px;
		margin-top:10px;
		padding:15px;
		padding-top:20px;
		color:#FFF;
		font-size:14px;
		text-align:justify;
		line-height: 20px;
	}*/
	.section1_content h2 span{
		color:#FFF;
		font-size:28px;
		font-weight: bold;
	}
	.section1_content h2 {
		color:#FFF;
		text-align:left;
		font-size:16px !important;
		line-height:35px;
	}
	
	#section2 h2 {
		color:#4D4D4D;	
		background :url('../images/border_h3.png') 142px 37px no-repeat;
		 margin:0 auto;
		width:820px;
		height:60px;

		font-size: 34px;
	}
	
	.section1_content hr
	{
		color:#F59744;
		background-color:#F59744;
		width:340px;
		color:#F59744;
		background-color:#F59744;
		border: 3px solid #F59744;
		text-align:center;
		margin-bottom: 25px;
		margin-top: 25px;
	}
	
	#section2
	{
		
		width:1000px;
		margin: 0 auto;
	}
	
	#section2 .grid1
	{
		float:left;
		width:555px;
		height:291px;
		margin-right:25px;
	}
	
	#section2 .grid2
	{

		float: left;
		width: 322px;
		border: 1px solid #4D4D4D;
		padding: 20px;
		height: 231px;
		font-size: 14px;
		text-align: left;
		padding-bottom: 30px;
		padding-top: 30px;
		line-height: 26px;
	}
	.margin-left-70
	{
		margin-left:27px;
	}
	#section2 .grid2 span, #section2 .grid1 span
	{
		color:#F59744;
	}
	#section2 .s2grid1
	{
		border:1px solid #F59744;
		width:491px !important;
		height:85px !important;
		padding:30px !important;
		text-align:left;
		font-size: 19px;
		line-height: 26px;
		margin-top: 20px;
		
	}
	#section2 .s2grid2
	{
		width:365px !important;
		height:145px !important;
		background:url('../images/home_23.png') no-repeat;
		border:0 none !important;
		padding-right:0px;
		margin-top: 20px;
  padding-top: 15px;
	}
	#section2 .s2grid2 a
	{
		color:#FFF;
		border:1px solid #FFF;
		padding-left:30px;
		width:200px;
		line-height:35px;
		display:block;
		margin-top:15px;
  		font-size: 18px;
 	 	margin-left: 45px;
	}
	#section3 .section_cc
	{
			background:url('../images/shome3.jpg') no-repeat no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  
  		margin-top: -20px;
	}
		#section5 .section_cc 
	{
			background:url('../images/fond-contact.jpg') no-repeat no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
	
	#section3 img
	{
		width: 70%;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
	}
	#section3 .section_content
	{
		
		width:1000px;
		height:613px;
		margin: 0 auto;
		margin-top:30px;
	}
	#section3 h2
	{

  color: #FFF !important;
  margin-top: 20px;
  text-align: center;
  font-size: 36px;
  border-bottom: 3px solid #FFF;
  padding-bottom: 12px;
  width: 840px;
  margin: 0 auto;
	}
	#section3
	{
	}
	#section4
	{
	}
	
	#section5
	{
	}
	
	#section6
	{
		
	}
	
	#section7
	{
	}

	#slide_down1
	{
		margin-top: 0px;
		position: absolute;
		z-index: 999;
		margin-left: -36px;
	}
	.left{
		float:left;
	}
	.clear
	{
		clear:both;
	}
	#offre_box1
	{
		width:420px;
		margin-left:120px;
		border-radius:5px;
		background-color:#FFF;
		height:650px;
	}
	.contenu_offre
	{
		margin-top:50px;
	}
	#offre_box2
	{
		width:420px;
		margin-left:120px;
		border-radius:5px;
		height:650px;
		background-color:#FFF;
	}
	#offre_box1 .contenu_box,#offre_box2  .contenu_box
	{
		width:330px;color: #4D4D4D;
		padding:45px;
	}
	#offre_box1 h3
	{
		height:70px;
		line-height:70px;
		width:420px;
		background-color:#3190BE;
		color:#FFF;
		font-size:16px;
		border-radius:5px 5px 0 0;
	}
	#offre_box1 .price
	{
		color:#3190BE;
		font-size:40px;
		font-weight:bold;
		margin-left: 30px;
	}
	
	#offre_box1 .price_1
	{
		color:#3190BE;
		font-weight:bold;
		font-size:30px;
		margin-left: 30px;
		line-height: 16px;
		text-align: left;
		padding-top: 10px;
	}
	
	
	#offre_box1 a
	{
		background-color:#3190BE;
		color:#FFF;
		height:30px;
		line-height:30px;
		text-decoration:none;
		padding-left:15px;
		display:block;
		padding-right:15px;
		width:100px;
		font-size:15px;
		margin-left:95px;
		border-radius:5px
	}
	#offre_box1 .price_2
	{
		color:#3190BE;
		font-size:11px;
	}
	
	
	#offre_box2 a
	{
		background-color:#295A72;
		color:#FFF;
		height:30px;
		display:block;
		line-height:30px;
		text-decoration:none;
		padding-left:15px;
		padding-right:15px;
		width:100px;
		font-size:15px;
		margin-left:95px;
		border-radius:5px
		
	}
	#offre_box2 .price
	{
		color:#295A72;
		font-size:40px;
		font-weight:bold;
		margin-left: 30px;
	}
	
	#offre_box2 .price_1
	{
		color:#295A72;
		font-weight:bold;
		font-size:30px;
		margin-left: 30px;
		line-height: 16px;
		text-align: left;
		padding-top: 10px;
	}
	
	#offre_box2 .price_2
	{
		color:#295A72;
		font-size:11px;
	}
	#offre_box2 h3
	{
		height:70px;
		line-height:70px;
		width:420px;
		background-color:#295A72;
		color:#FFF;
		font-size:16px;
		border-radius:5px 5px 0 0;
	}
	.section_content
	{
		width:1000px;
		margin:0 auto;
	}

	.footer1 a,#footer3 a 
	{
		color:#FFF;
	}
	
	#section7
	{
background: #66cbe8; /* Old browsers */
background: -moz-linear-gradient(left,  #66cbe8 0%, #f69744 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#66cbe8), color-stop(100%,#f69744)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #66cbe8 0%,#f69744 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #66cbe8 0%,#f69744 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #66cbe8 0%,#f69744 100%); /* IE10+ */
background: linear-gradient(to right,  #66cbe8 0%,#f69744 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cbe8', endColorstr='#f69744',GradientType=1 ); /* IE6-9 */

		  width: 100%;
		  height: 75px;
		  margin: 0 auto;
		  line-height: 75px;
	
	}
	
	.footer1
	{
		  width: 625px;
		  padding: 0;
		margin:0 auto;
	}
	.footer1 ul
	{
		list-style:none;
		width:1000px;
		margin:0 auto;
	}
	.footer1 ul li
	{
		float:left;
	}
/*****/
.section_cc
{
	padding-top: 15px;
}
#txt_definition
{
	color:#BE1622;
margin-top: 20px;
	font-weight:bold;
}

#section1 #txt1
{

	background: url('images/section1_txt1.png') no-repeat;
	width: 295px;
	height: 221px;
	padding-left: 37px;
	text-align: left;
	font-size: 13px;
	padding-right: 75px;
	padding-top: 24px;
	font-weight: bold;
	line-height: 18px;
	float:left;
}
#section1 #avantages
{
	float:left;
	background: url('images/section1_avantages.png') no-repeat;
	width:303px;
	height:242px;
}
#avantage1,#avantage2,#avantage3
{
	position: absolute;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
}
.g_2{
	margin: 0 auto;
	width: 710px;
}
#avantage1
{
	margin-top: 65px;
	margin-left: 38px;
}
#avantage2
{

margin-left: 193px;
margin-top: 83px;
}
#avantage3
{

	margin-top: 170px;
	margin-left: 100px;

}
#section1 #txt1 hr
{
	color:#BE1622;
	background-color:#BE1622;
	border: 1px solid #BE1622;
	width: 295px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#decouvrir_offre{
	background: url('images/decouvrir_offre.png') no-repeat;
	width: 1200px;
	height:120px;
	line-height:120px;
	color:#FFF;
	text-transform:uppercase;
	font-size:22px;
	text-align:center;
	display:block;
	
}
.contenu_camarche {
	background: url('images/comment_ca_marche.png') no-repeat;
	width:1050px;
	height:494px;
	margin:0 auto;
}

#cc_1,#cc_2,#cc_3,#cc_4,#cc_5
{
	position:absolute;
	color:#3C3C3B;
	font-size:15px;
}

#cc_1
{ 
margin-top: 195px;
}
#cc_2
{
	margin-top: 435px;
	margin-left: 235px;
}
#cc_3
{
	margin-top: 135px;
	margin-left: 595px;
}
#cc_4
{
	margin-top: 440px;
	margin-left: 595px;
}
#cc_5
{
	margin-left: 870px;
	margin-top: 195px;
}
.button_1
{	background: url('images/bg_button.png') no-repeat;
	width:259px;
	height:64px;
	line-height:64px;
	margin:0 auto;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	display:block;
	text-decoration:none;
	border:0 none;
	text-transform: uppercase;

}
#offres
{
	text-align:left;
	width:900px;
	margin:0 auto;
	background-color:#FFF;
}
#offres li
{
	padding:20px;
	border-bottom:2px solid #dadada;
}
#offres .offre_logo
{
	float:left;
	width:185px;
	margin-right:35px;
}
#offres .offre_txt
{
	float:left;
	width:505px;
line-height: 22px;
	margin-right:35px;
}
#section3 h2
{
}
#offres .offre_txt strong{
	color:#BE1622;
}
#offres .offre_lien
{
	float:left;
	margin-top: 30px;
}



#partenaires
{
	text-align:left;
	width:900px;
	margin:0 auto;
	background-color:#FFF;
}
#partenaires li
{
	padding:20px;
}
#partenaires .offre_logo
{
	float:left;
	width:185px;
	margin-right:35px;
}
#partenaires .offre_txt
{
	float:left;
	width:505px;
line-height: 22px;
	margin-right:35px;
}
#list_product
{
  width: 760px;
  margin: 0 auto;
  height: 740px;
}
#list_product li
{
	float:left;
	width:220px;
  height: 325px;
  padding: 20px 80px 0px 80px;
	
}
#list_product li a
{
font-family: Arial;
}
.product_img
{
	width:212px;
  height: 185px;
}
.product_img img
{

}
.product_title
{
	color:#007799;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #007799;
	width:212px;
  height: 27px;
  line-height: 25px;
	margin:0 auto;
	margin-top:10px;
	font-weight: bold;
}
#list_product li a.details
{
	
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	background-color: #A0DBEB;
	font-weight:bold;
  width: 120px;
  height: 30px;
  line-height: 30px;
	display: block;
  margin: 0 auto;
	margin-top: 5px;
	
	cursor: pointer;
}
li a.details:hover
{
	background-color:#f59744;
}
.product_description
{
	color:#808080;
	text-align:center;
	font-size:12px;
	margin-top:10px;
	font-family: Arial;
}
#section4 h2
{
	background :url('../images/border_h3.png') 142px 37px no-repeat;
  margin:0 auto;
width:800px;
height:60px;

font-size: 34px;
}
#section5 h2
{

  margin: 0 auto;
  width: 706px;
  height: 45px;
  color: #FFF;
  font-size: 40px;
  border-bottom: 3px solid #FFF;
  margin-bottom: 5px;
}

#section5 h3
{
	color:#FFF;
}
#section5 .grid1
{
	float:left;
	width:650px;
}

#section5 .grid1 label
{
	color:#fff;
}
#section5 .grid1 input[type=text]
{
	color:#007799;
	border:1px solid #007799;
	background-color:#ccc;
}

#section5 .grid1 textarea
{
	color:#007799;
	border:1px solid #007799;
	background-color:#ccc;
}
.button_send
{
	background-color:#F59744;
	color:#FFF;
	border:0 none;
	height:30px;
	text-transform:uppercase;
	line-height:30px;
	width:90px;
	text-align:center;
	float:left;
	cursor: pointer;
}

.button_send:hover
{
	background-color: #A0DBEB;
}
#section5 .grid2
{
	float:left;
	width:290px;
	margin-left:45px;
	margin-top:45px;
	text-align:left;
}
#partenaires .offre_txt strong{
	color:#95C11F;
}
#partenaires .offre_lien
{
	float:left;
	margin-top: 30px;
}

#section5 .section_header
{
}
.form_grid1
{
	float:left;
	width: 410px;
	margin-right:24px;
	padding-right: 10px;
	border-right: 1px solid #d7d7d7;
	margin-bottom: 20px;
	min-height: 210px;
	margin-top: 20px;
}

.form_grid2
{
	float:left;
	width: 465px;
	padding-left: 0;
	margin-left: -10px;
	margin-top: 20px;
}



.form_idee
{
	margin: 0 auto;
	width: 900px;
	padding: 30px;
	font-size: 15px;
	background-color: #FFF;
	margin-top: -5px;
	border-radius: 0 0 5px 5px;
	margin-left: 117px;
}
.form_contact
{
	margin: 0 auto;
	width: 620px;
	padding:30px;
	font-size: 15px;
	border-radius: 0 0 5px 5px;
}

.input-xxlarge {
padding-left: 5px;
width: 150px;
	border-radius:5px;
}

.control-label {
	color:#FFF;
float: left;
padding-top: 5px;
text-align: left;
width: 100px;
font-weight: normal;
line-height: 15px;
margin-right: 10px;
}
.input-small {
	width: 110px !important;
	padding-left: 5px;
	border-radius:5px;
}

.input-cp {
width: 80px;
padding-left: 5px;
	border-radius:5px;
}
.elem_message
{
text-align:left;
}

label{
	text-transform:uppercase;
}
.textarea-message
{
	width:620px;
	height:150px;
	border-radius:5px;
}
#section6 .section_header
{
	background-color: #DADADA;
	border-radius: 5px 5px 0 0;
	width: 975px;
	height: 300px;
	margin: 0 auto;
}

#section5 .section_header .map
{
	float:left;width: 116px;
}

#section5 .section_header .coordonnee
{
	
	color:#fff;
}
#section5 .section_header .coordonnee strong
{
	color:#F59744;
}

#section5 .section_header .coordonnee
{
	float: left;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	margin-left: 10px;
	font-family: Arial;
}


/**/
#menu {
    background: url("../images/sep.png") no-repeat scroll 0 68px #fff;
    height: 79px;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}

#section1 .section_cc {
    background: url("../images/photo-accueil.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: auto;
    margin-top: 79px;
    width: 100%;
  min-height: 590px;
}

.section1_content {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
    height: 275px;
    line-height: 20px;
    margin-left: 50px;
    margin-top: 35px;
    padding: 20px 15px 15px;
    text-align: left;
    width: 416px;
}


#section3 .section_cc {
    background: url("../images/shome3.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: auto;
    width: 100%;
}

h2
{
	margin-top: 25px !important;
	
}
#section1 h2
{
	margin-top: 0px !important;
} 
#menu li a:hover{
	color: #f59744 ;
}
.espace_client a.a1
{
  height: 10px;
}
 .espace_client a.a2
{
  height: 100px;
}