body,div,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,img,form,fieldset,blockquote {
border:0;
margin:0;
padding:0
}

.clear:after {
content:"";
display:block;
clear:both
}

.clear {
zoom:1px
}

body {
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/background.png);
background-repeat:repeat-x
}

#home {
background-image:url(../images/background_home.png);
background-repeat:repeat-x
}

#container {
width:960px;
margin-right:auto;
margin-left:auto;
padding-right:40px;
padding-left:40px
}

#header {
	height:80px;
	padding:40px 0 0
}

#header h1 a {
	display:block;
	width:365px;
	height:66px;
	float:left;
	text-indent:-9999px;
	background-image:url(../images/logo_pixel.png)
}

#header ul#nav {
float:right;
list-style:none;
margin:45px 0 0
}

#header ul#nav li {
float:left;
background:url(../images/bullet.png) left no-repeat;
margin:0 20px 0 0;
padding:0 0 0 20px
}

#header ul#nav li:first-child {
background:none
}

#header ul#nav li a {
font-size:14px;
color:#6d6d6d;
text-decoration:none
}

#header ul#nav li a:hover,#header ul#nav li a.active {
color:#454545
}

#banner {
	clear:both;
	zoom:1px;
}

#banner div.introduction {
width:450px;
float:left
}

#banner div.introduction h2 {
text-indent:-9999px
}

.titremain {
	background-image:url(../images/titre_cs5.png);
	height:136px;
	width:425px;
	margin-top:-70px;
	margin-bottom:0px;
	background-repeat:no-repeat;
	background-position: left 80px;
}
.titrecs5 {
	background-image:url(../images/titre_cs5.png);
	height:88px;
	width:533px;
	margin-top:36px;
	margin-bottom:0;
	background-repeat:no-repeat
}

