/* Copyright: Altocabo.com 
	Date: may 2012
	
	Colors swatch
	#F7BA17 - Orange
	#007DC5 - Blue
	#D9585A - Red
	#929497 - Grey
	#4B5E78 - Dark Grey
*/

body {	color: #000;
		background-image: url(../images/background3.png);
		font-family: Arial, Helvetica, sans-serif;
	}

#container_body {
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	border-radius: 20px;
	-moz-box-shadow: 3px 3px 2px 2px #000;
	-webkit-box-shadow: 3px 3px 2px 2px #000;
	box-shadow: 3px 3px 2px 2px #000;

}

/******* HEADER *******/

#logo {
	padding-left: 50px;
	float: left;
}
.search {
	float: right;
	margin: 0px;
	padding: 0px;
}

#inputSearch {
	background-image: url(../images/input_search.png);
	background-repeat: no-repeat;
	border: 0px none #FFF;
	height: 25px;
	width: 168px;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	display: inline-block;
	float: right;
}
#btnSearch {
	background-image: url(../images/btn_searcha.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	border: 0px none #FFF;
	display: inline-block;
	float: right;
	margin-right: 40px;
	cursor: pointer;
}

.search #form1 label {
	font-size: 11px;
	height: 21px;
	width: 48px;
	display: block;
	float: left;
	padding-top: 4px;
	margin-right: 0px;
	padding-left: 22px;
}

h1 { color: #007DC5;  /*#4b5e78*/
	margin-bottom: 10px; }
	
