body.corps {background: #fff url(../images/sp3/bg.png) repeat-x top left;}

form {display:inline;}
img {border: 0;}
input[type="text"],input[type="submit"],input[type="password"],textarea {border: 1px solid #aaa;}
input:focus, textarea:focus {background-color: #fedaa2;}
a {color: #817270; text-decoration: none;}
a:hover {background-color: #e8e5da; text-decoration: none;}
div {margin:0; padding:0}

/* design global */
#cadreglobal {	margin-left: auto; margin-right: auto;	width: 970px; background-image: url(../images/sp3/bg-ombre.png); background-repeat: repeat-y;}
* html #cadreglobal{background-color: #333; back\ground-color: transparent; background-image: url(../images/lightbox/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sp3/bg-ombre.png", sizingMethod="scale");}
#container {margin-left: auto; margin-right: auto; width: 940px;}

#entete {width: 940px; height: 76px; background-color: #fff; font: 0.9em Verdana, sans-serif;}
#entete .logo {float: left; margin-left: 0px; width: 84px;}
#entete .logosp {float: left; margin-left: 20px; margin-top: 10px;}
#entete .rech {float: right; margin-right: 0; margin-top: 5px; width: 150px; height: 53px; color: #6c6261;}
#entete .rech input {border: 1px solid #857c7b; background-color: #e8e5da; color: #6c6261; font: 1em Verdana, sans-serif;}
#entete .navig {float: left; top: 0; margin-left: 14px; margin-top: 0; width: 842px; height: 18px; background: #fff url(../images/sp3/bg-navig.gif) no-repeat;}
#entete .navig img, #entete .navig span {vertical-align: middle;}
#entete .navig span {line-height: 18px;}
#entete .navig a {color: #e8e5da;}
#entete .navig a:hover {background-color: #b2a6a5;}
#entete .navig div.g {float: left; padding-left: 20px;}
#entete .navig div.d {float: right; padding-right: 10px;}

#menu {width: 940px; min-height: 32px; background-color: #000;}
.clearFix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}  /* for modern browsers */
.clearFix {min-height:1px;} /* for IE7/Win */
* html .clearFix {height:1px;} /* for IE5-6/Win */
* html>body .clearFix {height:auto;display:inline-block;} /* for IE5/Mac */

#corpspage {width: 940px; height: auto; min-height: 400px; background-color: #fff; overflow: auto;}

#vtextemenu {float: left; padding: 4px; width: 155px; overflow: auto; background-color: #e8e5da;}
#vtextecorps {float: right; padding: 10px; width: 740px; overflow: auto; font-family: sans-serif;}
#vgraphiquecorps {padding: 10px; overflow: auto; font-family: sans-serif;}
#vsanspads {overflow: auto; height: 100%; font-family: sans-serif;}

#filariane {width: 940px; height: 18px; background-color: #fff; font: 10px Verdana, sans-serif; padding-top: 5px;}
#filariane div.g {float: left; margin-left: 5px;}
#filariane span {vertical-align: middle; color: #857c7b;}
#filariane div.d {float: right; margin-right: 5px; height: 100%;}
#filariane div a {color: #6d6361; line-height: 17px;}
#filariane div a:hover {color: #857c7b; background-color: #e8e5da;}
#filariane div.d img {vertical-align: middle;}

#barre-partage {line-height: 1em; margin-right: 20px;}
#barre-partage img, #barre-partage span {vertical-align: middle;}
#barre-partage img {margin-right: 4px;}

#barre-partage {line-height: 1em;}
#barre-partage img, #barre-partage span {vertical-align: middle;}
#barre-partage img {margin-right: 4px;}

#piedpage {	width: 940px; height: 22px; background-color: #000;}
#piedpage div.g {float: left; padding-left: 10px;}
#piedpage div.d {float: right; padding-right: 10px; font: 11px Verdana, sans-serif;}
#piedpage div img, #piedpage div span {vertical-align: middle;}
#piedpage div a {color: #ada3a2; }
#piedpage div a:hover {color: #e8e5da; background-color: #000;}

#containerbas {margin-left: auto; margin-right: auto; width: 960px;}
#ombrebas {	height: 10px; background-image: url(../images/sp3/bg-ombre-bas.png); background-repeat: no-repeat;}
* html #ombrebas{background-color: #333; back\ground-color: transparent; background-image: url(../images/lightbox/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sp3/bg-ombre-bas.png", sizingMethod="scale");}

#version {padding: 3px 0 10px 10px; width: 940px; height: auto; font: 11px Verdana, sans-serif;}
#version a, #version span {color: #857c7b;}
#version a:hover {background-color: #857c7b; color: #e8e5da;}

/* page d'accueil */
#visuel-fr {width: 940px; height: 156px; background: url(../images/sp3/visuel-fr.jpg) no-repeat top left;}
#visuel-en {width: 940px; height: 156px; background: url(../images/sp3/visuel-en.jpg) no-repeat top left;}

#ecoles {float: left; margin-top: 115px; margin-left: 170px; width: 500px; color: #fff;}
#ecoles a {color: #fff;}
#ecoles a:hover{color: #6a5c5b;}

#accueil-corps {float: left; width: 100%; margin-top: 20px; background: url(../images/sp3/bg-accueil.gif) repeat-y top left;}
#accueil-corps div.colgauche {float: left; margin-left: 35px; width: 579px; margin-top: 15px; font-family: sans-serif; color: #6d6361; text-align: justify;}
#accueil-corps div.coldroite {float: left; margin-left: 35px; width: 256px;}

#accueil-corps div.coldroite div.ld {padding: 5px; text-align: center;}
#accueil-corps div.coldroite div.news {padding: 8px;}
#accueil-corps div.coldroite div.news div {padding-top: 15px; color: #6d6361; font: 11px sans-serif;}
#accueil-corps div.coldroite div.news a {color: #a51129; font: 11px Verdana, sans-serif;}
#accueil-corps div.coldroite div.news a:hover {background-color: #fff;}
#accueil-corps div.coldroite select {border: 1px solid #857c7b; background-color: #f6f5f0; color: #6c6261; font: 11px Verdana, sans-serif;}

/* plan du site */
#plansite {margin-left: auto; margin-right: auto; width: 900px;}
#plansite div {float: left; margin-left: 10px; width: 280px; background-color: #f6f5ef; padding: 3px;}
#plansite span.niv1, #plansite a.niv1 {color : #a51129; font: bold 12px sans-serif; margin: 4px 0 4px 0;}
#plansite a.niv2 {color : #857c7b; font: bold 11px sans-serif; margin: 2px 0 2px 10px;}
#plansite a.niv3 {color : #857c7b; font: 11px sans-serif; margin: 0 0 0 15px;}

/* mail2 */
#mail2 {margin : 0 auto; width: 400px; padding-top: 10px;}

/* Recherche */
div.formulaire {margin-left: auto; margin-right: auto; width: 70%; border: 1px solid #857c7b; background-color: #e8e5da; color: #6c6261; padding: 15px;}
#recherche div.resultats {background-color: #e8e5da; color: #6c6261; padding: 15px;}
#recherche a.sombregras {font-weight: bold; color: #584d4c;}
#recherche ol li {padding-bottom: 5px;}

div.clear {clear: both;}
div.erreur {margin: 0px auto; padding: 8px 10px 8px 46px; background: url(../images/display/warning.png) 6px 3px no-repeat; padding-right: 30px; background-color: #EF9398; border: 1px solid #DC5757;}
div.info {margin: 0px auto; padding: 8px 10px 8px 46px; background: url(../images/display/info.png) 6px 3px no-repeat; background-color: #F7FDCB; border: 1px solid #C2D071;}

hr.mf {height: 1px; color: #d7d1be; background-color: #d7d1be; border: none;}
h1.bis {text-align: center; margin: 10px 0 5px 0;}
h1.popup {color : #fedaa2; font: bold 16px sans-serif; margin: 10px 0 5px 0;}

td.tabnomscol {text-align: center; background-color : #857c7b; color: #fff;}
td.tabcellules1 {background-color: #ddd;}
td.tabcellules2 {background-color: #fff;}

/* ---- Modules ---- */

/* module savoirs partagées */
#sp .rechcours {background-color: #dee888;}
#sp input.btn {border: none;}
#sp div.rechg {float: left; width: 400px; background-color: #dee888; color: #000; padding: 3px;}
#sp div.rechd {float: left; width: 526px; background-color: #e8e5da; color: #6c6261; padding: 3px;}
#sp div.rechd a {color: #a51129;}
#sp div.rechd a:hover {background-color: #a51129; color: #fff;}
#spfp div.encadre, div.encadre-titre, div.encadre-resp {background-color: #f3f2ec; border: #817270 1px solid; padding: 3px; margin: 5px;}
#spfp div.encadre-titre {float: left; width: 400px;}
#spfp div.encadre-resp {float: left; width: 230px;}
#spfp div.sitepedago {width: 300px; height: 40px; margin: 10px auto 10px auto; padding: 8px 10px 8px 66px; background: url(../images/_modules/z_savoirs_partages/ico-sitepedago.png) 6px 3px no-repeat; background-color: #f7fdcb; border: 1px solid #c2d071;}
#spfp div.sitepedago a {color: #208db2; font-weight: bold; text-decoration: underline; padding: 4px 0 4px 0;}
#spfp div.sitepedago a:hover {background-color: #fff;} 
#spfp a.moteurrech {background-color: #fff; color: #208db2; font-weight: bold; text-decoration: none; padding: 4px;}
#spfp a.moteurrech:hover {background-color: #208db2; color: #fff;}

#recherche div.rechg {float: left; width: 400px; background-color: #a51129; color: #fff; padding: 3px;}
#recherche div.rechd {float: left; width: 508px; background-color: #e8e5da; color: #6c6261; padding: 3px;}
#recherche div.rechd a {color: #008ebf;}
#recherche div.rechd a:hover {background-color: #008ebf; color: #fff;}