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

html, body { width:100%; height:100%; margin:0; padding:0; background:url(http://images.pixcell.be/pixcell_bg.gif) top center no-repeat #92dff7; }

img { border:0; }

/*********************************** STRUCTURE SITE **********************************/
#conteneur { width:988px; margin:0 auto; padding:0; display:block; }

#header { width:988px; height:79px; margin:0 0 10px 0; padding:156px 0 0 0; display:block; }

#bloc_content_top { width:988px; height:20px; background-image:url(http://images.pixcell.be/bloc-content.png); background-position:0px 0px; background-repeat:no-repeat; display:block; }

#bloc_content_center { width:988px; background-image:url(http://images.pixcell.be/bloc-content.png); background-position:-988px 0px; background-repeat:repeat-y; padding:0 0 15px 0;	display:block; }
#bloc_content_center:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }

#colonne_gauche { width:688px; margin:0 0 20px 20px; float:left; display:block; }
#colonne_gauche:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }

#colonne_gauche_contact { width:556px; margin:0 0 20px 20px; float:left; display:block; }

#colonne_droite { width:260px; margin:0 20px 0 0;float:right;  display:block; }

#colonne_droite_contact { width:392px; margin:0 20px 0 0; float:right; display:block; }

#bulle { width:260px; display:block; }

#bulle_contact { width:392px; display:block; }

#haut_bulle { width:260px; height:16px; background-image:url(http://images.pixcell.be/bulle-grise.png); background-position:0px 0px; background-repeat:no-repeat; display:block; }

#haut_bulle_contact { width:392px; height:16px; background-image:url(http://images.pixcell.be/bulle-grise-contact.png); background-position:0px 0px; background-repeat:no-repeat;	display:block; }

#milieu_bulle { width:260px; color:#ffffff; background-image:url(http://images.pixcell.be/bulle-grise.png); background-position:-260px 0px; background-repeat:repeat-y; display:block; }
#milieu_bulle h3 { margin:0; padding:0; }

#milieu_bulle_contact { width:392px; color:#ffffff; background-image:url(http://images.pixcell.be/bulle-grise-contact.png); background-position:-392px 0px; background-repeat:repeat-y; display:block; }

#bas_bulle { width:260px; height:16px; background-image:url(http://images.pixcell.be/bulle-grise.png); background-position:-520px 0px; background-repeat:no-repeat; display:block; }

#bas_bulle_contact { width:392px; height:16px; background-image:url(http://images.pixcell.be/bulle-grise-contact.png); background-position:-784px 0px; background-repeat:no-repeat;	display:block; }

#moai { width:240px; height:71px; background-image:url(http://images.pixcell.be/moai.png); background-position:top center; background-repeat:no-repeat; display:block; }

#moai_contact { width:392px; height:71px; background-image:url(http://images.pixcell.be/moai.png); background-position:top right; background-repeat:no-repeat; display:block; }

#bloc_copyright { width:988px; height:70px; background-image:url(http://images.pixcell.be/bloc_copyright.png); background-position:top center; background-repeat:no-repeat; display:block; }
#bloc_copyright a { color:#999999; text-decoration:none; }
#bloc_copyright a:hover {color:#999999; text-decoration:underline; }
#bloc_copyright p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; text-align:center; color:#999999; margin:0; padding:14px 10px 10px 10px; display:block; }

#footer { width:988px; height:56px; margin:8px 0 0 0; text-align:center; display:block; }
/*********************************** STRUCTURE SITE **********************************/

/*********************************** HEADER ******************************************/
#logo_pixcell { width:240px; height:72px; margin:56px 0 0 26px; padding:0; position:absolute; z-index:99; display:block; }

#logo_pixcell h1 { margin:0; padding:0; display:block; }

#logo_pixcell h1 a { width:240px; height:72px; text-indent:-3333px; background:url(images/logo_pixcell.png) top left no-repeat; overflow:hidden; display:block; }

#illustration_banner { width:611px; height:227px; margin:0 0 0 378px; background-image:url(http://images.pixcell.be/hawaii.png); background-position:top center; background-repeat:no-repeat; display:block; position:absolute; }

#bloc_menu { width:988px; height:79px; margin:0; padding:0; background-image:url(http://images.pixcell.be/barre_menu.png); background-position:top center; background-repeat:no-repeat; display:block; }

#menu { width:850px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0; padding:24px 0px 0 30px; /* top 33px*/ list-style:none; text-align:left;
display:block; z-index:2; position:relative; /* lavalamp */ overflow: hidden; /* lavalamp */ float:left; }

#menu li { margin:0 30px 0 0; display:inline; float:left; /* lavalamp */ list-style: none; /* lavalamp */ }
#menu li.backLava { width:16px; height:30px; background:url("http://images.pixcell.be/lava.png") no-repeat right -30px;  z-index:8; position:absolute; }
#menu li.backLava .leftLava { height:30px; background: url("http://images.pixcell.be/lava.png") no-repeat top left; margin-right:16px; /* 7px is the width of the rounded shape */ }
#menu li a { height:30px; color:#ffffff; text-decoration:none; overflow:hidden; position:relative; z-index:10; }
#menu li a:hover, a:visited, a:active { color:#ffffff; text-decoration:none; }

#reseaux_sociaux { width:95px; height:19px; padding:29px 0 0 0; text-align:right; float:right; z-index:2; position:relative; display:block; }

#bouton_facebook { padding:0 9px 0 0; float:left; display:block; }
#bouton_facebook a { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-facebook.png); background-position:top left; background-repeat:no-repeat;	display:block; }
#bouton_facebook a:hover { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-facebook.png); background-position:top right; background-repeat:no-repeat;	display:block; }

#bouton_twitter { padding: 0 9px 0 0; float:left; display:block; }
#bouton_twitter a { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-twitter.png); background-position:top left; background-repeat:no-repeat; display:block; }
#bouton_twitter a:hover { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-twitter.png); background-position:top right; background-repeat:no-repeat;	display:block; }

#bouton_linkedin { padding:0 20px 0 0; float:left; display:block; }
#bouton_linkedin a {width:19px;	height:19px; background-image:url(http://images.pixcell.be/bouton-linkedin.png); background-position:top left; background-repeat:no-repeat; display:block; }
#bouton_linkedin a:hover { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-linkedin.png); background-position:top right; background-repeat:no-repeat;	display:block; }

#bouton_delicious { padding:0 9px 0 0; float:left; display:block; }
#bouton_delicious a { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-delicious.png); background-position:top left; background-repeat:no-repeat;
display:block; }
#bouton_delicious a:hover { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-delicious.png); background-position:top right; background-repeat:no-repeat;display:block; }

