/* @override http://ba-cortex.lux.mediacd.fr/global/styles/communs.css */

/* @override http://ba-cortex.lux.mediacd.fr/global/styles/communs.css */

/* @override http://ba-cortex.lux.mediacd.fr/global/styles/communs.css */

/* = RAZ
------- */
body {
margin: 0; 
padding: 0; 
font-size: 62.5%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
font-size: 1em; 
margin: 0; 
padding: 0; 
font-weight: normal;
}
select, input, textarea, button {
border: 1px #acacac solid; 
color: #666; 
font-size: 1em;
}
form {
margin: 0; 
padding: 0;
}
img {
border: 0;
}
html, body {

}
/* = Base
-------- */
#page {
width: 775px; 
/*height: 100%;*/
margin: 0 auto; 
position: relative;
}
#header {
position: relative; 
background: transparent url(../images/logo_bacortex.gif) no-repeat top left; 
height: 90px;
}
#main {
width: 775px; 
float: left; 
clear: both;
}
#footer {
width: 775px; 
height: 25px; 
clear: both;
}
#contenu .AM, #contenu .AMedit {
font-size: 1.2em; 
font-weight: normal; 
color: #000;
}
.cache {display: none;}
/* Header */
#logo {
float: left;
}
#logo a {
width: 214px; 
height: 87px; 
display: block; 
text-indent: -50em; 
overflow: hidden;
}
#navprincipale {
list-style: none; 
float: left; 
position: absolute; 
bottom: 0px; 
left: 210px; 
height: 60px; 
clear: both;
}
#navprincipale li {
width: 100%; 
height: 20px; 
margin: 0; 
padding: 0;
}
#navprincipale li a {
width: 100%; 
position: relative; 
display: block; 
height: 20px; 
overflow: hidden;
}
#navprincipale li a span {
display: block; 
height: 20px; 
z-index: 5000; 
background-image: url(../images/nav_principale.gif); 
position: absolute; 
left: 0; 
top: 0; 
cursor: pointer;
}
#navprincipale li#menu1 a {
width: 565px;
}
#navprincipale li#menu2 a {
width: 565px;
}
#navprincipale li#menu3 a {
width: 565px;
}
#navprincipale li#menu1 span {
width: 565px; 
background-position: 0 0px;
}
#navprincipale li#menu2 span {
width: 565px; 
background-position: 0 -20px;
}
#navprincipale li#menu3 span {
width: 565px; 
background-position: 0 -40px;
}
/* = contenu
------- */
#col1 {
width: 220px; 
position: absolute;
top: 90px;
left: 0%;
}
#col2 {
width: 545px; 
float: right; 
padding: 65px 0 0 10px;
}
/* col1, navigation */
#partenaires {
width: 220px; 
margin-top: 20px; 
margin-bottom: 150px; 
text-align: center;
}
#partenaires img {
float: left;
}
#partenaires p {
font-size: 1em; 
color: #999; 
margin: 0 0 5px 0;
}
/* choix du niveau
------- */
#choixNiveau, #recherche, #choixModule {
background: url(../images/bg_boxNiveau.gif) no-repeat left bottom; 
list-style: none; 
padding: 0px 0 10px 0; 
margin: 0 0 15px 0;
}
#choixNiveau li, #choixModule li {
overflow: hidden; 
margin: 0; 
padding: 0; 
list-style: none;
}
#choixNiveau li a, #choixModule li a {
text-indent: -50em; 
height: 29px; 
font-size: 1; 
display: block; 
width: 213px; 
float: left;
}
#choixNiveau li.titre {
width: 98%; 
text-indent: -50em; 
font-size: 1; 
display: block; 
height: 20px; 
margin: 0; 
background-image: url(../images/tit_boxNiveau.gif); 
background-position: top left;
}
#choixNiveau li.niveau1 {
height: 29px; 
background-image: url(../images/boxNiveau1.gif);
}
#choixNiveau li.niveau2 {
height: 29px; 
background-image: url(../images/boxNiveau2.gif);
}
#choixNiveau li.niveau3 {
height: 29px; 
background-image: url(../images/boxNiveau3.gif);
}
#choixNiveau li.niveau1 a.active {
height: 29px; 
background-image: url(../images/boxNiveau1-active.gif);
}
#choixNiveau li.niveau2 a.active {
height: 29px; 
background-image: url(../images/boxNiveau2-active.gif);
}
#choixNiveau li.niveau3 a.active {
height: 29px; 
background-image: url(../images/boxNiveau3-active.gif);
}
#choixModule li.titre {
width: 98%; 
text-indent: -50em; 
font-size: 1; 
display: block; 
height: 20px; 
margin: 0; 
background-image: url(../images/tit_boxModules.gif); 
background-position: top left;
}
#choixModule li.module1 a {
height: 29px; 
background-image: url(../images/boxModule1.gif);
}
#choixModule li.module2 a {
height: 29px; 
background-image: url(../images/boxModule2.gif);
}
#choixModule li.module3 a {
height: 29px; 
background-image: url(../images/boxModule3.gif);
}
#choixModule li.module1 a:hover {
height: 29px; 
background-image: url(../images/boxModule1-active.gif);
}
#choixModule li.module2 a:hover {
height: 29px; 
background-image: url(../images/boxModule2-active.gif);
}
#choixModule li.module3 a:hover {
height: 29px; 
background-image: url(../images/boxModule3-active.gif);
}
/* rechercheglobale
------- */
#recherche h3 {
background-image: url(../images/tit_boxRecherche.gif); 
height: 22px; 
text-indent: -50em; 
overflow: hidden;
}
#recherche p {
height: 30px;
}
#recherche label.loupe {
background: url(../images/icon_loupe.gif) no-repeat right bottom; 
width: 40px; 
height: 20px; 
float: left; 
display: block; 
overflow: hidden; 
cursor: pointer; 
font-size: 1px; 
color: #fff;
}
input#s1 {
height: 14px; 
float: left; 
margin-top: 4px;
}
button.inptSubmit {
background-image: url(../images/bt_valider.gif); 
width: 17px; 
height: 17px; 
margin: 5px; 
text-indent: -50em; 
overflow: hidden; 
cursor: pointer;
}
/* col2, contenu de la page
------- */
body#accueil.picto1#ariane {
height: 22px; 
background: white url(../images/picto_ariane-rouille.gif) no-repeat right 0;
}
body#accueil.picto2#ariane {
height: 22px; 
background: white url(../images/picto_ariane-rouille.gif) right -20px;
}
body#accueil.picto3#ariane {
height: 22px; 
background: white url(../images/picto_ariane-rouille.gif) right -40px;
}
.picto1 {
background-image: white url(../images/picto_ariane-rouille.gif); 
background-position: right 0px;
}
.picto2 {
background-image: white url(../images/picto_ariane-rouille.gif); 
background-position: right -20px;
}
.picto3 {
background-image: white url(../images/picto_ariane-rouille.gif); 
background-position: right -40px;
}
#ariane p {
color: #999; 
float: left;
}
#ariane p a {
text-decoration: none; 
color: #999; 
margin: 0 3px;
}
#ariane p a:hover {
text-decoration: underline;
}
#contenu {
width: 508px;
}
#contenu p, #contenu ul {
margin: 10px 0 10px 0; 
line-height: 1.6em;
}
#contenu ul li {
list-style-position: inside; 
list-style-type: square; 
line-height: 1.5em;
}
#contenu ul li div {
padding: 0;
float:none;
}
#contenu ul ul {
margin: 3px 0 2px 15px;
}
#contenu sup {
font-size: 1em; 
color: #444; 
vertical-align: 0.2em;
}
#contenu sub {
font-size: 1em; 
color: #444; 
vertical-align: -0.2em;
}
#contenu a {
color: #333; 
text-decoration: underline;
}
#contenu a.texte {
color: #0068cd; 
text-decoration: underline;
}
#contenu a.document {
color: #9a2f05; 
text-decoration: underline;
}
#contenu a.projet {
color: #9e01ce; 
text-decoration: underline;
}
#contenu ul li.textecours {
color: #669900; 
font-weight: bold;
}
#contenu ul li.textecours a {
color: #333; 
font-size: 1.1em; 
text-decoration: none;
}
#contenu ul li.texteapplications {
color: #ff6600; 
font-weight: bold;
}
#contenu ul li.texteapplications a {
color: #333; 
font-size: 1.1em; 
text-decoration: none;
}
#contenu ul li.texteprojets {
color: #0099cc; 
font-weight: bold;
}
#contenu ul li.texteprojets a {
color: #333; 
font-size: 1.1em; 
text-decoration: none;
}
#contenu ul li.texteprojets a:hover, #contenu ul li.texteapplications a:hover, #contenu ul li.textecours a:hover {
text-decoration: underline;
}
/* footer */
#footer {
padding-top: 25px; 
float: left; 
text-align: center;
}
#footer p {
color: #999;
}
#footer p a {
margin: 0 10px; 
color: #999; 
text-decoration: none;
}
#footer p a:hover {
text-decoration: underline;
}
/*selection via id page
------- */
/* id=cours */
body#cours #navprincipale li#menu1 span {
width: 565px; 
background-position: 0 -60px;
}
body#cours #col1 {
background: url(../images/cours/visuel.jpg) top right no-repeat; 
padding-top: 82px;
}

