/* don't change this unless you want the layout stuff to show up in the outline view! */

.layout div, #footer *, #controlForm * {display: none;}
#footer, #controls, #controlForm, #navLinks, #toggle {
  display: block; visibility: visible; margin: 0; padding: 0;}
#toggle {float: right; padding: 0.5em;}
html>body #toggle {position: fixed; top: 0; right: 0;}

/* making the outline look pretty-ish */

#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
#slide0 h1 {padding-top: 1.5em;}
.slide h1 {margin: 1.5em 0 0; padding-top: 0.25em;
  border-top: 1px solid #888; border-bottom: 1px solid #AAA;}
#toggle {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}


/* TecRD style */

@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
	font-size: 13px;
	line-height: 18px;
	color: #002B17;
	background-color: White;
}

table {
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
	font-size: 13px;
	line-height: 18px;
	color: #002B17;
}

img {
	margin:0;
	padding:0;
	border:none;
}

hr {
	visibility:hidden;
	margin:0;
	padding:0;
	clear: both;
}


/* ----------------------------------- TITRES ----------------------------------- */

h1, h2, h3 {
  font-family: 'Droid Serif', serif;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}

h1 {
  font-size: 21px;
  color: #EBBF17;
  font-weight: bold;
}

h2 {
  font-size: 18px;
  color:#002B17;
}

h3 {
  font-size: 16px;
  color: #B3B3B3;
}

h4 {
  font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
}
/* ----------------------------------- LINKS ----------------------------------- */
a:link {
	color: #808080; /*B3B3B3*/
	text-decoration: none;
}
a:visited {
	color:#808080;
	text-decoration:none;
}
a:hover {
	color:#002B17;
	text-decoration:underline;
}
a:active {
	color:#CCCCCC;
	text-decoration:none;
}

a.external
{
	/* how to? see http://code.google.com/p/image2css/ */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat;
	background: url(link-ext.png) center right no-repeat!ie;
	padding-right: 13px;
}

a.internal
{
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAAXNSR0IArs4c6QAAABhQTFRF+vr68/PzZpnMM5nMmcz/AGbMAGb/////wItlTwAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2wkJCTI3nimhRgAAADRJREFUCNdjYCASpMEYKQkgki0tzd0NzHBxcS8BCbGWA4EbjAEWCQ0NL4PqCkqAMkKxmg4Ag00LHu6Bo30AAAAASUVORK5CYII=) center right no-repeat;
	background: url(link-int.png) center right no-repeat!ie;
	padding-right: 13px;
}

.arrondi { 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px; 
	 -khtml-border-radius: 10px; 
	 border-radius: 10px; 
	 behavior: url(css/border-radius.htc); 
}