/* Éléments généraux */
html {
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	border: 0;
	margin: 0;
	padding: 0;
	background: url('../images/fond-pied-bande-suite.gif') repeat;
	height: 100%;
}

#haut {
	display: block;
	position: relative;
	width: 100%;
	height: 120px;
	background: url('../images/fond-entete-bande.gif') repeat-x;
	z-index: 1;
}

#haut div {
	display: block;
	position: relative;
	width: 944px;
	height: 120px;
	background: url('../images/fond-entete.gif') repeat-x;
	margin: 0 auto;
}

#haut div a span.logo {
	display: block;
	position: absolute;
	top: 66px;
	left: 40px;
	width: 158px;
	height: 87px;
	z-index: 3;
	cursor: pointer;
}

#haut div a span.logo[class] {
	background: url('../images/logo-poc.png') no-repeat;
}

#haut div a span.logo img {
	display: none;
	border: 0;
}

#haut div span.slogan {
	display: block;
	position: absolute;
	top: 50px;
	right: 300px;
	width: 215px;
	height: 38px;
}

#haut div span.slogan img {
	display: none;
	border: 0;
}

#haut div span.slogan[class] {
	background: url('../images/slogan.png') no-repeat;
}

#main {
	display: block;
	position: relative;
	width: 100%;
	/*height: 250px;*/
	background: url('../images/fond-page-bande.gif') repeat;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #ff9900;
}

#main span.continu {
	display: block;
	position: absolute;
	right: 0;
	width: 51%;
	height: 156px;
	margin: 0;
	padding: 0;
	background: url('../images/bouton-bande.gif') 0 0 repeat;
}

#inside {
	display: block;
	position: relative;
	width: 944px;
	background: url('../images/fond-page.gif') repeat;
	margin: 0 auto;
	z-index: 0;
}

#inside a img {
	border: 0;
}

#inside a {
	text-decoration: none;
	/*color: #ff9900;*/
	color: #ffab2d;
}

#inside a:hover {
	color: #fff;
	text-decoration: underline;
}

#inside p.iso {
	display: block;
	position: absolute;
	bottom: 19px;
	right: 297px;
	font-family: "trebuchet ms", sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #a0a3aa;
	margin: 0;
	padding: 0 0 12px 0;
}

#inside #contenu {
	display: block;
	position: relative;
	float: left;
	width: 595px;
	min-height: 300px;
	padding: 48px 59px 218px/*45px*/ 50px;
	margin: 0;
}

#inside #contenu div.colonnes2 {
	display: block;
	position: relative;
	float: left;
	/*width: 297px;*/
	margin: 15px 0 0 0;
}

/*#inside #contenu2 {
	display: block;
	position: relative;
	float: left;
	width: 704px;
	padding: 0;
}*/

#inside #contenu2 {
	display: block;
	position: relative;
	float: left;
	width: 654px;
	min-height: 300px;
	padding: 48px 0 65px 50px;
	margin: 0;
}

#inside #contenu p {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
	color: #fff;
	margin: 0 0 14px 0;
}

#inside #menu {
	display: block;
	position: relative;
	float: left;
	width: 240px;
	margin: 0 0 55px 0;
	padding: 0;
}

#inside #menu img {
	margin: 15px 0 25px 10px;
}

#inside #menu p {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #bfbfbf;
	margin: -25px 0 10px 10px;
	font-size: 10px;
}

#inside #menu a.mesaffaires, #inside #menu a.protegezvous {
	display: block;
	position: relative;
	width: 165px;
	height: 205px;
	margin: 25px 0 0 0;
	cursor: pointer;
}

#inside #menu a.prix_gaia {
	position:relative;
	top:20px;
}

#inside #menu a.mesaffaires[class] {
	background: url('../images/mes-affaires-mai-2006-on-parle-de-poc-communications.png') no-repeat;
}

#inside #menu a.protegezvous[class] {
	background: url('../images/protegez-nous-mars-2009-on-parle-de-poc-communications.png') no-repeat;
}