body#cours #navSecondaire {
width: 220px; 
float: left; 
background: url(../images/cours/bg_navSecondaire.gif) right bottom; 
padding: 10px 0 25px 0;
}
body.picto0 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/picto_ariane.gif) no-repeat right top;
}
body.picto1 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/picto_ariane.gif) no-repeat right -20px;
}
body.picto2 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/picto_ariane.gif) no-repeat right -40px;
}
body.picto3 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/picto_ariane.gif) no-repeat right -60px;
}
body#cours.picto1 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/cours/picto_ariane.gif) no-repeat right top;
}
body#cours.picto2 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/cours/picto_ariane.gif) no-repeat right -20px;
}
body#cours.picto3 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/cours/picto_ariane.gif) no-repeat right -40px;
}
.video {
	text-align: center;
}

/* id=applications */
body#applications #col1 {
background: url(../images/applications/visuel.jpg) top right no-repeat; 
padding-top: 82px;
}
body#applications #navSecondaire {
width: 220px; 
float: left; 
background: url(../images/applications/bg_navSecondaire.gif) right bottom; 
padding: 10px 0 25px 0;
}
body#applications #navprincipale li#menu2 span {
width: 565px; 
background-position: 0 -80px;
}
body#applications.picto1 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/applications/picto_ariane.gif) no-repeat right top;
}
body#applications.picto2 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/applications/picto_ariane.gif) no-repeat right -20px;
}
body#applications.picto3 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/applications/picto_ariane.gif) no-repeat right -40px;
}
/* id=projets */
body#projets #col1 {
background: url(../images/projets/visuel.jpg) top right no-repeat; 
padding-top: 82px;
}
body#projets #navSecondaire {
width: 220px; 
float: left; 
background: url(../images/projets/bg_navSecondaire.gif) right bottom; 
padding: 10px 0 25px 0;
}
body#projets #navprincipale li#menu3 span {
width: 565px; 
background-position: 0 -100px;
}
body#projets.picto1 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/projets/picto_ariane.gif) no-repeat right top;
}
body#projets.picto2 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/projets/picto_ariane.gif) no-repeat right -20px;
}
body#projets.picto3 #ariane {
width: 525px; 
height: 22px; 
background: white url(../images/projets/picto_ariane.gif) no-repeat right -40px;
}
/* mise en forme du contenu */
#cours #col2 h1, #cours #col2 h2, #cours #col2 h3, #cours #col2 h4, #cours #col2 h5, #cours #col2 h6 {
color: #669900;
}
#col2 h1 {
font-size: 1.5em; 
line-height: 2.2em; 
font-weight: bold; 
text-transform: uppercase;
}
#col2 h2 {
font-size: 1.3em; 
line-height: 1.8em; 
font-weight: bold;
}
#col2 h3 {
font-size: 1.3em; 
line-height: 1.6em; 
font-weight: normal;
}
#col2 h4 {
font-size: 1.2em; 
line-height: 1.4em; 
font-weight: normal;
}
#col2 h5 {
font-size: 1.1em; 
line-height: 1.3em; 
font-weight: normal;
}
#col2 h6 {
font-size: 1em; 
line-height: 1.3em; 
font-weight: bold;
}
/* tableaux */
table {
background-color: #FFFFFF; 
border: solid 2px;
}
table table {
border: none !important;
}
#cours table {
border-color: #669900;
}
table th {
background-color: #ebebeb;
}
table tr td {
padding: 2px; 
border: solid 1px #999;
}
table table tr td {
	/*border: none;*/
	}
table.sansbordure {
border: 1px solid;
}
table.sansbordure tr td {
padding: 2px; 
border: none;
}
#contenu table tr td p {
	margin: 0;
}
/* RECHERCHE */
#nouvelleRecherche {
background-color: #ebebeb; 
padding: 10px; 
border: 1px solid #888;
}
#resultatRecherche h1, #resultatRecherche h2 {
color: #c23a00;
}
.accroche {
font-size: 1.2em; 
font-weight: normal; 
color: #333; 
line-height: 1.6em;
}
#nouvelleRecherche .inptSubmit {
float: right; 
width: 120px; 
height: 20px; 
display: block; 
margin: 0 10px; 
text-align center; border: 0; 
background: url(/global/images/bouton_valider.gif) no-repeat top left; 
overflow: hidden; 
text-indent: -15em;
}
p.accroche {
font-weight: bold;
}
p.resultat {
line-height: 1.5em; 
margin: 10px 0 5px 0; 
float: left; 
clear: both;
}
p.resultat a {
color: #666; 
text-decoration: none;
}
p.resultat a:hover {
text-decoration: underline;
}