/***** GENERAL START *****/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	color:#FFFFFF;
	background:url('../images/bg/body.gif') #000000 repeat-x top left;
}

a,
a:link,
a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

a:focus,
a:active{
	outline: none;
}

*{
	margin:0px;
	padding:0px;
	border:0px;
}

.killer{
	clear:both;
	height:1px
}

.global{
	width:955px;
	margin:0px auto;
}

.erreur{
	position:absolute;

	width: 349px;
	height: 143px;
	padding: 50px 20px 0px 20px;
	background:url('../images/bg/erreur.gif') top no-repeat;
	text-align:center;
}

/***** GENERAL END *****/

/***** HEADER START *****/

.header{
	background:url('../images/bg/mast.jpg') no-repeat top left;
	height:95px;
	font-size:11px;
}

.login{
	float:right;
	margin:10px 0px 0px 0px;
}

.input_client{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#656363;
	border:1px solid #8F8F8F;
	padding:1px 2px;
	margin-left:5px;
}

.input_bt{
	vertical-align:top;
	margin:1px 0px 0px 5px;
}

.loose_pass{
	font-size:10px;
	color:#B9B8B8;
	text-align:right;
	padding:2px 27px 0px 0px;
}


.loose_pass a,
.loose_pass a:link,
.loose_pass a:visited{
	color:#B9B8B8;
	text-decoration:underline;
}

.loose_pass a:hover{
	color:#B9B8B8;
	text-decoration:none;
}

.version{
	font-size:10px;
	color:#B9B8B8;
	text-align:right;
	padding:34px 0px 0px 0px;
}

.version a{
	color:#FFFFFF;
	text-decoration:none;

}
.version a:link, 
.version a:visited{ 
	color:#FFFFFF;
	text-decoration:none;
}

.version a:hover{
	color:#FF951A;
	text-decoration:none;
}

.logo{
	position:absolute;
}

.header h1{
	position:absolute;
	margin:71px 0px 0px 7px;
	padding:0;
	letter-spacing:2px;
	font-size:11px;
	font-weight:normal;
}

.header h1 a{
	color:#FFFFFF;
	text-decoration:none;
}
.header h1 a:link,
.header h1 a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.header h1 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.nav{
	height:21px;
	margin:1px 0px;
	font-size:11px;
}

.nav a{
	display:block;
	background:url('../images/nav-separ.gif') right no-repeat;
	float:left;
	padding:3px 10px 4px 10px;
	text-decoration:none;
	color: #FFFFFF;
}

.nav a:link,
.nav a:visited{
	text-decoration:none;
}

.nav a span{
	color:#BCB7B1;
}

.nav a:hover,
.nav a:hover span,
.nav #active{
	color:#FF5A00;
}

.nav .last{
	background:none;
}

.nav img{
	float:left;
}

/***** HEADER END *****/

/***** HOME START *****/

.home{
	width: 955px;
	background:url('../images/bg/home.jpg') top no-repeat;
	padding: 0 0 20px 0;
}

.home .news{
	width: 194px;
	height: 200px;
	padding: 0 40px 0 30px;
	margin-top: 110px;
	float:left;
	color:#000000;
}

.home .news .ttl{
	font-size: 26px;
	color: #FF5A00;
	margin-bottom: 5px;
}

.home .news span{
	display:block;
	color: #6A5535;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 5px;
}

.home .news a,
.home .news a:link,
.home .news a:visited{
	color: #000000;
}



.home .realisation{
	width: 545px;
	height: 289px;
	margin-top: 40px;
	float:left;
}

.home .left{
	width: 208px;
	height:160px;
	background:url('../images/bg/home-left.gif') bottom no-repeat;
	margin-top: 83px;
	padding: 0 30px;
	float:left;
	color: #FFFFFF;
	text-align:justify;
}

.home .center{
	width: 320px;
	margin-top: 83px;
	padding: 0 20px;
	float:left;
	color: #FFFFFF;
	text-align:justify;
}

.home .right{
	width: 280px;
	margin-top: 83px;
	padding: 0 0 0 20px;
	float:left;
	color: #FFFFFF;
	text-align:justify;
}

.home h2{
	font-size:20px;
	color: #FF5A00;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight:normal;
}

.home ul{
	margin: 5px 0;
	padding:0;
}

.home li{
	list-style:none;
	background:url('../images/li.gif') left top no-repeat;
	margin: 0;
	padding:0 0 0 12px;
}

.home .list_niv2 li{
	list-style:none;
	margin: 0 0 0 40px;
	background:url('../images/li-niv2.gif') left top no-repeat;
	padding:0 0 0 12px;
}

.home li a,
.home li a:link,
.home li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.home li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.home .li_br{
	margin-top: 10px;
}

