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, #cadre_img_diagramme { 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, #cadre_img_diagramme p { position:absolute;margin:0; }
#cadre_img_referencement p img , #cadre_img_diagramme p img { border:none; }
#cadre_img_referencement h2, #cadre_img_diagramme h2 { position:absolute;margin:208px 0 0 20px;color:#aaa;font-size:25px; }

#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; }

#twitter { padding:10px;margin-top:20px; }
#twitter h1 { font-size: 22px;font-weight:bold;margin:20px 0 20px 0px;color:#385898;display:none; }

#cadre_img_diagramme_etape { height:121px;font:18px "Segoe UI";letter-spacing:-1px;margin:0;padding:0;background:url('img/shadow2.png') no-repeat bottom center; }
#cadre_img_diagramme_etape p { position:absolute;margin:0; }
#cadre_img_diagramme_etape p img { border:none; }

#diagramme #text_diagramme { width:990px;min-height:250px;margin:0;padding:100px 0 20px 0;background:url('img/bg_diagramme.jpg') no-repeat top left; }
#diagramme #text_diagramme .titre { margin:0px 0 0 0;text-align:center;font-size:22px;text-transform:uppercase;font-weight:bold;padding-top:50px; }
#diagramme #text_diagramme .titre input { font-size:22px;width:520px;margin-left:25px;background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff; }
#diagramme #text_diagramme .nombre, #diagramme #text_diagramme .support { margin:55px 0 0 0;text-align:center;font-size:18px;font-weight:bold;color:#888; }
#diagramme #text_diagramme .nombre input, #diagramme #text_diagramme .support input  { font-size:32px;margin:0 8px 0 25px; }
#diagramme #text_diagramme .suivant { margin:150px 0 60px 0;text-align:center; }
#diagramme #text_diagramme .suivant input { font-size:28px;font-weight:bold;color:#ccc;padding:9px 20px 9px 20px;background:#333;border:2px solid #777;cursor:pointer; }
#diagramme #text_diagramme .suivant input:hover { color:#6198f5;text-decoration:underline; }
#pub_adsense_diagramme { margin:20px 0 30px 130px;width:728px;height:90px; }
#pub_adsense_diagramme_txt { margin:110px 0 20px 130px;width:728px;height:90px; }
#erreur_diagramme1 { font-size:18px;font-weight:bold;text-align:center;margin:-47px 0 22px 0; }

#diagramme #text_diagramme2, #diagramme #text_diagramme3 { margin:0px;width:990px;min-height:250px;padding:0 0 20px 0;background:url('img/bg_diagramme.jpg') no-repeat top left; }
#diagramme #text_diagramme2 .titre, #diagramme #text_diagramme3 .titre { margin:0px 0 -10px 0;font-size:14px;padding:25px 0 0 20px;color:#aaa; }
#diagramme #text_diagramme2 .support, #diagramme #text_diagramme3 .nombre_a_generer { margin:10px 0 120px 0;font-size:14px;padding:25px 0 0 20px;color:#aaa; }
#diagramme #text_diagramme3 .nombre_a_generer { margin:-120px 0 120px 0;font-size:14px;padding:25px 0 0 20px;color:#aaa; }
#diagramme #text_diagramme3 .nombre_a_generer a { float:right;font:10px Arial;margin-right:30px;text-decoration:underline;color:#888; }
#diagramme #text_diagramme2 .nombre { margin:55px 0 0 0;text-align:center;font-size:18px;font-weight:bold; }
#diagramme #text_diagramme2 .nombre input { font-size:32px;margin:0 8px 0 25px;background:#333;border:2px solid #777; }
#diagramme #text_diagramme2 .suivant, #diagramme #text_diagramme3 .suivant { margin:150px 0 70px 0;text-align:center; }
#diagramme #text_diagramme2 .suivant input, #diagramme #text_diagramme3 .suivant input { font-size:28px;font-weight:bold;color:#ccc;padding:9px 20px 9px 20px;background:#333;border:2px solid #777;cursor:pointer; }
#diagramme #text_diagramme2 .suivant input:hover, #diagramme #text_diagramme3 .suivant input:hover { color:#6198f5; }
#diagramme #text_diagramme2 .suivant a, #diagramme #text_diagramme3 .suivant a { position:relative;top:3px;margin-right:25px;font-size:28px;font-weight:bold;color:#555;padding:8px 20px 8px 20px;background:#222;border:2px solid #444;cursor:pointer; }
#diagramme #text_diagramme2 .choix_diagramme { margin:25px 60px 35px 60px;padding:20px;background:url('img/essaie2.jpg') no-repeat top left;border:3px solid #111;border-top:2px solid #111; }
#diagramme #text_diagramme2 .choix_diagramme p { margin:0 0 17px 0;padding:0;font-size:14px;font-weight:bold;color:#999; }
#diagramme #text_diagramme2 .choix_diagramme p  input { font-size:14px;width:520px;margin-left:25px;background:#222;border:2px solid #777;padding:2px 5px 2px 5px;color:#fff; }
#diagramme #text_diagramme2 .choix_diagramme p  input.type_diagramme { margin:0 8px 0 32px;padding:0px;width:22px; }




