@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'DIN';
  src: url('../fonts/din-regular-webfont.eot');
  src: local('☺'),
    url("../fonts/din-regular-webfont.woff") format("woff"),
    url("../fonts/DIN-Regular.otf") format("opentype"),
    url("../fonts/din-regular-webfont.svg#DIN") format("svg");
}

@font-face {
  font-family: 'DIN-med';
  font-weight: bolder; 
  src: url('../fonts/din-medium-webfont.eot');
  src: local('☺'),
    url("../fonts/din-medium-webfont.woff") format("woff"),
    url("../fonts/DIN-Medium.otf") format("opentype"),
    url("../fonts/din-medium-webfont.svg#DIN-med") format("svg");
}

@font-face {
  font-family: 'DIN';
  font-weight: bold;
  src: url('../fonts/din-bold-webfont.eot');
  src: local('☺'),
    url("../fonts/din-bold-webfont.woff") format("woff"),
    url("../fonts/DIN-Bold.otf") format("opentype"),
    url("../fonts/din-bold-webfont.svg#DIN") format("svg");
}

@font-face {
  font-family: 'DIN';
  font-style: italic;
  src: url('../fonts/din-itl-webfont.eot');
  src: local('☺'),
    url("../fonts/din-itl-webfont.woff") format("woff"),
    url("../fonts/DIN-Itl.otf") format("opentype"),
    url("../fonts/din-itl-webfont.svg#DIN") format("svg");
}
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/league_gothic-webfont.eot');
    src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league_gothic-webfont.woff') format('woff'),
         url('../fonts/league_gothic-webfont.ttf') format('truetype'),
         url('../fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.otf');
    src: url('../fonts/myriadpro-cond.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;

}

