html, body, p, ul, ol, li, dl, dd, dt,h1, h2, h3, h4, h5, h6, hr, img, table, form, fieldset, pre, code {margin: 0; padding: 0; border: none;}
html {font-size: 10px}
body {background-color: #fff; font-size: 100%; font-family: verdana, arial, helvetica, sans-serif;}

h1 {color: #903; font-family: verdana, arial, helvetica, sans-serif; font-size: 2.8em; font-weight: normal; padding: 0 0 0 8px; margin: 0 0 15px 0; line-height: 150%;}
h2 {color: #06c; font: normal 2.2em verdana, arial, helvetica, sans-serif; margin: 35px 0 15px 0; padding: 0 0 2px 0; border-bottom: 1px solid #ccc;}
h3 {color: #06c; font: italic normal normal 1.8em verdana, arial, helvetica, sans-serif; margin: 15px 0 5px 0;}
h4 {color: #06c; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #ffa72b; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left: 5px; margin: 0 3px 1em 0; letter-spacing: 0.1em;}
h4:first-letter {font-size: 110%; text-transform: uppercase;}
h4.news {color: #06c;}
hr {height: 2px; color: #fff; width: 100%; clear: both; visibility: hidden}
hr.separ1 {height: 2px; width: 60%; color: #fff; visibility: visible; border-top: 1px solid #aaa; margin: 15px auto 5px auto; text-align: center}
.clearfix:after {content : "."; display : block; height : 0; clear : both; visibility : hidden;} /* <==> hr */

ul, li {list-style: none}
li {line-height: 160%;}
dl {}
dd,dt {font-size: 1.3em;}
dd {color: #903; font-weight: bold; margin: 15px 0 1px 0}
pre {color: #000; padding: 10px; font-size: 1.3em;}
code {color: #963; font-size: 1.2em; font-family : "Courier New", Courier, mono;}

a {color: #069; text-decoration: underline;}
a:hover {color: #060; text-decoration: none;}
a.ici {color: #060;}
acronym, abbr, dfn {color: #903; border-bottom: 1px dotted  #903; font-style: italic; cursor: help;}	
address {padding : 1.5em !important ; font: italic bold small/1.3em Verdana, Arial, Helvetica, sans-serif; color: #036;} 

p {color: #333; font-size: 1.3em; line-height: 150%;}
p.lien_sup {width: 350px; padding-left: 12px; line-height: normal; letter-spacing: normal; text-align: left;}

table {font-size: 1.3em; padding: 2px;}

/*  ---------------- debut de section après body ----------------------- */
#contenu {width: 100%; border-top: 1px solid #fff;}
#page {}
#entete {position: absolute; top: 0; left: 0; height: 120px; width: 100%}

#lh {position: absolute; top: 0; right: 0; height: 16px; width: 100%; background-color: #fff}	/* #004b84 */
#lh p {color: #ddd; font-size: 10px; text-align: right; padding: 0 10px}
#lh p a {color: #ddd; text-decoration: none}

#fondlogo {}
#logo {position: absolute; top: 1px; left: 26px; background: transparent url("../images/robot-positron-libre.png") no-repeat top left; height: 64px; width: 64px;}

#bantitre {position: absolute; top:9px; left:90px; background: transparent url(../images/sprite-v3.png) no-repeat 0px -456px; height: 30px; width: 221px;}
#bantitre span {display: none;}

#banfond {position: absolute; top: 16px; left: 0px; height: 66px; width: 100%}
#banfond1 {position: absolute; top: 66px; left: 0px; background: transparent url("../images/sprite-v3.png") repeat-x 50% -488px; height: 11px; width: 100%}
#banfond2 {border-top: 1px solid #6b90da; height: 10px; width: 100%}

#menu-haut {position: absolute; top: 101px; left: 0; width: 100%; height: 30px}
ul#nav {float: right; height: 20px; background-color: #fff; margin: 0 5px 0 0}
#nav li {float: left;  height: 20px; background: transparent url("../images/sprite-v3.png") no-repeat -220px -186px}
#nav li.first {background-image: none}
#nav li.last {}
#nav li a {float: left; line-height: 20px; height: 20px; color: #069; padding: 0 15px; font-size: 13px; font-weight: normal; text-decoration: none;}
#nav li a.ici {color: #060; background: transparent url("../images/sprite-v3.png") no-repeat left -165px;}
#nav li a:hover {color: #fff; text-decoration: none; background: transparent url("../images/sprite-v3.png") no-repeat left -142px;}

#recherche {position: relative;}
form#searchbox {background-color: #fff; display: block; position: absolute; top: 30px; right: 0; width: 40em;}
#searchbox fieldset {}
#searchbox legend {padding-left: 2.2em; color: #ccc;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em;}
#searchbox legend span {display: none}
#searchbox label {float:left; margin-top: 0.5em; padding-left: 17px; background: transparent url(../images/sprite-v3.png) no-repeat 0 -420px ; overflow:hidden; width:0; height:22px; white-space:nowrap}
#searchbox input {float: left}
#searchbox input#q11 {border: 1px solid #7f9db9; margin: 0.5em 1em 0 0.5em ; font-weight: 700; font-size: 1.3em; padding: 0.2em; width: 48%;}
#searchbox input#q11:focus {border: 1px solid #903; background-color: #ffffec}
#searchbox input.b11 {border: none; margin-top: 0.5em; font-size: 1.3em; color: #069; height: 22px; width: 35px; font-weight: normal; cursor: pointer; background: transparent url("../images/sprite-v3.png") no-repeat 0 -187px;}
#searchbox input.b11:hover {color: #903; background: transparent url("../images/sprite-v3.png") no-repeat -36px -187px;}
ul#searchlinks {margin: 0em -1em 0 5px; float:left;}
#searchlinks li {margin: 0.5em 0 0.3em 0; line-height:70%}
#searchlinks li a {font-size: 0.9em; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif;}
#searchlinks li a:hover {color: #f60}

#principal {width: auto; clear: both !important; margin: 95px 0 0 0; padding: 0 0 .5em 0; overflow: visible; min-width: 938px; /* 950px - 12px padding */}
#utile {float: left; width: 78%; }

/* ------------- colonne 2 ------------------ */
#col2 {float: right; overflow: visible !important; width: 76%; margin: 86px 0 0 0;}	
/* #zone_haut {position: absolute; top: 140px; right: 5px; width: 600px; height: 84px; background: transparent url("../images/fond-v.png") repeat-y top right} */
#zone_haut {margin: 0 0 14px 0; width: 500px}
#milieu {padding: 12px 1.5%; border: 1px solid #cad6e8}
#dos {float: right; width: 60px; clear: right;}
.dospositron-libre, .doscours, .doselectronique, .dosrecherche, .dosressources {margin-top: -42px; height: 45px; width: 60px; background: transparent url("../images/sprite-cours2.png") no-repeat 0 -1px;}
#milieu div.doselectronique {background-position: 0 -112px}
#milieu div.doscours {background-position: 0 -66px}
#milieu div.dosrecherche {background-position: 0 -66px}
#milieu div.dosressources {background-position: 0 -66px}

#chemin {margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #cad6e8;}
#chemin p {color: #666; font-weight: bold; font-size: 1em;}

#intro {}
#apropos p {}

#article p {margin-bottom: 25px}
#article ul {margin: 1.5em 0;}
#article li {color: #333; font-size: 1.3em; text-align: left; list-style-type: circle; margin-left: 3em}
#article.sommaire li {line-height: 180%}
#article.sommaire li a {font-weight: bold;}

#zone_bas {margin-top: 15px;}
#pub_bas {text-align: left; margin-top: 10px; margin-bottom: 5px;}
#cse-search-box {margin-bottom: 20px;}
#cse-search-box  fieldset {border: 1px solid #999; padding: 15px;}
#cse-search-box  legend {font-size: 1.2em;}

/* ---------------- colonne de droite = colonne 3 -------- */
#col3 {float: right; width: 20%; margin: 30px 3px 0 0; overflow: visible}
#bloc3 {margin-top: 135px;} /* bloc interne à cause bug IE7 */	  
#bloc3 p {padding: 4px 0;}
#bloc3 div.pub1 {width: auto; border-bottom: 0px solid #b0bfda;}
#bloc3 div.pub2 {margin: 20px 0;  width: auto; height: auto; border: 2px solid #ffab35; background-color: #206ba4;}
#bloc3 div.pub2 h2 {color: #ccc; font-weight: 700; border-bottom: 1px solid #ffab35; margin: 0 0 5px 0; text-align: center; background-color: #54a4de;}
#bloc3 div.pub2 h2 span {color: #ffab35;}
#bloc3 div.pub2 p {text-align: center; font-size: 2.1em; color: #ccc;}
#bloc3 div.pub2 div.cmd {height:auto; background-color: #000; border-top: 2px solid #ffab35;}
#bloc3 div.pub2 div.cmd p.order {text-transform: uppercase; color: #ccc; font-size: 1.4em; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}
#bloc3 #news {display: block; width: 200px; height: 73px; margin: 0 0 20px 0; background: transparent url("../images/sprite-v3.png") no-repeat 0 -341px;}
#bloc3 #news span {display:none;}
#bloc3 p.btrss {margin:0 0 3px 0;padding:2px 0 2px 12px;border:1px solid #ccc;background: #fefeff url("../images/fond-listerss.png") repeat-x 0 100%;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px}
.btrss a {padding: 0px 0 0 40px;display:block;height:32px; line-height:32px;text-decoration:none}
.btrss a:hover{text-decoration:underline;}
.icorss, .icotw, .icoiw {background: transparent url("../images/sprite-v3.png") no-repeat 0 -216px}
.icorss {background-position: 0 -216px}
.icotw {background-position: 0 -258px}
.icoiw {background-position: 0 -300px}
a.pubd {text-decoration: none}
/* --------------- colonne de gauche = colonne 1 --------- */
#col1 {float:left; clear: left; width:22.5%; padding-top: 0}
#menu-lateral {margin-left: 6px}
#col1 div.actug {border: 1px solid #cad6e8; background-color: #fcfcff}
#col1 div.menug, #col1 div.actug {margin-bottom: 2em; background-color: #fcfcff; padding: 5px 0 0 3px; border: 1px solid #cad6e8}
#col1 ul.menu {position:relative; width:auto !important; margin: 0 5px 2em 0}
#col1 ul.last {margin: 0 0 7px 0}
#col1 ul.menu li {width: 100%; line-height: 22px; height: auto; background: transparent url("../images/sprite-v3.png") no-repeat 0 -85px;}
#col1 ul.menu li a {font-size: 13px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; display: block; height: auto; line-height: 22px; text-decoration: none;}
#col1 ul.menu li a:hover {background: #f5f9ff url("../images/sprite-v3.png") no-repeat 0 -4px; text-decoration: none;}
#col1 ul.menu li a:active{color: #060;}
#col1 ul.actu {position:relative; width:auto !important; margin-bottom: 2em}
#col1 ul.actu li {width:auto !important; width:100%;}
#col1 ul.actu li a {font-weight: 700; font-size: 150%; font-style: italic; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: underline;}
#col1 ul.actu li a:hover {text-decoration: none}
#col1 ul.actu li a:active{color: #060}
#col1 ul.actu li img {width:150px; height: 128px; margin-top: 1em}

/* PIED DE PAGE ET BAS DE PAGE */ 
#sep {height: 20px; width: 100%; background-color: #048}
#basdepage {background: #f0f0f0; width: 100%; font-size: 1.1em; margin: 2px auto; border: #cad6e8 1px solid; border-width: 1px 0}
#basdepage a {text-decoration: none; color: #666}
#basdepage a:hover {text-decoration: underline; color: #999}
#basdepage p.text_basdepage {color: #999; padding: 0 0 5px 6px; font-size: 1em; line-height: 150%}
#basdepage p.nav_basdepage {background-color: #fff; color: #666 ; margin: 0 0 2px 0; font-size: 1em; padding: 3px 0 0 0 ; text-align: center }
#rss14 {width: auto; height: 20px; padding: 0 20px 2px 0 ; background: transparent url("../images/sprite-v3.png") no-repeat right -260px}
#basdepage div.partenaire_basdepage {background-color: #f6f6f6; border-top : #ccc 4px solid; border-bottom : #ccc 1px solid}
#basdepage p.liste_partenaire {color: #666 ; padding: 0 5px 0 6px; font-size: 1em}
#lb p {padding: 0 1%; font-size: 1em; text-align: right}

#encadre1 {margin-bottom: 20px; width: 550px; color: #930; font-size: 11px; text-align: justify; border: 1px solid  #8c9cce; margin-top: 30px; padding: 10px}
.cadre_r {border: 1px solid #f00; margin-top: 10px; padding: 5px}
.encadre {border: 1px solid #039;  margin-top: 10px; padding:  5px}

/* les blocs */
div.rubrique1 {margin-bottom: 15px; font-size: 11px}
div.rubrique1 a {font-weight: bold}
div.rubrique1 a:hover {}

div.pub336_280 {width: 336px; height: auto; margin: 15px 0 15px 2px;}
div.pub250 {float: left; width: 250px; height: 252px; margin: 0 15px 5px 0; background-color: #fcfcff; border: 1px solid #eee}
div.pub468_15 {height: 30px}
div.pub300_250 {float: left; width: 300px; height: 252px; margin: 0 10px 5px 0; background-color: #fcfcff; border: 1px solid #eee}
div.pub200img, div.pub200imgtxt {width: 230px; margin: 0 10px 5px 0; background-color: #ffffec; border: 1px solid #6b90da}
div.pub200img p, div.pub200imgtxt p {margin: 5px 0 5px 5px}
div.pubd {width: 210px; border-top: 1px solid #b0bfda}
div.pubd p {margin: 15px 0}
div.cadre {font-size: 11px; color: #000; border: 1px solid #039; margin-top: 10px; padding: 5px}
div.pub728_90 {margin-top: 12px; width: 728px; height: 90px}
div.pub468_60 {margin: 0; width: 468px; height: 60px}

/* ---------------------- texte ------------------------------ */
.bold {font-weight:bold}
.italic {font-style:italic}
.center {text-align:center}
.left {text-align:left}
.overline {text-decoration: overline}
.souligne {text-decoration: underline}
.rouge {color: #f00}
.ovl {text-decoration: overline}
.udl {text-decoration: underline}

/* images */
img.bouee {height: 16px; width: 16px; margin-right: 3px; vertical-align: middle}
img.tips {height: 36px; width: 27px} 

/* logo */
img.log1 {width: 80px; height: 15px}
img.imgtop {float: right; width: 150px; margin: 0 5px}
img.tracker_amazon {border:none !important; margin:0 !important; width:1px; height: 1px}