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

h1 {color: #666; font-family: verdana, arial, helvetica, sans-serif; font-size: 2.5em; font-weight: normal; padding: 0 1%; margin: 0 1.5% 7px 0; line-height: 170%; border-bottom: 20px solid #659000}
h2 {color: #930; font: normal 1.8em verdana, arial, helvetica, sans-serif; margin: 25px 0 10px 0; padding: 0}
h3 {color: #f60; font: italic normal normal 1.7em verdana, arial, helvetica, sans-serif; margin: 15px 0 5px 0}
h4 {color: #f00; font-size: 1.7em;  font-style: italic; font-family: Verdana, Arial, Helvetica, Geneva sans-serif; margin: 0 0 1em 0}
hr {height: 2px; color: #fff; width: 100%; clear: both; visibility: hidden}
ul, ol, li {list-style: none}
a {color: #666; text-decoration: underline}
a:hover {color: #999; text-decoration: none}
a.ici {color: #999;}

acronym, abbr {color: #903; border-bottom: 1px dotted  #903; font-style: italic; cursor: help}	
address {padding : 0 0 0 1.3em !important ; font: italic bold small/1.3em Verdana, Arial, Helvetica, sans-serif; color: #036} 
address a {font-weight: normal; color: #335100}
p {color: #333; font-size: 1.3em; line-height: 150%}

#contenu {width: 100%; border-top: 1px solid #fff; background-color: transparent}
#page {width: 930px; margin: 0 auto 0 50px}
#entete {height: auto; width: 100%}

#lh {height: 20px; width: auto;  background: #333}
#lh p {color: #999; font-size: 10px; text-align: right; padding: 0 10px 4px 10px;}
#lh a {color: #ccc;text-decoration: none;}

#fondlogo {float: left; height: 10px; width: 10px}
#fondlogo #logo {display: block;  height: 10px; width: 10px;}

#bantitre {}
#bantitre p {text-align: right;}
#bantitre a {text-align: right; font-size: 10px; color: #666; text-decoration: none;}
#bantitre span {display: none;}

#banfond {height: 1px;}
#banfond1 {}
#banfond2 {}
#fonddroit {}
#fondgauche {}
#menu-haut {}
#nav {}
#recherche {}
#principal {margin: 0 ; clear: both !important; padding: 0 ; background-color: #fff; overflow: visible; }
#utile {float: left; width: 930px; margin: 0; background: #fff url(../images/logo-formation-siteweb.jpg) no-repeat 25px 35px}
/* ------------- colonne 2 ------------------ */
#col2 {float: right; overflow: visible !important; width: 635px; background: transparent url(../images/formation-qualite-web.png) no-repeat bottom right}	
#zone_haut {margin: 0}

#milieu {}
#milieu p.t6 {}

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

#intro {margin: 135px 0 0 0; }
#intro hr.sep1 {height: 2px; width: 100%; color: #fff; border-top: 2px solid #333; margin: 15px auto ; text-align: center; visibility: visible}
#apropos {}
#apropos p {line-height: 170%; letter-spacing: 0.02em; padding-right: 10%}

#article {}
#article p {margin-bottom: 35px; padding-right: 10%; line-height: 170%; letter-spacing: 0.02em}
#article ul {margin: 1.5em 0}
#article li {color: #333; font-size: 1.3em; text-align: left; line-height: 150%; list-style-type: circle; margin-left: 3em}
#article  p.date {color: #666; font-size: 1.1em; margin: 0; width: 33%; border-bottom: 1px dotted #999}
#article .ref {margin: 15px 0 35px 0}
#article .ref p {margin-bottom: 15px}
.ref h3 {margin-top: 6px} 
#zone_bas {margin-top: 15px}

/* ---------------- colonne de droite = colonne 3 -------- */
#col3 {float: right; width: 0px; margin: 0 5px 0 0; overflow: visible}
#col3 #bloc3 {margin-top: 25px;} /* bloc interne pour bug IE7 */	  
/* --------------- colonne de gauche = colonne 1 --------- */
#col1 {float:left; clear: left; width: 290px; margin: 350px 0 0 0}
#menu-lateral {margin-left: 40px; width: 195px}
#col1 div.mgbd {border-top: 0px solid #f4f4f4; background: #fff url(../images/dot1.png) repeat-y top left}
#col1 div.menug {margin-bottom: 2em; background:transparent  url("../images/formation.png") no-repeat bottom right}
#col1 ul.menu {position:relative; width:auto !important; margin: 0 5px 2em 0; padding-bottom: 20px}
#col1 ul.last {margin: 0 0 7px 0}
#col1 ul.menu li {width: 100%; line-height: 30px; height: 30px}
#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: 30px; text-decoration: none;}
#col1 ul.menu li a:hover {background: transparent url("../images/opacite.png") repeat top left; text-decoration: none}

/* ---------------------- texte ------------------------------ */
.bold {font-weight:bold}
.italic {font-style:italic}
.left {text-align:left}
.right {text-align:right}
.rouge {color: #f00}

/* ---------------- pied de page --------------------- */
#sep {height: 1px; width: 100%; background-color: transparent}
#basdepage {text-align: left; width: 930px; padding: 5px 0; margin: 0 auto 4px auto; background: #fff url(../images/fond-formation.png) repeat-x bottom left; border-top: 1px solid #333}
#basdepage a {text-decoration: none; color: #666}
#basdepage a:hover {text-decoration: underline; color: #333}
#basdepage p.nav_basdepage {text-align: center; font-size: 1em}
#basdepage p.liste_partenaire {text-align: center; font-size: 1em; color: #666}
.liste_partenaire a {font-size: 1em}
.liste_partenaire a:hover {color: #999; text-decoration: none}

#lb {width: 930px; margin: 0 auto 0 50px; background-color: #fff}
#lb p {padding: 3px 20px 3px 0; font-size: 0.9em; text-align: right}