* {margin:0; padding:0;}
body {background:url(../images/fond-body.jpg) repeat-x #f2f4de;text-align:center;color:#A4A702;}
table, div, input, body, textarea, select {font: 11px Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a img {border:none;}
hr {display:none;}



/*  SOMMAIRE
	1. Structure
		1.1 Le bandeau du haut
		1.2 Le pied de page
		1.3 A gauche
		1.4 A droite
		1.5 Le menu
		1.6 Les fonds de contenu
	2. la page d'accueil
	3. les pages de contenu
	4. Formulaires de contact et abonnement newsletter
*/

/*------------  1. STRUCTURE             */
#bando, #contenu, #pied {width:998px;margin:0 auto;}
#bando {background:url(../images/fond-bando.jpg) no-repeat;height:114px;}
#contenu {background:url(../images/fond-contenu.gif) repeat-y #fff;color:black;}
	#gauche {float:left;width:137px;background:url(../images/fond-gauche.jpg) no-repeat;padding:15px 0 0 0;}
	#gam #gauche {float:left;width:137px;background:url(../images/fond-gauche2.jpg) no-repeat;padding:15px 0 0 0;}
	#milieu {float:left;width:630px;background:url(../images/fond-menu.jpg) no-repeat;padding:15px 0 0 0;position:relative;text-align:left;}
	#droite {float:left;width:231px;background:url(../images/fond-droite.jpg) no-repeat;padding:15px 0 0 0;color:#2461a1;text-align:left;}
	#pied {clear:both;width:100%;background:url(../images/fond-pied.jpg) no-repeat left bottom;height:75px;color:#fff;}
	#ind #pied {clear:both;width:100%;background:url(../images/fond-pied2.jpg) no-repeat left bottom;height:75px;color:#fff;}


	/*------------  1.1 Le bandeau du haut             */
	#logo {float:left;width:163px;margin:15px 0 0 0;}
	#banniere {float:left;width:468px;margin:27px 0 0 10px;}
	#bando form {float:left;width:205px;margin:25px 0 0 20px;text-align:left;font-size:12px;}
		#bando form input {width:115px;border:none;background:#eceaeb;height:16px;}
		#bando form select {width:120px;background:#eceaeb;vertical-align:middle;}
		#bando form p {background:url(../images/fond-champs.jpg) no-repeat;margin:0 0 6px 0;padding:6px 0 6px 12px;color:#000;}
		#bando form p a img {margin:4px 0 0 0;}
	#macaron {float:left;width:77px;margin:20px 0 0 24px;}


	/*------------  1.2 Le pied de page             */
	#pied p {text-align:right;padding:58px 10px 0 0;}
	#pied a {color:#fff;}
	#pied a:hover {color:#26618D;}


	/*------------  1.3 A gauche             */
	#gauche p {margin:0 14px 20px 0; }
	#liencon {font: 16px Impact, Arial, sans-serif;color:#26618D;letter-spacing:1px;}
	#liencon:hover {color:#CD0A15;}
	#gauche span {background:#CD0A15;color:white;font-size:10px;}
		#gauche form {text-align:left;margin:0 0 0 16px;}
		#gauche form a {font-size:10px;color:#CD0A15;}
		#gam #gauche form a {color:#26618D;}
		#gam #gauche form a:hover {color:#CD0A15;}
		#gauche form a:hover {color:#26618D;}
		#gauche form input {width:90px;border:none;background:#EAEAEA;}
		#gauche form label, #gauche form label a {font: 12px Impact, Arial, sans-serif;color:#26618D;letter-spacing:1px;}

		#gauche h2 {background:url(../images/fond-gaucheh2.jpg) no-repeat;padding:8px 12px 8px 0;font: 16px Impact, Arial, sans-serif;color:#26618D/* ancienne couleur rouge : #E3001A*/;}
		#gauche h3 {background:url(../images/fond-gaucheh3.jpg) no-repeat;padding:5px 12px 8px 0;font: 16px Impact, Arial, sans-serif;color:#EA5D0E;}
		#gauche div {background:url(../images/fond-gauchegamme.jpg) repeat-y;}
		#gauche div p {margin:2px 14px 0 0;}
		#gauche .gammelien {color:#007C35;font: 14px Impact, Arial, sans-serif;}
		
		#infoediteur {margin:0;height:36px;padding:22px 0 0 0;font: 12px Impact, Arial, sans-serif;color:#26618D;letter-spacing:1px;background:url(../images/fond-gauchebas.jpg) no-repeat;}
		#infoediteur a {color:#26618D;}
		#infoediteur a:hover, #gauche form label a {color:#CD0A15;}


	/*------------  1.4 A droite             */
	#droite h2 {font: 16px Impact, Arial, sans-serif;color:#26618D;margin:0 16px 20px 27px;/*letter-spacing:0.1em;*/text-align:center;}
	#droite h3 {font-size: 13px;color:#fff;font-weight:normal;padding:4px 10px;margin:5px 16px 5px 27px;clear:both;background:#162A83;text-align:left;}
	#droite p {margin:0 16px 5px 27px;}
	#droite a {color:#AC3C86;}
	.sstitre {font-size: 11px;font-weight:bold;}
	.sstexte {font-size: 10px;line-height:1.1em;}
	.sslien {text-align:right;}
	.ssextrait {font-style:italic;font-size: 10px;line-height:1.1em;}
	#droite-scroll {height:530px;overflow:auto;}


	/*------------  1.5 Le menu            */
	#menu {margin:0 0 0 15px;padding:5px 0 0 0;}
		#menu dl {float: left;}
		#menu dt {background:url(../images/puce-menu.jpg) no-repeat left center;padding:0 2px 0 12px;}
		#menu dt a {color:#2461a1;font:15px Arial Narrow, Arial, sans serif;}
		#menu dt a:hover {color:#609EDB;}
		#menu h2 {float:left;font: 16px Impact, Arial, sans-serif;color:#fff;margin:12px 0 0 0;padding:0 4px 0 10px;letter-spacing:1px;}
		#menu ul {list-style-type: none;margin:12px 0 0 0;}
		#menu li {display: inline;background:url(../images/puce-ssmenu.gif) no-repeat left center;padding:0 0 0 12px;}
		#menu li a {color:#fff;font:15px Arial Narrow, Arial, sans serif;}
		#menu li a:hover {text-decoration:underline;}

			#smenu1_dd, #smenu2_dd, #smenu3_dd, #smenu4_dd, #smenu5_dd, #smenu6_dd, #smenu7_dd  {position:absolute;left:8px;color:#fff;width:613px;height:40px;}
			#smenu1_dd {background:url(../images/fond-ssmenu1.jpg) repeat-x #318925;}
			#smenu2_dd {background:url(../images/fond-ssmenu2.jpg) repeat-x #0087CB;}
			#smenu3_dd {background:url(../images/fond-ssmenu4.jpg) repeat-x #E1017B;}
			#smenu4_dd {background:url(../images/fond-ssmenu3.jpg) repeat-x #EA5D0E;}
			#smenu5_dd {background:url(../images/fond-ssmenu5.jpg) repeat-x #009DE0;}
			#smenu6_dd {background:url(../images/fond-ssmenu6.jpg) repeat-x #7A9C12;}
			#smenu7_dd {background:url(../images/fond-ssmenu7.jpg) repeat-x #162A83;}
			
			#onestla {background:url(../images/roll-menu.gif) no-repeat center top;}


	/*------------  1.6 Les fonds de contenu            */
	#cale {clear:both;width:500px;}
	#blabla {margin:57px 9px 0 8px;min-height:440px;color:#1F60A2;}

		#ind #blabla {background:#fff;}
		#ent #blabla {background:url(../images/fond-entreprise.jpg) no-repeat right top;}
		#con #blabla {background:url(../images/fond-concept.jpg) no-repeat right top;}
		#acc #blabla {background:url(../images/fond-accompagnement.jpg) no-repeat right top;}
		#gam #blabla {background:url(../images/fond-gamme.jpg) no-repeat right top;}
		#res #blabla {background:url(../images/fond-reseau.jpg) no-repeat right top;}
		#rea #blabla {background:url(../images/fond-realisation.jpg) no-repeat right top;}


/*------------  2. LA PAGE D'ACCUEIL           */
	#blabla table {text-align:left;font-size:12px;}
	#tblind {background:url(../images/logosindex.jpg) no-repeat 285px 310px #FFF;margin:5px 0 0 0;}



	.newsActu, .newsNouv, .newsEven {background:url(../images/ombre-news.jpg) no-repeat right top #FFF;font-size:9px;margin:0 0 10px 0;}

		.newsActu h4, .newsNouv h4, .newsEven h4 {font-size:17px;width:102px;padding:4px 1px;text-align:center;}

		.newsActu p, .newsNouv p, .newsEven p {line-height:1em;margin:5px 17px 5px 5px;}v

		.news-soustitre {font-size:10px;font-weight:bold;}

		.newsActu div, .newsNouv div, .newsEven div {height:22px;background:url(../images/ombre-news-bas.jpg) no-repeat right bottom #FFF;font-size:10px;}

		.newsActu div a, .newsNouv div a, .newsEven div a {display:block;width:94px;padding:0 5px;}



		.newsActu h4 {background:#C2CC00;}

		.newsActu div a {background:#C2CC00;}



		.newsNouv h4 {background:#FECC00;}

		.newsNouv div a {background:#FECC00;}

		

		.newsEven h4 {background:#8AB713;}

		.newsEven div a {background:#8AB713;}





/*------------  3. LES PAGES DU CONTENU           */			

	#colonne-gauche {width:180px;padding:5px 0 0 0;}

	#colonne-gauche p {padding:5px 0 5px 10px;text-align:justify;font:14px Arial Narrow, Arial, sans serif;line-height:1.1em;letter-spacing:1px;}

		#colonne-gauche p a {color:#E10078;font-weight:bold;}

		#colonne-gauche p a:hover {text-decoration:underline;}

	html>body #popup, html>body #popupBreve, html>body #popupActu, html>body #popupNouv, html>body #popupEven {background:url(../images/ombre-bla.png) no-repeat 0 10px;}

	#popup {float:right;width:426px;height:441px;background:#fff;}

	#popupBreve, #popupActu, #popupNouv, #popupEven {position:absolute;z-index:20;top:76px;left:195px;width:426px;height:441px;background:#fff;}

	.bla {margin:24px 18px 14px 15px;height:398px;overflow:auto;text-align:left;}

		.bla h3 {font-size: 14px;color:#fff;padding:4px 10px;margin:0 4px 7px 0;clear:both;}

		.bla h3 a {font-size:10px;color:#fff;}

		.bla h3 a:hover, .bla a:hover {text-decoration:underline;}

		.bla h3 img, #bla-ferme img {vertical-align:middle;}

		.bla h4 {border-bottom:2px solid #1F60A2;font-weight:bold;font-size:12px;padding:4px 0 0 0;}

		.bla p {margin:2px 8px 2px 10px;color:#1F60A2; text-align:justify; }
		
		.bla img {margin:5px 5px 5px 5px; }

		.bla hr {display:block;margin:0 4px 0 0;clear:both;}

		.bla a {color:#1F60A2;}
		.bla ul {list-style:circle;margin:0 0 0 30px;}
		.bla ol { list-style:decimal;margin:0 0 0 30px;}

		.bla blockquote {margin:0 0 0 60px;}

		.bla table {margin:10px 0 0 0;}

		.bla td p {font-size:10px;}

		.bla th {text-align:left;font-size:10px;padding:0 0 5px 10px;}

		.bla th span {font: 18px Impact, Arial, sans-serif;}

		.tblrea td img {margin:0 0 0 5px;}

		#bla-ferme {position:relative;z-index:10;top:0px;left:165px;width:150px;}

		

		#acc .bla h3 {background:#E1017B;}

		#acc .bla hr {color:#E1017B;}

		#ent .bla h3 {background:#318925;}

		#ent .bla hr {color:#318925;}

		#con .bla h3 {background:#0087CB;}

		#con .bla hr {color:#0087CB;}

		#gam .bla h3 {background:#EA5D0E;}

		#gam .bla hr {color:#EA5D0E;}

		#res .bla h3 {background:#7A9C12;}

		#res .bla hr {color:#7A9C12;}

		#pre .bla h3 {background:#162A83;}

		#pre .bla hr {color:#162A83;}

		#rea .bla h3 {background:#009DE0;}

		#rea .bla hr {color:#009DE0;}

		#popupBreve .bla h3 {background:#0085CB}

		#popupBreve .bla hr {color:#0085CB}

		#popupActu .bla h3 {background:#F8C716}

		#popupActu .bla hr {color:#F8C716}

		#popupNouv .bla h3 {background:#C2CC0F}

		#popupNouv .bla hr {color:#C2CC0F}

		#popupEven .bla h3 {background:#8AB814}

		#popupEven .bla hr {color:#8AB814}

		

		.gamme_titre {font: 18px Impact, Arial, sans-serif;/*letter-spacing:1px;*/}

		.gamme_sstitre {font-size:10px;font-weight:bold;}

		.config-titre {font-size:12px;font-weight:bold;}

		.reseauDEP {font-size:12px;}

		.goodiesTBL td p {font-size:11px;text-align:center;}

		

		

/*------------  4. FORMULAIRE DE CONTACT ET D'ABONNEMENT A LA NEWSLETTER           */

		html>body #popup-contact {background:url(../images/ombre-contact.png) no-repeat;}

		html>body #popup-abonnement {background:url(../images/ombre-abonnement.png) no-repeat;}

		#popup-contact {margin:0 auto;width:607px;height:661px;background:#fff;}

		#popup-abonnement {margin:0 auto;width:607px;height:379px;background:#fff;}

		#popup-contact form, #popup-abonnement form {background:url(../images/entete-formulaire.jpg) no-repeat 6px 5px;padding:50px 25px 0 20px;color:#162A83;text-align:left;}

		#popup-contact form h3, #popup-abonnement form h3 {background:#162A83;color:#fff;padding:5px 0;text-align:center;font-size:16px;}

		#popup-contact form hr, #popup-abonnement form hr {display:block;color:#162A83;}

		#popup-contact form th, #popup-abonnement form th {text-align:right;padding:1px 5px 1px 1px;}

		#popup-contact form td, #popup-abonnement form td {padding:1px;}

		#popup-contact form td input, #popup-abonnement form td input {width:401px;border:1px solid #162A83;background:url(../images/fond-input.jpg) no-repeat left bottom;							 																		padding:0 0 0 10px;height:18px;}

		#popup-contact form td textarea, #popup-abonnement form td textarea {width:401px;border:1px solid #162A83;padding:0 0 0 10px;overflow:auto;height:167px;

																			background:url(../images/fond-textarea.jpg) no-repeat center bottom;}

		#popup-contact .bt_radio, #popup-abonnement .bt_radio {background:none;width:20px;border:none;}