/*--*/

.hat {
    width: 474px;
    float: left;
	margin:0px;
    
    font-size: 1.3em;
    line-height: 1.2;
}

.hat2 {
    width: 800px;
	margin:0px;
    
    font-size: 1.3em;
    line-height: 1.2;
}




/*--*/

.icon-title {
    width: 100px;
    height: 100px;
    margin: 5px 15px 0px 0px;
    float: left;
}

    .icon-title.ico1 { background: url('images/customer/sprites/sprite-icons.png') 0 0 no-repeat; }
    .icon-title.ico2 { background: url('images/customer/sprites/sprite-icons.png') -101px 0 no-repeat; }
    .icon-title.ico3 { background: url('images/customer/sprites/sprite-icons.png') -202px 0 no-repeat; }
    .icon-title.ico4 { background: url('images/customer/sprites/sprite-icons.png') -303px 0 no-repeat; }
    .icon-title.ico5 { background: url('images/customer/sprites/sprite-icons.png') -404px 0 no-repeat; }
    .icon-title.ico6 { background: url('images/customer/sprites/sprite-icons.png') -505px 0 no-repeat; }
    .icon-title.ico7 { background: url('images/customer/sprites/sprite-icons.png') -606px 0 no-repeat; }
    .icon-title.ico8 { background: url('images/customer/sprites/sprite-icons.png') -707px 0 no-repeat; }
    .icon-title.ico9 { background: url('images/customer/sprites/sprite-icons.png') -808px 0 no-repeat; }
    .icon-title.ico10 { background: url('images/customer/sprites/sprite-icons.png') -909px 0 no-repeat; }
    .icon-title.ico11 { background: url('images/customer/sprites/sprite-icons.png') -1010px 0 no-repeat; }
    .icon-title.ico12 { background: url('images/customer/sprites/sprite-icons.png') -1111px 0 no-repeat; }
    .icon-title.ico13 { background: url('images/customer/sprites/sprite-icons.png') -1212px 0 no-repeat; }
    .icon-title.ico14 { background: url('images/customer/sprites/sprite-icons.png') -1313px 0 no-repeat; }
    .icon-title.ico15 { background: url('images/customer/sprites/sprite-icons.png') -1414px 0 no-repeat; }  
    .icon-title.ico16 { background: url('images/customer/sprites/sprite-icons.png') -1515px 0 no-repeat; }
 

/*--*/

.insert-etic {
    width: 246px;
    height: 282px;
    padding: 20px;
    background: url('images/customer/sprites/sprite-insert.gif') 0 0 no-repeat;
}    

    .insert-etic h2 {
        padding: 0 0 0 85px;
    }

.insert-office,
.insert-audit,
.insert-contact,
.insert-flexo-ecommerce,
.insert-cms,
.insert-contact-subsides,
.insert-devis{
    display: block;
    width: 161px;
    padding: 20px 20px 20px 105px;
	
}

    .insert-etic, .insert-etic h2, .insert-etic a,
    .insert-office, .insert-office h3, .insert-office a,
    .insert-audit, .insert-audit h3, .insert-audit a,
    .insert-contact, .insert-contact h3, .insert-contact a,
	.insert-flexo-ecommerce, .insert-flexo-ecommerce h3, .insert-flexo-ecommerce a,
	.insert-cms, .insert-cms h3, .insert-cms a,
    .insert-contact-subsides, .insert-contact-subsides h3, .insert-contact-subsides a,
	.insert-devis,.insert-devis h3,.insert-devis a{
        margin: 0px 0px 10px 0px;        
        color: #fff;
        text-decoration: none;
    }    


.insert-office h3,
.insert-audit h3,
.insert-contact h3,
.insert-flexo-ecommerce h3,
.insert-cms h3,
.insert-contact-subsides h3 {
   font-size:18px;
   font-weight:normal;
}
       
.insert-office { height: 56px; background: url('images/customer/sprites/sprite-insert.gif') 0 -322px no-repeat; }
.insert-office:hover { background-position: 0 -418px; }

.insert-audit { height: 76px; background: url('images/customer/sprites/sprite-insert.gif') 0 -514px no-repeat; }
.insert-audit:hover { background-position: 0 -630px; }