h2 { color: #4B5E78; }

h3 { color: #929497; }

p.intro {	font-style: italic;
			color: #000;
}

p.highlight { 	font-weight: bold; 
				color: #000;
			}

p.img-legend { margin-top: 0px;
				margin-bottom: 15px;
				font-size: 10px;

			}

h6 {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 6px;
	font-weight: normal;
}

a { 	font-weight: bold; color: #007DC5; }
a:hover{ color: #D9585A; text-decoration: none; }

reference-img { margin-left: 20px;}
p.reference-img-legend {	font-size: 10px;
					color:#929497;
					margin-top: 0px;
					margin-bottom: 5px;
					margin-left: 0px;
					margin-right: 0px;
				}



/******* SLIDER *******/
#slider {
	margin-top: 5px;
	margin-bottom: 0px;
}
#slider img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}


/******* Areas of Expertise *******/
#areas-expertise {
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
}

#boxes {
	display: block;
	margin-top: 0px;
	margin-bottom: 8px;
}
.boxe {
	padding-right: 2px;
	padding-left: 2px;
}

.area-background {	width: 175px;
					height: 307px;
					float: left;
					border-radius: 10px;
					margin: 0px 0px 0px 10px;
}
.area-content {	height: 250px;
				padding: 5px;
				border-radius: 10px;
				margin-bottom: 9px;
}
.area-content h1 {	text-align: center;
			margin-top: 10px;
			font-size: 14px;
			color: #FFF;
			height:40px;
}	
.area-content img { margin-left: 28px;
					margin-bottom: 10px;
}
.area-content p { color: #FFF; }

#area-1-background {
margin-left:12px;
background: rgb(0,125,197); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,125,197,1) 0%, rgba(0,100,158,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,125,197,1)), color-stop(100%,rgba(0,100,158,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,125,197,1) 0%,rgba(0,100,158,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,125,197,1) 0%,rgba(0,100,158,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,125,197,1) 0%,rgba(0,100,158,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,125,197,1) 0%,rgba(0,100,158,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dc5', endColorstr='#00649e',GradientType=0 ); /* IE6-9 */
}
#area-1-content {
background: rgb(0,100,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,100,158,1) 0%, rgba(0,125,197,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,100,158,1)), color-stop(100%,rgba(0,125,197,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,100,158,1) 0%,rgba(0,125,197,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,100,158,1) 0%,rgba(0,125,197,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,100,158,1) 0%,rgba(0,125,197,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,100,158,1) 0%,rgba(0,125,197,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00649e', endColorstr='#007dc5',GradientType=0 ); /* IE6-9 */
}

#area-2-background {
background: #f7ba17; /* Old browsers */
background: -moz-linear-gradient(top,  #f7ba17 0%, #c69512 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ba17), color-stop(100%,#c69512)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7ba17 0%,#c69512 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7ba17 0%,#c69512 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7ba17 0%,#c69512 100%); /* IE10+ */
background: linear-gradient(top,  #f7ba17 0%,#c69512 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ba17', endColorstr='#c69512',GradientType=0 ); /* IE6-9 */
}
#area-2-content {
background: #c69512; /* Old browsers */
background: -moz-linear-gradient(top,  #c69512 0%, #f7ba17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c69512), color-stop(100%,#f7ba17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c69512 0%,#f7ba17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c69512 0%,#f7ba17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c69512 0%,#f7ba17 100%); /* IE10+ */
background: linear-gradient(top,  #c69512 0%,#f7ba17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69512', endColorstr='#f7ba17',GradientType=0 ); /* IE6-9 */
}

#area-3-background {
background: #929497; /* Old browsers */
background: -moz-linear-gradient(top,  #929497 0%, #757779 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929497), color-stop(100%,#757779)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #929497 0%,#757779 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #929497 0%,#757779 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #929497 0%,#757779 100%); /* IE10+ */
background: linear-gradient(top,  #929497 0%,#757779 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929497', endColorstr='#757779',GradientType=0 ); /* IE6-9 */
}
#area-3-content {
background: #757779; /* Old browsers */
background: -moz-linear-gradient(top,  #757779 0%, #929497 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757779), color-stop(100%,#929497)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757779 0%,#929497 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757779 0%,#929497 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757779 0%,#929497 100%); /* IE10+ */
background: linear-gradient(top,  #757779 0%,#929497 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757779', endColorstr='#929497',GradientType=0 ); /* IE6-9 */
}

#area-4-background {
background: #d9585a; /* Old browsers */
background: -moz-linear-gradient(top,  #d9585a 0%, #6e2c2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9585a), color-stop(100%,#6e2c2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d9585a 0%,#6e2c2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d9585a 0%,#6e2c2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d9585a 0%,#6e2c2d 100%); /* IE10+ */
background: linear-gradient(top,  #d9585a 0%,#6e2c2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9585a', endColorstr='#6e2c2d',GradientType=0 ); /* IE6-9 */
}
#area-4-content {
background: #6e2c2d; /* Old browsers */
background: -moz-linear-gradient(top,  #6e2c2d 0%, #d9585a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e2c2d), color-stop(100%,#d9585a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6e2c2d 0%,#d9585a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6e2c2d 0%,#d9585a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6e2c2d 0%,#d9585a 100%); /* IE10+ */
background: linear-gradient(top,  #6e2c2d 0%,#d9585a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e2c2d', endColorstr='#d9585a',GradientType=0 ); /* IE6-9 */
}

#area-5-background {
background: #4b5e78; /* Old browsers */
background: -moz-linear-gradient(top,  #4b5e78 0%, #3c4b60 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b5e78), color-stop(100%,#3c4b60)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4b5e78 0%,#3c4b60 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4b5e78 0%,#3c4b60 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4b5e78 0%,#3c4b60 100%); /* IE10+ */
background: linear-gradient(top,  #4b5e78 0%,#3c4b60 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5e78', endColorstr='#3c4b60',GradientType=0 ); /* IE6-9 */
}
#area-5-content {
background: #3c4b60; /* Old browsers */
background: -moz-linear-gradient(top,  #3c4b60 0%, #4b5e78 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c4b60), color-stop(100%,#4b5e78)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3c4b60 0%,#4b5e78 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3c4b60 0%,#4b5e78 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3c4b60 0%,#4b5e78 100%); /* IE10+ */
background: linear-gradient(top,  #3c4b60 0%,#4b5e78 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c4b60', endColorstr='#4b5e78',GradientType=0 ); /* IE6-9 */
}

.area-background a {
	width: 140px;
	display: block;
	text-align: center;
	padding: 5px 0px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	border-radius: 10px;
	-webkit-box-shadow:  1px 1px 3px 1px rgba(00, 00, 00, 0.7);
    box-shadow:  1px 1px 3px 1px rgba(00, 00, 00, 0.7);
}

.area-background a:hover {
	-webkit-box-shadow:  1px 1px 1x 0px rgba(00, 00, 00, 0.7);
    box-shadow:  1px 1px 1px 0px rgba(00, 00, 00, 0.7);
}  
.box_1 a {
	background-image: url(../images/btn_1.png);
	height: 30px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
.box_1 a:hover {
	background-image: url(../images/btn_1_hover.png);
	}
.box_2 a {
	background-image: url(../images/btn_2.png);
	height: 30px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
.box_2 a:hover {
	background-image: url(../images/btn_2_hover.png);
	}
.box_3 a {
	background-image: url(../images/btn_3.png);
	height: 30px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
.box_3 a:hover {
	background-image: url(../images/btn_3_hover.png);
	}
.box_4 a {
	background-image: url(../images/btn_4.png);
	height: 30px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
.box_4 a:hover {
	background-image: url(../images/btn_4_hover.png);
	}
.box_5 a {
	background-image: url(../images/btn_5.png);
	height: 30px;
	width: 145px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
.box_5 a:hover {
	background-image: url(../images/btn_5_hover.png);
	}
#text_box {
	color: #FFC;
	width: 160px;
	height: 90px;
	display: block;
	margin-top: 15px;
}
/********** News **********/
.news {	background-color: #D9585A;
		width: 168px;
		height: 450px;
		border-radius: 10px;
		padding: 5px;
		margin-bottom: 10px;
}
.news h2 { color: #FFF; margin-bottom: 10px;}
.news-post {
	font-size: 11px;
}
.news-post p {
	text-align: justify;
	margin-bottom: 10px;
}
.news-post-title {
	font-weight: bold;
	color: #000;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.news-post-readmore {
	float: right;
	display: block;
}
.news-post-readmore:hover {
	background-image: url(../images/more_hover.png);
}
.news-post-separator {
	border-bottom: 1px dotted #000;
	display: block;
	height: 0px;
	margin: 10px 10px;
}

/********** A propose **********/
.about { width: 543px;
		height: 460px;
		border: 2px solid #007DC5;
		border-radius: 10px;
}

/********** Partners **********/

#partners {
	width: 173px;
	height: 460px;
	border: 2px solid #4B5E78;
	border-radius: 10px;
	margin-bottom: 10px;
}
#partners h2 {
color: #4B5E78;
margin-bottom: 10px;
}
#partners p {
	font-size: 11px;
	margin-bottom: 10px;
}
#partners-scrolling-logos {
	height: auto;
	width: auto;
}
#partners-scrolling-logos marquee {
	width: auto;
	height: 340px;
}
#partners-scrolling-logos img {
	margin: 15px auto;
	display: block;
}

/********** Customers **********/
.customers {	background-color: #007DC5;
		width: 168px;
		height: auto;
		border-radius: 10px;
		padding: 5px;
		margin-bottom: 10px;
		
}
.customers h3 {  color: #FFF; margin-bottom: 10px;}

.customers p { 	color: #FFF;
				margin-bottom: 2px;
				font-size: 11px;
				text-align: center;
				padding: 3px;
				/*border-bottom: 1px dashed #FFF;*/
}

.customers p:last{ margin-bottom: 2px;
				font-size: 11px;
				text-align: center;
				padding: 5px;
}

/********** Main Content **********/
#main-content { /* ex content_middle */
	border: 2px solid #007DC5;
	border-radius: 10px;
	height: auto;
	min-height: 460px;
	text-align: justify;
	width: 727px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.content_middle .grid_9 p {
	line-height: 17px;
}


.box_service_ap {
	background-image: url(../images/box_service_ap.jpg);
	display: block;
	height: 208px;
	width: 546px;
	margin-top: 5px;
	float: left;
	display: none;
}


.clearstyle {
	margin: 0px;
	display: block;
	clear: both;
}

#box_icone {
	display: block;
	height: 80px;
	width: 107px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 65px;
}
/* form */
.box_service_ap form {
	display: block;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	margin-top: 45px;
}
form #btn_demander {
	float: right;
	width: 150px;
	height: 25px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#name,#societe,#telephone,#email {
	height: 18px;
	width: 157px;
	margin-bottom: 10px;
}

.box_service_ap form textarea {
	float: right;
	display: block;
	width: 348px;
	height: 120px;
	margin-top: -136px;
	margin-bottom: 0px;
}
/******* END of SLIDER *******/



/******* Footer *******/
#footer {
	display: block;
	margin-top: 15px;
	height: 60px;
}
#footer p {
	font-size: 10px;
	line-height: 18px;
	margin: 0px;
}
#footer-logo{
	float: right;
}
#powered-by-logo {
	padding: 5px;
	vertical-align: middle;
}