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

img { border:0; }

.err404 { text-align:center; padding:50px 0 80px 0; display:block; }

html, body { width:100%; height:100%; margin:0; padding:0; }

body { background-color:#000000; margin:0; padding:0; }

/* MOD OLI POUR TESTER !!!!! */
p { font-size:11px; line-height:1.5; }

h1 { font-family:Times, serif; font-weight:bold; font-size:24px; color:#ff9900; margin:0; padding:0 0 14px 0; display:block; }

.twitter { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#000000; padding-bottom:20px; }

.twitter h3 { font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; color:#000000; line-height:1.3; }

.facebook { border-color:#ededed; border-style:solid; border-width:1px; margin:6px 0 0 0; }

.facebook .titre { font-family:Verdana, Geneva, sans-serif; font-size:11px; background-color:#ededed; margin:0 0 5px 0;	padding:8px 5px 8px 5px; }

/*#cu3er-container { width:980px; height:380px; outline:0; margin-bottom:0px; }*/

/*#cu3er-big { width:980px; height:395px; padding-bottom:10px; background-image:url(images/cube_shadow_980.jpg); background-position:bottom center; background-repeat:no-repeat; }*/

#CU3ER { width:980px; height:420px; display:block; }

.msg { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; margin:0; padding:6px 19px 0 19px; }

.welcomeleft { width:500px; margin:0 0 20px 0; padding:0; float:left; }

.welcomeleft p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; text-align:justify; color:#000000; margin:0; padding:0; }

.welcomeright { width:455px; float:right; }

.sep { height:1px; background-color:#DDD; margin:20px 0 20px 0; }

/* */
h3 { font-family:Times, serif; font-weight:bold; font-size:20px; color:#ff9900; margin:0; padding:0 0 8px 0; display:block; }

.refthumb { width:120px; height:60px; text-align:center; background-image:url(images/bg_ref.jpg); background-position:center; background-repeat:no-repeat; margin:0; padding:10px 0 0 0; float:left; }

/*********************************************** DEBUT CLASSES IMPORTANTES **************************************************/
.clear { width:0px; height:0px; clear:both; }

.left { float:left; }

.right { float:right; }
/*********************************************** FIN CLASSES IMPORTANTES ****************************************************/

/*********************************************** DEBUT STRUCTURE PAGE *******************************************************/
.fond { background-color:#ffffff; background-image:url(images/bg.gif); background-position:top left; background-repeat:repeat-x; margin:0; padding:0; }

.conteneur { width:980px; /*min-height:100%;*/ margin:0 auto; padding:0; display:block; }

.bloc_haut_noir { width:980px; height:110px; background-color:#000000; margin:0; padding:0; display:block; }

.bloc_menu { width:980px; height:52px; margin:0; padding:0; display:block; }

.bloc_contenu { width:980px; height:100%; margin:0; padding:15px 0 0 0; display:block; }

.bloc_gauche { width:600px; height:100%; margin:0; padding:15px 28px 15px 0px; float:left; display:block; }

.bloc_droite /* Page digital13 */ { width:352px; height:100%; margin:0 0 30px 0; padding:15px 0 0 0; float:left; display:block; }

.bloc_droite_haut { width:352px; height:15px; background-image:url(images/bloc_droite_haut.gif); background-position:top center; background-repeat:no-repeat; display:block; }

.bloc_droite_milieu { width:352px; background-position:top center; background-repeat:repeat; border-style:dashed; border-color:#999; border-width:1px; padding:0; margin:0 0 10px 0; display:block; }

.bloc_droite_milieu_ref { width:312px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:2; background-position:top center; background-repeat:repeat;  border-style:dashed; border-color:#999; border-width:1px; padding:10px 20px 15px 20px; margin:0 0 10px 0; display:block; }

.bloc_droite_milieu p { font-size:11px; }

.bloc_droite_bas { width:352px; height:30px; background-image:url(images/bloc_droite_bas.gif); background-position:top center; background-repeat:no-repeat; display:block; }

.bloc_copyright_gris { width:100%; height:120px; text-align:center; background-color:#3b3b3b; margin:0; padding:10px 0 0 0; display:block; }

.bloc_bas_noir { width:100%; height:120px; text-align:center; background-color:#000000; border-top-width:1px; border-top-style:solid; border-top-color:#575757; margin:0; padding:0; display:block; }
/*********************************************** FIN STRUCTURE PAGE *********************************************************/

.logo { width:272px; height:109px; margin:0; padding:0; float:left; display:block; }

.bloc_newsletter { width:352px; height:100px; /*background-image:url(images/bloc_newsletter.gif); background-position:top left; background-repeat:no-repeat;*/ background-color:#333;	margin:0; padding:0; float:right; display:block; }

/************************************************* DEBUT MENU ******************************************************/
.menu { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; color:#ffffff; margin:0; padding:0; }

.menu li { margin:0; padding:0 18px 0 0; display:inline; }

.menu li a { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; line-height:48px; color:#ffffff; text-decoration:none; display:inline-block; }

.menu li a:hover { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; line-height:48px; color:#777777; text-decoration:none; background-image:url(images/puce_menu.gif); background-position:bottom left; background-repeat:no-repeat; display:inline-block; }

.menu_active { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; line-height:48px; color:#999999; text-decoration:none; background-image:url(images/puce_menu_actif.gif); background-position:bottom left; background-repeat:no-repeat; display:inline-block; }
/************************************************* FIN MENU ********************************************************/

.logos_haut { width:390px; height:35px; text-align:right; /*margin:118px 0px 0px 790px;*/ margin:8px 0 0 0; padding:0; position:relative; float:right; display:block; }

.logos_haut img { margin:0; padding:0 7px 0 7px; }

.bloc_contenu p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0; }

.bloc_contenu a { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#333333; text-decoration:none; }

.bloc_contenu a:hover { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#333333; text-decoration:underline; }

/******************************************************* DEBUT BLOC GAUCHE *************************************/
.bloc_gauche p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; line-height:1.7; color:#000000; text-align:justify; margin:0; padding:0; }

.bloc_gauche a { color:#ff9900; text-decoration:none; font-weight:bold; }
/******************************************************* FIN BLOC GAUCHE ***************************************/

/******************************************************* DEBUT BLOC DROITE ********************************/
.bloc_droite h3 { font-family:Times, serif; font-size:20px; font-weight:bold; color:#666666; margin:0; padding:14px 35px 0 35px; }

.bloc_droite h4 { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#666666; margin:0; padding:5px 35px 8px 35px; }

.bloc_droite h5 { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#ff9900; margin:0; padding:11px 35px 0 35px; }

.bloc_droite p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#666666; margin:0; padding:0 35px 10px 35px; }

.bloc_droite img { margin:0; padding:0; }

.bloc_droite p.bloc_droite_temoignage { color:#ff9900; margin:-10px 0 0 0; padding:0 35px 0 35px; }
/******************************************************* FIN BLOC DROITE **********************************/

/******************************************************* DEBUT BLOC PORTFOLIO **********************************/
.bloc_portfolio { width:230px; height:300px; border-style:dashed; border-color:#999; border-width:1px; margin:6px 13px 6px 0; padding:0; float:left; display:block; z-index:1;	position:relative; }

.bloc_portfolio_new { width:480px; height:216px; border-style:dashed; border-color:#999; border-width:1px; margin:6px 0 18px 0; padding:0; /*float:left;*/ display:block; z-index:1;	position:relative; }

.bloc_portfolio h4 { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; color:#ff9900; margin:0; padding:0 10px 0 10px; }

.bloc_portfolio_new h4 { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; color:#ff9900; margin:0; padding:0 10px 0 10px; }

.bloc_portfolio p { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; text-align:justify; color:#333333; margin:0; padding:4px 10px 0 10px; }

.bloc_portfolio_new p { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; text-align:justify; color:#333333; margin:0 12px 0 0; padding:0; display:block; }

.bloc_portfolio img { width:212px; height:100px; margin:0; padding:8px 8px 12px 8px; }

.bloc_image_portfolio { width:226px; height:100px; padding:0 0 0 12px; float:left; display:block; }

.bloc_portfolio_new img { width:212px; height:100px; }

.bloc_texte_portfolio { width:242px; height:131px; float:right; display:block; }

.bloc_portfolio_bas { width:224px; height:32px; background-color:#e7e7e7; margin:0 3px 0 3px; padding:0; position:absolute; top:265px; display:block; vertical-align:middle;	z-index:3; }

.bloc_portfolio_bas_new { width:456px; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#ff9900; margin:0 12px 0 12px; padding:0; position:absolute;	top:196px; display:block; vertical-align:middle; /*z-index:3;*/ }

.bloc_portfolio_bas img { width:26px; height:26px; margin:0; padding:3px 6px 4px 6px; vertical-align:middle; float:left; }

.texte_bouton_portfolio { padding:10px 0 0 0; float:left; }

.bloc_portfolio_bas a { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#5a5a5a; text-decoration:none; margin:0; padding:5px 0 0 0; vertical-align:middle; }

.bloc_portfolio_bas_new a { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#ff9900; text-decoration:none; margin:0; padding:5px 0 0 0; vertical-align:middle; }

.bloc_portfolio_bas a:hover { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#ff9900; text-decoration:none; }

.bloc_portfolio_bas_new a:hover { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#ff9900; text-decoration:underline; }

.smenu_pfolio a { font-family:Verdana, Geneva, sans-serif; background-color:#F90; color:#FFF; font-weight:bold; padding:4px 14px 4px 14px; margin-right:4px; }

.smenu_pfolio_new strong { height:20px; padding:5px 6px 4px 0; float:left; display:block; }

.smenu_pfolio_new a { width:126px; height:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; text-align:center; color:#FFF; /*background-color:#F90;*/ background-image:url(images/boutons_portfolio.png);	background-position:top left; background-repeat:no-repeat; padding:5px 0 4px 0; margin-right:4px; float:left; display:block; }

.smenu_pfolio a:hover { font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF; background-color:#FC0; /* padding:4px 4px 4px 4px; */ margin-right:4px; text-decoration:none; }

.smenu_pfolio_new a:hover { font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFF; /*background-color:#FC0;*/ background-image:url(images/boutons_portfolio.png); background-position:top right;	background-repeat:no-repeat; /* padding:4px 4px 4px 4px; */ margin-right:4px; text-decoration:none; }

.smenu_pfolio_new:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
/******************************************************* FIN BLOC PORTFOLIO ************************************/

/******************************************************* DEBUT BLOC GALERIE ************************************/
#bloc-galerie { width:980px; margin:0 80px 0 80px; padding:0; }
/******************************************************* FIN BLOC GALERIE **************************************/

/******************************************************* DEBUT BLOC SERVICES ************************************/
.bloc_services { width:480px; height:100%; border-style:dashed; border-color:#999; border-width:1px; margin:0 0 15px 0; padding:0; display:block; }

.bloc_services a { color:#ff9900; text-decoration:underline; }

.bloc_services a:hover { color:#ff9900; text-decoration:underline; }

.bloc_services_haut { /*width:474px;*/ height:32px; background-color:#e7e7e7; margin:3px; padding:0; display:block; }

.bloc_services_haut h2 { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#5a5a5a; margin:9px 0 0 0; padding:0; float:left; display:block; vertical-align:middle; }

div.bloc_services_haut img { width:9px; height:9px; margin:11px 6px 12px 12px; padding:0; float:left; display:block; vertical-align:middle; }

.bloc_services img { width:180px; height:180px; margin:0 14px 10px 14px; padding:0; display:block; }

.bloc_services_contenu img { border:solid 1px #CCC; margin:0 15px 0 0; padding:0; }

.bloc_services p { width:258px; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#5a5a5a; line-height:1.5; text-align:justify; margin:0 14px 10px 0; padding:0; display:block; }

.services-snav-conteneur { width:352px; margin:0 0 30px 0; padding:0; }

.services-snav-conteneur a { text-decoration:underline; }

.services-snav-conteneur a:hover { color:#ff9900; text-decoration:underline; }

.services-snav-conteneur h2 a { text-decoration:none; font-weight:bold; }

.services-snav-conteneur h2 a:hover { font-weight:bold; color:#ff9900; text-decoration:none; }

.bloc_services_snav { width:352px; height:100%; border-style:dashed; border-color:#999; border-width:1px; margin:5px 0 5px 0; padding:0; display:block; }

.bloc_services_snav ul { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:10px 0 10px 28px; padding:0; }

.bloc_services_snav li { list-style:none; margin:0 0 12px 0; padding:0; }

.bloc_services_contenu { width:600px; height:100%; text-align:justify; margin:0 0 25px 0; padding:0 0 0 0; display:block; }

.bloc_services_contenu ul { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:15px 0 10px 40px; padding:0; }

.bloc_services_contenu li { list-style:disc; margin:0 0 8px 0; padding:0; }
/******************************************************* FIN BLOC SERVICES **************************************/

/******************************************************* DEBUT BLOC CONTACT *************************************/
.bloc_contact { width:400px; height:100%; margin:0 0 30px 0; padding:15px 28px 15px 0; float:left; display:block; }

.bloc_contact p { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; line-height:1.7; color:#000000; text-align:justify; margin:0; padding:0; }

.bloc_contact a { font-weight:bold; color:#ff9900; text-decoration:none; }
/******************************************************* FIN BLOC CONTACT ***************************************/

/******************************************************* 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 0 14px 0; float:left;display:block; }

.cssform { border-style:dashed; border-color:#999; border-width:1px; margin:0; padding:0 20px 20px 20px; background-color:#EFEFEF; }

.cssform p { width: 512px; 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; }

.cssform label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; margin-left:-120px; /*width of left column*/ width:120px; /*width of labels. Should be smaller than left column to create some right margin*/ }

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/ width:392px; }

.cssform textarea { width:392px; height:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

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

.form_erreur { color:#ff9900; font-weight:bold; }
/******************************************************* FIN BLOC FOMULAIRE CONTACT *****************************/

.nuage_liens { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#b1b1b1; margin:0; padding:20px 0; }

.copyright { font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#ffffff; margin:0; padding:14px 0 0 0; }

.copyright a { color:#FFF; text-decoration:underline; }

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

/********************************************* DEBUT LOGOS BAS ********************************************/
.logos_bas { height:42px; font-weight:normal; color:#FFF; text-decoration:none; margin:0; padding:14px 0 0 0; display:block; }

.logos_bas img { margin:0; padding:0 2px 0 2px; }
/********************************************* FIN LOGOS BAS **********************************************/

.visitez { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; margin:0; padding:20px 0 0 0; }

.visitez a { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none; }

/*************************************************** DEBUT FORMULAIRE INSCRIPTION NEWSLETTER *******************************************/
.formulaire_inscription_newsletter p { font-family:Times, serif; font-weight:bold; font-size:16px; color:#bbbbbb; margin:0; padding:6px 19px 0 19px; }

.formulaire_inscription_newsletter label { width:300px; margin:0; padding:0 0 6px 0; display:block; }

.formulaire_inscription_newsletter input[type=text] { width:262px; height:28px; 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:#ff9900; line-height:28px; margin:0; padding:0 4px 0 4px; display:inline-block; }

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

/*  NEWS TICKER PAGE REFERENCES */
.bloc_references_haut { /*width:474px;*/ height:32px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#5a5a5a; background-color:#e7e7e7; margin:3px 3px 10px 3px; padding:14px 5px 0px 17px; display:block; }

.bloc_droite_milieu .bureau { /*margin: 0 auto;*/ padding: 0 0 10px 3px; }

#newsticker-demo { font-family:Verdana,Arial,Sans-Serif; font-size:11px; padding:0; }

.newsticker-jcarousellite { height:500px; padding:0; margin:0 0 10px 0; }

.newsticker-jcarousellite ul { height:500px; list-style:none; padding:0; margin:0; display:block; }

.newsticker-jcarousellite li { list-style:none; padding:0; margin:0; display:block; }

.newsticker-jcarousellite .info { padding:0; margin:0px 20px 30px 20px; display:block; }

.newsticker-jcarousellite .qui { font-family:Verdana,Arial,Sans-Serif; font-size:10px; color:#F90; }