#inside #menu a.boulotvers {
	display: block;
	position: relative;
	width: 151px;
	height: 199px;
	margin: 25px 0 0 11px;
	cursor: pointer;
}

#inside #menu a.boulotvers[class] {
	background: url('../images/affiche-boulot-vers-2008.png') no-repeat;
}

#inside #menu a.bouton {
	display: block;
	position: relative;
	padding-bottom: 3px;
	padding-left: 18px;
	text-decoration: none;
	cursor: pointer;
	background: url('../images/bouton.jpg') 10px 0 no-repeat;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 23px;
	height: 23px;
	color: #a0a3aa;
	text-decoration: none;
}

#inside #menu a.bouton:hover {
	display: block;
	/*background: url('../images/bouton-fond-menu-high.gif') no-repeat;*/
	font-weight: normal;
	color: #fff;
}

#inside #menu a.boutono {
	display: block;
	position: relative;
	margin-bottom: 3px;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 23px;
	height: 23px;
	padding-left: 18px;
	background: url('../images/boutono.gif') no-repeat;
	color: #fff;
}

/*#inside #menu a.bouton small.menu {
	display: block;
	width: 222px;
	height: 23px;
	background: url('../images/bouton.jpg') no-repeat;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
	line-height: 23px;
	color: #a0a3aa;
	text-decoration: none;
	padding: 0 0 0 8px;
	margin: 0;
}*/

#inside #menu a.bouton small.menu:hover {
	color: #fff;
	font-weight: normal;
}

#inside #menu p.citation {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	color: #bfbfbf;
	padding: 35px 0 30px 10px;
	margin: 0;
	width: 200px;
}

#inside #menu p.auth {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: -15px 0 10px 10px;
}

#inside #menu a img.png {
	margin: 0 0 50px 0;
	border: 0;
	background: transparent;
}

#inside #menu p.citation big {
	font-size: 24px;
	/*vertical-align: top;*/
	color: #ff9900;
	padding-top: 2px;
}

#inside p.tel {
	display: block;
	position: absolute;
	bottom: -2px;
	right: 23px;
	font-family: "trebuchet ms", sans-serif;
	font-size: 36px;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
	letter-spacing: -2px;
	color: #5c5f6b;
	padding: 0;
	margin: 0;
}

#bas {
	display: block;
	position: relative;
	width: 100%;
	height: 86px;
	background: url('../images/fond-pied-bande.gif') repeat-x;
}

#bas div {
	display: block;
	position: relative;
	width: 944px;
	height: 170px;
	background: url('../images/fond-pied-suite.gif') repeat;
	margin: 0 auto;
}

#bas div#ombrebas p.copyright {
	display: block;
	position: relative;
	width: 230px;
	float: right;
	font-family: "trebuchet ms", sans-serif;
	font-size: 11px;
	color: #676a7a;
	margin: 15px 0 0 0;
}

#bas div#ombrebas p.adresse {
	display: none;
	position: relative;
	width: 500px;
	float: left;
	font-family: "trebuchet ms", sans-serif;
	font-size: 11px;
	color: #676a7a;
	margin: 15px 0 0 0;
}

#bas div a.client {
	display: block;
	position: relative;
	background: url('../images/icone-zone-client.gif') 0 115px no-repeat;
	padding: 115px 0 0 15px;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
	color: #a0a3aa;
	margin: 0 0 0 50px;
	width: 150px;
	text-decoration: none;
	z-index: 444;
}

#bas div a.client2 {
	display: block;
	position: relative;
	background: url('../images/icone-zone-client.gif') 0 10px no-repeat;
	padding: 10px 0 0 15px;
	font-family: "trebuchet ms", sans-serif;
	font-size: 12px;
	color: #a0a3aa;
	margin: 0 0 0 50px;
	width: 150px;
	text-decoration: none;
	z-index: 444;
}

#bas div a.client:hover, #bas div a.client2:hover {
	color: #fff;
}

#bas div#ombrebas {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 944px;
	height: 86px;
	background: url('../images/fond-pied.gif') repeat;
	z-index: 221;
}