#bouton_digg { padding:0 20px 0 0; float:left; display:block; }
#bouton_digg a { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-digg.png); background-position:top left; background-repeat:no-repeat; display:block; }
#bouton_digg a:hover { width:19px; height:19px; background-image:url(http://images.pixcell.be/bouton-digg.png); background-position:top right; background-repeat:no-repeat; display:block; }
/*********************************** HEADER ******************************************/

/*********************************** PAGE INDEX CONTENT **************************************/
#bloc_preview_services { width:688px; padding:0; display:block;	}

.preview_services { width:229px; float:left; display:block; }
.preview_services a { display:block; }

#tiki_graphisme { width:98px; height:97px; background-image:url(http://images.pixcell.be/tiki-graphisme.png); background-position:bottom right; background-repeat:no-repeat;	margin:89px 0 0 131px; display:block; position:absolute; z-index:2; }

#tiki_sites_internet { width:78px; height:108px; background-image:url(http://images.pixcell.be/tiki-sites-internet.png); background-position:bottom right; background-repeat:no-repeat; margin:78px 0 0 151px; display:block; position:absolute; z-index:2; }

#tiki_identite_visuelle { width:73px; height:99px; background-image:url(http://images.pixcell.be/tiki-identite-visuelle.png); background-position:bottom right; background-repeat:no-repeat; margin:87px 0 0 156px; display:block; position:absolute; z-index:2; }