.insert-contact { height: 76px; background: url('images/customer/sprites/sprite-insert.gif') 0 -746px no-repeat; }
.insert-contact:hover { background-position: 0 -862px; }

.insert-contact-subsides { height: 112px; background: url('images/customer/sprites/sprite-insert.gif') 0 -978px no-repeat; }
.insert-contact-subsides:hover { background-position: 0 -1130px; }

.insert-flexo-ecommerce { height: 76px; background: url('images/customer/sprites/sprite-insert.gif') 0 -1282px no-repeat; }
.insert-flexo-ecommerce:hover { background-position: 0 -1398px; }

.insert-cms { height: 76px; background: url('images/customer/sprites/sprite-insert.gif') 0 -1514px no-repeat; }
.insert-cms:hover { background-position: 0 -1630px; }

.insert-devis { height: 76px; background: url('images/customer/sprites/sprite-insert.gif') 0 -1746px no-repeat; }
.insert-devis:hover { background-position: 0 -1862px; }

.insert-technology {
    width: 286px;
    height: 210px;
	margin:0px 0px 10px 0px;
    background: url('images/customer/sprites/insert-technology.jpg') 0 bottom no-repeat;
}

.insert-agent-dns {
    display: block;
    width: 286px;
    height: 70px;
	margin:0px 0px 10px 0px;
    background: url('images/customer/sprites/insert-agent-dns.jpg') 0 0 no-repeat;
}

/*--*/

.img-ref-naturel {
    width: 290px;
    height: 203px;
	margin: 0px 0px 10px 0px;
    background: url('images/customer/sprites/sprite-referencement.png') 0 0 no-repeat;
}

.img-ref-adwords {
    width: 290px;
    height: 203px;  
	margin: 0px 0px 10px 0px;
    background: url('images/customer/sprites/sprite-referencement.png') -310px 0 no-repeat;
}

.img-web-analytics {
    width: 600px;
    height: 242px;    
    background: url('images/customer/sprites/sprite-referencement.png') 0 -203px no-repeat;
}

.img-emailing{
	display:block;
    width: 290px;    
	height:450px;
	margin: 0px 0px 10px 0px;
    background: url('images/customer/emailing.png') 0 0 no-repeat;
}



/*--*/

.insert-send-devis {
    width: 240px;
    padding: 20px;
    background: url('images/customer/bg-devis.gif') 0 0 repeat-x #ff6012;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    color: #fff;
}

.insert-send-devis:hover {
    background: url('images/customer/bg-devis.gif') 0 -261px repeat-x #ff7213;
}

.insert-send-devis.internet {
    margin: 20px 0 10px 00px;
    float: left;
}

.insert-send-devis.ecommerce {
    margin: 20px 10px 0px 15px;
    float: right;
}

    .insert-send-devis.internet h1, .insert-send-devis.internet a,
    .insert-send-devis.ecommerce h1, .insert-send-devis.ecommerce a {
        color: #fff;
        text-decoration: none;
		font-size:27px;
    }
    
    .insert-send-devis.internet a.color,
    .insert-send-devis.ecommerce a.color {
        color: #382d2a;
    }
    
    .insert-send-devis.internet .btn,
    .insert-send-devis.ecommerce .btn,
	.insert-send-devis:hover .btn {
        display: block;
        padding: 10px;
        margin: 20px 0 0 0;
        background-color: #fff;
		background-image:none;
		border-width:0px;

        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        
        font-size: 1.1em;
        text-align: center;
        color: #ff6013;
		font-weight: normal;
    }
    



/*--*/
 
#services {
	
}

    #services .box {
        width: 168px;
        float: left;
        line-height: 2em;
        
        text-align: center;
    }
    
    #services a { display: block; color: #7e6e65; text-decoration: none; }
    #services a:hover { color: #ff6111; }
    
    #services .box .ico {
        width: 168px;
        height: 38px;
        padding: 130px 0 0 0;
        background: url('images/customer/sprites/sprite-services.png') 0 0 no-repeat;
    }
    
        #services .box.analyse .ico { background-position: 0 0; }
        #services .box.devel .ico { background-position: -168px 0; }
        #services .box.hosting .ico { background-position: -336px 0; }
        #services .box.seo .ico { background-position: -504px 0; }
        #services .box.marketing .ico { background-position: -672px 0; }
    
    #services .box-separator {
        width: 20px;
        height: 1px;
        float: left;
    }    
    