.home a,
.home a:link,
.home a:visited{
	color:#FF5A00;
}

.home strong{
	color:#FF5A00;
}

/***** HOME END *****/

/***** PAGE CONTENU START *****/

.page_content h1{
	color:#FF5A00;
	font-size: 24px;
	font-weight:normal;
	margin: 0 0 10px 0;
	padding:0;
}

.page_content h2{
	color:#ff9519;
	font-size: 18px;
	font-weight:normal;
	margin: 10px 0;
	padding:0;
}

.page_content strong{
	color:#CFC1AB;
}

.page_content ul{
	margin: 5px 0;
	padding:0;
}

.page_content li{
	list-style:none;
	background:url('../images/li.gif') left top no-repeat;
	margin: 0 0 0 20px;
	padding:0 0 0 12px;
}

.page_content .list_niv2 li{
	list-style:none;
	margin: 0 0 0 40px;
	background:url('../images/li-niv2.gif') left top no-repeat;
	padding:0 0 0 12px;
}

/***** PAGE CONTENU END *****/

/***** AGENCE START *****/

.agence{
	width: 525px;
	height: 787px;
	padding: 40px 390px 0 40px;
	background:url('../images/bg/agence.jpg') top no-repeat;
	text-align:justify;
}

/***** AGENCE END *****/

/***** REFERENCES START *****/

.references{
	width: 955px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
}

.references .ttl{
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
}

.references .details{
	color:#FFFFFF;
	padding:10px 0 0 0;
	border-top:1px solid #313131;
	margin:15px 0 0 0;
}

.references .details strong{
	color:#fa5f02;
}

.references .details p{
	margin:0;
	padding:4px 0 18px 0;
}

.references .details ul{
	margin: 5px 0 15px 0;
}

.references .details li{
	margin: 0 0 0 0;
}

.references .url_link{
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
	padding:5px 5px 5px 0;
	text-align:right;
}

.references .url_link a,
.references .url_link a:link,
.references .url_link a:visited{
	font-size:10px;
	color:#a8a2a4;
	text-decoration:none;
}
.references .url_link a:hover{
	color:#fa5f02;
	text-decoration:none;
}


/***** REFERENCES END *****/



/***** CONTACT START *****/

.contact{
	width: 955px;
	height: 641px;
	padding: 0px 0px 0 0px;
	background:url('../images/bg/contact.jpg') top no-repeat;
}

.contact .left{
	float:left;
	width: 285px;
	padding: 80px 0 0 25px;
}

.star{
	position:absolute !important;
	display:block !important;
	width:260px !important;
	text-align:right !important;
	color:#FFFFFF !important;
	font-size:10px !important;
	
	margin:5px 0px 0px 0px !important;
}

.contact .right{
	float:left;
	padding: 140px 0 0 200px;
	color:#000000;
	font-size:11px;
}

.contact .right a,
.contact .right a:link,
.contact .right a:visited{
	color:#000000;
}

.contact .left strong{
	font-size:14px;
	display:block;
	padding: 2px 0 0 30px;
	color:#FFFFFF;
}

.contact .left span{
	font-size:9px;
}

.contact_tab{
	margin: 30px 0 0 5px;
}

.contact_tab td{
	padding: 7px 0;
	vertical-align:top;
}

.contact_tab .input_contact{
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:1px solid #333333;
	padding:1px 2px;
	font-size:11px;
}

#fixed{
	margin:0;
	padding:0;
	position:absolute;
	z-index:3000;
	background-color:#000;
	display:none;
}

#message_error{
	z-index:3001;
	display:none;
}

/***** CONTACT END *****/


/***** CONTACT-IL START *****/

.contact_il{
	width: 955px;
	height: 641px;
	padding: 0px 0px 0 0px;
	background:url('../images/bg/contact-il.jpg') top no-repeat;
}

.contact_il .left{
	float:left;
	width: 285px;
	padding: 80px 0 0 25px;
}

.contact_il .right{
	float:left;
	padding: 145px 0 0 200px;
	color:#000000;
	font-size:11px;
}

.contact_il .right a,
.contact_il .right a:link,
.contact_il .right a:visited{
	color:#000000;
}

.contact_il .left strong{
	font-size:14px;
	display:block;
	padding: 2px 0 0 30px;
	color:#FFFFFF;
}

.contact_il .left span{
	font-size:9px;
}

/***** CONTACT-IL END *****/


/***** CONSEIL START *****/

.conseil{
	width: 915px;
	height: 538px;
	padding: 30px 0 0 40px;
	background:url('../images/bg/conseil.jpg') top no-repeat;
	text-align:justify;
}

.conseil .left{
	float:left;
	width: 240px;
	padding-right: 50px;
}