.preview_services_top { width:229px; height:48px; background-image:url(http://images.pixcell.be/bloc_preview_service.png); background-position:6px 0px; background-repeat:no-repeat;	margin:0 0 0 0px; display:block; }
.preview_services_top h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; color:#765F3A; /*text-shadow: 2px 2px 1px #af9a63;*/ /* used for standard compliant browsers */ /*filter: Shadow(Color=#af9a63, Direction=135, Strength=3);*/ /* used for IE */ /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=135, Strength=4);*/ /*zoom: 1.0;*/ /* used to ensure that the element hasLayout */ margin:0; padding:15px 20px 0 20px; }
.preview_services_top img { border:0; }

.titre { width:224px; height:47px; background-image:url(http://images.pixcell.be/bandeau_sable_preview.png); background-position:top left; background-repeat:no-repeat; display:block; }

.titre img { padding:14px 0 0 22px; }

#titre_graphisme { width:224px; height:47px; background-image:url(http://images.pixcell.be/service-graphisme.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }

#titre_internet { width:224px; height:47px; background-image:url(http://images.pixcell.be/service-site-internet.png); background-position:top left; background-repeat:no-repeat;	text-indent:-3333px; overflow:hidden; display:block; }

#titre_identite_visuelle { width:224px; height:47px; background-image:url(http://images.pixcell.be/service-identite-visuelle.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }

.preview_services_center { width:223px; background-image:url(http://images.pixcell.be/bloc_preview_service.png); background-position:-223px 0px; background-repeat:repeat-y;	margin:0 0 0 6px; display:block; }
.preview_services_center p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; margin:0; padding:0 20px 0 20px; text-align:justify; }
.preview_services_center p a { color:#ffffff; text-decoration:none; }
.preview_services_center p a:hover { color:#CFFCFC; text-decoration:none; }

.preview_services_bottom { width:223px; height:18px; background-image:url(http://images.pixcell.be/bloc_preview_service.png); background-position:-446px 0px; background-repeat:no-repeat; margin:0 0 0 6px; display:block; }
/*********************************** PAGE INDEX CONTENT **************************************/

/**************************** PAGE INDEX BULLE ***************************/
#ligne_separation_bulle { width:210px; height:1px; margin:14px 15px 15px 35px; padding:0; background-color:#64d1f4; display:block; }

#twitter { width:210px; margin:0px 15px 0 35px; padding:0; background-color:#666666; display:block; }

#milieu_bulle h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:15px; color:#d9f4fc; margin:0 0 10px 0; padding:0 15px 0 35px; }

#milieu_bulle p { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; text-align:left; color:#ffffff; margin:0; padding:0 15px 10px 35px; }
/**************************** PAGE INDEX BULLE ***************************/

/*********************************** PAGE SERVICES CONTENT ***********************************/
#banner_promo { width:678px; height:130px; margin:0 3px 20px 7px; display:block; }

#banner_services { width:678px; height:186px; margin:0 3px 20px 7px; padding:0; display:block; position: relative; background-image:url(http://images.pixcell.be/banner-fond.jpg);	background-position:top center; background-repeat:no-repeat; }

#banner_perso_pixcell { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-pixcell.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_internet { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-internet.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_graphisme { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-graphisme.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_identite { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-identite-visuelle.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_emailing { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-emailing.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_affichage_dynamique { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-flash.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_perso_consultance { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-perso-consultance.png); background-position:top left; background-repeat:no-repeat; display:block; position:absolute; }

#banner_sable { width:415px; height:45px; /*background-image:url(http://images.pixcell.be/banner-sable.png); background-position:top center; background-repeat:no-repeat;*/ margin:30px 0 0 130px; padding:0; display:block; position:absolute; z-index:10; }

#banner_services h1 { width:533px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bolder; color:#64d1f4; /* #765F3A;*/ padding:42px 0 0 145px; margin:0; }

#banner_services h2 { font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#d2007b; padding:12px 40px 0 145px; /* top 82px */ margin:0; }

#bloc_like { width:533px; padding:16px 0 0 145px; margin:0; display:block; }

#facebook_like_button { float:left; display:block; }
.g-plusone { float:left; display:block; }
#bouton_google_plus { float:left; display:block; }

#banner_pixcell { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-fond.jpg); background-position:top center; background-repeat:no-repeat; display:block; }

#banner_services_internet { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-fond.jpg); background-position:top center; background-repeat:no-repeat;	display:block; }

#banner_services_graphisme { width:678px; height:186px; background-image:url(http://images.pixcell.be//banner-fond.jpg); background-position:top center; background-repeat:no-repeat;	display:block; }

#banner_services_identite_visuelle { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-fond.jpg); background-position:top center; background-repeat:no-repeat; display:block; }

#banner_services_emailing { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-fond.jpg); background-position:top center; background-repeat:no-repeat;	display:block; }

#banner_services_consultance { width:678px; height:186px; background-image:url(http://images.pixcell.be/banner-fond.jpg); background-position:top center; background-repeat:no-repeat; display:block; }

#contenu_services { width:638px; margin:0 3px 20px 7px; padding:0 20px 0 20px; display:block; position: relative; }
#contenu_services p { font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.4; text-align:justify; color:#333333; margin:0 0 10px 0; }
#contenu_services h3 { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; text-align:justify; color:#64d1f4; margin:0; padding:0px 0 5px 0; }
#contenu_services ul { font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.4; text-align:justify; color:#333333; margin:0 0 0 20px; padding:0px 0 0 0px; list-style:disc; }
#contenu_services a { font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.4; color:#333333; text-decoration:underline; }
#contenu_services a:hover { font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.4; color:#d2007b; text-decoration:underline; }

#ligne_separation { width:638px; height:1px; margin:20px 0px 20px 0px; padding:0; background-color:#c1edf9; display:block; }

.ligne_separation { width:638px; height:1px; margin:20px 0px 20px 0px; padding:0; background-color:#c1edf9; display:block; }
/*********************************** PAGE SERVICES CONTENT ***********************************/

/**************************** PAGE SERVICES BULLE ************************************/
.bouton_services_over { width:223px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; color:#765F3A; padding:18px 0 0 34px; margin:0;background-image:url(http://images.pixcell.be/bouton-services-actif.png); background-position:top left; background-repeat:no-repeat; display:block; }

.bouton_services { padding:0 0 0 10px; margin:0; display:block; }
.bouton_services a { width:223px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; color:#765F3A; padding:18px 0 0 24px; margin:0;background-image:url(http://images.pixcell.be/bouton-services.png); background-position:top left; background-repeat:no-repeat; display:block; text-decoration:none; }
.bouton_services a:hover { width:223px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; color:#765F3A; padding:18px 0 0 24px; margin:0;	background-image:url(http://images.pixcell.be/bouton-services.png); background-position:top right; background-repeat:no-repeat; display:block; text-decoration:none; }

.liste_services_internet { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; line-height:16px; margin:0 0 0 34px; /*50*/ /*margin:0 0 0 50px;*/ padding:0 0 12px 0; /*list-style:disc;*/ }

/*.liste_services_internet li { background-image:url(../images/puce-bleu.gif); background-position:left center; background-repeat:no-repeat; padding:0 0 0 16px; margin:0 0 0 0; }*/

.service-selected { background-image:url(../images/puce-bleu.gif); background-position:left center; background-repeat:no-repeat; padding:0 0 0 16px; margin:0; }

.liste_services_internet a { background-image:url(../images/puce-blanche.gif); background-position:left center; background-repeat:no-repeat; padding: 0 0 0 16px; color:#ffffff; margin:0; text-decoration:none; }
.liste_services_internet a:hover { background-image:url(../images/puce-blanche.gif); background-position:left center; background-repeat:no-repeat; padding: 0 0 0 16px; color:#ffffff;	margin:0; text-decoration:underline; }

#bouton_services_internet_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-internet-actif.png); background-position:top left;background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_internet { padding:0 0 0 10px; margin:0; display:block; }
#bouton_services_internet a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-internet.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }
#bouton_services_internet a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-internet.png); background-position:top right; background-repeat:no-repeat; display:block; }

#bouton_services_graphisme_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-graphisme-actif.png); background-position:top left; background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_graphisme { padding:0 0 0 10px; margin:0; display:block; }

#bouton_services_graphisme a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-graphisme.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_graphisme a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-graphisme.png); background-position:top right;
background-repeat:no-repeat; display:block; }

#bouton_services_identite_visuelle_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-identite-visuelle-actif.png); background-position:top left; background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_identite_visuelle { padding:0 0 0 10px; margin:0; display:block; }
#bouton_services_identite_visuelle a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-identite-visuelle.png); background-position:top left;	background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }
#bouton_services_identite_visuelle a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-identite-visuelle.png); background-position:top right; background-repeat:no-repeat; display:block; }

#bouton_services_e-mailing_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-emailing-actif.png); background-position:top left;	background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_e-mailing { padding:0 0 0 10px; margin:0; display:block; }
#bouton_services_e-mailing a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-emailing.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }
#bouton_services_e-mailing a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-emailing.png); background-position:top right;background-repeat:no-repeat; display:block; }

#bouton_services_affichage_dynamique_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-affichage-dynamique-actif.png); background-position:top left; background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_affichage_dynamique { padding:0 0 0 10px; margin:0; display:block; }
#bouton_services_affichage_dynamique a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-affichage-dynamique.png); background-position:top left; background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }
#bouton_services_affichage_dynamique a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-affichage-dynamique.png); background-position:top right; background-repeat:no-repeat; display:block; }

#bouton_services_consultance_over { width:257px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-consultance-actif.png); background-position:top left;	background-repeat:no-repeat; padding:0; margin:0; text-indent:-3333px; overflow:hidden; display:block; }

#bouton_services_consultance { padding:0 0 0 10px; margin:0; display:block; }
#bouton_services_consultance a { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-consultance.png); background-position:top left;	background-repeat:no-repeat; text-indent:-3333px; overflow:hidden; display:block; }
#bouton_services_consultance a:hover { width:247px; height:50px; background-image:url(http://images.pixcell.be/bouton-services-consultance.png); background-position:top right;	background-repeat:no-repeat; display:block; }
/**************************** PAGE SERVICES BULLE ************************************/

/*********************************** PAGE PORTFOLIO CONTENT **********************************/
#bloc-galerie { width:988px; margin:0 84px 0 84px; padding:0; }

.preview_jobs { width:300px; height:350px; border-width:1px; border-style:solid; border-color:#d9f4fc; padding:12px 12px 12px 12px; margin:0 9px 18px 9px; display:block; float:left;	}

.preview_jobs h3 { height:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; padding:10px 0 0 0; margin:0; display:block; }

.texte_preview_jobs { height:140px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; padding:0; margin:0; display:block;	}

.preview_jobs p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; padding:0; margin:0; display:block; }

.bloc_liens_preview_jobs { position:relative; top:10px; display:block; }

.preview_jobs a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#d2007b; }
.preview_jobs a:hover { text-decoration:none; }
/*********************************** PAGE PORTFOLIO CONTENT **********************************/

/**************************** PAGE PORTFOLIO BULLE *********************************/
.annees { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bolder; color:#ffffff; margin:0; padding:10px 15px 0 35px; list-style:none; text-align:center; }
.annees li { padding:0 0 0 5px; display:inline; }
.annees li:before { content: "| "; padding:0 5px 0 0; }
.annees li:first-child:before { content: ""; }
.annees li a { color:#ffffff; text-align:center; text-decoration:none; }
.annees li a:hover, #navigation li a:focus, #navigation li a:active { color:#94be5d; }
/**************************** PAGE PORTFOLIO BULLE *********************************/

/**************************** PAGE CONTACT BULLE *************************************/
#coordonnees { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; text-align:justify; color:#ffffff; margin:0; padding:0 20px 10px 20px; }
#coordonnees a { color:#ffffff; text-decoration:none; }
#coordonnees a:hover { color:#64d1f4; text-decoration:none; }
#coordonnees h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:15px; color:#d9f4fc; margin:0 0 10px 0; padding:0; }
#coordonnees h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:12px; color:#ffffff; margin:0; padding:0; }

#bouton_google_maps { margin:10px 0 0 0; padding:0; display:block; }
#bouton_google_maps a { width:392px; height:82px; background-image:url(http://images.pixcell.be/bouton-google-maps.png); background-position:top left; background-repeat:no-repeat;	display:block; }
#bouton_google_maps a:hover { width:392px; height:82px; background-image:url(http://images.pixcell.be/bouton-google-maps.png); background-position:top right; background-repeat:no-repeat; display:block; }
/**************************** PAGE CONTACT BULLE *************************************/

/*************************************************** DEBUT FORMULAIRE INSCRIPTION NEWSLETTER *******************************************/
.formulaire_inscription_newsletter:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
.formulaire_inscription_newsletter p label { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:15px; color:#d9f4fc; margin:0px 0px 10px 0px; padding:0; }
.formulaire_inscription_newsletter label { width:210px; margin:0; padding:0 0 6px 0; display:block; }
.formulaire_inscription_newsletter input[type=text] { width:202px; height:20px; border-collapse:collapse; border-spacing:0px; border-style:none; border-width:0px; vertical-align:middle; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#d2007b; line-height:20px; margin:0; padding:4px; display:inline-block; }
.formulaire_inscription_newsletter button[type=submit] { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; background:none; border:0px;	margin:0 15px 0 0; padding:0; float:right; display:block; cursor:pointer; }

button[type=submit]:hover { color:#64d1f4; }

/*.formulaire_inscription_newsletter input[type=image] { width:44px; height:28px; border:none; vertical-align:middle; margin:0; padding:0; display:inline-block; }*/

.message_inscription_newsletter { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#64d1f4; float:left; margin:0; padding:0 0 0 35px; display:block; }
/*************************************************** FIN FORMULAIRE INSCRIPTION NEWSLETTER *********************************************/

/******************************************************* DEBUT BLOC FOMULAIRE CONTACT ***************************/
.bloc_formulaire_contact { width:552px; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; margin:0; padding:15px 0px 14px 0px;	display:block; float:left; }

.formulaire_contact { width:516px; /*border-style:dashed; border-color:#999; border-width:1px;*/ margin:0; padding:0px 20px 20px 20px; background-color:#ffffff; }
.formulaire_contact p { width: 516px; height:1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:5px 0 8px 0; padding-left:120px; /*width of left column containing the label elements*/ clear:left; }
.formulaire_contact label { width:120px; /*width of labels. Should be smaller than left column to create some right margin*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-left:-120px; /*width of left column*/ }
.formulaire_contact input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/ width:394px; border-collapse:collapse; border-spacing:0px; border-style:solid; border-width:1px; border-color:#c1edf9; color:#d2007b; }
.formulaire_contact textarea { width:394px; height:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-collapse:collapse; border-spacing:0px; border-style:solid; border-width:1px; border-color:#c1edf9; color:#d2007b; }

.formulaire_contact_boutons { margin-top:5px; margin-left:120px; }

.formulaire_contact_erreur { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#d2007b; }

#formulaire_contact_preview { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:block; }

#formulaire_contact_preview h3 { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#d2007b; margin:0; padding:0; }
/******************************************************* FIN BLOC FOMULAIRE CONTACT *****************************/