#bas div span.image {
	display: block;
	position: absolute;
	top: -28px;
	left: 39px;
	width: 617px;
	height: 148px;
	z-index: 222;
}

#bas div span.image[class] {
	background: url('../images/photo-ombre.png') no-repeat;
}

#bas div span.image img {
	margin: 0 0 0 11px;
	padding: 0;
	border: 1px solid #a0a3aa;
}

h1 {
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #bfbfbf;
	padding: 0;
	margin: 0 0 4px 0;
}

h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #ffab2d;
	padding: 0;
	margin: 20px 0 0 0;
}

h2 span {
	display: inline;
	position: relative;
	font-size: 14px;
	color: #fff;
}

h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	/*color: #ff9900; #fbaa31;*/
	color: #ffab2d;
	padding: 0;
	margin: 0 0 5px 0;
}

*.clear {
	font-size: 0;
	line-height: 0;
	display: block;
	clear: both;
	float: none;
	height: 0;
	overflow: hidden;
}

/*---------------------------------------------------- Equipe -----------------------------------------------*/

#inside div.equipe {
	display: block;
	position: absolute;
	bottom: 28px;
	left: 50px;
	width: 595px;
	height: 186px;
	z-index: 2;
}

#inside div.equipe[class] {
	background: url('../images/visuel-equipe.png') no-repeat;
}

/*------------------------------------------------------------ Cube ---------------------------------------------------------------*/

#inside #contenu2 #conteneur {
	width: 650px;
	height: 500px;
	display: block;
	position: relative;
	margin: 50px auto 20px auto;
}

#inside #contenu2 #carre1 div.cache, #inside #contenu2 #carre3 div.cache, #inside #contenu2 #carre4 div.cache, #inside #contenu2 #carre5 div.cache {
	width: 138px;
	height: 138px;
	display: block;
}

#inside #contenu2 #carre1 div.cache[class], #inside #contenu2 #carre3 div.cache[class], #inside #contenu2 #carre4 div.cache[class], #inside #contenu2 #carre5 div.cache[class] {
	background: url('../images/cache.png') no-repeat;
}

#inside #contenu2 #carre1, #inside #contenu2 #carre2, #inside #contenu2 #carre3, #inside #contenu2 #carre4, #inside #contenu2 #carre5, #inside #contenu2 #carre6 {
	width: 138px;
	height: 138px;
	display: block;
}

#inside #contenu2 #carre1 {
	border-top: 1px solid #052733;
	border-right: 1px solid #052733;
	border-left: 1px solid #052733;
	border-bottom: 1px dashed #fff;
	position: absolute;
	top: 15px;
	left: 155px;
	background: url('../images/photo1.jpg') 10px 10px no-repeat;
}

#inside #contenu2 #carre1 div.cache a, #inside #contenu2 #carre3 div.cache a, #inside #contenu2 #carre4 div.cache a, #inside #contenu2 #carre5 div.cache a {
	display: inline;
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 7px 7px 0;
	z-index: 444;
}

#inside #contenu2 #carre2 {
	border-top: 1px solid #052733;
	border-bottom: 1px solid #052733;
	border-left: 1px solid #052733;
	border-right: 1px dashed #fff;
	position: absolute;
	top: 155px;
	left: 15px;
	/*background-color: #F27430;*/
	background-color: #c67b2f;
}

#inside #contenu2 #carre3 {
	border-top: 1px solid #F27430;
	border-bottom: 1px solid #052733;
	border-left: 1px solid #F27430;
	border-right: 1px dashed #fff;
	position: absolute;
	top: 155px;
	left: 155px;
	background: url('../images/design1.jpg') 10px 10px no-repeat;
}

#inside #contenu2 #carre4 {
	border-top: 1px solid #052733;
	border-bottom: 1px dashed #fff;
	border-left: 1px solid #F27430;
	border-right: 1px solid #052733;
	position: absolute;
	top: 155px;
	left: 295px;
	background: url('../images/logo1.jpg') 10px 10px no-repeat;
}

