@charset "utf-8";
/* Layout */
html {
	overflow-y: scroll;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f5f5f5;
	
}
a.lnk_nrml:link, a.lnk_nrml:visited {
	color: #1375ce;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
a.lnk_nrml:hover {
	color: #1375ce;
	text-decoration: underline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
p.nrml {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 12px;
	color: #404040;
	line-height: 20px;
	margin-bottom: 13px;
}
p.note {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #404040;
	padding-left: 10px;
	padding-bottom: 2px;
}
h1.sml_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #939393;
}


.Wrapper{}
.container{
	width: 1000px;
	padding-top: 28px;
}
.body {
	width: 960px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
.header .top {
	padding-bottom: 15px;
}
.header .logo {
	height: 83px;
	width: 248px;
	float: left;
}
.header .xtra {
	height: 83px;
	width: 700px;
	float: left;
	background-image: url(../img/logo_ank_ar.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

.footer{
	height: 50px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
}
.footer .cpr {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #6b6b6b;
	margin-left: 10px;
}

.mainNav {
	height: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #0055a5;
	font-family: Arial, Helvetica, sans-serif;
}
.mainNav ul li {
	float: left;
	text-decoration: none;
}
.mainNav ul li a:link,.mainNav ul li a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	padding-right: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 12px;
}
.mainNav ul li a:hover, .mainNav ul li a.current {
	color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: url(../img/pus_nav_cur.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#home .screen {
	margin-top: 4px;
	height: 288px;
	width: 960px;
}
#home .content {
	margin-top: 26px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
	padding-bottom: 30px;
}

#home .content .leftCol {
	float: left;
	width: 680px;
	padding-left: 17px;
	padding-right: 21px;
}
#home .content .rightCol {
	width: 221px;
	float: left;
}
#home h1.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0055a5;
	margin-bottom: 13px;
}
#home p.welcome {
	padding-right: 30px;
}
#home .qk {
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
	padding-top: 10px;
}
#home .qk .goto{
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
}
#home h1.sml_grey {
	margin-left: 10px;
	margin-bottom: 3px;
}
#home .activites img {
	margin-bottom: 10px;
	margin-left: 13px;
}
#home .activites img.alpha {	
	margin-left: 0px;
}
#home .gd-right {
	width: 219px;
	border: 1px solid #dbdbdb;
	margin-bottom: 12px;
}
#home .gd-right h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #e51b24;
	background-color: #fafaf8;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#home .gd-right .pic{
	text-align: center;
	background-color: #ececec;
}
#home .gd-right p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #4a4a4a;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e1e1e1;
}
#page .content {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	padding-left: 6px;	
	padding-bottom: 60px;
	padding-top: 25px;
}
#page h1.nrml-b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0055a5;
	margin-bottom: 13px;
}
#page  p.nrml {
	font-size: 12px;
	line-height: 20px;
	color: #404040;
}
#page  .gd-activites {
	padding: 10px;
	margin-bottom: 30px;
}
#page  .gd-activites img{
	margin-left: 12px;
	margin-top: 10px;
}
#page ul.list {
	margin-left: 12px;
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}
#page ul.list li{
	background-image: url(../img/arrow_right.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 4px;
	line-height: 18px;
}
#page .nrml-p {
	padding-right: 30px;
}
#page h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}
#page .section {
	margin-bottom: 10px;
}
#page .about {
	background-image: url(../img/left-right-bg.gif);
	background-repeat: repeat-y;	
}
#page .about .leftCol{
	width: 225px;
	float: left;
	min-height: 500px;
	padding-bottom: 40px;
}
#page .about .rightCol{
	width: 706px;
	float: left;
	padding-left: 14px;
}

#page .about .historique {
	width: 480px;
	float: left;
	margin-right: 20px;
}
#page .about .about_pic_r {
	float: left;
	padding-top: 35px;
}
#page .about .team {
	width: 137px;
	float: left;
	margin-top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;		
}
#page .about .team .pic {
	height: 159px;
	width: 137px;
	border: 1px solid #d5d5d5;
	background-image: url(../img/team.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#page .clients {
	background-image: url(../img/center-bg.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 22px;
}
ul.clients-list {

}
ul.clients-list li {
	border: thin solid #cfcfcf;
	height: 121px;
	width: 222px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}

ul.clients-pic-list {

}
ul.clients-pic-list li {
	height: 240px;
	width: 297px;
	float: left;
	margin-left: 8px;
	margin-bottom: 5px;
}
ul.clients-pic-list li .frm {
	width: 297px;
	padding-top: 12px;
	padding-left: 12px;
	background-image: url(../img/refpic_bg.gif);
	background-repeat: no-repeat;

}
ul.clients-pic-list li img {	
	height: 150px;
	width: 271px;	
}
ul.clients-pic-list li h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #010101;
	padding-top: 10px;
	padding-bottom: 15px;
}
ul.clients-pic-list li p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #292929;
	width: 200px;
	
}
#page .solutions {
	background-image: url(../img/center-bg.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 22px;
}

#page .solutions h2.nrml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #202020;
}
#page .solutions  ul.services-section {
	height: 160px;
	padding-left: 40px;
	padding-top: 40px;
}
#page .solutions  ul.services-section li{
	width: 250px;
	float: left;
	margin-right: 40px;
}
#page .solutions  ul.services-section li .pic{
	height:42px;
}