.conseil .middle{
	width: 230px;
	padding-right: 70px;
	float:left;
}

.conseil .right{
	width: 220px;
	float:left;
}

/***** CONSEIL END *****/


/***** MARKETING START *****/

.marketing{
	width: 465px;
	height: 609px;
	padding: 40px 460px 0 30px;
	background:url('../images/bg/marketing.jpg') top no-repeat;
}

/***** MARKETING END *****/

/***** DESIGN START *****/

.design{
	width: 515px;
	height: 790px;
	padding:60px 330px 0 110px;
	background:url('../images/bg/design.jpg') top no-repeat;
}

.design .web_design{
	width: 450px;
	margin: 270px 0 0 30px;
}

/***** DESIGN END *****/

/***** ANIMATION START *****/

.animation{
	width: 475px;
	height: 505px;
	padding: 50px 430px 0 50px;
	background:url('../images/bg/animation.jpg') top no-repeat;
}

/***** ANIMATION END *****/

/***** INTEGRATION START *****/

.integration{
	width: 575px;
	height: 620px;
	padding: 40px 250px 0px 130px;
	background:url('../images/bg/integration.jpg') top no-repeat;
}

.integration .texte1{
	width: 415px;
	text-align:justify;
}

.integration .texte2{
	width: 245px;
	padding: 20px 0 0 180px;
	text-align:justify;
}

.integration .texte3{
	padding: 20px 0 0 180px;
	text-align:justify;
}

/***** INTEGRATION END *****/

/***** INTEGRATION_EN START *****/

.integration_en{
	width: 575px;
	height: 620px;
	padding: 40px 250px 0px 130px;
	background:url('../images/bg/integration_en.jpg') top no-repeat;
}

.integration_en .texte1{
	width: 415px;
	text-align:justify;
}

.integration_en .texte2{
	width: 245px;
	padding: 20px 0 0 180px;
	text-align:justify;
}

.integration_en .texte3{
	padding: 20px 0 0 180px;
	text-align:justify;
}

/***** INTEGRATION_EN END *****/

/***** DEVELOPPEMENT START *****/

.developpement{
	width: 825px;
	height: 561px;
	padding: 150px 70px 0 60px;
	background:url('../images/bg/developpement.jpg') top no-repeat;
	text-align:justify;
}

.developpement .left{
	float:left;
	width: 370px;
	padding-right: 60px;
}

.developpement .right{
	width: 360px;
	float:left;
}

/***** DEVELOPPEMENT END *****/

/***** REFERENCEMENT START *****/

.referencement{
	width: 915px;
	height: 720px;
	padding: 30px 0 0 40px;
	background:url('../images/bg/referencement.jpg') top no-repeat;
	text-align:justify;
}

.referencement .left{
	float:left;
	width: 410px;
	padding-right: 50px;
}

.referencement .right{
	width: 400px;
	float:left;
}

/***** REFERENCEMENT END *****/

/***** PLAN START *****/

.plan{
	width: 955px;
	height: 640px;
	padding: 30px 0 0 0;
	background:url('../images/bg/plan.jpg') top no-repeat;
}

.plan a{
	float:left;
	white-space:nowrap;
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
}

.plan a:link,
.plan a:visited{
	text-decoration:none;
}

.plan a span{
	color:#BCB7B1;
}

.plan a:hover,
.plan a:hover span{
	color:#FF5A00;
}


/***** PLAN END *****/


/***** FOOTER START *****/

.footer{
	background-color:#404040;
	font-size:11px;
	text-align:center;
	padding:3px 0px 5px 0px;
}

.footer_content{
	padding:2px 0px 0px 0px;
	color:#A0A0A0;
}

.footer span{
	color:#FFFFFF;

}
.footer img{
	vertical-align:top;
	margin:0px 5px 0px 10px;
}

.copyright{
	text-align:center;
	font-size:10px;
	padding:5px 0px 20px 0px;
}

.copyright a,
.copyright a:link,
.copyright a:visited{
	color:#CFC1AB;
	font-size:10px;
	text-decoration:none;
}

.copyright a:hover{
	text-decoration:underline;
}

/***** FOOTER END *****/

.nivo-controlNav {
	position:absolute;
	top:290px;
	width:545px;
	text-align:center;
}
.nivo-controlNav a,
.nivo-controlNav a:link,
.nivo-controlNav a:visited{
	display:inline-block;
	width:18px;
	height:18px;
	background:url(/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:1px;
}
.nivo-controlNav a.active,
.nivo-controlNav a.active:link,
.nivo-controlNav a.active:visited {
	background-position:0 -22px;
}

#slider-wrapper{
	position:absolute;
	margin:40px 0 0 265px;
}