html { background:#222;margin:0;padding:0; }

body { 
		font:12px "Segoe UI";  /* Police par defaut */
		color:#fff; /* Couleur du texte par defaut */
		margin:0;padding:0;
	}

/* CSS General */
a { text-decoration:none;color:#eee; }
a:hover { color:#6198f5; }
#footer a:hover { text-decoration:underline; }
.soulignement { text-decoration:underline; }
.soulignement_hover:hover { text-decoration:underline; }
.blanc { color:#fff; }
.noir { color:#aaa; }
.bleu_crea {color:#6198f5; }
.clear { clear:both } /* Pour le slide */
.grand { font-size:130%;color:#aaa; }


/* La page tout entiere */
#page { width:990px;margin:auto;padding:0;margin-top:15px;margin-bottom:10px;background:url('img/shadow.png') no-repeat bottom left; }

/* Le header - Haut de page */
#header { margin:0;height:130px;background:#2a2a2a url('img/bg_head.jpg') repeat-x;border-bottom:4px solid #111;padding:0; }
#header h1{ position:absolute;float:left;padding:29px 0 0 115px;font-size:36px;letter-spacing:-4px;text-transform:uppercase;font-family:Verdana; }
#header h1 a { color:#ddd; }
#header h1 a:hover { color:#395898; }
#header h1 strong { display:none; }
#header ul { float:right;padding:74px 118px 0  0;z-index:9; }
#header ul li { display:inline;margin-left:45px;font-size:14px; }
#header ul li a { padding:6px 0 5px 0; }
#header ul li a:hover { border-bottom:2px solid #0b6abd; }
#header ul li .selectionner { color:#6198f5;border-bottom:2px solid #0b6abd; }

#body { min-height:500px;background:#161616 url('img/shadow2.png') no-repeat top center;margin:-0px 0 0 0;padding:20px 0 25px 0; }

/* Bas de page - Footer */
#footer { height:150px;background:url('img/shadow.png') no-repeat bottom right; }
#cadre_footer { margin:-2px 0 0 0;padding:0;height:115px;border:5px solid #181818;border-top:none;background:#333 url('img/bg_footer.png') repeat-x top; }
#footer ul { height:75px;float:left;width:216px;margin:10px 0 0 10px;padding:20px 0 0 15px;border-right:1px solid #3A3A3A;list-style-image:url('img/ligne4.png'); }
#footer ul a {color:#bbb;line-height:18px; }
#footer ul a:hover {color:#6198f5;padding-right:20px;background:url('img/ligne3.gif') no-repeat top right; }
#footer .bordure_ul_footer{ border-right:none;width:229px;list-style-image:none;list-style-type:none;margin:10px 0 0 0; }
#footer .bordure_ul_footer img { height:12px;width:12px;margin-right:7px; }
.boucle_accueil { font-size:10px; }
.boucle_accueil strong { margin-right:6px;font-size:12px;font-weight:normal; }
.lien_footer_blog a { font-size:12px;color:#6198f5; }
#copyright { text-align:center;font-size:11px;color:#666666;margin:10px 0 15px 0; }
#copyright a { text-decoration:underline;color:#6198f5;cursor:pointer; }
#footer #copyright .plan { color:#666666;text-decoration:none; }
#footer #copyright .plan:hover{ text-decoration:underline;color:#6198f5; }


/* ACCUEIL */
#competence { padding:15px 0 15px 0;background:url('img/shadow2.png') repeat-x top; }
.competence { width:183.5px;float:left;padding:20px 30px 5px 30px;margin:20px 0 0 0;border-right:1px dotted #2A2A2A; }
.sans_bordure { border:none; }
.competence h2 { color:#cacaca;margin:0 0 -1px 0;font-size:28px;letter-spacing:-1px; }
.competence h2 strong em { display:none; }
.competence p { font-size:11px;position:relative;top:-5px; }
.competence p a { color:#6a6a6a; }
.competence p a:hover { text-decoration:none; }
.competence .lien_bleu { color:#6198f5;padding-right:20px;background:url('img/ligne3.gif') no-repeat top right; }
.competence .lien_bleu:hover { text-decoration:underline; }
#stop_clear { clear:left; }


#gallery { position:relative; height:290px;font:12px "Segoe UI";margin:0; }
#gallery a { float:left; position:absolute; 	}
#gallery a img { border:none; }
#gallery a.show { z-index:500 }
#gallery .caption { z-index:600;background-color:#000;color:#fff;height:100px;width:100%;position:absolute;bottom:0; }
#gallery .caption .content { 	margin:40px 0 0 20px;font-family:verdana; }
#gallery .caption .content h3 { margin:0px 0 0 0;padding:0;font:bold 24px "Segoe UI"; }
#gallery .caption .content h3 a { clear:left;display:inline;position:absolute;top:5px;color:#6198f5; }
#gallery .caption .content h3 a:hover{ text-decoration:underline; }

/* CREATION - AGENCE */
#agence { margin:0;padding:0; }

#cadre_img_agence { height:271px;font:18px "Segoe UI";letter-spacing:-1px;margin:0;padding:0;background:url('img/shadow2.png') no-repeat bottom center; }
#cadre_img_agence p  { position:absolute;margin:0; }
#cadre_img_agence p img { border:none; }
#cadre_img_agence h2 { position:absolute;margin:205px 0 0 20px;color:#6A6A6A; }

#texte_agence { padding:20px 25px 25px 25px; }
#texte_agence h3 { font-size:16px;letter-spacing:-0.5px;color:#6198f5;font-weight:bold;padding:0;margin:20px 0 10px 0; }
#texte_agence p { color:#bbb;line-height:17px; }
#texte_agence p strong { color:#6198f5; }
#texte_agence p img { float:left;margin-right:15px; }
#texte_agence p.espace_bas { margin-bottom:35px; }
#texte_agence p.espace_haut { margin:30px 0 25px 0; }
#texte_agence h4.titre_crea_moderer { clear:left;margin:25px 0 15px 0;font-size:28px;color:#ddd; }
#texte_agence h4 img { margin-right:7px;position:relative;top:3px; }
#texte_agence ul.liste_crea { background:url('img/philo_crea.png') no-repeat top left;float:left;list-style-image:url('img/ligne3.gif');padding:45px 0 0 0;margin:0;width:460px;height:100px; }
#texte_agence ul.liste_crea li { margin:0 0 2px 25px;color:#ccc; }
#texte_agence ul.liste_crea_2 { background:url('img/competence_crea.png') no-repeat top left;list-style-image:url('img/ligne3.gif');padding:45px 0 0 40px;margin:0 0 0 520px;width:365px;height:100px; }
#texte_agence ul.liste_crea_2 li { margin:0 0 2px 0;color:#ccc; }
#text_agence h4 { clear:left;margin:25px 0 15px 0; }

.tabbed_box { margin:40px auto 0px auto;width:940px; }
.tabbed_area { padding:0; }
ul.tabs { margin:0px; padding:0px;margin-top:5px;margin-bottom:12px;  }
ul.tabs li { list-style:none;display:inline; }  
ul.tabs li a {margin-right:7px;cursor:pointer;color:#6198f5;padding:12px 14px 12px 14px;font-weight:bold;font-size:14px; }
ul.tabs li a:hover { border-color:#2f343a;text-decoration:underline; }
ul.tabs li a.active:hover { text-decoration:none;cursor:default; }
ul.tabs li a.active { background:#444 url('img/bg_crea_box_head.png') repeat-x top;color:#ddd;border:1px solid #bbb;border-bottom: 1px solid #444; }
.content_tab { background:#444 url('img/bg_crea_box.png') repeat-x bottom;border:1px solid #bbb;color:#333;padding:20px 15px 15px 15px; }
.content_tab h6 { clear:left;font-size:16px;font-weight:bold;color:#6198f5;margin:15px 0 8px 0;letter-spacing:-0.5px; }
.content_tab h5 { clear:left;font-size:14px;font-weight:bold;color:#bbb;margin:15px 0 8px 0; }
.content_tab h5 a { color:#6198f5;text-decoration:underline; }
.content_tab h5 a:hover { color:#bbb; }
.content_tab h6 img, .content_tab h5 img  { margin-right:7px;position:relative;top:3px; } 
.content_tab h6 strong { text-transform:none; }
.content_tab p {  }
.content_tab p  img { border:2px solid #808080;margin-right:10px;height:90px;width:180px;float:left; }
.content_tab p em  { color:#eee;text-decoration:underline;font-style:normal;font-weight:bold; }
.content_tab table  { width:100%;margin:20px 0 30px 0; }
.content_tab table  tr td { width:25%; }
.content_tab table  tr td h4 { margin:10px 0 5px 0;color:#888;margin:0 0 -1px 0;font-size:28px;letter-spacing:-1px; }
.content_tab table  tr td p.p_tableau_box { margin:-3px 0 0 0;padding:0 20px 0 0;color:#dea; }
.content_tab .crea_box_contact { border-top:1px solid #bbb;margin:0 -15px 0 -15px;padding:6px 0 8px 15px;background:#444;font-size:14px;font-weight:bold;position:relative;top:15px; } 
#content_2, #content_3, #content_4, #content_5 { display:none; }


/* PORTFOLIO */
#portfolio { padding:0px; }
#portfolio #zieba { width:950px;padding:20px 20px 35px 20px;background:url('img/bg_zieba.jpg') no-repeat top left;margin:0; }
#portfolio #zieba h2 { margin:40px 0 35px 275px;padding:0 0 0 44px;font-size:28px;letter-spacing:-2.5px;color:#6198f5;text-transform:uppercase; }
#portfolio #zieba .deplacement { margin:14px 0 0 410px; }
#portfolio #zieba .deplacement a { color:#6198f5;text-decoration:underline;margin-left:6px; }
#portfolio #zieba ul { background:url('img/bg_cadre_portfolio.png') no-repeat top center;list-style-image:url('img/1267836882__pfeil_1.png');padding:33px 0 0 80px;margin:60px 60px 0 0;float:left;width:450px;height:287px; }
#portfolio #zieba ul li { Font:bold 11px Verdana;color:#bbb;font-variant:small-caps;margin:0 0 8px 0; }
#portfolio #zieba ul .realignement_referencement { position:relative;top:-3px; }
#portfolio #zieba table { margin-top:60px;width:320px;height:320px; }
#portfolio #zieba table tr td { height:105px;font:10px Arial;text-align:center;background:url('img/bg_tableau_zieba.jpg') no-repeat top center; }
#portfolio #zieba table tr td img { height:76px;width:95px;border:2px solid #808080; }
#portfolio #zieba table tr td a img:hover { border:2px solid #6198f5; }

#portfolio #prochain_projet h2, #portfolio #cmv_projet h2, #portfolio #autre_projet h2 { color:#6198f5;font-size:22px; }

#portfolio #prochain_projet { display:none;margin:0;padding:20px;background:url('img/shadow2.png') no-repeat top center; }
#portfolio #prochain_projet h2 { color: #6a6a6a; }
#portfolio #prochain_projet p { color:#ddd;}
#portfolio #prochain_projet p a { color:#6198f5;}

#portfolio #cmv_projet { min-height:250px;margin:0;padding:20px;background:url('img/shadow2.png') no-repeat top center; }
#portfolio #cmv_projet #bg_cmv { background:url('img/bg_cmv.jpg') no-repeat top right; }
#portfolio #cmv_projet h2  { padding-left:30px;background:url('img/1268063279_Forward-64.png') no-repeat left; }
#portfolio #cmv_projet p { padding:0 400px 0 0; }
#portfolio #cmv_projet table  { margin:15px 0 15px 0; }
#portfolio #cmv_projet table tr td { padding-right:30px;text-align:center;font-size:11px;color:#999; }
#portfolio #cmv_projet table tr td a { color:#999; }
#portfolio #cmv_projet table tr td a:hover { color:#6198f5; }

#portfolio #mag41 { min-height:250px;margin:0;padding:20px;background:url('img/shadow2.png') no-repeat top center; }
#portfolio #mag41 #bg_41mag { background:url('img/fond_41mag.png') no-repeat top right;min-height:250px; }
#portfolio #mag41 h2  { padding-left:30px;background:url('img/1268063279_Forward-64.png') no-repeat left;color:#6198f5; }
#portfolio #mag41 p { padding:0 450px 0 0; }
#portfolio #mag41 p a { color:#6198f5; }

#portfolio #autre_projet { margin:0;padding:20px;background:url('img/shadow2.png') no-repeat top center; }
#portfolio #autre_projet h2 { font-size:15px; }
#portfolio #autre_projet h3 { font-size:26px;color:#6a6a6a;clear:left;margin:35px 0 10px 0; }
#portfolio #autre_projet p { margin:0 0 20px 0;padding-right:40px;color:#ddd; }
#portfolio #autre_projet p img { float:left;margin:0 20px 10px 0;border:2px solid #808080; }
#portfolio #autre_projet .hlt { margin-top:50px; }
#portfolio #autre_projet p a { color:#6198f5;text-decoration:underline; }


/* CONTACT */
#contact #coordonnees { height:500px;width:340px;margin:0;padding:0 40px 0 20px;float:right; }
#contact #coordonnees h2 { font-size:13px;letter-spacing:-1px;margin:50px 0 25px 0;font-weight:normal; }
#contact #coordonnees h2 strong{ font:29px Verdana;letter-spacing:-1px;color:#6198f5;position:relative;top:4px;left:-1px; }
#contact #coordonnees p { color:#bbb;margin:10px 0 20px 0; }
#contact #coordonnees h3 { font-size:14px;margin:-10px 0 0px 0;font-size:54px;letter-spacing:-2px; }
#contact #coordonnees ul { list-style-type:none;display:inline;margin:0;color:#bbb; }
#contact #coordonnees ul li { margin:0 0 26px 0; }
#contact #coordonnees ul li a { background:url('img/mail.png') no-repeat top left;padding:8px 0 0 32px; }
#contact #coordonnees .positionnement { position:relative;top:-5px; }
.identite { float:left;margin:0 10px 10px 0;height:77px; }

#contact #formulaire { height:500px;width:476px;margin:0;padding:40px;padding-right:70px; }
#contact #formulaire #formulairecontact { margin:40px 0 0 0;padding:0; }
#contact #formulaire #formulairecontact fieldset { margin:0 0 20px 0;padding:0 0 20px 0;border:none; }
#contact #formulaire #formulairecontact p { margin:-30px 0 0 0; }
#contact #formulaire #formulairecontact fieldset p { margin:0 0 8px 0; }
#contact #formulaire #formulairecontact .bordure_fieldset { border-bottom:1px dotted #333; }
#contact #formulaire #formulairecontact  label{ display:block;color:#bbb;padding-left:18px;background:url('img/ligne3.gif') no-repeat top left; }
#contact #formulaire #formulairecontact .bordure_fieldset input { width:340px;margin:2px 0 0 0;padding:3px 5px 5px 5px;font:11px "Segoe UI";background:#242424;border:1px solid #3a3a3a;color:#fff; }
#contact #formulaire #formulairecontact fieldset textarea { height:110px;width:466px;padding:5px;margin:-5px 0 0 0;font:11px "Segoe UI";background:#242424;border:1px solid #3a3a3a;color:#fff; }
#contact #formulaire #formulairecontact legend { background:#333;padding:3px;width:100%;display:block; }
.submit { cursor:pointer;margin:20px 0 0 0;padding:3px 5px 4px 5px;font:12px "Segoe UI";background:#242424;border:1px solid #fff;color:#ddd; }
.patientez { border:none;background:none;cursor:wait; }
.erreur_nom, .erreur_email  { margin-left:10px;color:red; }

#contact #formulaire #confirmation { text-align:center;height:300px;width:480px;padding:130px 0 0 0;margin:90px 0 0 25px;background:url('img/ok.png') no-repeat top center; }
#contact #formulaire #confirmation h2 { font-size:29px;letter-spacing:-2px;color:#6198f5; }
#contact #formulaire #confirmation h3 { font-size:13px;margin:-15px 0 0 0; }

/* REFERENCEMENT */
#referencement { margin:0;padding:0; }

#cadre_img_referencement { height:271px;font:18px "Segoe UI";letter-spacing:-1px;margin:0;padding:0;background:url('img/shadow2.png') no-repeat bottom center; }
#cadre_img_referencement p  { position:absolute;margin:0; }
#cadre_img_referencement p img { border:none; }
#cadre_img_referencement h2 { position:absolute;margin:205px 0 0 20px;color:#6A6A6A; }

#texte_referencement { padding:20px 25px 25px 25px; }
#texte_referencement p { color:#bbb;line-height:17px; }
#texte_referencement p img { position:relative;top:4px;margin-right:7px; }
#texte_referencement .relief_referencement { color:#777;margin:-7px 0 0 0; }
#texte_referencement h3 { font-size:22px;color:#6198f5; }
#texte_referencement h4 { font-size:25px;text-transform:uppercase;color:#fff;margin:20px 0 0 0; }
#texte_referencement h4 img { margin-right:8px;position:relative;top:3px; } 
#texte_referencement .gris_clair { color:#ddd; }

#texte_referencement #texte_referencement_gauche { margin:35px 0 0 0;padding:0;float:left;height:240px;width:580px;background:url('img/bg_cadre_ref.png') repeat-x; }
#texte_referencement #texte_referencement_gauche ul { margin:38px 0 0 80px;padding:0;list-style-image:url('img/1267836882__pfeil_1.png'); }
#texte_referencement #texte_referencement_gauche ul li { margin:11px 0 0 0;padding:0 0 0 6px;color:#bbb;font:bold 11px Verdana;font-variant:small-caps;letter-spacing:0.5px; }
#texte_referencement #texte_referencement_gauche ul .realignement_referencement { position:relative;top:-3px; }

#texte_referencement #texte_referencement_droite { margin:47px 0 0 582px;padding:10px 20px 10px 25px;height:220px;width:300px; }
#texte_referencement #texte_referencement_droite p { margin:8px 0 0 0;padding:0;color:#777; }
#texte_referencement #texte_referencement_droite p img { position:relative;top:0px;margin-right:2px; }


/* BLOG */
#blog { padding:25px;color:#ddd; }
#blog .article { padding:0 0 20px 0;border-bottom:1px dotted #333; }
#blog .article h2 { color:#6198f5;font-size:18px; }
#blog .article h2 .date { font-size:10px;margin-left:5px;color:#555;}
#blog .article a { color:#6198f5; }
#blog .article a:hover { text-decoration:underline; }
#blog .article img { position:relative;top:3px;margin-right:5px; }
#blog .pagination { text-align:right;padding:10px 20px 0 0; }
#blog .pagination a { color:#6198f5;padding:0 2px 0 2px; }
#blog .pagination a:hover { color:#fff;text-decoration:underline; }

#blog  .article .hlt { float:left;margin-right:18px;border:2px solid #808080;position:relative;top:-1px; }
#blog  .article .cmv { float:left;margin-right:18px;border:2px solid #6e7a4e;position:relative;top:1px; }
#blog  .article .ca3 { float:left;margin-right:18px;border:2px solid #988766;position:relative;top:-2px; }
#blog  .article .gz { float:left;margin-right:18px;border:2px solid #999;position:relative;top:-2px; }


/* recrutement */
#recrutement { padding:50px 25px 25px 25px;color:#ddd; }


/* La page 404 */
#erreur { text-align:center;margin-top:80px; }
#erreur h2 { font-size:82px;margin:0; }
#erreur h2 strong { color:#6198f5;margin:0 0 0 10px; }
#erreur p { font-size:24px;margin:15px 0 0 0;color:#ddd;}
#erreur ul { margin:120px 0 0 0;text-align:left;font-size:14px;color:#ddd; }
#erreur ul li { margin:25px 0 0 0px; }
#erreur ul li a {font-weight:bold;margin-left:8px;color:#6198f5;text-decoration:underline; }


/* Mentions legales */
#mentions_legales { padding:25px;color:#ddd; }
#mentions_legales h2 { font-size:26px;margin:20px 0 45px 0;color:#aaa; }
#mentions_legales h3 { font-size:16px;color:#6198f5;margin:30px 0 15px 0; }
#mentions_legales h3 img { margin-right:5px;position:relative;top:2px;}

/* Plan du site */
#plan { margin:80px 0 50px 100px;font-size:13px;  }
#plan a:hover { text-decoration:underline; }
#plan ul {  }
#plan ul li { margin:0 0 14px 0; }
#plan ul ul { font-size:12px;margin:30px 0 30px 0; }
#plan ul ul li { margin:0 0 8px 0; }
#plan .sans_puce { list-style-type:none; }
#plan .rss { list-style-image:url('img/rss.png');padding-left:7px; }
#plan .facebook { list-style-image:url('img/facebook.png');padding-left:7px; }
#plan .twitter { list-style-image:url('img/twitter.png');padding-left:7px; }