#page .solutions  ul.services-section li .etude{
	height: 42px;
	background-image: url(../img/etude-conseil.jpg);
	background-repeat: no-repeat;
}
#page .solutions  ul.services-section li .installation{
	height: 42px;
	background-image: url(../img/installation.jpg);
	background-repeat: no-repeat;
}
#page .solutions  ul.services-section li .assistance{
	height: 42px;
	background-image: url(../img/assistance.jpg);
	background-repeat: no-repeat;
}
#page .solutions  ul.services-section li .description{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	line-height: 18px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#page .solutions .solutions-section ul.items {
	margin-bottom: 30px;
	min-height: 250px;
	
	
}

#page .solutions .solutions-section ul.items li.item {
	clear: both;
	background-image: url(../img/sol-items-bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 30px;
}

#page .solutions .solutions-section ul.items li.item .Col-1 {
	float: left;
	width: 170px;
	padding-top: 40px;
	padding-bottom: 20px;
}
#page .solutions .solutions-section ul.items li.item .Col-2 {
	float: left;
	width: 240px;
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 30px;
	
}

#page .solutions .solutions-section ul.items li.item .Col-2 ul.products li {
	background-image: url(../img/pus_dots.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position: left 7px;
	line-height: 20px;
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#page .solutions .solutions-section ul.items li.item .Col-3 {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	width: 470px;

}

#page .solutions .solutions-section ul.items li.item .part-logo{
	margin-top:20px;
}

#page .contact {
	background-image: url(../img/left-right-bg.gif);
	background-repeat: repeat-y;	
}
#page .contact .leftCol{
	width: 225px;
	float: left;
	min-height: 500px;
	padding-bottom: 40px;
}
#page .contact .rightCol{
	width: 706px;
	float: left;
	padding-left: 14px;
}
#page .contact .nous-joindre ul.items  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 450px;
	margin-top: 50px;
}
#page .contact .nous-joindre ul.items li {
	padding-left: 65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 53px;
	padding-top: 12px;
}
#page .contact .nous-joindre ul.items li h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0055a5;		
}
#page .contact .nous-joindre ul.items li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5C5C5C;
	padding-top: 2px;
}

#page .contact .nous-joindre ul.items li.address {
	background-image: url(../img/ic_address.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page .contact .nous-joindre ul.items li.phone {
	background-image: url(../img/ic_phone.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page .contact .nous-joindre ul.items li.mobile {
	background-image: url(../img/ic_mobile.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page .contact .nous-joindre ul.items li.email {
	background-image: url(../img/ic_email.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page .contact .nous-joindre ul.items li.skype {
	background-image: url(../img/ic_skype.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#page .contact .nous-joindre ul.items li.facebook {
	background-image: url(../img/ic_facebook.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

#page .technique {
	background-image: url(../img/left-right-bg.gif);
	background-repeat: repeat-y;	
}
#page .technique .leftCol{
	width: 225px;
	float: left;
	min-height: 500px;
	padding-bottom: 40px;
}
#page .technique .rightCol{
	width: 706px;
	float: left;
	padding-left: 14px;
}
#page .technique .nous-joindre ul.items  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 650px;
	margin-top: 50px;
	margin-left: 20px;
}
#page .technique .nous-joindre ul.items li {
	padding-left: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 12px;
	min-height: 100px;
	padding-bottom: 5px;
}
#page .technique .nous-joindre ul.items li.schemas {
	background-image: url(../img/tit_schemas.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#page .technique .nous-joindre ul.items li.etudes {
	background-image: url(../img/tit_etudes.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#page .technique .nous-joindre ul.items li.catalogues {
	background-image: url(../img/tit_catalogues.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#page .technique .nous-joindre ul.items li.normes {
	background-image: url(../img/tit_normes.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

#page .technique .nous-joindre ul.items li.informations {
	background-image: url(../img/tit_informations.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
#page .technique .nous-joindre ul.items li h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0055a5;		
}
#page .technique .nous-joindre ul.items li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5C5C5C;
	padding-top: 2px;
}
#page .technique .nous-joindre ul.items li p.pdf {
	background-image: url(../img/ic_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	
}
#page .technique .nous-joindre ul.items li .lnk_nrml {
	font-size: 12px;
}

#page .qualite {
	background-image: url(../img/center-bg.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 22px;
}

#page .qualite h2.nrml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #202020;
}
.qualite-section {
	text-align:center;	
}
.qualite-section .item {
	width: 234px;
	display:inline-block;
	text-align:left;
	margin:10px;
}
.qualite-section .item .pic {
	background-image: url(../img/qualite-att-bg.gif);
	background-repeat: no-repeat;
	height: 327px;
	width: 234px;
	padding-top:2px;
	padding-left:3px;
}
.qualite-section .item .title {
	margin-top:5px;
	text-align:center;
	font-size:16px;	
	width: 230px;
	color:#333333
}
.qualite-section .item .title a.lnk_nrml:link, .qualite-section .item .title a.lnk_nrml:visited {
	font-size: 16px;
}