#inside #contenu2 #carre5 {
	border-top: 1px solid #F27430;
	border-bottom: 1px solid #052733;
	border-left: 1px solid #052733;
	border-right: 1px dashed #fff;
	position: absolute;
	top: 295px;
	left: 295px;
	z-index: 2;
	background: url('../images/web1.jpg') 10px 10px no-repeat;
}

#inside #contenu2 #carre6 {
	border-top: 1px solid #052733;
	border-bottom: 1px solid #052733;
	border-left: 1px solid #F27430;
	border-right: 1px solid #052733;
	position: absolute;
	top: 295px;
	left: 435px;
	background-color: #F27430;
}

.bullephoto {
	display: block;
	position: absolute;
	top: 0;
	right: 187px;
	width: 183px;
	height: 130px;
}

.bullephoto[class] {
	background: url('../images/bullephoto.png') no-repeat;
}

.bullelogo {
	display: block;
	position: absolute;
	top: 45px;
	right: 100px;
	width: 127px;
	height: 177px;
}

.bullelogo[class] {
	background: url('../images/bullelogo.png') no-repeat;
}

.bulledesign {
	display: block;
	position: absolute;
	bottom: 60px;
	left: 97px;
	width: 160px;
	height: 161px;
	z-index: 2;
}

.bulledesign[class] {
	background: url('../images/bulledesign.png') no-repeat;
}	

.bulleweb {
	display: block;
	position: absolute;
	bottom: -20px;
	right: 85px;
	width: 186px;
	height: 131px;
	z-index: 2;
}

.bulleweb[class] {
	background: url('../images/bulleweb.png') no-repeat;
}

.ombred {
	display: block;
	width: 26px;
	height: 139px;
}

.ombred[class] {
	background: url('../images/ombred.png') no-repeat;
}

.ombrebas {
	display: block;
	width: 301px;
	height: 25px;
}

.ombrebas[class] {
	background: url('../images/ombrebas.png') no-repeat;
}

.languettetop {
	display: block;
	position: absolute;
	top: 0;
	left: 156px;
	width: 139px;
	height: 16px;
}

.languettetop[class] {
	background: url('../images/languettetop.png') no-repeat;
}

.languetted {
	display: block;
	position: absolute;
	bottom: 50px;
	right: 42px;
	width: 34px;
	height: 156px;
}

.languetted[class] {
	background: url('../images/languetted.png') no-repeat;
}

.languetteg {
	display: block;
	position: absolute;
	top: 154px;
	left: 0;
	width: 17px;
	height: 142px;
}

.languetteg[class] {
	background: url('../images/languetteg.png') no-repeat;
}

.colle {
	display: block;
	width: 72px;
	height: 70px;
}

.colle[class] {
	background: url('../images/colle.png') no-repeat;
}

.flecheg {
	display: block;
	position: absolute;
	top: 125px;
	left: 50px;
	width: 50px;
	height: 64px;
}

.flecheg[class] {
	background: url('../images/flecheg.png') no-repeat;
}

.fleched {
	display: block;
	position: absolute;
	bottom: 170px;
	right: 100px;
	width: 50px;
	height: 64px;
}

.fleched[class] {
	background: url('../images/fleched.png') no-repeat;
}

/*---------------------------------------------------- Porfolio ---------------------------------------------*/
#contenu #porfolio {
	display: block;
	position: relative;
	width: 595px;
	margin: 0 auto;
}

#contenu #porfolio span.rights {
	position: relative;
	display: block;
	float: right;
	margin: 0 0 0 12px;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
}

#contenu #porfolio p.description {
	display: block;
	position: relative;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	margin: 0;
	padding: 4px 0 12px 0;
}

#contenu #navigationfolio {
	display: block;
	position: relative;
	width: 595px;
	/*height: 65px;*/
	/*background-color: #4b5056;*/
}

#contenu #navigationfolio a {
	display: inline;
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding: 8px 8px 9px 8px;
	margin-right: 0;
	color: #bfbfbf;
	background: url('../images/fond-portfolio-bouton.gif') repeat;
	text-decoration: none;
}

