/************   Positionnement *********************/

body, h1, h2, h3, p, div, li {margin: 0; padding: 0}
ul, ol, li {list-style-type: none}

h1#pg_index {padding: 1px; width: 800px; margin: auto;}
p#entree {width: 100%}

/*div#header {width: 20%; float: left;}*/
div#header img {float: left;}

div#cont {margin: 0px auto 20px auto;width: 790px;background: url(img/bkgcont.gif) repeat-y;position: relative;}

div#content_supp {width: 310px; position: absolute; top: 600px; left: 40px;}
div#content_supp2 {width: 310px; position: absolute; top: 220px; left: 40px;}
div#content_supp3 {width: 190px; position: absolute; top: 230px; }

div#contenu_supp {width: 180px; float: left;}
div#securite {font-size: 12px; text-align: left; }
div#dechets {font-size: 12px; text-align: left; }

div#content_main {width: 75%; float: right; margin-top: 150px;margin-left: 25px;}
div#content_main p {padding: 1em; width: 100%;}
div#content_main dl {margin-left: 20px; width: 80%;}
div.txtprod2 dl dd {padding: 3px;text-align: justify}
div#content_main ul li {margin-bottom: 10px;}
div#content_main div ol li {margin-bottom: 10px;}
div#content_main ul li ul li {margin-bottom: 0px;}
div#content_main table#intervenants {width: 75%;}
div#content_main table#intervenants tr th.col1 {width: 20%;}
div#content_main table#intervenants tr th.col2 {width: 30%;}
div#content_main table#intervenants tr th.col3 {width: 50%;}
div#content_main table#cours {width: 800px;}
div#content_main table#cours tr th {width: 30%;}
div#content_main table#cours tr td {width: 70%;}
div#content_main div.prix {width: 400px;}
div#content_main div.prix2 {width: 400px; float: left;}
div#nav_main ol {position: absolute; top: 150px; left: 25%;}
div#nav_main ol li {display: inline; float: left; padding: 1em}
div#nav_sec {width: 350px;position: absolute; left: 0px; top: 220px;}


div#footer {clear: both; overflow: hidden; text-align: center; width: 50%; margin: auto}
div#footer ul {overflow: hidden; margin: auto}
div#footer li {display: inline; float: left; padding: 1em;}

div#news {}
a#liencat, a#liencat:visited {font-size: 8px;}
p.centre {text-align: center; width: 100%;}
p.centre em {font-size: 1.3em; color: #378716;}

/************   Couleurs       *********************/
a, a:visited {color: #378716;}
a:hover {background-color: #B4CFED;}


h1 {color: #777}
h2 {color: #378716}
h1#pg_index {color: #A6CDF6;}

div#content_main {background: transparent}
div#content_main em.e2s {color: #378716}
div#content_main dl {}
div#content_main dl dd {}
div#content_main div.prix {background-color: #B4CFED;}
div#content_main div.prix2 {background-color: #B4CFED;}
div#content_supp {background-color: #BFDAF8;}
div#content_supp2 {background-color: #BFDAF8;}
div#content_supp3 {background-color: transparent;}

/************   Typos          *********************/

body {text-align: center;}
a, a:hover, a:visited {text-decoration: none}
em {font-weight: bold; font-style: italic}

h1 {font-size: 0.8em; padding: 1em; line-height: 2.5em;}
h2 {padding: 2em;}

h1#pg_index {font-size: 2em; font-weight: bold}
p#entree a, p#entree a:visited, p#entree a:hover {font-size: 2em; color: #378716;}
div#header h1 {font-size: 1.2em; text-align: center;width: 300px; color: #cc3333;}
div#header h2 {text-align: left;}

div#content_main {text-align: justify}
div#content_main h3 {font-size: 1.5em; color: #378716; padding: 10px; margin-bottom: 20px;}
div#content_main em.e2s {font-size: 1.1em; font-style: italic; font-weight: bold}
div#content_main p.souligne {text-decoration: underline}
div#content_main ol li {text-indent: 1em; list-style-type: circle}
div.txtprod2 dl dt {font-weight: bold; padding: 3px; font-size: 1em; text-align: left;}
div#content_main ul li {font-weight: bold;}
div#content_main ul li ul li {font-weight: normal;}
div#content_main table#intervenants tr th {text-align: center;}
div#content_main table#intervenants tr td {text-align: justify; font-size: 0.8em;}
div#content_main table#intervenants tr td ol li {list-style-type: none; text-indent: 0px;margin-left: -40px; margin-bottom: 5px;}
div#content_main div.prix p {line-height: 1em; padding: 1px; margin: 0px;}
div#content_main div.prix2 p {line-height: 1em; padding: 1px; margin: 0px;}

div#content_supp h4 {font-size: 1em;}
div#content_supp p {font-size: 0.8em;}
div#content_supp3 p {font-size: 0.8em; text-align: center;}

div#nav_sec {text-align: left;}
div#nav_sec ul li {list-style-type: none; background-color: #BFDAF8;font-size: 1.2em;}
div#nav_sec ul li ol li {list-style-type: circle; font-size: 0.8em;}

div#header h2 a.lienpdf {font-size: 0.5em;}

ul.obj {list-style-type: none; margin-left: -30px;}
div#content_main table#cours ul.obj li {font-weight: normal;}