body					{ margin: 0px auto; padding: 0px; font-family:DIN, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; background: url(../images/main-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.wrapper				{ margin: 0px auto; padding: 0px; width: 960px;}
.clear					{ margin: 0px; padding: 0px; clear:both;}
img						{ border: 0px;}
a						{ text-decoration: none;}
h2						{ margin: 0px; padding: 0px;}
h3						{ margin: 0px; padding: 0px;}
h4						{ margin: 0px; padding: 0px;}
p						{ margin: 0px; padding: 0px;}
a:active 				{ -moz-outline-style: none; border:none; outline: none; }
a:focus 				{ -moz-outline-style: none; border:none; outline: none; }
a:visited				{ -moz-outline-style: none; border:none; outline: none; }
.margin-rightnone		{ margin-right: 0px !important;}
.margin-leftnone		{ margin-left: 0px !important;}

/****************************************/
/*             Top section              */
/****************************************/
.errormsg{ color:#990000; font-size:14px; padding:3px;}
.header					{ margin-top: 0px; padding-top: 53px; background:url(../images/header-bg.png) repeat-x; height: 37px;}
.logo					{ margin-top: -50px; padding: 0px; position: absolute; float: left; z-index: 10;}
/*.logo img				{ 
							-webkit-transition: all 0.5s ease-out;
							-moz-transition: all 0.5s ease;
							-o-transition: all 0.5s ease;
						}
.logo img:hover			{ 
							-webkit-transform: rotate(-15deg);
							-moz-transform: rotate(-15deg);
							-o-transform: rotate(-15deg);
						}*/
ul.main-menu			{ margin: 0px; padding: 0px; list-style: none; text-align: center; font-family:DIN, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; font-size: 16px;}
ul.main-menu li			{ margin: 0px; padding: 0px; display: inline;}
ul.main-menu li	a		{ margin: 0px 17px; padding: 0px; color: #c4c4c4; }
ul.main-menu li	a:hover,ul.main-menu li	a.selected{ color: #fff;}


/****************************************/
/*            Middle section             */
/****************************************/
.middle					{ margin: 0px; padding-top: 42px; min-height: 307px; padding-bottom:50px;}
.container				{ margin: 0px; padding: 0px;}
ul.main-list			{ margin-top: 40px; padding: 0px; list-style: none; float: right; width: 740px;}
ul.main-list li			{ margin: 0px 7px 5px 0px; padding: 0px; float: left;}
ul.main-list li a.approche{ background: url(../images/approche.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.approche:hover{ background-position:0 bottom;}
ul.main-list li a.blog{ background: url(../images/blog.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.blog:hover{ background-position:0 bottom;}
ul.main-list li a.contact{ background: url(../images/contact.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.contact:hover{ background-position:0 bottom;}
ul.main-list li a.equipe{ background: url(../images/equipe.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.equipe:hover{ background-position:0 bottom;}
ul.main-list li a.offre{ background: url(../images/offre.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.offre:hover{ background-position:0 bottom;}
ul.main-list li a.extra{ background: url(../images/ref.png) no-repeat 0 0; overflow:hidden; text-indent:9999px; width: 240px; height: 240px; float: left;}
ul.main-list li a.extra:hover{ background-position:0 bottom;}



.content				{ margin: 0px; padding: 0px; text-align: center; }
.portfolio				{ margin: 0 32px 0 0; padding: 113px 0px 0px 0px;  width: 768px; height: auto; float: right; position: relative; border:2px #CCCCCC solid; background:#f7f7f7; padding:30px;  font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; color: #363636; }
.contactus				{ margin: 0 32px 0 0; padding: 113px 0px 0px 0px;  width: 800px; height: auto; float: right; position: relative; border:2px #CCCCCC solid; background:#f7f7f7; padding:30px;}





.content h2				{ margin-bottom: 30px; padding: 0px; font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; font-size: 28px; color: #000000;}
.portfolio p			{ margin: 0px auto; padding: 5px 0px; font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; color: #363636;  line-height: 19.31px; width:625px; text-align:justify;}
.portfolio ul 			{ margin: 0px auto; padding: 20px 0px; list-style: none; width: 625px; text-align: center;}
.portfolio ul li		{ margin: 0px 15px 15px 0px; padding: 7px; float: left; background: #ffffff; width: 177px; height: 112px; border: solid 1px #e7e6e6; 
							box-shadow: #c7c6c6 0px 1px 2px;
						  -moz-box-shadow: #c7c6c6 0px 1px 2px;
						  -webkit-box-shadow: #c7c6c6 0px 1px 2px;}
.portfolio h3				{ font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; font-size: 19px; color: #000000; width:625px; text-align:justify;  padding: 5px 0; margin: 0px auto;}
.reference_main 		{width:665px; text-align:justify;  padding: 0 0px 0px 20px;  margin: 0px auto;}
.reference 				{ border:2px #eeeeee solid; margin:3px; float:left; width:206px; height:66px;}
.reference img			{ margin:3px;}

.contactus p			{ margin: 0px auto; padding: 5px 0px; font-size: 14px; color: #363636; line-height: 19.31px;}
.contactus p img		{ margin: 3px 0px 0px 10px; position: absolute;}
.contactus table 		{ margin: 0px; padding: 0px; font-size: 14px; }
/*.contactus table tr td label		{ margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #363636;}
*/.contactus table tr td input[type="text"],input[type="password"]		{ margin: 0px; padding: 0px 5px; background: #FFFFFF;  height: 31px;  border: none; border: solid 1px #e0e0e0;}
.contactus table tr td textarea	{ margin: 0px; padding: 0px 5px; background:url(../images/text-area.jpg) no-repeat; width: 298px; height: 192px; border: none; border: solid 1px #e0e0e0;}
.contactus table tr td input[type="text"]:focus,input[type="password"]:focus{ border: solid 1px #363636;}
.contactus table tr td textarea:focus			{ border: solid 1px #363636;}
.contactus table tr td input[type="submit"]		{ margin: 0px; padding: 0px 0px 4px 0px; background:url(../images/send-btn.png) repeat-x; width: 106px; height: 33px; font-weight:bold; color: #363636; border: none; float: left;}


ul.social-list			{ margin-top: 40px; padding: 0px; list-style: none; float: left;}
ul.social-list li		{ margin: 0px 6px 0px 0px; padding: 0px; display: inline;}


.blog-page				{ margin: 0 32px 0 0; padding: 113px 0px 0px 0px; background:url(../images/blog-bg.png) no-repeat; width: 838px; height: 724px; float: right; position: relative;}
.blog-info				{ margin: 0px 0px 43px 80px; padding: 0px; background:url(../images/blog-info-label.png) no-repeat; width: 615px; height: 33px; line-height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.blog-info	span		{ color: #717171 !important;}
.blog-left-part			{ margin: 0px 37px 0px 135px; padding: 0px; float: left; width: 212px; }
.blog-left-part img		{ border: solid 8px #dbdbdb; 
						box-shadow: #dad9d9 6px 5px 6px;
						  -moz-box-shadow: #dad9d9 6px 5px 6px;
						  -webkit-box-shadow: #dad9d9 6px 5px 6px;}
.blog-left-part a.read-more{ margin-top: 28px; margin-left: 8px; padding: 0px 0px 3px 0px; background:url(../images/read-more-btn.png) no-repeat; width: 92px; height: 28px; line-height: 21px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; display: block; float: left;}
.blog-right-part		{ margin: 0px; padding: 0px; float: left; width: 332px;}
.blog-page p			{ margin: 0px 0px 35px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify; line-height: 24px;}

ul.pagination			{ margin-top: 30px; padding: 0px; list-style: none; font: Arial, Helvetica, sans-serif; font-size: 14px;}
ul.pagination li		{ margin: 0px; padding: 0px; display: inline;}
ul.pagination li a		{ margin: 0px 9px 0px 0px; padding: 6px 10px; background: #efefef; border: solid 1px #d4d4d4; color: #302f2f;}
ul.pagination li a:hover,ul.pagination li a.active		{ background: #259be4; border: solid 1px #1b7db9; color: #fff;}
/****************************************/
/*            Bottom section             */
/****************************************/
.footer						{ margin: 0px; padding: 0px; background:url(../images/footer-bg.png) repeat-x; height: 93px;}
.footer-menu				{ width:400px; float:left; margin-left:90px;}
.footer-menu ul				{ margin: 0px; padding: 0px; list-style: none; }
.footer-menu li			{	 margin: 0px; padding: 5px;  float:left;}
.footer-menu li a			{ margin: 0px; padding: 0px;}
.footer-menu li a:hover,ul.main-menu li a.selected{ margin: 0px; padding: 0px;}
.site-info					{ margin: 5px 30px 0 0; padding: 0px;float:right; text-align:right; width:400px; color:#ffffff; font-size:14px;}
.site-info a{color:#ffffff; font-size:12px;}

.error					{color:#FF0000; font-size:12px;}
#contact				{font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans;  color: #000000; width:665px;   padding: 5px 0; margin: 0px auto;}
#contact .map			{ float:left; width:420px;}
#contact .text			{ float:left; width:170px; padding-left:20px;}
.seperator				{ border-bottom:2px dotted #cccccc; width:645px; padding: 0px 0; margin: 0px auto;}
#contact1				{font-family:DIN-MID, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans;  color: #000000; width:665px;   padding: 5px 0; margin: 0px auto;}

.adwords p			{ margin: 0px auto; padding: 5px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11.26px; color: #363636; line-height: 19.31px;}
.adwords p img		{ margin: 3px 0px 0px 10px; position: absolute;}
.adwords table 		{ margin: 0px; padding: 0px; margin-left:10px;}
/*.contactus table tr td label		{ margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #363636;}
*/.adwords table tr td input[type="text"]		{ margin: 0px; padding: 0px 5px; background:url(../images/text-box.jpg) no-repeat; width: 278px; height: 31px; line-height: 31px; border: none; border: solid 1px #e0e0e0;}
.adwords table tr td textarea	{ margin: 0px; padding: 0px 5px; background:url(../images/text-area.jpg) no-repeat; width: 278px; height: 192px; border: none; border: solid 1px #e0e0e0;}
.adwords table tr td input[type="text"]:focus{ border: solid 1px #363636;}
.adwords table tr td textarea:focus			{ border: solid 1px #363636;}
.adwords table tr td input[type="submit"]		{ margin: 0px; padding: 0px 0px 4px 0px; background:url(../images/send-btn.png) no-repeat; width: 106px; height: 33px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #363636; border: none; float: left;}

.adwordsv2 p			{ margin: 0px auto; padding: 5px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11.26px; color: #363636; line-height: 19.31px;}
.adwordsv2 p img		{ margin: 3px 0px 0px 10px; position: absolute;}
.adwordsv2 table 		{ margin: 0px; padding: 0px; margin-left:10px;}
/*.contactus table tr td label		{ margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #363636;}
*/.adwordsv2 table tr td input[type="text"]		{ margin: 0px; padding: 0px 5px; background:url(../images/text-box.jpg) no-repeat; width: 208px; height: 31px; line-height: 31px; border: none; border: solid 1px #e0e0e0;}
.adwordsv2 table tr td textarea	{ margin: 0px; padding: 0px 5px; background:url(../images/text-area.jpg) no-repeat; width: 208px; height: 152px; border: none; border: solid 1px #e0e0e0;}
.adwordsv2 table tr td input[type="text"]:focus{ border: solid 1px #363636;}
.adwordsv2 table tr td textarea:focus			{ border: solid 1px #363636;}
.adwordsv2 table tr td input[type="submit"]		{ margin: 0px; padding: 0px 0px 4px 0px; background:url(../images/send-btn.png) no-repeat; width: 106px; height: 33px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #363636; border: none; float: left;}

.tableborder{ border:1px solid #999999; }
.anchorclass{color: #0099CC;}
.tableborder a{color: #0066CC;
		
		line-height:20px;}
.blulink{color: #0066CC;}
.tableborder a:hover{ text-decoration:underline;}

#sddm
{	margin: 0px;  list-style: none; text-align: center; font-family:DIN, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; font-size: 16px;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left; 
}

#sddm li a
{	display: block;
padding:0 10px 0 10px;font-family:DIN, Calibri, "Myriad Pro", Helvetica, Arial, "Droid Sans", Sans-serif, Sans; font-size: 16px;
margin: 0px 17px; padding: 0px; color: #c4c4c4;
	}

#sddm li a:hover
{	opacity:0.8;filter: alpha(opacity = 80) ;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 10px;
	width:200px;
	border: 0px solid #5970B2; opacity:0.8;filter: alpha(opacity = 80) ; background:url(../images/bottombg.jpg) repeat-x bottom; background-color:#fefefe; z-index:1001;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-left:15px ;
		background:url(../images/arrow.jpg) no-repeat;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-color: #fefefe;
		color: #323232;
		font: 12px arial;
		line-height:20px; border-bottom:1px solid #dfdfdf;}

	#sddm div a:hover
	{	text-decoration: underline;background:url(../images/arrow.jpg) no-repeat;
		}
		
#container .pagination,#containerad .pagination{ 
width: auto;
height: 25px; 
} 
#container .pagination ul li,#containerad .pagination ul li{ 
list-style: none; 
float: left; 
border: 1px solid #000; 
padding: 2px 6px 2px 6px; 
margin: 0 2px 0 2px; 
font-family: arial; 
font-size: 11px; 
color: #000; 
font-weight: bold; 
background-color: #e5e5e5; 
} 
#container .pagination ul li:hover,#containerad .pagination ul li:hover{ 
color: #fff; 
background-color: #000; 
cursor: pointer; 
} 
#container1 .pagination ul li.inactive, 
#container1 .pagination ul li.inactive:hover{ 
background-color:#ededed; 
color:#bababa; 
border:1px solid #bababa; 
cursor: default; 
} 
#container1 .data ul li{ 
list-style: none; 
font-family: verdana; 
margin: 5px 0 5px 0; 
color: #000; 
font-size: 13px; 
} 

#container1 .pagination{ 
width: auto; 
height: 25px; 
} 
#container1 .pagination ul li{ 
list-style: none; 
float: left; 
border: 1px solid #000; 
padding: 2px 6px 2px 6px; 
margin: 0 2px 0 2px; 
font-family: arial; 
font-size: 11px; 
color: #000; 
font-weight: bold; 
background-color: #e5e5e5; 
} 
#container1 .pagination ul li:hover{ 
color: #fff; 
background-color: #000; 
cursor: pointer; 
} 
#container td,#container1 td{ text-align:left; padding-left:5px;}
.alignleft td{text-align:justify; padding:5px;}
.tdborder{ border:1px solid #e1e1e1;}
.alignright{ text-align:right;}
.pad5p{ padding:5px;}