/* Balises */
body 		{ background: #fff; color: #333; font: normal 11px/1.5em Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
img 		{ border: 0; }
a,
a:visited	{ color: #40a0cf; text-decoration: none; }
a:hover		{ color: #10709f; text-decoration: underline; }
hr			{ background: #ddd; border: 0; color: #ddd; display: block; height:1px;  margin: 20px 0; }

/* Générique */
.clearboth 		{ clear: both; }
.clearright 	{ clear: right; }
.clearleft 		{ clear: left; }
.centrer 		{ text-align: center; }
.centimes 		{ font-size: xx-small; vertical-align: top; }
.img_droite		{ float: right; }
.img_gauche		{ float: left; }
.img_centre		{ display: block; margin: 0 auto; }
.img_milieu		{ display: inline; vertical-align: middle; }
.inline 		{ display: inline; }
.petit			{ font: normal 10px Arial, Helvetica, sans-serif; margin: 5px 0; }

/* Couleurs */
.gris			{ color: #999; }


/* Layout */
#main 				{ margin: 20px auto; width: 1020px; }
#header,
#barre				{ padding: 0 0 0 32px; }
#contenu			{ clear: both; float: left; width: 1020px; }
#colonne_gauche		{ font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; float: left; width: 211px; }
#texte				{ color: #555; float: left; font: normal 12px/1.5em Arial, Helvetica, sans-serif; padding: 20px; width: 769px; }
#footer				{ background: url(/templates/gfx/footer.png) no-repeat; clear: both; color: #555; font: normal 10px/1.5em Verdana, Geneva, sans-serif; height: 92px; padding: 40px 0 0; text-align: center; }
#home				{ clear: both; float: left; padding: 20px 0 20px 20px; width: 1000px; }


/* Colonne */
#studio					{ float: left; margin: 20px 0 0; padding: 0 0 0 32px; width: 179px; }

#colonne_gauche	ul			{ list-style: none; margin: 0; padding: 10px; }
#colonne_gauche	li			{ margin: 0; padding: 0; }
#colonne_gauche	li.inter	{ font: bold 12px Verdana, Geneva, sans-serif; font-style: italic; margin: 0; padding: 0; }
#colonne_gauche	a,
#colonne_gauche	a:visited	{ color: #456; }
#colonne_gauche	a:hover		{ color: #99c; text-decoration: none; }
#colonne_gauche	a.actif		{ color: #79f; font-weight: bold; }

#offres					{ float: left; margin: 20px 0 0; width: 211px; }
#offres_titre			{ float: left; width: 32px; }
#offres_h				{ background: url(/templates/gfx/nos_offres_h.png) no-repeat; height: 4px; margin-left: 32px; overflow: auto; width: 179x; }
#offres_m				{ background: url(/templates/gfx/nos_offres_m.png); margin-left: 32px; overflow: auto; width: 179px; }
#offres_b				{ background: url(/templates/gfx/nos_offres_b.png) no-repeat; height: 4px; margin-left: 32px; width: 179px; }

#supports				{ float: left; margin: 20px 0 0; width: 211px; }
#supports_titre			{ float: left; width: 32px; }
#supports_h				{ background: url(/templates/gfx/tous_nos_supports_h.png) no-repeat; height: 4px; margin-left: 32px; overflow: auto; width: 179px; }
#supports_m				{ background: url(/templates/gfx/tous_nos_supports_m.png); margin-left: 32px; overflow: auto; width: 179px; }
#supports_b				{ background: url(/templates/gfx/tous_nos_supports_b.png) no-repeat; height: 4px; margin-left: 32px; width: 179px; }


/* accueil */
#home ul		{ list-style: none; margin: 10px auto; }
#home li		{ display: inline; margin: 0px 20px; }



/* Texte */
#texte h1				{ border-bottom: 3px solid; font: normal 30px Arial, Helvetica, sans-serif; font-style: italic; margin: 0 0 5px; }
#texte h1.premium		{ border-color: #d0bb5d; }
#texte h1.puissance		{ border-color: #f8b32d; }
#texte h1.home			{ border-color: #e2007a; }
#texte h1.power			{ border-color: #009ee0; }
#texte h1.sites_spe		{ border-color: #ffed00; }
#texte h1.studio		{ border-color: #82b736; }
#texte h3				{ color: #888; font: bold 16px/1.3em Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


/* Site */
#texte div.site						{ border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; }
#texte div.site div.site_droite		{ float: left; width: 400px; }
#texte div.site div.site_gauche		{ float: left; padding: 20px 0 0; width: 300px; }
#texte div.site div.site_centre		{ clear: both; }
#texte div.site p.fiche				{ clear: both; }
#texte div.site img.puce			{ float: left; margin: 3px 8px 0 0; }
#texte div.site h2					{ font: bold 18px Arial, Helvetica, sans-serif; margin: 0; text-transform: uppercase; }
a.site,
a.site:visited		{ font: bold 14px Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none; }
a.premium, 			a.premium:visited	{ color: #d0bb5d; }
a.puissance, 		a.puissance:visited	{ color: #d0bb5d; }
a.home, 			a.home:visited		{ color: #e2007a; }
a.power, 			a.power:visited		{ color: #009ee0; }
a.sites_spe, 		a.sites_spe:visited	{ color: #ffed00; }
a.studio, 			a.studio:visited		{ color: #82b736; }
a.site:hover		{ color: #888; }