/*--*/

.home {
	background: url('images/bg_home.jpg') 0 0 no-repeat;
}

	.home h3 {
		padding: 0 0 5px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #e2deda;
	}

	.home .noBorder {
		margin: 0;
		border-bottom: 0px dotted #e2deda;
	}

	.home .col {
		width: 279px;
		padding: 20px;
		float: left;
		border-top: 1px dotted #e2deda;
		border-right: 1px dotted #e2deda;
	}

		.home .col .picto {
			width: 80px;
			float: left;
		}

		.home .col .data {
			width: 179px;
			float: right;

			font-size: 11px;
			text-align: justify;
		}

			.home .col .data .btn {
				display: block;
				width: 80px;
				height: 17px;
				padding: 0;
				margin: 10px 0 0 0;
				border: 0px solid #fff;
				background: url('images/customer/btn_order.gif') 0 0 no-repeat;
		
				text-align: center;
				line-height: 15px;
			}

			.home .col .data .btn:hover {
				filter : alpha(opacity=80);
				-moz-opacity : 0.8;
				opacity : 0.8;
			}

	.home .colEdito {
		width: 279px;
		min-height: 255px;
		padding: 20px;
		float: left;
		border-right: 1px dotted #e2deda;
	}		

	.home .colNews {
		width: 600px;
		padding: 20px;
		float: left;
	}

/*------------------------------------------------------*/

.welcome {
	font-size: 11px;
	text-align: justify;
}

	.welcome b {		
		color: #ff6111;
		font-weight: bold;
	
	}

/*------------------------------------------------------*/

#breadcrumb {
	width: 925px;
	height: 28px;
	padding: 12px 20px 0 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2deda;
	background: url('images/customer/bg_breadcrumb.gif') 0 0 repeat-x;

	font-size: 11px;
	display:none;
}

	#breadcrumb a { text-decoration: none; }

/*------------------------------------------------------*/

.caseStudiesExtranet {	
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin-bottom:20px;
	padding-bottom:5px;
	background-color:white;
}

	.caseStudiesExtranet .texte{
		float:left;
		width:170px;
		padding-top:10px;
		padding-right:15px;

		font-size:11px;
		line-height:15px;
	}

		.caseStudiesExtranet img{
			margin-bottom:0px;
			margin-top:0px;
		}

	.caseStudiesExtranet .screen{
		float:right;
		width:400px;
	}

/*------------------------------------------------------*/

.postit,
.postit2,
.postit3 {
	float: left;	
	padding: 10px 10px 10px 15px;
	margin: 0 0 10px 0;	
    background: url('images/customer/bg-postit.png') right bottom no-repeat;
    
    font-size: 0.85em;
}

.postit {
    width: 173px;
    height: 100px;	
}
    
.postit2 {
    width: 272px;
    height: 80px;	
}

.postit3 {
    width: 272px;
    height: 130px;	
}

    .postit h3,
    .postit2 h3,
    .postit3 h3 {
        display: block;
        float: left;
        padding: 7px 0 0 0;
    }
    

/*------------------------------------------------------*/

	.services {
		display: block;
		width: 150px;
		float: left;
		margin: 0px 25px 25px 0px ;
		padding: 10px 10px 20px 50px;
		background: url('images/customer/bg_service.png') right bottom no-repeat;

		text-decoration: none;
		color: white;
		font-weight: bold;
	}

	.services img {
		padding-bottom: 10px;
		margin-left: 0px;
	
	}

	.services:hover{		 		
		background: url('images/customer/bg_service-hover.png') right bottom no-repeat;

		text-decoration: none;
		color: white;				 
	}
	
/*------------------------------------------------------*/