#contenu #navigationfolio a:hover {
	font-weight: normal;
	color: #fff;
	background: url('../images/bouton-fond-high.gif') repeat;
}

#contenu #navigationfolio a.o {
	font-weight: normal;
	color: #fff;
	padding-bottom: 20px;
	background: url('../images/bouton-fond-high.gif') repeat;
}

#contenu #navigationfolio #sousmenu a.o, #contenu #navigationfolio #sousmenu a:hover {
	/*text-decoration: underline;*/
	color: #FFFFFF;
}

#contenu #navigationfolio #sousmenu {
	display: block;
	position: relative;
	width: 578px;
	margin: 10px 0 5px 0;
	padding: 6px 8px 6px 8px;
	background: url('../images/bouton-fond-high.gif') repeat;
}

#contenu #navigationfolio #sousmenu a {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #c99c5f;
	background: transparent;
	padding: 0 5px 0 5px;
}

#contenu #folio {
	display: block;
	position: relative;
	width: 595px;
	background: url('../images/fond-portfolio.gif') repeat;
	margin: 0 0 20px 0;
}

#contenu #folio #foliothumbs {
	display: block;
	position: relative;
	float: left;
	width: 186px;
	margin: 12px;
}

#contenu #folio #foliothumbs a img {
	display: block;
	position: relative;
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid #000;
}

#contenu #folio #foliothumbs a img:hover {
	border: 1px solid #ff9900;
}

#contenu #folio #foliothumbs small.pages {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: arial, sans-serif;
	font-size: 12pt;
	color: #bfbfbf;
	background: transparent;
}

#contenu #folio #foliovisionneuse {
	display: block;
	position: relative;
	float: right;
	width: 350px;
	margin: 12px 12px 12px 0;
}
#contenu #folio #folioimg {
	display: block;
	position: relative;
	width: 350px;
	height: 350px;
	margin: 0;
	padding: 0;
	background-color: black;
}

#contenu #folio #foliovisionneuse img {
	display: block;
	margin: 0 auto;
}


/*------------------------------------------------------- Etudes de cas -------------------------------------------- */

#contenu #cas {
	display: block;
	position: relative;
	width: 571px;
	margin: 20px 0 20px 0;
	padding: 12px;
	background: url('../images/fond-portfolio.gif') repeat;
}

#contenu #cas #gauche {
	display: block;
	position: relative;
	float: left;
	width: 196px;
}

#contenu #cas #gauche a {
	display: block;
	/*width: 181px;*/
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #bfbfbf;
	padding: 5px;
	background: url('../images/fond-portfolio-bouton.gif') repeat;
	margin: 0 0 4px 0;
}

#contenu #cas #gauche a:hover {
	background: url('../images/bouton-fond-high.gif') repeat;
	font-weight: normal;
	padding-right: 10px;
	text-decoration: none;
	color: #fff;
}

#contenu #cas #gauche a.o {
	padding-right: 10px;
	background: url('../images/bouton-fond-high.gif') repeat;
	color: #fff;
}
#contenu #cas #droite {
	display: block;
	position: relative;
	float: left;
	width: 343px;
	padding: 0 0 10px 12px;
	margin-left: 12px;
	background: url('../images/fond-portfolio.gif') repeat;
	border-left: 1px solid #bfbfbf;
}

#contenu #cas #droite p {
	margin: 0 0 10px 0;
	padding: 0;
}

ul {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	padding-left: 15px;
}

li {
	padding-bottom: 0;
}

#droite li {
	padding-bottom: 10px;
}

#main #inside #contenu div.colonnes {
	display: block;
	position: relative;
	float: left;
	/*width: 198px;*/
	margin: 0;
	padding: 0;
}

#inside #contenu #keyword {
	display: block;
	position: relative;
	width: 595px;
	margin: 5px 0 5px -6px;
	color: #ffab2d;
}

#inside #contenu #keyword p {
	display: inline;
	list-style: none;
	color: #ffab2d;
	padding: 0;
	margin: 0 6px 5px 6px;
	font-style: normal;
	font-weight: bold;
}