.titrephotoshop {
background-image:url(../images/titre_photoshop.png);
height:89px;
width:430px;
margin-top:36px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreillustrator {
background-image:url(../images/titre_illustrator.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreindesign {
background-image:url(../images/titre_indesign.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreincopy {
background-image:url(../images/titre_incopy.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreacrobat {
background-image:url(../images/titre_acrobat.png);
height:89px;
width:364px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titrebridge {
background-image:url(../images/titre_bridge.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreapropos {
background-image:url(../images/titre_compagnie.png);
height:89px;
width:317px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreformateur {
background-image:url(../images/titre_formateur.png);
height:89px;
width:317px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreservices {
background-image:url(../images/titre_services.png);
height:89px;
width:440px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreformations {
background-image:url(../images/titre_formations.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titrepresentations {
background-image:url(../images/titre_presentations.png);
height:88px;
width:418px;
margin-top:36px;
margin-bottom:0;
background-repeat:no-repeat
}

.titreconsultations {
background-image:url(../images/titre_consultations.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.titrecontact {
background-image:url(../images/titre_contact.png);
height:89px;
width:418px;
margin-top:35px;
margin-bottom:0;
background-repeat:no-repeat
}

.bannermain {
	height:300px;
	margin-top:30px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
}
.bannercs5 {
	height:123px;
	background-image:url(../images/designstandard_cs5_boxshot.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:30px;
	margin-bottom:40px
}

.bannerphotoshop {
	height:123px;
	background-image:url(../images/photoshop_cs5_boxshot.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:30px;
	margin-bottom:40px
}
.bannerphotoshopcs4 {
height:123px;
background-image:url(../images/logo_big_photoshop.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerillustrator {
	height:123px;
	background-image:url(../images/illustrator_cs5_boxshot.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:30px;
	margin-bottom:40px
}
.bannerillustratorcs4 {
	height:123px;
	background-image:url(../images/logo_big_illustrator.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:30px;
	margin-bottom:40px
}

.bannerindesign {
	height:123px;
	background-image:url(../images/indesign_cs5_boxshot.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:30px;
	margin-bottom:40px
}
.bannerindesigncs4 {
height:123px;
background-image:url(../images/logo_big_indesign.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerincopy {
height:123px;
background-image:url(../images/logo_big_incopy.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.banneracrobat {
height:123px;
background-image:url(../images/logo_big_acrobat.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerbridge {
height:123px;
background-image:url(../images/logo_big_bridge.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerapropos {
height:123px;
background-image:url(../images/logo_big_compagnie.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerservices {
height:123px;
background-image:url(../images/logo_big_services.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerformations {
height:123px;
background-image:url(../images/logo_big_formations.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerpresentations {
height:123px;
background-image:url(../images/logo_big_presentations.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannerconsultations {
height:123px;
background-image:url(../images/logo_big_consultations.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

.bannercontact {
height:123px;
background-image:url(../images/logo_big_contact.png);
background-repeat:no-repeat;
background-position:right;
padding-top:30px;
margin-bottom:40px
}

#banner div.introduction p {
	color:#fff;
	font-size:22px;
	line-height:28px;
	margin:0 0 15px
}

#banner div.introduction p a {
	color:#fff;
	text-decoration:none;
	background-color:#B6B6B6;
	padding:5px;
	text-align: right;
}

#banner div.introduction p a:hover {
background-color:#9D9D9D
}

#banner div.animation {
float:right
}

#banner div.animation ul {
	list-style:none;
	position:relative;
	width:960px;
	height:300px;
	overflow:hidden
}

#content {
width:960px;
margin:0 0 50px
}

#content p {
color:#666;
font-size:14px;
line-height:18px;
margin:0 0 20px
}

#content a {
color:#E27626;
font-weight:strong;
text-decoration:none
}

#content a:hover {
color:#E47827;
text-decoration:underline
}

#content #main {
float:left;
margin:0 40px 0 0
}

#menulogiciel {
height:70px;
width:960px;
float:left;
padding-bottom:20px
}

#menulogiciel ul#nav {
list-style:none;
float:left;
margin:0 20px 0 0;
padding:0 0 20px
}

#menulogiciel ul#nav li {
float:left;
margin:0 20px 0 0;
padding:0 0 20px
}

#menulogiciel ul#nav li a {
text-decoration:none;
margin:0 20px 0 0
}

.btnformationgeneral {
background-image:url(../images/btn_adobe.png);
height:64px;
width:153px;
display:block;
background-position:left top;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnformationgeneral:hover {
background-image:url(../images/btn_adobe.png);
background-position:left bottom
}

.btnphotoshop {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:276px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnphotoshop:hover {
background-image:url(../images/btn_adobe.png);
background-position:276px top
}

.btnphotoshopactive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:276px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnillustrator {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:230px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnillustrator:hover {
background-image:url(../images/btn_adobe.png);
background-position:230px top
}

.btnillustratoractive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:230px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnindesign {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:184px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnindesign:hover {
background-image:url(../images/btn_adobe.png);
background-position:184px top
}

.btnindesignactive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:184px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnincopy {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:138px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnincopy:hover {
background-image:url(../images/btn_adobe.png);
background-position:138px top
}

.btnincopyactive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:138px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnacrobat {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:92px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnacrobat:hover {
background-image:url(../images/btn_adobe.png);
background-position:92px top
}

.btnacrobatactive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:92px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnbridge {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:46px bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnbridge:hover {
background-image:url(../images/btn_adobe.png);
background-position:46px top
}

.btnbridgeactive {
background-image:url(../images/btn_adobe.png);
height:46px;
width:46px;
display:block;
background-position:46px top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnformations {
background-image:url(../images/btn_formations.png);
height:50px;
width:100px;
display:block;
background-position:center bottom;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnformations:hover {
background-image:url(../images/btn_formations.png);
background-position:center top
}

.btnformationsactive {
background-image:url(../images/btn_formations.png);
height:50px;
width:100px;
display:block;
background-position:center top;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnconsultations {
background-image:url(../images/btn_consultations.png);
height:50px;
width:100px;
display:block;
background-position:center bottom;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnconsultations:hover {
background-image:url(../images/btn_consultations.png);
background-position:center top
}

.btnconsultationsactive {
background-image:url(../images/btn_consultations.png);
height:50px;
width:100px;
display:block;
background-position:center top;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnpresentations {
background-image:url(../images/btn_presentations.png);
height:50px;
width:100px;
display:block;
background-position:center bottom;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.btnpresentations:hover {
background-image:url(../images/btn_presentations.png);
background-position:center top
}

.btnpresentationsactive {
background-image:url(../images/btn_presentations.png);
height:50px;
width:100px;
display:block;
background-position:center top;
text-indent:-9999px;
clear:both;
background-repeat:no-repeat;
margin:0 auto
}

.mainhome {
width:960px
}

.maindetail {
width:610px
}

#content #main h3 {
color:#6d6d6d;
font-size:25px;
line-height:28px;
font-weight:400;
margin:0 0 25px
}

#content #main .accesrapide {
margin-top:20px
}

#content #main .accesrapide h4 {
color:#6d6d6d;
font-size:25px;
line-height:28px;
font-weight:400;
margin:0 0 10px
}

#content #main .accesrapide ul.accesrapide {
width:25%;
list-style:none;
float:left;
padding:0
}

#content #main .accesrapide ul.accesrapide li {
font-size:14px;
font-weight:400;
color:#666;
margin-right:18px;
margin-left:18px;
text-align:center;
padding:0
}

#content #main .accesrapide ul.accesrapide li p {
font-size:14px;
font-weight:400;
color:#666
}

.formations {
	background-image:url(../images/img_formation.png);
	height:90px;
	width:205px;
	text-align:center;
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom: 15px;
}

.presentations {
	background-image:url(../images/img_presentation.png);
	height:90px;
	width:205px;
	text-align:center;
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom: 15px;
}

.consultation {
	background-image:url(../images/img_consultation.png);
	height:90px;
	width:205px;
	text-align:center;
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom: 15px;
}

.blog {
	background-image:url(../images/img_blog.png);
	height:90px;
	width:205px;
	display:block;
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom: 15px;
}

.btnformation {
background-image:url(../images/bt_formations.png);
height:30px;
width:153px;
display:block;
background-position:top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnformation:hover {
background-image:url(../images/bt_formations.png);
background-position:bottom
}

.btnpresentation {
background-image:url(../images/bt_presentations.png);
height:30px;
width:153px;
display:block;
background-position:top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnpresentation:hover {
background-image:url(../images/bt_presentations.png);
background-position:bottom
}

.btnconsultation {
background-image:url(../images/bt_consultations.png);
height:30px;
width:153px;
display:block;
background-position:top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnconsultation:hover {
background-image:url(../images/bt_consultations.png);
background-position:bottom
}

.btnblog {
background-image:url(../images/bt_blog.png);
height:30px;
width:153px;
display:block;
background-position:top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnblog:hover {
background-image:url(../images/bt_blog.png);
background-position:bottom
}

.btnformateur {
background-image:url(../images/bt_formateur.png);
height:30px;
width:153px;
display:block;
text-indent:-9999px;
clear:both;
background-position:top;
margin:0 auto
}

.btnformateur:hover {
background-image:url(../images/bt_formateur.png);
background-position:center
}

.btnformateuractive {
background-image:url(../images/bt_formateur.png);
height:30px;
width:153px;
display:block;
background-position:bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnentreprise {
background-image:url(../images/bt_entreprise.png);
height:30px;
width:153px;
display:block;
background-position:top;
text-indent:-9999px;
clear:both;
margin:0 auto
}

.btnentreprise:hover {
background-image:url(../images/bt_entreprise.png);
background-position:center
}

.btnentrepriseactive {
background-image:url(../images/bt_entreprise.png);
height:30px;
width:153px;
display:block;
background-position:bottom;
text-indent:-9999px;
clear:both;
margin:0 auto
}

#content #main div.subcontent {
margin:40px 0 0
}

#content #main div.subcontent h4 {
color:#6d6d6d;
font-size:25px;
line-height:28px;
font-weight:400;
margin:0 0 15px
}

#content #main div.subcontent ul.subcontent {
width:265px;
float:left;
list-style:none;
padding:0 40px 0 0
}

#content #main div.subcontent p a.subcontent {
float:right;
font-size:16px;
font-weight:700;
background:url(../images/fleche.png) right 4px no-repeat;
padding:0 15px 0 0
}

#content #side {
	width:240px;
	float:left;
	background-repeat:no-repeat;
	margin:0 0 0 17px
}

#content #side div.twitter {
}

#content #side div.featured-project {
	padding:24px 17px 10px
}

#content #side div.featured-project h3 {
font-size:22px;
color:#6d6d6d;
letter-spacing:-1px;
text-align:center;
font-weight:lighter;
margin:0 0 20px
}

#content #side .featured-project p {
font-size:11px;
text-align:left;
margin-left:10px;
margin-right:10px
}

#content #side div.featured-project img.featured-website {
display:block;
border:0 solid #dfdfdf;
margin:0 auto
}

.dnldcatalogue {
display:block;
width:154px;
height:30px;
text-indent:-9999px;
background-image:url(../images/bt_download.png);
background-position:top;
margin:0 auto
}

.dnldcatalogue:hover {
background-image:url(../images/bt_download.png);
background-position:bottom
}

#content #logo {
float:left;
width:280px;
padding-top:50px;
margin:0 0 0 17px
}

#logo img {
padding-top:20px;
padding-bottom:20px
}

#footer {
width:960px;
margin-right:auto;
margin-left:auto;
padding-bottom:50px;
clear:both;
padding-top:20px
}

#footer-container {
background-image:url(../images/footer.png);
background-repeat:repeat-x;
padding-right:40px;
padding-left:40px
}

#footer h6 {
font-size:20px;
color:#767676;
font-weight:400;
margin:0 0 5px
}

#footer p {
font-size:14px;
color:#767676;
line-height:18px
}

#footer a {
color:#EFEFEF;
text-decoration:none
}

#footer a:hover {
color:#D8D8D8;
text-decoration:underline
}

#footer div.copyright {
width:200px;
float:left;
padding-right:100px;
margin:0
}

#footer div.copyright p {
font-size:9px;
line-height:normal;
text-align:left;
padding-bottom:12px;
margin:0
}

#footer div.connect {
width:300px;
float:left;
margin-top:0;
margin-bottom:0
}

.btnlinkedin {
background-image:url(../images/btn_linkedin.png);
height:20px;
width:71px;
display:block;
text-indent:-9999px;
clear:both;
margin-top:0;
margin-bottom:0;
background-position:bottom
}

.btnlinkedin:hover {
background-image:url(../images/btn_linkedin.png);
background-position:top
}

.btntwitter {
background-image:url(../images/btn_twitter.png);
height:20px;
width:86px;
display:block;
text-indent:-9999px;
clear:both;
margin-top:8px;
margin-bottom:8px;
background-position:bottom
}

.btntwitter:hover {
background-image:url(../images/btn_twitter.png);
background-position:top
}

#footer div.contact {
width:330px;
float:left;
text-align:right;
margin-top:0;
margin-bottom:0;
height:120px
}

#footer div.contact h6 {
font-size:32px;
margin:0 0 10px
}

#footer div.contact p {
font-size:16px;
margin:0 0 5px
}

#footer div.contact p strong {
font-size:32px
}

#footer div.contact p a {
background:url(../images/contact_small.jpg) left no-repeat;
padding:0 0 0 40px
}

.btn-download {
display:block;
width:181px;
height:37px;
background-image:url(../images/btn_blank.png);
background-position:top;
text-align:center;
text-indent:-9999px;
margin:0 auto
}

.btn-download:hover {
background-image:url(../images/btn_blank.png);
background-position:bottom
}

.catalogue {
	background-image:url(../images/catalogue_small.png);
	height:90px;
	width:205px;
	display:block;
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom: 15px;
}

h5 {
font-size:16px;
color:#E27626;
margin:0 0 3px
}

.ical {
display:block;
width:32px;
height:32px;
text-indent:-9999px;
background-image:url(../images/iCal.png);
background-repeat:no-repeat;
float:left;
margin:0 32px 0 0
}

.vcardmac {
display:block;
width:32px;
height:32px;
text-indent:-9999px;
background-image:url(../images/vCrdMac.png);
background-repeat:no-repeat;
float:left;
margin:0 32px 0 0
}

.vcardpc {
display:block;
width:32px;
height:32px;
text-indent:-9999px;
background-image:url(../images/vCrdWindows.png);
background-repeat:no-repeat;
float:left;
margin:0 32px 0 0
}

.formulaire {
display:block;
height:150px;
width:200px;
background-image:url(../images/formulaire.png);
text-indent:-9999px;
background-repeat:no-repeat;
background-position:bottom;
margin:0
}

.btnrss {
background-image:url(../images/rss.png);
height:20px;
width:100px;
display:block;
clear:both;
margin-top:8px;
margin-bottom:8px;
background-position:left top;
background-repeat:no-repeat;
text-indent:30px
}

.btnrss:hover {
background-image:url(../images/rss.png);
background-position:left bottom
}
#container #content #main .subcontent.clear .subcontent li p strong {
	font-size: large;
}