.btn_order {
	display: block;
	width: 80px;
	height: 17px;
	padding: 0;
	margin: 0 0 0 29px;
	*margin: 0;
	background: url('images/customer/btn_order.gif') 0 0 no-repeat;

	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.btn_order:hover {
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8;

	color: #fff;
}

/*------------------------------------------------------*/

.domainName {
	width: 564px;
	height: 70px;
	margin: 15px 0 0 0;
	padding: 15px;
	background: url('images/customer/bg_domainname.gif') 0 0 no-repeat;
	
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

	.domainName h2 {
		color: #fff;
		font-size: 20px;
	}

/*------------------------------------------------------*/

.coverFlow {
	margin-top:10px;
	margin-bottom:15px;
}

/*------------------------------------------------------*/

.awt, .awex, .bxlExport{
	padding:15px;
	border: 1px solid #e2deda;
	display:block;
	width:145px;
	height:17px;
	float:left;
	padding-top:123px;
	padding-left:20px;
	background-color:#E7E1DE;

	color:white;
	font-size:15px;
	text-decoration:none;
	text-align:center;
}

.awt:hover, .awex:hover, .bxlExport:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8;
	border: 1px solid white;

	color:white;
}

.awt{
	background: url('images/customer/bg_rw.jpg') 0 0 no-repeat;
}


.awex{
	margin:0px 20px 0px 20px;
	background: url('images/customer/bg_awex.jpg') 0 0 no-repeat;
}				 

.bxlExport{
	background: url('images/customer/bg_bxlexport.jpg') 0 0 no-repeat;
}

/*------------------------------------------------------*/

.devis{
	clear:both;
	display:block;
	margin-bottom:30px;
	background: url('images/customer/bg_devis.png') 0 0 no-repeat;
	width:285px;
	height:42px;
}

	.devis:hover{
		background: url('images/customer/bg_devis.png') 0 -42px no-repeat;
	}

/* --------------------- fonctionnalités ------------------------------------- */

.fonctionnalite{
	border-top:2px #DFD3C7 solid;
}

	 .fonctionnalite TH{
		text-align:left;
		height:30px;
		font-weight:normal;
	 }

	 .fonctionnalite TD{ 
		border-bottom:#E1D6C7 1px solid; 
		padding-left:15px;
		font-size:10px;
	}

	 .fonctionnalite TD .ok{
		display:block;
		background:url("images/customer/bg_ok.gif") 0px 0px no-repeat;
		width:13px;
		height:12px;
	 }

/* --------------------- agentDNS ------------------------------------- */

.agentDNS{
		display:block;
		background:url("images/customer/agent-dns.png") 0px 0px no-repeat;
		width:290px;
		height:80px;
}

/* --------------------- references ------------------------------------- */

.references_ReferencesList{
	
}

.references_ReferencesList .btn{
	float:right;
	margin-right:30px;


}

.bg_reference_category{
		display:block;
		background:url("images/customer/bg_reference_category.png") 0px 0px no-repeat;
		width:183px;
		height:51px;

		color:white;
		padding:10px 0px 0px 10px;
		margin:0px 0px 0px 10px;
		font-size:16px;
}



.references_ReferencesList .reference{
	display: block; 
	width: 280px; 
	height: 160px;

	float:left;
	margin:0px 10px 10px 10px;
	overflow:hidden;
	}



#references_ReferencesList{

}


	#references_ReferencesList .logo{
		display: block; 
		width: 220px; 
		height: 85px;
		margin-bottom: 30px;
		float:left;	
		overflow:hidden;
		text-align:center;
	}



/* ---- */
.domain-extension {}

    .domain-extension ul,
    .domain-extension li {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    
    .domain-extension li {
        padding: 1px 9px;
        margin: 0 5px 5px 0;
        float: left;
        background-color: #eeeae9;
        
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }



/* ---- */
.fonctionnalities {}

	.fonctionnalities tr td {
		vertical-align: top;
		padding: 0 0 10px 0;
	}
	
	.fonctionnalities tr td ul li {
		margin-left: -5px;
	}
		.fonctionnalities tr td.title h4 {
			width: 210px; 
			height: 12px;
			padding: 10px;
			background: #ece5e1;
			color:#3c3532;
		}