/*-------------------------------------------- Portfolio Ghislain -----------------------------------------------*/

.intro_folio {
	display: block;
	position: relative;
	width: 646px;
	height: 538px;
	margin: -55px -59px 0 0;
}

.intro_folio[class] {
	background: url('../images/intro_folio.png') 0 1px no-repeat;
}

/*a.photo[class]:hover, a.design[class]:hover, a.logos[class]:hover, a.web[class]:hover {
	background: url('../images/blue.jpg') no-repeat;
	cursor: pointer;
}*/

a.photo {
	display: block;
	position: absolute;
	top: 54px;
	left: 163px;
	width: 142px;
	height: 142px;
	background: #cb7f35 url('../images/bgphoto.jpg') no-repeat;
}

a.photo:hover {
	background: url('../images/bgphotoh.jpg') no-repeat;
}

/*a.photo[class] {
	background: url('../images/bgphoto.png') no-repeat;
}

a.photo[class]:hover {
	background: url('../images/bgphoto.png') 0 -142px no-repeat;
}

a.photo img {
	display: block;
	position: absolute;
	width: 120px;
	height: 120px;
	overflow: hidden;
	top: 10px;
	left: 10px;
}*/


/*a.photo span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 9px auto 0 auto;
	background: url('../images/photo2.jpg') no-repeat;
	border: 1px solid #fff;
}*/

/*a.photo:hover span {
	background: url('../images/photo4.jpg') no-repeat;
}*/

a.design {
	display: block;
	position: absolute;
	top: 195px;
	left: 163px;
	width: 142px;
	height: 142px;
	background: #cb7f35 url('../images/bgdesign.jpg') no-repeat;
}

a.design:hover {
	background: url('../images/bgdesignh.jpg') no-repeat;
}

/*a.design[class] {
	background: url('../images/bgdesign.png') no-repeat;
}

a.design[class]:hover {
	background: url('../images/bgdesign.png') 0 -142px no-repeat;
}

a.design span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 9px auto 0 auto;
	background: url('../images/design1.jpg') no-repeat;
	border: 1px solid #fff;
}

a.design:hover span {
	background: url('../images/design2.jpg') no-repeat;
}*/

a.logos {
	display: block;
	position: absolute;
	top: 195px;
	left: 305px;
	width: 142px;
	height: 142px;
	background: #cb7f35 url('../images/bglogos.jpg') no-repeat;
}

a.logos:hover {
	background: url('../images/bglogosh.jpg') no-repeat;
}

/*a.logos[class] {
	background: url('../images/bglogos.png') no-repeat;
}

a.logos[class]:hover {
	background: url('../images/bglogos.png') 0 -142px no-repeat;
}

a.logos span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 9px auto 0 auto;
	background: url('../images/logo1.jpg') no-repeat;
	border: 1px solid #fff;
}

a.logos:hover span {
	background: url('../images/design2.jpg') no-repeat;
}*/

a.web {
	display: block;
	position: absolute;
	top: 337px;
	left: 306px;
	width: 142px;
	height: 142px;
	background: url('../images/bgweb.jpg') no-repeat;
}

a.web:hover {
	background: url('../images/bgwebh.jpg') no-repeat;
}

/*a.web[class] {
	background: url('../images/bgweb.png') no-repeat;
}

a.web[class]:hover {
	background: url('../images/bgweb.png') 0 -142px no-repeat;
}

a.web span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 9px auto 0 auto;
	background: url('../images/web1.jpg') no-repeat;
	border: 1px solid #fff;
}

a.web:hover span {
	background: url('../images/web2.jpg') no-repeat;
}*/

/*----------------------------------------------------------- Page Boulot Vers... ---------------------------------------------------*/

#bve {
	display: none;
	position: absolute;
	top: 150px;
	right: 250px;
	margin: 0;
	padding: 0;
}

#bve img {
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

/*--------------------------------------------------------------- zone client -------------------------------------------------*/

p.separateur {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
}