@charset "UTF-8";
/* Body */

body {
font-family: Arial, Verdana, sans-serif;
background-color:#dcdcdc;
background-image:url(../images/cedexis_bg.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#535353;
margin:0;
}

div.clear {clear:both;height:1px;font-size:1px;line-height:1px;}

a 		{color:#006f9f;text-decoration:underline;border:none;}
a:hover {color:#006f9f;text-decoration:underline;}
a.nounderline {color:#006f9f;text-decoration:none;}


.whitebold {color: white;font-weight: 800;} 
.red {color: #993366;font-weight: 100;} 
.grey {color: #535353;font-weight: 100;} 
.lightgrey {color: #959595;font-weight: 100;} 

p {line-height:18px} 

h2 {margin: 0px 0px 10px 0px; padding:0px; font-size: 22px} 
h3 {margin: 0px 0px 10px 0px; padding:0px; font-size: 18px} 
h4 {margin: 0px 0px 10px 0px; padding:0px; font-size: 16px} 
h5 {margin: 0px 0px 10px 0px; padding:0px; font-size: 14px} 

hr {margin: 30px 0px 20px 0px; padding:0px; color:#dcdcdc; height:1px; background-color:#dcdcdc; border: 0px}  

img.team {margin: 0px 10px 0px 0px; padding:4px; color:#dcdcdc; height:100px;width: 100px; float: left; background-color:#ffffff; border: 1px solid #CCC}  


.buttonBlue { 
		background-image:url(../images/btn_arrow_blue.png);
		background-color:#006f9f;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 8px 26px 8px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	
	  
.buttonBlue:hover { 
		background-image:url(../images/btn_arrow_blue.png);
		background-color:#ffffff;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 8px 26px 8px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#006f9f;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	

.buttonRed { 
		background-image:url(../images/btn_arrow_red.png);
		background-color:#913d5b;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 8px 26px 8px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	
	  
.buttonRed:hover { 
		background-image:url(../images/btn_arrow_red.png);
		background-color:#ffffff;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 8px 26px 8px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#913d5b;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      }

/* Header */
#header 			{width:100%;height:89px;margin: 0px;padding: 0px;}
#header div 		{margin:0 auto;padding:0;width:940px;}
#header .logo 		{height:80px;position:absolute;width:255px;z-index:1;margin-top:8px;}
#header .logoSpot 	{width:255px;}

/* FollowBar */
#followBar 			{width:940px;}
#followBar div 		{height: 14px;margin: 6px 0px 6px 0px;padding: 0px;width:940px;color:#959595;text-align:right;}
#followBar a 		{color:#959595;}
#followBar a:hover 	{text-decoration: underline;color:#959595;}

.followBlog 		{background-image:url(../images/followBlog.png);background-repeat:no-repeat;padding: 0px 20px 10px 20px;}
.followTwitter 		{background-image:url(../images/followTwitter.png);	background-repeat:no-repeat;padding: 0px 20px 10px 20px;}
.followFacebook 	{background-image:url(../images/followFacebook.png);background-repeat:no-repeat;padding: 0px 20px 10px 20px;}
.followLinkedin 	{background-image:url(../images/followLinkedin.png);background-repeat:no-repeat;padding: 0px 0px 10px 20px;}

/* Menu */
#navigationBar		{text-align: right;}

#menu 		{font-size: 12px;font-weight:800;margin: 0; padding: 40px 0px 0px 0px;list-style: none;} 
#menu li 	{display: inline;} 
#menu li a 	{
	padding: 5px 14px;
	margin:  2px;
	background: #202020; 
    color: #fff;text-decoration: none; 
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px; 
    border-radius: 6px 6px 6px 6px;         
    -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 6px; /* pour Chrome */ 
} 

#menu li a:hover, #menu li a:focus { 
    padding: 5px 14px; 
    margin:  2px; 
    background: #66283e; 
    color: #fff; 
    text-decoration: none; 
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px; 
    border-radius: 6px 6px 6px 6px;         
    -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 6px; /* pour Chrome */
} 

#menu li a.active { 
    padding: 5px 14px 20px 14px; 
    margin:  4px 4px 4px 4px; 
    background: #66283e; 
    color: #fff; 
    text-decoration: none; 
    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px 6px 6px 6px; 
    border-radius: 0px 6px 0px 6px;         
    -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 6px; /* pour Chrome */
} 

#menu li a.login { 
    background: #006f9f; 
}

#menu li a:hover.login { 
    background: #ffffff; 
    color: #006f9f;
}

/* Container */

#container 				{margin:0 auto;padding:0;width:940px;}
#container .topBar		{height: 25px;background-color:#66283e;}
#container .topSlide	{height: 235px;}
#container .intro		{width: 250px;padding: 20px 0px 0px 30px;}

.content 				{background-color:#FFF;border:1px solid #d1d1d1;padding: 20px;float: left;}

.homeColLeft
{
	clear: left;
	float: left;
	width: 628px;
	padding: 0;
	margin: 0px 20px 0px 0px;
	display: inline;
}

.homeColRight
{
	float: right;
	width: 250px;
	padding: 0px;
	margin: 0px;
	display: inline;
}


.ColLeft
{
	clear: left;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0px 20px 0px 0px;
	display: inline;
}

.ColRight
{
	float: right;
	width: 628px;
	padding: 0px;
	margin: 0px;
	display: inline;
}


.product {
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px;
	display: inline;
}

/* BOX */


.greyBox { 
    	padding: 10px 10px 10px 10px; 
        margin:  0px 0px 20px 0px; 
        background: #f3f3f3; 
		border-bottom: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
		background-image:url(../images/greybox_corner.gif); 
		background-position:top right;
		background-repeat:no-repeat
		
      } 
	  
.whiteBox { 
    	padding: 10px 10px 10px 10px; 
        margin:  0px 0px 20px 0px; 
        background: #ffffff; 
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3;
		border-top: 1px solid #f3f3f3;
		border-bottom: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 

#navigation { 
    	padding: 10px 0px 10px 0px; 
        margin:  0px 0px 20px 0px; 
        background: #ffffff; 
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3;
		border-top: 1px solid #f3f3f3;
		border-bottom: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
}

#navigation h3 {
padding: 0px 0px 10px 10px;
margin: 0px;
} 

#navigation ul {
padding: 0px;
margin: 0px;
list-style: none;
display:block
} 

.category a {
	display: block;
	color: #006f9f;
	background: #FFF;
	width: 228px;
	padding: 10px 10px 10px 10px; 
	text-decoration: none;
	border-top: 1px solid #e5e5e5;
	font-weight: 800;
}

.category a:hover {
		text-decoration: none; 
		color:#006f9f;
		font-weight: 800;
	    background: #f5f5f5; 
}

.category a.active {
	color: #535353;
	background: #f5f5f5; 
	width: 228px;
	padding: 10px 10px 10px 10px; 
	text-decoration: none;
	border-top: 1px solid #e5e5e5;
	font-weight: 800;
}

.subcategory a {
    	padding: 6px 10px 6px 30px; 
        margin:  0px 0px 0px 0px; 
        background: #ffffff;
		font-weight:100;
		width: 200px;
		border-top: 1px solid #fff;
		text-decoration: none; 
}

.subcategory a:hover {
		text-decoration: underline; 
		color: #006f9f;
		font-weight:100;
        background: #ffffff;		
}

.subcategory a.subactive {
		text-decoration: none; 
		color: #000;
		font-weight:800;
		width: 200px;
		padding: 6px 0px 6px 30px; 
        margin:  0px 0px 0px 0px; 
        background: #ffffff;		
}

/* Lists */

.smalllist {
font-size:12px;
font-weight: 100;
padding: 0px;
margin: 0px;
} 

.smalllist ul {
padding: 0px;
margin: 0px;
list-style: none; 
} 

.smalllist li {
    	padding: 4px 10px 4px 10px; 
        margin:  0px 0px 0px 0px; 
	text-decoration: none; 
}

.keyfacts {
font-size:14px;
font-weight: 100;
padding: 0px;
margin: 0px;
} 

.keyfacts ul {
padding: 0px;
margin: 0px;
list-style: none; 
} 

.keyfacts li {
    	padding: 10px 10px 10px 10px; 
        margin:  0px 0px 0px 0px; 
        background: #ffffff; 
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
}	

.keyfacts li.active {
    	padding: 10px 10px 10px 10px; 
        margin:  0px 0px 20px 0px; 
        background: #ffffff; 
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3;
		border-top: 1px solid #f3f3f3;
		border-bottom: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
}		

	  

/* Footer */
		
#footer					{border-top:1px solid #000000;background-color:#202020;padding: 10px 0px 20px 0px;margin-top:20px;} 
#footer .footerContent	{margin:0 auto;padding:0;width:940px;}
#footer .sitemap		{width:610px;margin:0px 20px 0px 0px ;}
#footer .contact		{float:right;width:270px;}
.footerTitle 			{color: #993366;font-size: 18px;margin: 0px 0px 10px 0px;}

.map {font-size: 11px;margin: 0px; padding:0px;list-style: none;} 
.map li {display: block;padding:0px 0px 8px 0px;} 
.map li a {color: #959595;text-decoration: none;} 
.map li a:hover {color: #959595;text-decoration: underline;} 
.copyrights {color: #959595;border-top:1px solid #454545;padding: 10px 0px 10px 0px;margin: 10px 0px 0px 0px;} 


.contact input { 
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #000;
		color:#959595;
		border: 2px solid #000000;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 
	  
.contact input:hover { 
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #000;
		color:#959595;
		border: 2px solid #006f9f;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	  

.contact textarea { font-family: arial, verdana; font-size:11px;
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #000;
		color:#959595;
		width: 250px;
		border: 2px solid #000;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 


.contact textarea:hover { 
font-family: arial, verdana; font-size:11px;
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #000;
		color:#959595;
		width: 250px;
		border: 2px solid #006f9f;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 

.contact .submit {
		background-image:url(../images/btn_arrow_red.png);
		background-color:#913d5b;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 6px 26px 6px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 
	  
.contact .submit:hover { 
		background-image:url(../images/btn_arrow_blue.png);
		background-color:#006f9f;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 6px 26px 6px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	  



/* CONTACT PAGE FORM */
.contactPage input { 
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #fff;
		color:#535353;
		border: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 
	  
.contactPage input:hover { 
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #fff;
		color:#535353;
		border: 2px solid #006f9f;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	  

.contactPage textarea { font-family: arial, verdana; font-size:11px;
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #fff;
		color:#535353;
		width: 400px;
		border: 2px solid #e5e5e5;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 


.contactPage textarea:hover { 
font-family: arial, verdana; font-size:11px;
    	padding: 6px; 
        margin:  6px 0px 0px 0px; 
        background: #fff;
		color:#535353;
		width: 400px;
		border: 2px solid #006f9f;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 

.contactPage .submit {
		background-image:url(../images/btn_arrow_red.png);
		background-color:#913d5b;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 6px 26px 6px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 
	  
.contactPage .submit:hover { 
		background-image:url(../images/btn_arrow_blue.png);
		background-color:#006f9f;
		background-position: top right;
		background-repeat:no-repeat;
    	padding: 6px 26px 6px 6px; 
        margin:  6px 0px 0px 0px; 
		color:#fff;
		border: none;
		text-decoration: none; 
        -moz-border-radius: 6px 6px 6px 6px; 
        -webkit-border-radius: 6px 6px 6px 6px; 
        border-radius: 0px 6px 0px 6px;         
        -webkit-border-top-left-radius: 6px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 6px; /* pour Chrome */
      } 	

.contactMap  {
width:300px;
height: 188px;
float: left;
padding: 0px 20px 0px 0px;
} 	

/* Div Design Content */
.number  {
color:#006f9f;
width:88px;
height: 66px;
float: left;
font-size:16px;
padding: 10px 0px 10px 30px;
background-image:url(../images/div_arrow.gif);
margin-right: 10px;
} 

.number .num  {
font-size:38px;
}