/*
	==========================================
	project: site web NEW synca.com
	auteur:  Patrick Fournier
	------------------------------------------
	Rouge: ed1c24
	Bleu foncˇ: 24337c
	orange: f99d1c
	bleu pale: 8ed8f8
	bleu pale pale: b7e4f7
	
	==========================================
*/

/*  GLOBAL HTML ===================== */


html,body 
	{
	font-family:'OrkneyLight';
    height:100%;
	background: #ffffff;
	color:#000000;
    font-size:19px;
	font-weight:normal;
	line-height:25px;
	margin-bottom:22px;
    text-align:justify;
	}
        
@font-face {
  font-family: 'OrkneyLight';
  src: url('../fonts/OrkneyLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/OrkneyLight.otf')  format('opentype'),
      url('../fonts/OrkneyLight.woff') format('woff'), url('../fonts/OrkneyLight.ttf')  format('truetype'), url('../fonts/OrkneyLight.svg#OrkneyLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OrkneyRegular';
  src: url('../fonts/OrkneyRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/OrkneyRegular.otf')  format('opentype'),
      url('../fonts/OrkneyRegular.woff') format('woff'), url('../fonts/OrkneyRegular.ttf')  format('truetype'), url('../fonts/OrkneyRegular.svg#OrkneyRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaProLight';
  src: url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/SofiaProLight.otf')  format('opentype'),
      url('../fonts/SofiaProLight.woff') format('woff'), url('../fonts/SofiaProLight.ttf')  format('truetype'), url('../fonts/SofiaProLight.svg#SofiaProLight') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'leaguegothic';
  src: url('../fonts/leaguegothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/leaguegothic.otf')  format('opentype'),
      url('../fonts/leaguegothic.woff') format('woff'), url('../fonts/leaguegothic.ttf')  format('truetype'), url('../fonts/leaguegothic.svg#leaguegothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


.size23
	{
	font-size:23px;
	line-height:35px;
	}

@media (max-width: 1100px)
  {
  .size23
	{
	font-size:19px;
	line-height:25px;
	}
  }


/*  STRUCTURE  ===================== */

.wrapper
	{
	position:relative;
    margin:0px auto 0px auto;
    padding:0px 3% 0px 3%;
    max-width:1400px;
    width:94%;
	}
        
@media (max-width: 850px)
  {
  .wrapper
	{
        width:85%;
        padding:0px 7% 0px 7%;
	}
  }
  
.wrapper2000
	{
	position:relative;
    margin:0px auto 0px auto;
    padding:0px 0px;
    max-width:2000px;
    width:100%;
	}
    
.wrapper1800
	{
	position:relative;
    margin:0px auto 0px auto;
    padding:0px 0px;
    max-width:1800px;
    width:100%;
	}

.TB_Wrapper1
        {
        max-width:1800px;
        height:600px;
        margin:0px auto 15px auto;
	}
    
.TB_Wrapper1a
        {
        max-width:2000px;
        height:667px;
        margin:0px auto 15px auto;
	}
	
.TB_Wrapper2
        {
        max-width:1230px;
        height:416px;
        margin:0px auto 0px auto;
	}
	
.TB_Wrapper3
        {
        max-width:600px;
        height:600px;
        margin:0px auto 0px auto;
	}
    
.TB_Wrapper4
        {
        max-width:850px;
        height:567px;
        margin:0px auto 0px auto;
	}
    
.TB_Wrapper5
        {
        max-width:1600px;
        height:450px;
        margin:0px auto 0px auto;
	}

.back_lights
        {
        background: #eeeeee;
        padding-top: 20px;
        margin-bottom:20px;
        }

/*  header  ===================== */

#header
	{
	position:relative;
	height:160px;
  background: url(../images/1018.png);
	}
    
@media (max-width: 610px)
  {
  #header
	{
	position:relative;
	height:260px;
	}
  }
    
.logoWidth
	{
        width: 222px;
	}

@media (max-width: 610px)
  {
  .logoWidth
	{
        text-align: center;
        width: auto;
        margin:0px auto 0px auto;
	}
  }

#logo
	{
        position:absolute;
        top:65px;
        left:10%;
        padding-left:15px;
	}
  
@media (max-width: 2050px)
  {
  #logo
	{
        left:3%;
	}
  }

@media (max-width: 610px)
  {
  #logo
	{
        position:relative;
        text-align: center;
        left:0%;
        top:15px;
        margin:0px auto 0px auto;
	}
  }
  
#logo2
	{
        position:relative;
        margin-top:20px;
	}
    
.slogan
	{
	font-family: 'OrkneyRegular';
    position:absolute;
	left:22%;
    top:76px;
	font-size:22px;
	color:#24337c;
	text-align:left;
	}
    
@media (max-width: 2050px)
  {
  .slogan
	{
        left:310px;
	}
  }
    
@media (max-width: 1070px)
  {
  .slogan
	{
        display:none;
	}
  }
    
.slogan2
	{
      display:none;
	}

@media (max-width: 1070px)
  {
  .slogan2
	{
    font-family: 'OrkneyRegular';
    display:block;
    position:absolute;
	left:300px;
    top:76px;
	font-size:22px;
    line-height: 26px;
	color:#24337c;
	text-align:left;
	}
  }
  
@media (max-width: 890px)
  {
  .slogan2
	{
	display:none;
	}
  }
    
.call
	{
	font-family: 'OrkneyRegular';
    position:absolute;
	right:10%;
    top:75px;
	font-size:16px;
	color:#696969;
    padding-right:10px;
	}
    
@media (max-width: 2050px)
  {
  .call     {
	right:3%;
        }
  }

@media (max-width: 1350px)
  {
  .call     {
	display:none;
        }
  }
    
.callus
	{
	font-family: 'OrkneyRegular';
  position:absolute;
	right:10%;
  top:75px;
	font-size:16px;
	color:#696969;
  padding-right:10px;
	}
	
@media (max-width: 2050px)
  {
  .callus     {
	right:3%;
        }
  }
	
@media (max-width: 610px)
  {
  .callus     {
	display:none;
        }
  }
		
		
.tel
	{
	font-family: 'OrkneyRegular';
    position:absolute;
	right:10%;
    top:103px;
	font-size:22px;
	font-weight:bold;
	color:#24337c;
    padding-right:10px;
	}
  
@media (max-width: 2050px)
  {
  .tel     {
	right:3%;
        }
  }
  
@media (max-width: 1350px)
  {
  .tel     {
		top:115px;
        }
  }
  
@media (max-width: 610px)
  {
  .tel     {
		position:relative;
    width: 100%;
    text-align: center;
    right:0%;
    top:30px;
    margin:0px auto 0px auto;
		padding-right:0px;
        }
  }
	
.telus
	{
	font-family: 'OrkneyRegular';
  position:absolute;
	right:10%;
  top:103px;
	font-size:22px;
	font-weight:bold;
	color:#24337c;
  padding-right:10px;
	}

@media (max-width: 2050px)
  {
  .telus     {
	right:3%;
        }
  }
	
@media (max-width: 610px)
  {
  .telus     {
	position:relative;
    width: 100%;
    text-align: center;
    right:auto;
    top:30px;
    margin:0px auto 0px auto;
        }
  }
	
.menu
	{
	font-family: 'OrkneyRegular';
    position:absolute;
	width:100%;
	background: url(../images/back_menu.png);
	height:40px;
	z-index: 998;
	margin-top:140px;
	}
	
@media (max-width: 940px)
  {
  .menu
	{
	display:none;
	}
  }
  
.menuFix
	{
	font-family:'OrkneyLight';
  position:fixed;
  width:100%;
	background:#eeeeee;
	height:48px;
	z-index: 998;
	margin-top:0px;
  text-align: left;
  border-bottom: 1px solid #cccccc;
	}
    
@media (max-width: 945px)
  {
  .menuFix
	{
	display:none;
	}
  }
  
.menuFix2
	{
	display:none;
	}
    
@media (max-width: 945px)
  {
  .menuFix2
	{
	display:block;
	font-family:'OrkneyLight';
	position:relative;
	width:97%;
	background:#eeeeee;
	height:48px;
	z-index: 998;
	margin-top:0px;
  text-align: left;
  border-bottom: 1px solid #cccccc;
	padding-right: 3%;
	}
  }


/*  NAVIGATION ===================== */


.flag {
	padding: 14px 12px 6px 0px;
	float: left;
	}
	
.flag ul li:hover {
		background: #696969;
	}
    
.flagA {
	padding: 18px 12px 6px 0px;
	float: left;
	}
	




.nav1SM     {
        font-size:23px;
        padding-bottom:4px;
        margin-top:-2px;
        padding-top:0px;
        }


.nav2     {
        position:relative;
        text-align:left;
        margin:0px auto 0px 10%;
        z-index: 998;
        font-size:16px;
        }
        
@media (max-width: 2050px)
  {
  .nav2     {
        margin:0px auto 0px 3%;
        }
  }

.nav2 ul ul {
	display: none;
}

	.nav2 ul li:hover > ul {
		display: block;
	}
        
.nav2 ul {  
	list-style: none;
	position: relative;
	display: inline-table;
}
	.nav2 ul:after {
		content: ""; clear: both; display: block;
	}
        
.nav2 ul li {
	float: left;
}
        
	.nav2 ul li:hover {
		background: #24337c;
	}
		
		.nav2 ul li:hover a {
			color: #ffffff;
		}
	
	.nav2 ul li a {
		display: block; padding: 13px 18px 10px 18px;
		color: #000000; text-decoration: none; 	text-align:left;
	}
	
@media (max-width: 1080px)
  {
  .nav2 ul li a {
		display: block; padding: 13px 12px 10px 12px;
		color: #000000; text-decoration: none; 	text-align:left;
	}
  }
        
.nav2 ul ul {
	background: #696969; border-radius: 0px; padding: 0;
	position: absolute; top: 100%; 	text-align:left;
}
	.nav2 ul ul li {
		float: none; 
		position: relative;
	}
		.nav2 ul ul li a {
			padding: 15px 25px 10px 25px;
                        border-top:1px solid #a7a7aa;
		}

			.nav2 ul ul li a:hover {
				background: #cccccc;
                border-top:1px solid #a7a7aa;
				color: #000000;
			}

.nav2 ul ul ul {
	position: absolute; left: 100%; top:0;
}

.productsWidth     {
        width:350px;
        }
        
@media (max-width: 550px)
  {
  .productsWidth     {
	width:260px;
        }
  }

.nav1a     {
        position:fixed;
        right:12%;
        top:0px;
        z-index: 999;
        font-size:15px;
        }
        
@media (max-width: 2050px)
  {
  .nav1a     {
	right:5.6%;
        }
  }
	
@media (max-width: 1350px)
  {
  .nav1a     {
		position:relative;
    float:right;
    right:2.9%;
    top:24px;
    z-index: 997;
        }
  }
  
@media (max-width: 945px)
  {
  .nav1a     {
		top:0px;
    margin-top:-25px;
		right:3%;
        }
  }
  
@media (max-width: 610px)
  {
  .nav1a     {
    right:0%;
		margin:-25px auto 0px 3%;
    width:97%;
    text-align:center;
        }
  }
  
 .nav1b     {
        position:fixed;
        right:10%;
        top:0px;
        z-index: 999;
        font-size:15px;
        }
        
@media (max-width: 2050px)
  {
  .nav1b     {
	right:3%;
        }
  }

@media (max-width: 1350px)
  {
  .nav1b     {
        position:fixed;
        right:3%;
        top:0px;
        z-index: 999;
        margin-top:0px;
        }
  }
  
@media (max-width: 945px)
  {
  .nav1b     {
        position:relative;
        right:3%;
        top:0px;
        margin-top:-74px;
        }
  }
  
@media (max-width: 610px)
  {
  .nav1b     {
        width:auto;
        text-align:right;
        z-index: 998;
        /*margin-right:30px;*/
        }
  }

.nav1a ul ul {
	display: none;
}

	.nav1a ul li:hover > ul {
		display: block;
	}
        
.nav1a ul {  
	list-style: none;
	position: relative;
	display: inline-table;
}
	.nav1a ul:after {
		content: ""; clear: both; display: block;
	}
        
.nav1a ul li {
	float: left;
}
        
	.nav1a ul li:hover {
		background: #f99d1c;
	}
		
		.nav1a ul li:hover a {
			color: #ffffff;
		}
	
	.nav1a ul li a {
		display: block; padding: 14px 12px 9px 12px;
		color: #24337c; text-decoration: none;
	}
        
.nav1a ul ul {
	background: #24337c; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	.nav1a ul ul li {
		float: none; 
		position: relative; text-align:center;
	}
		.nav1a ul ul li a {
			padding: 8px 25px;
                        border-top:1px solid #a7a7aa;
		}	
			.nav1a ul ul li a:hover {
				background: #f99d1c;
                                border-top:1px solid #a7a7aa;
				color: #000000;
			}

.nav1a ul ul ul {
	position: absolute; left: 100%; top:0;
}

.cart
	{
        margin-top:1px;
        margin-bottom:3px;
        }

        
.bandeHome     {
        height:15px;
        background:#5a5a5b;
        }
        
.bandeHome2     {
        height:8px;
        background:#8ed8f8;
        }
	
.nav3     {
        font-family: 'OrkneyLight';
        position:relative;
        z-index: 996;
        font-size:16px;
        text-align:center;
        margin:0px auto;
        padding-top:12px;
        }

.nav3 ul ul {
	display: none;
}

	.nav3 ul li:hover > ul {
		display: block;
	}
        
.nav3 ul {  
	list-style: none;
	position: relative;
	display: inline-table;
}
	.nav3 ul:after {
		content: ""; clear: both; display: block;
	}
        
.nav3 ul li {
	float: left;
	background: #24337c;
	border-radius:20px;
	margin-right:8px;
}

@media (max-width: 1200px)
  {
  .nav3 ul li {
	text-align:center; margin-bottom:5px;
  }
}
        
	.nav3 ul li:hover {
		background: #f99d1c;
		border-radius:20px;
	}
		
		.nav3 ul li:hover a {
			color: #000000;
		}
	
	.nav3 ul li a {
		display: block; padding: 7px 20px 4px 20px;
		color: #ffffff; text-decoration: none; 	text-align:left;
	}
        
.nav3 ul ul {
	border-radius: 0px; padding: 0;
	position: absolute; top: 100%; 	text-align:left;
}

	.nav3 ul ul li {
		float: none; 
		position: relative;
		background: #cccccc;
		border-radius:0px;
		margin-right:0px;
        margin-bottom:0px;
        color: #ffffff;
	}
		.nav3 ul ul li a {
			padding: 6px 30px 4px 30px;
            border-top:1px solid #a7a7aa;
			border-radius: 0px;
            color: #ffffff;
		}	
			.nav3 ul ul li a:hover {
				background: #f99d1c;
                border-top:1px solid #a7a7aa;
				border-radius: 0px;
				color: #ffffff;
			}

.nav3 ul ul ul {
	position: absolute; left: 100%; top:0;
}


.buynow {
	float: left;
	background: #ed1c24;
    border-radius:20px;
}

.buynow:hover {
	float: left;
    background: #f99d1c;
    border-radius:20px;
}

/*  banner  ===================== */
  
#body
        {
        background: #ffffff;
	}

        
.solutions
        {
        border:1px solid #8ed8f8;
        width:100%;
        background:#ffffff url(../images/solutions.png) no-repeat center top;
        background-size:cover;
	}
	
.solutions2
        {
        border:1px solid #8ed8f8;
        width:100%;
        background:#ffffff url(../images/solutions2.jpg) no-repeat center top;
        background-size:cover;
	}
        
.solutionstext
        {
        float:right;
        padding:25px 4% 20px 0%;
        width:64%;
	}

@media (max-width: 850px)
  {
  .solutionstext
        {
        padding:25px 5%;
        width:90%;
        background:#ffffff;
	}
  }


  
.white
        {
        border:1px solid #8ed8f8;
        width:94%;
        background: #ffffff;
        padding:25px 3%;
        margin-bottom:40px;
	}

.ev-solutions1
        {
        background: #ffffff url(../images/ev_home5.jpg) no-repeat center top;
        background-size:cover;
        background-position:center;
        height:410px;
        width: 33%;
        float: left;
        margin:25px 0% 0px 0%;
        }
        
@media (max-width: 1350px)
  {
  .ev-solutions1
        {
        height: 550px;
	}
  }
  
@media (max-width: 1150px)
  {
  .ev-solutions1
        {
        width:100%;
        height: 350px;
	}
  }
        
.ev-solutions2
        {
        background:#ffffff url(../images/solutionsEN.jpg) no-repeat right top;
        width: 65%;
        float: right;
        margin:25px 0% 0px 0%;
        height: 410px;
        }
        
.ev-solutionsFR
        {
        background:#ffffff url(../images/solutionsFR.jpg) no-repeat right top;
        }
        
@media (max-width: 1350px)
  {
  .ev-solutions2
        {
        height: 550px;
	}
  }
  
@media (max-width: 1150px)
  {
  .ev-solutions2
        {
        width:100%;
        height: auto;
        margin:0px 0% 0px 0%;
	}
  }

@media (max-width: 900px)
  {
  .ev-solutions2
        {
        background-position: top 0px right -170px;
        height: auto;
        min-height: 100px;
	}
  }
  
@media (max-width: 650px)
  {
  .ev-solutions2
        {
        background:#ffffff;
	}
  }
  
.solutionstext2
        {
        float: left;
        padding:40px 360px 35px 40px;
        width:auto;
	}
    
@media (max-width: 900px)
  {
  .solutionstext2
        {
        padding:40px 190px 35px 40px;
	}
  }
  
@media (max-width: 650px)
  {
  .solutionstext2
        {
        padding:40px 40px 35px 40px;
	}
  }
  
#promo
        {
        background: #f9facd;
        border-top: 1px solid #f99d1c;
        border-bottom: 1px solid #f99d1c;
	}

/*  corps  ===================== */

.point  li
        {
        background: url(../images/rond2.gif) no-repeat 0 10px;
        padding-left:20px;
        }

.col1
	{
	float:left;
	width:48.75%;
	margin-right:2.5%;
	margin-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .col1
	{
	width:100%;
	margin-right:0%;
	}
  }

.col2
	{
	float:right;
	width:48.75%;
	margin-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .col2
	{
	width:100%;
	}
  }

	
.col3
	{
	float:left;
	width:74.3%;
	}
	
.colA
	{
	float:left;
	width:23.125%;
	margin-right:2.5%;
	padding-bottom:50px;
    text-align: left;
	}
	
@media (max-width: 850px)
  {
  .colA
	{
	width:47%;
	margin-right:3%;
	}
  }
  
@media (max-width: 500px)
  {
  .colA
	{
	width:100%;
	margin-right:0%;
	}
  }

.colB
	{
	float:right;
	width:23.125%;
	padding-bottom:50px;
    text-align: left;
	}
	
@media (max-width: 850px)
  {
  .colB
	{
	float:left;
	width:47%;
	margin-right:3%;
	}
  }
  
@media (max-width: 500px)
  {
  .colB
	{
	width:100%;
	margin-right:0%;
	}
  }
	
.col25
	{
	margin-right:0%;
	min-height:10px;
	padding-bottom:0px;
	}
    
@media (max-width: 850px)
  {
  .col25 img
	{
	width:300px;
	}
  }

.col75
	{
	float:right;
	width:74.375%;
	}
	
@media (max-width: 850px)
  {
  .col75
	{
	padding-top:20px;
	width:100%;
	}
  }
	
.col_A
	{
	float:left;
	width:48%;
	}
	
@media (max-width: 400px)
  {
  .col_A
	{
	width:100%;
	padding-bottom:30px;
	}
  }
	
.col_1
	{
	float:left;
	width:48%;
	padding-bottom:50px;
	}
	
.problems
	{
	width:43%;
	padding:25px 2.5% 25px 2.5%;
	background-color:#dddddd;
	border:solid #f99d1c 2px;
	}

@media (max-width: 850px)
  {
  .col_1
	{
	width:100%;
	}
  }
  
@media (max-width: 850px)
  {
  .problems
	{
	width:94%;
	padding:25px 3%;
	margin-bottom:50px;
	}
  }
	
.col_B
	{
	float:right;
	width:48%;
	}
	
@media (max-width: 400px)
  {
  .col_B
	{
	width:100%;
	}
  }
  
.col_2
	{
	float:right;
	width:48%;
	padding-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .col_2
	{
	width:100%;
	}
  }
  
.whatsupSection1
	{
	background:#e8f3f8;
    margin-bottom:60px;
    border:1px solid #696969;
	}
    
.whatsupSection2
	{
	background:#eeeeee;
    padding-top:50px;
    margin-bottom:60px;
	}
  
.homeA
	{
	float:left;
	width:43%;
    margin-left:5%;
    padding-top:50px;
	padding-bottom:50px;
	}
  
@media (max-width: 850px)
  {
  .homeA
	{
	width:86%;
    margin-left:7%;
	}
  }
    
.homeB
	{
	float:right;
	width:43%;
    margin-right:5%;
    padding-top:50px;
	padding-bottom:50px;
	}
  
@media (max-width: 850px)
  {
  .homeB
	{
	width:86%;
    margin-right:7%;
    padding-top:0px;
	}
  }
  
.ev_colA
	{
	float:left;
	width:23.125%;
	margin-right:2.5%;
	padding-bottom:50px;
    text-align:left;
	}
	
@media (max-width: 930px)
  {
  .ev_colA
	{
	width:48%;
    margin-right:0%;
	}
  }
  
@media (max-width: 550px)
  {
  .ev_colA
	{
	width:100%;
	margin-right:0%;
	}
  }
  
.ev_colB
	{
	float:left;
	width:23.125%;
	margin-right:2.5%;
	padding-bottom:50px;
    text-align:left;
	}
	
@media (max-width: 930px)
  {
  .ev_colB
	{
	float:right;
    margin-right:0%;
    width:48%;
	}
  }
  
@media (max-width: 550px)
  {
  .ev_colB
	{
	width:100%;
	margin-right:0%;
	}
  }
  
.ev_colC
	{
	float:left;
	width:23.125%;
	margin-right:2.5%;
	padding-bottom:50px;
    text-align:left;
	}
	
@media (max-width: 930px)
  {
  .ev_colC
	{
	float:left;
    margin-right:0%;
    width:48%;
	}
  }
  
@media (max-width: 550px)
  {
  .ev_colC
	{
	width:100%;
	margin-right:0%;
	}
  }
  
.ev_colD
	{
	float:right;
	width:23.125%;
	padding-bottom:50px;
    text-align:left;
	}
	
@media (max-width: 930px)
  {
  .ev_colD
	{
	float:right;
    width:48%;
	}
  }
  
@media (max-width: 550px)
  {
  .ev_colD
	{
	width:100%;
	}
  }

@media (max-width: 900px)
  {
  .raptosA
	{
	width:100%;
	}
  }
  
.evblock
	{
	display:none;
	}

@media (max-width: 930px)
  {
  .evblock
	{
	display:block;
	}
  }
	
.col33
	{
	float:left;
	width:33%;
	}

.col63
	{
	float:right;
	width:63%;
	}
	
.col_ezdam1
	{
	width:25%;
	}
	
@media (max-width: 1050px)
  {
  .col_ezdam1
	{
	width:100%;
	}
  }
	
.col_ezdam2
	{
	width:71%;
	}
	
@media (max-width: 1050px)
  {
  .col_ezdam2
	{
	width:100%;
	}
  }
  
.col_cj1
	{
	width:32%;
	}
    
@media (max-width: 800px)
  {
  .col_cj1
	{
	width:48%;
	}
  }
  
@media (max-width: 650px)
  {
  .col_cj1
	{
	width:100%;
	}
  }
    
.col_cj2
	{
	width:65%;
	}
    
@media (max-width: 800px)
  {
  .col_cj2
	{
	width:48%;
	}
  }
  
@media (max-width: 650px)
  {
  .col_cj2
	{
	width:100%;
	}
  }
  
.col_calaject1
	{
	width:36%;
	}
	
@media (max-width: 850px)
  {
  .col_calaject1
	{
	width:100%;
	}
  }
	
.col_calaject2
	{
	width:56%;
	}
	
@media (max-width: 850px)
  {
  .col_calaject2
	{
	width:100%;
	}
  }
  
.col_b201
	{
	width:56%;
	}
	
@media (max-width: 850px)
  {
  .col_b201
	{
	width:100%;
	}
  }
	
.col_b202
	{
	width:40%;
	}
	
@media (max-width: 850px)
  {
  .col_b202
	{
	width:100%;
	}
  }
  
.col_hri1
	{
	width:30%;
	}
	
@media (max-width: 850px)
  {
  .col_hri1
	{
	width:100%;
	}
  }
	
.col_hri2
	{
	width:66%;
	}
	
@media (max-width: 850px)
  {
  .col_hri2
	{
	width:100%;
	}
  }
  
.col_evhome
	{
	float:left;
	width:23.125%;
	}
	
@media (max-width: 850px)
  {
  .col_evhome
	{
	width:100%;
	}
  }

.endoret50left
	{
	float:left;
    text-align: left;
	width:48%;
	}
    
@media (max-width: 400px)
  {
  .endoret50left
	{
	width:100%;
    margin-bottom:50px;
	}
  }
    
.endoret50right
	{
	float:right;
    text-align: left;
	width:48%;
	}
    
@media (max-width: 400px)
  {
  .endoret50right
	{
	width:100%;
	}
  }

.wh1
	{
	float:left;
	width:49.5%;
	margin-bottom:50px;
    background:#dddddd;
    text-align:left;
	}
    
@media (max-width: 1206px)
  {
  .wh1
	{
	width:100%;
	}
  }
    
.wh2
	{
	float:right;
	width:49.5%;
	margin-bottom:50px;
    background:#dddddd;
    text-align:left;
	}
    
@media (max-width: 1206px)
  {
  .wh2
	{
	width:100%;
	}
  }
  
.wha
    {
	vertical-align:middle;
    padding:15px 0px 15px 25px;
	}
    
@media (max-width: 600px)
  {
  .wha
	{
	width:100%;
    padding:30px 25px 10px 25px;
	}
  }
  
@media (max-width: 600px)
  {
  .whb
	{
    display:none;
	}
  }
  
.whc
	{
    display:none;
	}
    
@media (max-width: 600px)
  {
  .whc
	{
    display:block;
    text-align:center;
	}
  }

.introGuide
	{
	padding:50px;
	font-size:22px;
	line-height:28px;
	background:#d6effa;
	}
	
.introGuide2
	{
	padding:20px;
	font-size:22px;
	line-height:28px;
	background:#d6effa;
	text-align: center;
	margin-bottom: 70px;
	}

	
.top1
	{
	float:left;
	width:38%;
	}
	
@media (max-width: 530px)
  {
  .top1
	{
	width:100%;
	text-align:center;
	margin-bottom:10px;
	}
  }

.top2
	{
	float:right;
	width:60%;
	}
	
@media (max-width: 530px)
  {
  .top2
	{
	width:100%;
	text-align:center;
	}
  }
  
.w50L
	{
	width:50%;
	float:left;
	}
	
@media (max-width: 700px)
  {
  .w50L
	{
	width:100%;
	}
  }
  
.w50R
	{
	width:50%;
	float:right;
	}
	
@media (max-width: 700px)
  {
  .w50R
	{
	width:100%;
	}
  }
  
.hitec1
	{
	width:50%;
	float:left;
	}
	
@media (max-width: 750px)
  {
  .hitec1
	{
	width:100%;
    margin-bottom:35px;
	}
  }
  
.hitec2
	{
	width:50%;
	float:right;
	}
	
@media (max-width: 750px)
  {
  .hitec2
	{
	width:100%;
	}
  }
  
.guidecol_1
	{
	float:left;
	width:30%;
	padding-bottom:50px;
	}
	
@media (max-width: 550px)
  {
  .guidecol_1
	{
	width:100%;
	}
  }

.guidecol_2
	{
	float:right;
	width:66%;
	padding-bottom:50px;
	}
	
@media (max-width: 550px)
  {
  .guidecol_2
	{
	width:100%;
	}
  }
  
@media (max-width: 850px)
  {
  .clearboth
	{
	clear:both;
	}
  }
  
.ev1
	{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .ev1
	{
	width:30%;
	margin-right:5%;
	}
  }

@media (max-width: 650px)
  {
  .ev1
	{
	width:100%;
	margin-right:0%;
	}
  }
  
.ev2
	{
	width:32%;
	float:left;
	margin-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .ev2
	{
	width:30%;
	}
  }

@media (max-width: 650px)
  {
  .ev2
	{
	width:100%;
	}
  }
  
.ev3
	{
	width:32%;
	float:right;
	margin-bottom:50px;
	}
	
@media (max-width: 850px)
  {
  .ev3
	{
	width:30%;
	}
  }

@media (max-width: 650px)
  {
  .ev3
	{
	width:100%;
	}
  }
  
.raptos1
	{
	width:15.6667%;
	float:left;
	margin:0px 0.5% 50px 0.5%;
	}
    
@media (max-width: 900px)
  {
  .raptos1
	{
	width:31.3333%;
    float:left;
	margin:0px 1% 50px 1%;
	}
  }
  
@media (max-width: 600px)
  {
  .raptos1
	{
	width:48%;
    float:left;
    margin:0px 1% 50px 1%;
	}
  }
    
.raptos2
	{
	font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding:15px 5px 0px 5px;
	}

@media (max-width: 900px)
  {
  .clear3
	{
	clear: both;
	}
  }
  
@media (max-width: 600px)
  {
  .clear3
	{
	display:none;
	}
  }
  
@media (max-width: 600px)
  {
  .clear2
	{
	clear: both;
	}
  }
  
.citagenix_logo
	{
	width:100%;
	}
    
@media (max-width: 1050px)
  {
  .citagenix_logo
	{
	width:300px;
	}
  }
  
@media (max-width: 335px)
  {
  .citagenix_logo
	{
	width:100%;
	}
  }
  
.citagenix_img
	{
    border-radius:20px;
		border:1px solid #cccccc;
	}

.membrane1
	{
    float: left;
    width: 49.5%;
    margin-bottom: 50px;
	}
    
@media (max-width: 900px)
  {
  .membrane1
	{
    width: 100%;
	}
  }
    
.membrane2
	{
    float: right;
    width: 49.5%;
    margin-bottom: 50px;
	}
    
@media (max-width: 900px)
  {
  .membrane2
	{
    width: 100%;
	}
  }

.frame_color
	{
	color:#24337c;
    font-weight: bold;
    font-style: italic;
	}
	
.tableSection
	{
	width:100%;
	/*border:1px solid #cccccc;*/
	/*border-bottom:2px solid #cccccc;*/
	background:#ffffff;
	}
	
.tableSection td
	{
	padding:20px 15px 10px 15px;
	text-align:center;
	vertical-align:middle;
	font-family:'leaguegothic';
    font-size:22px;
	}
	
	.tableSection2
	{
	width:100%;
	border-bottom:2px solid #dddddd;
	background:#ffffff;
	}
	
	.tableSection2 td
	{
	padding:20px 15px 20px 15px;
	text-align:center;
	vertical-align:middle;
	font-family:'leaguegothic';
	}
	
.product1
	{
    font-size:20px;
	}
	
.section2
	{
	width:100%;
	/*border:1px solid #cccccc;*/
	height:300px;
	background:#ffffff;
    background-size: cover;
	}
	
.section3
	{
	width:100%;
	}
    
.section3a
	{
	width:99.5%;
	border:1px solid #cccccc;
	border-radius: 12px;
	}
	
.sectionLogo
	{
    height:50px;
	}
	
@media (max-width: 400px)
  {
  .sectionLogo
	{
	width:90%;
	height:auto;
	}
  }
	
.w100
	{
	width:100%;
	}
    
.hitec_bottom
	{
	margin-bottom: 22px;
	}
    
.w35
	{
	width:35%;
    float:left;
    margin-right: 10px;
	}
        
.line1
        {
        margin:45px 0px 60px 0px;
        width:75%;
        height:1px;
        background:#959595;
	}
	
.line2
        {
        margin:35px 0px 30px 0px;
        width:100%;
        height:2px;
        background:#959595;
	}
	
.line3
        {
        margin:0px 0px 60px 0px;
        width:75%;
        height:1px;
        background:#959595;
	}
    
.line4
        {
        margin:0px 0px 0px 0px;
        width:75%;
        height:1px;
        background:#959595;
	}
    
.line5
        {
        margin:0px 0px 50px 0px;
        width:100%;
        height:1px;
        background:#959595;
	}
        
.space
        {
	height:0px;
	}
	
.space2
        {
	height:10px;
	}
	
        
.left
	{
	float:left;
	}
        
.right
	{
	float:right;
	}
        
.Slide   li
        {
        background: url(../images/rond.gif) no-repeat 0 7px;
        padding-left:20px;
        }

        
.notice
	{
	background: #cccccc;
        padding:2%;
        border-radius:10px;
        text-align:center;
        width:96%;
	}
        
.box
	{
	background: #8ed8f8;
        padding:3%;
        border-radius:8px;
        width:94%;
	}
        
.img1
	{
        width:100%;
        border-radius:15px;
	box-shadow: 0px 5px 15px #616161;
	}
    
.img2
	{
        width:100%;
        border:1px solid #cccccc;
	}
    
.img3
	{
        width:100%;
        border:1px solid #959595;
	}
	
.img4
	{
        width:100%;
        border-radius:15px;
	box-shadow: 0px 5px 15px #616161;
	}
	
.imgA
	{
        float:left;
        width:48%;
        /*border-radius:15px;
        box-shadow: 0px 3px 10px #616161;*/
        border:1px solid #cccccc;
	}
	
@media (max-width: 400px)
  {
  .imgA
	{
        width:100%;
        margin-bottom:25px;
	}
  }
        
.imgB
	{
        float:right;
        width:48%;
        /*border-radius:15px;
        box-shadow: 0px 3px 10px #616161;*/
        border:1px solid #cccccc;
	}
	
@media (max-width: 400px)
  {
  .imgB
	{
        width:100%;
	}
  }
  
.colAA
	{
        float:left;
				text-align:left;
        width:48%;
	}
	
@media (max-width: 400px)
  {
  .colAA
	{
        width:100%;
        margin-bottom:50px;
	}
  }
  
.colBB
	{
        float:right;
				text-align:left;
        width:48%;
	}
	
@media (max-width: 400px)
  {
  .colBB
	{
        width:100%;
        margin-bottom:50px;
	}
  }
        
.img4
	{
        width:100%;
        border:1px solid #5a5a5b;
        box-shadow: 0px 5px 15px #888888;
	}
    
.img5
	{
        width:100%;
        border-radius:8px;
	}
	
.img6
	{
      width:100%;
      border-radius:20px;
	}
	
.pubs
	{
        background:#dddddd;
        /*border-top:1px solid #f99d1c;*/
        padding-top:20px;
	}

.ezdam_video
	{
	width:100%;
	height:490px;
	}

@media (max-width:850px)
  {
  .ezdam_video
	{
	height:400px;
	}
  }
  
@media (max-width:550px)
  {
  .ezdam_video
	{
	height:280px;
	}
  }
  
@media (max-width:400px)
  {
  .ezdam_video
	{
	height:180px;
	}
  }
  
.ezdam_video3
	{
	width:100%;
	height:380px;
	}
	
@media (max-width:850px)
  {
  .ezdam_video3
	{
	height:400px;
	}
  }
  
@media (max-width:550px)
  {
  .ezdam_video3
	{
	height:280px;
	}
  }
  
@media (max-width:400px)
  {
  .ezdam_video3
	{
	height:180px;
	}
  }
  
.grey
	{
	background-color: #dddddd;
	}
    
.ev_top
	{
	width: 100%;
    border-bottom:1px #515361 solid;
    border-left:1px #515361 solid;
    border-right:1px #515361 solid;
    margin-bottom: 50px;
	}
    
.ev_top2
	{
	width: 100%;
    margin-bottom: 50px;
	}
    
.hitecTitle
	{
	display:block;
    width:90%;
    font-family: 'OrkneyRegular';
    color:#ffffff;
	font-size:26px;
	line-height:29px;
    text-align:left;
    padding:25px 5%;
    background: linear-gradient(to right, #24337c, #2cade2);
    margin-bottom: 50px;
	}
    
.homeTitle
	{
	display:block;
    width:90%;
    font-family: 'OrkneyRegular';
    color:#ffffff;
	font-size:32px;
    text-align:center;
    padding:20px 5% 13px 5%;
    background: linear-gradient(to right, #24337c, #2cade2);
		/*background: linear-gradient(to right, #0e4060, #2cade2);*/
	}
	
.homeTitle2
	{
	display:block;
    width:90%;
    font-family: 'OrkneyRegular';
    color:#ffffff;
	font-size:32px;
    text-align:center;
    padding:20px 5% 13px 5%;
    background:#f99d1c;
	}
    
.properties
	{
	display:block;
    width:90%;
    font-family: 'OrkneyRegular';
    color:#ffffff;
	font-size:22px;
	line-height:24px;
    text-align:center;
    padding:15px 5%;
    background: linear-gradient(to right, #24337c, #2cade2);
	}
        
/*  fonts  ===================== */

 
i
	{
        font-size:15px;
        line-height:17px;
	}

       
h1
	{
        font-family:'leaguegothic';
        font-size:60px;
        line-height:55px;
        color:#ffffff;
        padding-top:10px;
	}
    
@media (max-width:750px)
  {
  h1
	{
	font-size:50px;
    line-height:40px;
	}
  }
    
.h1
	{
        margin-top:-10px;
	}

h2
	{
	font-family: 'OrkneyRegular';
    color:#515361;
	font-weight:bold;
	font-size:30px;
	line-height:34px;
    text-align:left;
    margin-bottom:20px;
	}
    
.h2
	{
    color:#24337c;
    font-weight:bold;
	font-size:32px;
	line-height:35px;
    text-align:center;
    padding:15px 5% 10px 5%;
    width: 90%;
    border:1px #515361 solid;
    margin-bottom:0px;
	}
    
.h2A
	{
    color:#ffffff;
    font-weight:bold;
	font-size:32px;
	line-height:35px;
    text-align:center;
    padding:15px 5% 10px 5%;
    width: 90%;
    margin-bottom:0px;
    background: #696969;
    border:1px #696969 solid;
	}
        
@media (max-width:750px)
  {
  .h2
	{
	font-size:28px;
	line-height:31px;
	}
  }
  
.h2B
	{
    color:#24337c;
    font-weight:bold;
	font-size:30px;
	line-height:35px;
    text-align:center;
    padding:15px 5% 10px 5%;
    width: 90%;
    border:1px #515361 solid;
    margin-bottom:0px;
	}
        
@media (max-width:750px)
  {
  .h2B
	{
	font-size:28px;
	line-height:31px;
	}
  }
        
h3
	{
	font-family:'OrkneyLight';
    color:#24337c;
	font-weight:bold;
    font-size:24px;
    line-height:27px;
	text-align:left;
    margin-bottom:20px;
	}
	
.h3
	{
        margin-bottom:5px;
	}
	
.h3B
	{
	font-size:18px;
        line-height:20px;
	}
    
.h3C
	{
	font-family:'OrkneyLight';
    color:#24337c;
	font-weight:bold;
    font-size:20px;
    line-height:22px;
	text-align:center;
    margin-bottom:0px;
	}
    
.h3D
	{
	font-family:'OrkneyLight';
    color:#696969;
	font-weight:bold;
    font-size:30px;
    line-height:30px;
	text-align:center;
    margin-bottom:0px;
	}
        
.h3E
	{
	margin-bottom:5px;
    color:#ed1c24;
	}
        
h4
	{
        font-family:'OrkneyLight';
	font-weight:normal;
	font-size:12px;
        line-height:15px;
	}
	
h5
	{
    font-family:'OrkneyLight';
	font-weight:bold;
	font-size:32px;
	line-height:33px;
	text-align:center;
    color:#24337c;
	padding:13px 0px 7px 0px;
	margin-bottom:5px;
	}
	
.h5
	{
	font-size:28px;
	line-height:28px;
	}
	
h6
	{
    font-weight:normal;
	font-size:16px;
	text-align:left;
    color:#000000;
	padding-top:60px;
	}
    
.h6
	{
    font-weight:normal;
	font-size:16px;
    color:#24337c;
    margin-top:40px;
	}
    
.h6a
	{
    font-weight:normal;
	font-size:16px;
    color:#ffffff;
    margin-top:40px;
    margin-bottom:-10px;
	}
    
.likeh3
	{
	font-family:'OrkneyLight';
    color:#24337c;
	font-weight:bold;
    font-size:24px;
    line-height:27px;
	text-align:left;
    margin-bottom:20px;
    text-decoration:none;
	}
    
.likeh3 a:visited
	{
	color:#24337c;
    text-decoration:none;
	}
    
.likeh3 a:hover
	{
	color:#696969;
    text-decoration:none;
	}
	
.sloganProduct
	{
	text-align:center;
	}
	
.sloganProduct1
	{
	text-align:center;
	padding-top:80px;
	}
	
.sloganProductPubs
	{
	text-align:center;
	padding-top:52px;
	font-size:40px;
	line-height:40px;
	}
	
.sloganProductPubs1
	{
	text-align:center;
	padding-top:33px;
	font-size:40px;
	line-height:40px;
	}
	
.hotdeal
	{
	color:#ffffff;
	background:#ed1c24;
	font-weight:bold;
	font-size:25px;
	padding:5px;
	text-align:center;
	}
	
.hotdeal2
	{
	font-weight:bold;
	font-size:28px;
	text-align:center;
    color:#24337c;
	padding:10px 10px;
	background:#b7e4f7;
	line-height:30px;
	}
	
.hotdeal3
	{
	font-family: 'OrkneyRegular';
    color:#ed1c24;
	font-weight:bold;
	font-size:25px;
	line-height:27px;
        text-align:left;
	margin-bottom:15px;
	}
	
.hotdealText
	{
	margin-top:10px;
	padding:15px;
	background:url(../images/back_white.png);
	border:1px solid #cccccc;
	text-align:left;
	}

        
.subscript
        {
        font-size:11px;
        vertical-align:sub;
	}
        
.superscript
        {
        font-size:11px;
        vertical-align:super;
	}
	
.superscript2
        {
        font-size:30px;
        vertical-align:super;
	}
    
sup {
    vertical-align: super;
    font-size: smaller;
}
        
.erreur
        {
        font-size:18px;
        color:#fc0000;
        line-height:22px;
        font-weight:bold;
	}

.thanks
        {
        font-size:18px;
        color:#24337c;
        line-height:22px;
        font-weight:bold;
	}
        
.whatsup
	{
        font-family:'leaguegothic';
        font-size:50px;
        line-height:56px;
        color:#5a5a5b;
        margin-bottom:30px;
	}
	
.tableTitle
	{
	color:#24337c;
	font-weight:bold;
        font-size:22px;
        line-height:23px;
	text-align:center;
	}
	
        
        
/*  links  ===================== */


.link1
	{
	font-family:'OrkneyRegular';
	color:#24337c;
	text-decoration:none;
        font-size:17px;
        line-height:20px;
	}
        
.link1 a:link
	{
	color:#24337c;
	text-decoration:none;
	}

.link1 a:visited
	{
	color:#24337c;
	text-decoration:none;
	}
	
.link1 a:hover
	{
	color:#5a5a5b;
        text-decoration:underline;
	}
	
.link2
	{
	font-family:'OrkneyRegular';
	color:#5a5a5b;
	text-decoration:underline;
        font-size:17px;
        line-height:20px;
	}
        
.link2 a:link
	{
	color:#5a5a5b;
	text-decoration:underline;
	}

.link2 a:visited
	{
	color:#5a5a5b;
	text-decoration:underline;
	}
	
.link2 a:hover
	{
	color:#24337c;
        text-decoration:underline;
	}
        
.linkSection
	{
	margin-top:10px;
    font-family: 'OrkneyRegular';
    font-weight: bold;
    text-align: left;
	}
	
.linkSection ul li
	{
	margin-bottom:5px;
	}
        
.linkSection a:link
	{
	font-size:16px;
	color:#24337c;
	text-decoration:none;
    padding:6px 30px 4px 30px;
	width:40%;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	display:block;
	/*background:url(../images/back_grey.png);*/
    background:#eeeeee;
	}

.linkSection a:visited
	{
	font-size:16px;
	color:#24337c;
	text-decoration:none;
    padding:6px 30px 4px 30px;
	width:40%;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	display:block;
	/*background:url(../images/back_grey.png);*/
    background:#eeeeee;
	}
	
.linkSection a:hover
	{
	font-size:16px;
	color:#24337c;
	text-decoration:none;
    padding:6px 30px 4px 30px;
	width:40%;
	/*border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	background:#f99d1c;
	display:block;
	}
	
.linkSection2
	{
    font-family: 'OrkneyLight';
    font-size:18px;
    font-weight: bold;
	}

.linkSection2 ul li
	{
	margin-top:5px;
	text-align:left;
	}
        
.linkSection2 a:link
	{
	color:#24337c;
	text-decoration:none;
    padding:7px 7% 3px 7%;
	width:86%;
	display:block;
	/*background:url(../images/back_white.png);*/
    background:#eeeeee;
	}

.linkSection2 a:visited
	{
	color:#24337c;
	text-decoration:none;
    padding:7px 7% 3px 7%;
	width:86%;
	display:block;
	/*background:url(../images/back_white.png);*/
    background:#eeeeee;
	}
	
.linkSection2 a:hover
	{
	color:#24337c;
	text-decoration:none;
    padding:7px 7% 3px 7%;
	width:86%;
	background:#f99d1c;
	display:block;
	}
	
.linkEV
	{
    font-family: 'OrkneyRegular';
    font-weight: bold;
    font-size:16px;
    float:right;
    width:100%;
    margin-top: 300px;
	}
    
@media (max-width: 1350px)
  {
  .linkEV
        {
        margin-top: 450px;
	}
  }

@media (max-width: 1150px)
  {
  .linkEV
        {
        margin-top: 250px;
	}
  }

.linkEV a:link
	{
	color:#24337c;
	text-decoration:none;
    padding:5px 10%;
	display:block;
	background-color: #ffffff;
	}

.linkEV a:visited
	{
	color:#24337c;
	text-decoration:none;
    padding:5px 10%;
	display:block;
	background-color: #ffffff;
	}
	
.linkEV a:hover
	{
	color:#24337c;
	text-decoration:none;
    padding:5px 10%;
	background-color:#f99d1c;
	display:block;
	}
        
.linkbox
	{
	font-family: 'OrkneyRegular';
	color:#ffffff;
	text-decoration:none;
	margin-top:25px;
    text-align: left;
	}
        
.linkbox a:link
	{
        color:#ffffff;
        text-decoration:none;
        background-color:#f99d1c;
        padding:5px 15px 1px 15px;
        border:1px solid #f99d1c;
        width: auto;
        display: block;
	}

.linkbox a:visited
	{
        color:#ffffff;
        text-decoration:none;
        background-color:#f99d1c;
        padding:5px 15px 1px 15px;
        border:1px solid #f99d1c;
        width: auto;
        display: block;
	}
	
.linkbox a:hover
	{
        color:#f99d1c;
        text-decoration:none;
        background-color:#24337c;
        padding:5px 15px 1px 15px;
        border:1px solid #f99d1c;
        width: auto;
        display: block;
	}
	
@media (max-width: 550px)
  {
  .linkbox a:link
	{
      display: block;  
	}
    
    .linkbox a:visited
	{
      display: block;  
	}
    
    .linkbox a:hover
	{
      display: block;  
	}
  }    

.linkbox2
	{
	font-family: 'OrkneyRegular';
    padding:10px 20px;
	background:#ffffff;
	border: 1px solid #696969;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	}
        
.linkbox2 a:link
	{
	color:#696969;
        text-decoration:none;
	}

.linkbox2 a:visited
	{
	color:#696969;
        text-decoration:none;
	}
	
.linkbox2 a:hover
	{
	color:#000000;
        text-decoration:none;
	}
        

/* footer ===================== */

.contact_now
	{
		z-index: 998;
    position: fixed;
    bottom: 25%;
    right: 15px;
	}
  
.contact_now_size
	{
	width:120px;
	}


#footer
	{
        font-size:14px;
	font-weight:bold;
        line-height:20px;
        color:#8ed8f8;
        background: #545353;
	padding-top:25px;
	padding-bottom:35px;
	}
        
#footer a
	{
	font-size:14px;
	font-weight:normal;
        line-height:20px;
        color:#ffffff;
        text-align:left;
	text-decoration:none;
	}

#footer a:link
	{
	color:#ffffff;
	text-decoration:none;
	}

#footer a:visited
	{
	color:#ffffff;
	text-decoration:none;
	}
	
#footer a:hover
	{
	color:#f99d1c;
	text-decoration:underline;
	}
        
.footer1
	{
        float:left;
        width:15%;
        text-align:left;
	}
	
@media (max-width: 1000px)
  {
  .footer1
	{
    float:left;
    width:28%;
	margin-bottom:50px;
	margin-right:2%;
	}
  }
  
@media (max-width: 500px)
  {
  .footer1
	{
    float:left;
    width:48%;
	margin-bottom:50px;
	margin-right:4%;
	}
  }
	
.footer2
	{
        float:left;
        width:23%;
        text-align:left;
	}
	
@media (max-width: 1000px)
  {
  .footer2
	{
    float:left;
    width:32%;
	margin-bottom:50px;
	}
  }
  
@media (max-width: 500px)
  {
  .footer2
	{
    float:left;
    width:48%;
	margin-bottom:50px;
	}
  }
	
.footer3
	{
        float:left;
        width:21%;
        text-align:left;
	}
	
@media (max-width: 1000px)
  {
  .footer3
	{
    float:right;
    width:30%;
	margin-bottom:50px;
	}
  }
  
@media (max-width: 500px)
  {
  .footer3
	{
    float:left;
    width:48%;
	margin-bottom:50px;
	margin-right:4%;
	}
  }
	
.footer4
	{
        float:left;
        width:21%;
        text-align:left;
	}
	
@media (max-width: 1000px)
  {
  .footer4
	{
        float:left;
        width:48%;
        text-align:center;
	}
  }
        
.footer5
	{
        float:right;
        width:20%;
        text-align:right;
	}
	
@media (max-width: 1000px)
  {
  .footer5
	{
    width:48%;
	text-align:center;
	}
  }
  
@media (max-width: 500px)
  {
  .footer5
	{
    width:100%;
	text-align:center;
	}
  }

	
.logoFooter
	{
    margin-top:-10px;
	margin-right:-20px;
	margin-bottom:10px;
	}

@media (max-width: 1000px)
  {
  .logoFooter
	{
	margin-right:0px;
	}
  }
        
                
/* formulaires ===================== */

.boite
        {
        width:97%; height:19px; border: 1px solid #cccccc; margin-top:5px; padding:1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }
				
.boite3
        {
        width:97%; height:19px; border: 1px solid #cccccc; margin-top:10px; padding:1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }

.boite2
        {
        width:52%; height:19px; border: 1px solid #cccccc; margin-top:5px; padding:1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969; float:left; margin-right:4%;
        }

.boiteTextarea
        {
        width:97%; height:180px; border: 1px solid #cccccc; margin-top:5px; padding:1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }
				
.boiteTextarea2
        {
        width:97%; height:180px; border: 1px solid #cccccc; margin-top:10px; padding:1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }
	
.select
        {
        width:100%; height:35px; border: 1px solid #cccccc; margin-top:5px; padding:0px 1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }
	
.select2
        {
        margin-left:20px; height:35px; border: 1px solid #cccccc; margin-top:5px; padding:0px 1.5%; font-family:'SofiaProLight'; font-size:16px; color:#696969;
        }
        
.submitBt
        {
        width:150px;
        }
        
/*<input type="image" src="ok.png" alt="ok" />*/




/* tableau ===================== */

.tableau
    {
    width:100%;
    background:#ffffff;
    }

.tableau, .tableau td
    {
    border:1px solid #959595;
    }

.tableau td
    {
    text-align:center;
    vertical-align:middle;
    padding:5px;
    }

.tableau2, .tableau2 td
    {
    border:1px solid #9ea0a2;
    }

.tableau2 td
    {
    text-align:left;
    vertical-align:middle;
    padding:5px;
    padding-left:15px;
    }
    
.tableCalaject td{
    padding:10px;
}


.tableau3 td
    {
    text-align:left;
    vertical-align:top;
    padding:5px;
    }
    
    
.table1
    {
    width:100%;
    }

.table1, .table1 td
    {
    border:1px solid #bbbbbb;
    }

.table1 td
    {
    text-align:center;
    vertical-align:middle;
    padding:12px 15px;
    }
    
.td_cj
    {
    background:#dddddd;
    color:#24337c;
    font-weight:bold;
    text-align:left;
    }
    
.td_cj1
    {
    text-align:left;
    }
    
.check
    {
    color:#0bcc1d;
    font-size: 30px;
    }
    
.table2
    {
    width:100%;
    background:#ffffff;
    }
    
.table2, .table2 td
    {
    border:1px solid #f99d1c;
    }
    
.table2 td
    {
    text-align:center;
    vertical-align:middle;
    font-size:25px;
    color:#696969;
    padding:5px;
    }
    
.seperator
    {
    font-weight: bold; 
    color:#24337c;
    padding:0px 12px 0px 12px;
    }

@media (max-width: 540px)
  {
  .whtable1
	{
       display:none;
	}
  }
  
.whtable2
	{
       display:none;
	}
    
@media (max-width: 540px)
  {
  .whtable2
	{
       display:block;
	}
  }

        /*<table class="tableau" style="width:100%;">
	  <tr>
	    <td></td>
	    <td></td>
	  </tr>
          <tr>
	    <td></td>
	    <td></td>
	  </tr>
        </table>*/



/*.submit{*/
/*     border:none;*/
/*     color:#fff;*/
/*     background: transparent url('../media/bouton-soumettre.jpg') no-repeat top left;*/
/*     width:75px;*/
/*     height:20px;*/
/*}*/