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

h1 {color: #008; font-family: verdana, arial, helvetica, sans-serif; font-size: 2.5em; font-weight: normal; padding: 0 0 0 0px; margin: 0 0 35px 0; line-height: 150%;}
h2 {color: #006; font: normal 1.8em verdana, arial, helvetica, sans-serif; margin: 30px 0 ; padding: 0 0 2px 0; border-bottom: 1px solid #ccc;}
h3 {color: #f78b0c; font: normal normal bold 1.5em verdana, arial, helvetica, sans-serif; margin: 15px 0 5px 0}
h4 {color: #f78b0c; font-size: 1.4em; font-style: normal; margin: 0 0 1em 0; font-weight: normal}
hr {height: 2px; color: #fff; width: 100%; clear: both; visibility: hidden}
h2.new {font-weight: bold; border: none; margin-bottom: 10px;}
h3.new {color: #06c;}
h3.index {color: #008; margin-bottom:0}
ul, li {list-style: none;}

a {color: #069; text-decoration: underline;}
a:hover {color: #060; text-decoration: none;}
a.ici {color: #060;}
acronym, abbr, span.def {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%;}

/*  ---------------- debut de section après body ----------------------- */
#contenu {border-left: 6px solid #048; width: auto; border-top: 1px solid #048; background-color: #fff}
#page {}
#entete {height: 150px; width: 100%;}

#lh {height: 20px; width: 100%; background-color: #048;}
#lh p {color: #999; font-size: 10px; text-align: left; padding:  0 10px;}
#lh p a {color: #ccc; text-decoration: none;}

#fondlogo {}
#fondlogo #logo {position: absolute; top: 30px; left: 20px; background: #fff url("../images/logo-formation-master-licence.png") no-repeat bottom left; height: 280px; width: 63px; }

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

#banfond {height: 150px; }
#banfond1 {position: absolute; top: 22px; left: 7px; height: 150px; width: 99%; background: #fff url("../images/le-pole-formation-sp2mi.jpg") no-repeat top left;}
#banfond2 {height: 150px; background: transparent url("../images/decors-pole-formation-sp2mi.png") no-repeat top right;}

#fonddroit {}
#fondgauche {}

#menu-haut {position: absolute; top: 174px; right: 0.5em; width: auto; height: 22px;}
#nav {float: right; height: 22px;}
#nav li {float: right;  height: 22px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #e0e0e0; background: #fff url(../images/menu-sp2mi.gif) repeat;}
#nav li.last {}
#nav li.first { border-left: 1px solid #e0e0e0;}
#nav li a {float: left; line-height: 22px; height: 22px; padding: 0 15px; font-size: 13px; font-weight: 600; text-decoration: none}
#nav li a.ici {color: #ccc}
#nav li a:hover {text-decoration: none; background: #fff url(../images/menu-sp2mi-hover.gif) repeat;}

#recherche {}

#principal {width: auto; clear: both !important; margin-top: 67px; padding: 0 0 .5em 0; overflow: visible; min-width: 800px; /* 950px - 12px padding */}
#utile {float: left; width: 74%; margin: 0 0 0 0;}
 
/* ------------- colonne 2 ------------------ */
#col2 {overflow: visible !important;  margin-left: 85px;}	
#zone_haut {}

#milieu {}

#chemin {margin: 0 0 20px 0; border-bottom: 1px solid #cad6e8; width: auto}
#chemin p {color: #666; font-size: 1em; padding-bottom: 10px}
#chemin p a {text-decoration: none; color: #c00}
#chemin p a:hover {text-decoration: underline}
#intro {}
#apropos p {padding: 12px 0 0 0; line-height: 150%; letter-spacing: 0.02em; text-align: left}
#article {padding: 0 }
#article p {margin: 20px 0; line-height: 160%; letter-spacing: 0.02em; text-align: left}
#article p span.debut {color: #c08c00; font-size: 1.6em; font-weight: bold}
#article p span.accroche1 {color: #06c; font-size: 1.4em; font-weight: bold}
#article ul.liste {margin: 2em 0 2em 2em; }
#article ul.liste li {list-style-type: circle; margin: 1em 0 0 0; color: #006; font-size: 1.8em; font-weight: bold}
#article ul.liste li.nopuce {list-style: none; }
#article ul.liste li span.sousliste2 {font-size: 0.8em; font-weight: normal }
#article ul.sousliste {margin: 0 0 1em 0;}
#article ul.sousliste li {margin: 0.5em 0 0 3em; font-size: 1.4em; color: #000; font-weight: normal; list-style-type: disc; list-style-position: inside}

#article div.blochaut {margin: 0}
#article div.blocbas {margin: 40px 0 0 0; }
#article div.div_right {float: right; margin: 0 0 2em 2em ; width: auto; }
#article div.div_left {float: left; margin: 0 2em 2em 0; width: auto; }

#zone_bas {margin-top: 15px;}

/* ---------------- colonne de droite = colonne 3 -------- */ 
#col3 {float: right; width: 24%; overflow: visible; background-color: #fff;}
#col3 #bloc3 {margin-top: 20px; margin-right:0.5em} /* bloc interne pour bug IE7 */	  
#bloc3 p {padding: 4px 0;}
#bloc3 div.pub1 {padding: 15px 0}
#bloc3 div.pub1 h4 {background: #fff url(../images/menu-sp2mi.gif) repeat; padding: 7px 2px}
#bloc3 div.pub1 ul {position:relative; width:auto !important; margin-bottom: 2em;}
#bloc3 div.pub1 ul li {width: 100%; line-height: 22px; height: auto; font-size: 1.2em}
#bloc3 div.pub1 ul li a {font-size: 1em; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; padding-left: 2px; display: block; height: auto; line-height: 22px; text-decoration: none;}
#bloc3 div.pub1 ul li a:hover {background-color: #f5f9ff; text-decoration: none;}
#bloc3 div.pub3 #candidat {display: block; background: #fff url("../images/candidat-sp2mi.png") no-repeat top left; width: auto; height: 150px}
#bloc3 hr.sep3 {height: 2px; width: 70%; color: #fff; border-top: 1px solid #aaa; margin: 15px auto ; text-align: center; visibility: visible}

/* --------------- colonne de gauche = colonne 1 --------- */
#col1 {}
#menu-lateral {}

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

/* ---------------- pied de page --------------------- */
#sep {height: 1px; width: 100%; background-color: transparent;}
#basdepage {background-color: #fcfcfc; width: 100%; font-size: 1em; margin: 0 auto; border: #cad6e8 1px solid; border-width: 1px 0 }
#basdepage a {text-decoration: none}
#basdepage a:hover {text-decoration: underline}
#basdepage p.nav_basdepage {text-align: center; margin: 0.5em; color: #666}
#basdepage div.partenaire_basdepage {border-top: #048 1px solid}
#basdepage p.liste_partenaire {font-size: 0.95em; text-align: center; margin: 0.5em;  color: #666}
#basdepage p.liste_partenaire a {color: #666}
#basdepage p.liste_partenaire a:hover {color: #999}

#lb {background-color: #048; height: 20px;}
#lb p {color: #eee; padding: 0 1%; font-size: 1em; text-align: left}
#lb p a {font-size: 1em; text-decoration: none}
#lb p a:hover {text-decoration: underline}

/* images */
img.img_left {float: left; margin: 0 10px 10px 0 ; width: auto;}
img.img_right {float: right; width: auto; }
img.imglogosp2mi {float: left; margin: 0 5px 5px 0; width: 100px; height: 81px}