#tab_diagramme_1, #tab_diagramme_2, #tab_diagramme_3, #tab_diagramme_4 { border:1px solid grey;min-height:500px;margin:10px 0 80px 20px;padding:10px;float:left; } 
#tab_diagramme_1 h5, #tab_diagramme_2 h5, #tab_diagramme_3 h5, #tab_diagramme_4 h5 { text-align:center;font-size:10px; }
#effacez_champs_1, #effacez_champs_2, #effacez_champs_3, #effacez_champs_4 { cursor:pointer;text-decoration:underline;margin:0 7px 0 7px; } 

.nbre_champs { width:45px; }
.none { display:none; }
.police { font:11px Arial;margin:0 5px 0 5px; }
.legende {font:11px Arial;font-style:italic; }
.zoom { font-size:140%;color:#6198f5;text-transform:uppercase; }
.valeur_min, .valeur_max, .longueur_diagramme, .largeur_diagramme { width:23px; margin:0 6px 0 10px;background:#222;border:1px solid #777;color:#ddd;text-align:right;padding:0 2px 0 2px; }
.aide_valeur_max { font:10px Arial; color:#888;margin-top:-5px; }
.liste_champs { margin:50px 0 20px 0; }
.nom_champ { background:#242424;border:1px solid #3a3a3a;color:#fff;padding:3px;font:bold 12px Arial;font-style:italic; }
.valeur_champ { width:32px;text-align:right;background:#242424;border:1px solid #3a3a3a;color:#fff;padding:3px; }
.aide_champs { margin-left:15px;color:#555; }
.option_champ { text-align:center;font:10px Arial;color:#888;margin:0 0 50px 0; }

#taille_diagramme { margin:15px 0 25px 0; }
#diagramme_taille { margin-left:80px; }
#bg_diagramme { margin:0px 0 75px 0; }
#background_diagramme { background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff;width:186px;margin:0 0 0 8px; }

#couleur_diagramme { background:url('img/bg_diagramme.jpg') no-repeat top left;background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff;width:150px;margin:0 0 0 8px; }
.type_diagramme_rond { margin:0 4px 0 16px; }
.legende_histogramme { margin:45px 0 35px 0;line-height:30px;color:#999; }
#valeur_ordonne_histo_1, #valeur_ordonne_histo_2, #valeur_ordonne_histo_3, #valeur_ordonne_histo_4 { margin:0 0 0 8px;width:123px;background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff; }
#valeur_abcisse_histo_1, #valeur_abcisse_histo_2, #valeur_abcisse_histo_3, #valeur_abcisse_histo_4 { margin:0 0 0 8px;width:130px;background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff; }

.resume_diagramme4 { font:11px Arial;color:#999;margin:4px 0 4px 20px; }

#img_diagramme_site { margin-top:65px; }
#img_diagramme_site p { text-align:center; }
#img_diagramme_site img { border:3px solid #999;text-align:center; }
#img_diagramme_site h4 { border-top:1px solid #555;margin:0 60px 0 60px;padding-top:35px;text-align:center;color:#6198f5;font:bold 18px Arial; }
#img_diagramme_site h5 { margin:10px 20px 60px 20px;text-align:center;color:#6a6a6a;font:14px Arial; }
#img_diagramme_site #copier_coller { margin:95px 60px 10px 60px;font-size:12px;color:#6a6a6a;text-align:left;padding:0px;line-height:30px; }
#img_diagramme_site #copier_coller input { background:#242424;border:2px solid #3a3a3a;padding:2px 5px 2px 5px;color:#fff;width:856px; }

#option { float:right;margin-right:60px;padding-top:15px; }
#option img { position:relative;top:5px;margin:0 6px 0 35px; }
#option a { color:#777; }
#option a:hover { color:#6198f5; }
#option a img { border:none; }

#erreur_final { margin:190px 0 220px 60px;text-align:left; }
#erreur_final h2 { font:bold 22px Arial;color:#777;text-decoration:underline;margin-bottom:35px;}
#erreur_final p { font:bold 12px Arial;color:#9c2820;margin:10px 0 0 45px;text-decoration:none; }
#erreur_final p img { margin-right:6px; }