@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1000px) {

body #masqueLangues {display:none;}
body #LanguesMobile, body #navMobile {display:block;}
.masquePourMobile {display:none;}

/*** GALERIE SLIDE SHOW HORI ***/
body #cacheG {display:block;}
body #cacheG {top: 70px; left: 0; width: 100%; height: 100px;}
body #cacheG img {width:100%; height:100%;}

/*** SYLLABUS ***/

body .syllabus table.tablSyllabus, body .syllabus table.tablSyllabus th.sylCode, body .syllabus table.tablSyllabus th.sylEns,  body .syllabus table.tablSyllabus th.sylInterv,  body .syllabus table.tablSyllabus th.sylH,  body .syllabus table.tablSyllabus th.sylContr,  body .syllabus table.tablSyllabus th.Coef,  body .syllabus table.tablSyllabus th.sylEcts {width:100%;}


/** ORDRE **/
body #lienMenuMobile {z-index:2;}
body #menuhori {z-index:3;}
body #recherche, body #rechercheC {z-index:3;}
body #breadcrumbs {z-index:2;}
body #leftMenu {z-index:5;}
body #titre {z-index:1;}
body #navMobile {z-index:2;}
body #staticLink {z-index:4;}

/**Annuaire**/
body #content .simple .ajax #q {width:100%;}

/**SITE**/
body #header {background-position:-15px -75px; width:100%; height:113px; }
body #header #vide {position:absolute; top:0; left:0; z-index:1;}
body #fondbody {background-image:none; background-color:#edf2f9;}
body #troiscolonnes {padding:0; margin:0;}
body #fondsite {background-image:none; width:100%;}
body #site {width:100%;}
body #titre {clear:both; height:auto; background-color:#f29512; font-size:65%;}
body #titre h1 {padding:0 0 0 40px; margin:0;}

body #navMobile {position:relative; top:0; width:100%; height:40px; background-color:#8aaad9; margin:0; padding:0; border:none; box-shadow: 1px 1px 5px #555;}
body #navMobile #LanguesMobileInsti {margin:0; padding:5px;}
body #navMobile #LanguesMobileInsti ul {margin:0; padding:0;}
body #navMobile #LanguesMobileInsti ul li {list-style:none; float:left; margin:0; padding:3px;}
body #navMobile #LanguesMobileInsti #lienMenuMobile a {}
body #navMobile #LanguesMobileInsti #lienMenuMobile {}
body #navMobile #LanguesMobileInsti .mobileVisible {display:block;}

body #staticLink {display:block; right:130px; top:5px;}
body #partageaddthis {display:none;}

body #recherche {top:-8px; right:10px; margin:2px 0; width:120px;}
body #rechercheC {top:-15px; right:10px; margin:2px 0; width:120px;}

body #inputSearch, body #rechercheC #inputSearch {width:100%;}
body #submitSearch {width:20px; top:17px; color:transparent;}

body #troiscolonnes {width:100%;}

/*** MENU GAUCHE ***/

body #leftMenu .ouvrir, body #leftMenu .fermerMenu, body #leftMenu .ouvrirCompo, body #leftMenu .fermerMenuCompo {display:block;}
body #leftMenu #mediauppa {display:none;}
body #leftMenu {width: 250px; padding: 10px; background: #7690b4; color: #fff; position: absolute; left: -272px; top: -172px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; font-size:90%;}

body #leftMenu a.ouvrir {position:fixed; left:-30px; top:177px; padding: 10px 25px; background: #7690b4; color: #fff; text-decoration: none;  -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); 			-o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
body #leftMenu a.fermerMenu {padding: 10px 25px; background: #7690b4; color: #fff; text-decoration: none; position: absolute; right: -100px; top: 150px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); 	-o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}

body #leftMenu a.ouvrirCompo {position:fixed; left:-30px; top:177px; padding: 10px 25px; background: #7690b4; color: #fff; text-decoration: none; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); 			-o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
body #leftMenu a.fermerMenuCompo {padding: 10px 25px; background: #7690b4; color: #fff; text-decoration: none; position: absolute; right: -100px; top: 70px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); 	-o-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}


body #leftMenu:target {left: -1px;}
body #leftMenu:target .ouvrir, body #leftMenu:target .ouvrirCompo {display:none;}
body #leftMenu:not(:target) .fermerMenu, body #leftMenu:not(:target) .fermerMenuCompo {display:none;}

body #leftMenu a {margin:0; padding:0;}
body #leftMenu li {padding:5px;}
body #leftMenu li.selected a{background:none;}


body #leftMenu .menuI a, body #leftMenu .menuII a, body #leftMenu .menuIII a, body #leftMenu .menuActu a, body #leftMenu .menubleu a {background:none; color:#fff; font-weight:normal;}

body #leftMenu .menuII li.selected li.selected a, body #leftMenu .menuIII li.selected li.selected a, body #leftMenu .menubleu li.selected li.selected a {color:#ffffff;}

body #leftMenu .menuI li.selected a, body #leftMenu .menuII li.selected a, body #leftMenu .menuIII li.selected a, body #leftMenu .menuActu li.selected a, body #leftMenu .menubleu li.selected a {background:none; color:#fff; font-weight:normal;}

body #leftMenu .menuI li, body #leftMenu .menuActu li, body #leftMenu .menuII li, body #leftMenu .menuIII li, body #leftMenu .menubleu li {margin:0;}

body #leftMenu .menuI li.selected li, body #leftMenu .menuII li.selected li, body #leftMenu .menuActu li.selected li, body #leftMenu .menuIII li.selected li,  body #leftMenu .menubleu li.selected li {list-style:none; padding:5px; margin:0 0 0 -10px;}

body #leftMenu .menuI li.selected li.selected li, body #leftMenu .menuII li.selected li.selected li, body #leftMenu .menuActu li.selected li.selected li, body #leftMenu .menuIII li.selected li.selected li, body #leftMenu .menubleu li.selected li.selected li {padding:5px 5px 5px 0;}

body #leftMenu .menuI li.selected li.selected a, body #leftMenu .menuII li.selected li.selected a, body #leftMenu .menuActu li.selected li.selected a, body #leftMenu .menuIII li.selected li.selected a, body #leftMenu .menubleu li.selected li.selected a {background:none; margin:0 0 0 -3px;}

body #leftMenu .menuActu li.selected li.selected {background-color:#edf2f9; padding:5px; margin:0 0 0 -18px;}
body #leftMenu .menuI li.selected li.selected {background-color:#d4afd0; padding:5px; margin:0 0 0 -18px;}
body #leftMenu .menuII li.selected li.selected {background-color:#fab900; padding:5px; margin:0 0 0 -18px;}
body #leftMenu .menuIII li.selected li.selected {background-color:#c9c65b; padding:5px; margin:0 0 0 -18px;}
body #leftMenu .menubleu li.selected li.selected {background-color:#8aaad9; padding:5px; margin:0 0 0 -18px;}

body #leftMenu .menuI li.selected ul, body #leftMenu .menuActu li.selected ul, body #leftMenu .menuII li.selected ul, body #leftMenu .menuIII li.selected ul, body #leftMenu .menubleu li.selected ul {margin:7px -5px -5px -10px;}

body #leftMenu .menuI li.selected ul ul, body #leftMenu .menuActu li.selected ul ul, body #leftMenu .menuII li.selected ul ul, body #leftMenu .menuIII li.selected ul ul, body #leftMenu .menubleu li.selected ul ul {margin:7px -5px -5px -5px;}

body #leftMenu .menuI h2, body #leftMenu .menuII h2, body #leftMenu .menuIII h2, body #leftMenu .menubleu h2 {text-transform:none; text-align:left; border:none; color:#fff; font-size:110%;}



/** MENU HORIZONTAL **/
body #menuhori {display:block; clear:both;}

body #menuhori {position:relative; top:0; margin:0; padding:0; width:100%; height:0; background-color:#fab900;}

body #menuhori #menuHorScPauTest, body #menuhori #menuHorLettres {padding:0 0 0 50px; height:23px; background-color:#fab900; margin:0; text-align:center;}

body #menuhori #menuHorScPauTest a, body #menuhori #menuHorLettres a {padding:2px 10px 2px 10px;}

body #menuhori #menuHorScPauTest li, body #menuhori #menuHorLettres li {height:18px; padding:3px 0 0 0;margin:0 0 0 0; font-size:70%; background-color:#fab900; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em;-moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; border-bottom-left-radius:1em;}

body #menuhori #menuHorScPauTest li {width:auto; margin: 0 10px;}
body #menuhori #menuHorLettres li {width:auto; margin: 0 5px;}
body #menuhori #menuHorLettres #art {width:auto;}

body #menuhori #menuHorScPauTest li:hover, body #menuhori #menuHorLettres li:hover {background-color:#f29512;}
body #menuhori #menuHorScPauTest li a:hover, body #menuhori #menuHorLettres li a:hover {color:#ffffff;}

body #menuhori #menuHorScPauTest .menuhactif, body #menuhori #menuHorLettres .menuhactif {height:20px; background-color:#f29512;}

body #menuhori #menuHorScPauTest .menuhactif a, body #menuhori #menuHorLettres .menuhactif a {color:#ffffff; background-image:none; padding:2px 10px 2px 10px;}



/*** PARTIE CENTRALE ***/

body #contentContainer img {max-width: 100%; height: auto; background-color:#ffffff;}
body #contentContainer {overflow:hidden; clear:both; width:70%; min-height:500px; position:relative; margin:0; padding:55px 0 10px 30px;}
body #rightMenu {width:25%; padding:0; margin:0 5px; overflow:hidden;}

body #impression, body #imprimerpdf {display:none;}

body #breadcrumbs {overflow:hidden; top:10px; left:50px; font-size: 90%; font-weight:normal; margin:0; padding:0; height:50px; width:80%;}

body #content {clear:both; margin:0; width:100%; padding:0;}
body #rightMenu {float:right;}
body #rightMenu img, body #rightMenu object {width:auto;}



/*** FOOTER ***/
body #footer2 div.elementsFooter {margin:3px;}
/** A NOTER : Garder #footer pour le site du SCD **/

body #footer2 .mobileVisible {display:block;}
body #footer2 {width:100%; margin:0; padding:0; text-align:left;}
body #footer2 div {width:auto; height:auto; margin:5px; padding:5px;}
body #footer2 ul {margin: 2px 0 2px 15px;}
body #footer2 ul li {border:none; list-style:url(/live/digitalAssets/121/121051_puce.jpg); padding:3px 0 2px 0;}

}

@media only screen and (max-width:900px) {

/***Offre de formation ***/

body #content .simple #listeformations {width:100%;}
body #content .simple #listeformations ul { margin:5px 0 5px -23px;}
body #content .simple #listeformations ul ul {margin:0 0 35px -30px;}
body #content .simple #listeformations .plaquette {display:none;}
body #content .simple #listeformations .lieu {padding:0; margin:0;}

body #content .simple .listeformations {width:100%;}
body #content .simple .listeformations ul { margin:5px 0 5px -23px;}
body #content .simple .listeformations ul ul {margin:0 0 35px -30px;}
body #content .simple .listeformations .lieu .plaquette {display:none;}
body #content .simple .listeformations .lieu a {padding:0 0 0 9px; margin:0;}


}



@media only screen and (max-width:850px) {

body #menuhori #menuHorLettres {height:43px;}
body #menuhori #menuHorLettres .menuhactif {height:18px;}
body #menuhori #menuHorLettres a {padding:2px 5px 2px 5px;}
body #menuhori #menuHorLettres li {margin: 0 20px;}
body #menuhori #menuHorLettres li {-moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em;-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; border-radius:1em;}

body #contentContainer {width:69%;}
body #rightMenu {width:26%;}

body #content #pageFicheLicence ul#menu li, 
body #content #pageFicheMaster ul#menu li,
body #content #pageFicheMasterPR ul#menu li,
body #content #pageChercheur ul#menu li,
body #content #pageFicheColloque ul#menu li {float: none;}

body #content #pageFicheLicence ul#menu li.menu0 a,
body #content #pageFicheMaster ul#menu li.menu0 a,
body #content #pageFicheMasterPR ul#menu li.menu0 a,
body #content #pageChercheur ul#menu li.menu0 a,
body #content #pageFicheColloque ul#menu li.menu0 a {width:100%;}

body #content #pageFicheLicence ul#menu li.menu1 a,
body #content #pageFicheMaster ul#menu li.menu1 a,
body #content #pageFicheMasterPR ul#menu li.menu1 a,
body #content #pageChercheur ul#menu li.menu1 a,
body #content #pageFicheColloque ul#menu li.menu1 a {width: 100%;}

body #content #pageFicheLicence ul#menu li.menu2 a,
body #content #pageFicheMaster ul#menu li.menu2 a,
body #content #pageFicheMasterPR ul#menu li.menu2 a,
body #content #pageChercheur ul#menu li.menu2 a,
body #content #pageFicheColloque ul#menu li.menu2 a {width: 100%;}

body #content #pageFicheLicence ul#menu li.menu3 a,
body #content #pageFicheMaster ul#menu li.menu3 a,
body #content #pageFicheMasterPR ul#menu li.menu3 a,
body #content #pageChercheur ul#menu li.menu3 a,
body #content #pageFicheColloque ul#menu li.menu3 a {width: 100%;}

body #content #pageFicheLicence ul#menu li.menu4 a,
body #content #pageFicheMaster ul#menu li.menu4 a,
body #content #pageFicheMasterPR ul#menu li.menu4 a,
body #content #pageChercheur ul#menu li.menu4 a,
body #content #pageFicheColloque ul#menu li.menu4 a {width: 100%;}

body #content #pageFicheLicence ul#menu li.menu5 a,
body #content #pageFicheMaster ul#menu li.menu5 a,
body #content #pageFicheMasterPR ul#menu li.menu5 a,
body #content #pageChercheur ul#menu li.menu5 a,
body #content #pageFicheColloque ul#menu li.menu5 a {width: 100%;}

}

@media only screen and (max-width:820px) {
body #contentContainer {width:71%;}
body #rightMenu {width:23%;}
}

@media only screen and (max-width:800px) {

body #header {background-position:-10px -61px; background-size:800px; width:100%; height:89px; }

body #impression, body #imprimerpdf {display:none;}

body #menuhori #menuHorScPauTest a {padding:2px 5px 2px 5px;}
body #menuhori #menuHorScPauTest li {margin: 0 5px;}

body #leftMenu a.ouvrir {left:-30px; top:154px; }
body #leftMenu a.ouvrirCompo {left:-30px; top:154px;}

body #contentContainer {width:70%;}
body #rightMenu {width:24%;}

}

@media only screen and (max-width:820px) {
body #contentContainer {width:69%;}
body #rightMenu {width:24%;}
}


@media only screen and (max-width:685px) {

body #breadcrumbs {font-size: 80%;}

body #menuhori #menuHorScPauTest a {padding:2px 4px 2px 4px;}
body #menuhori #menuHorScPauTest .menuhactif a {padding:2px 5px 2px 5px;}
body #menuhori #menuHorScPauTest li {margin:0 5px;}

body #menuhori #menuHorLettres a {padding:2px 5px 2px 5px;}
body #menuhori #menuHorLettres li {margin: 0 8px;}

body #contentContainer {width:70%;}
body #rightMenu {width:22%;}

body #footer2 div {width:70%; margin:0; padding:5px;}

}



@media only screen and (max-width:600px) {

body #staticLink {display:none;}

/*** MENU HORIZONTAL ***/
body #menuhori #menuHorLettres {height:43px;}
body #menuhori #menuHorLettres a {padding:2px 5px 2px 5px; margin:2px;}

body #menuhori #menuHorScPauTest li {-moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em;-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; border-radius:1em;}

body #menuhori #menuHorLettres .menuhactif {height:18px;}
body #menuhori #menuHorLettres .menuhactif a {color:#ffffff; background-image:none; padding:2px 5px 2px 5px;}

body #menuhori #menuHorScPauTest li {margin: 0 auto;}
body #menuhori #menuHorScPauTest {}
body #menuhori #menuHorScPauTest a {padding:2px 8px 2px 8px;}

body #menuhori #menuHorScPauTest .menuhactif {height:18px;}
body #menuhori #menuHorScPauTest .menuhactif a {color:#ffffff; background-image:none; padding:2px 5px 2px 5px;}


}



@media only screen and (max-width:567px) {

body #listeActu, body #listeActuDroite {display:none;}

body #fondbody {background-color:#ffffff;}
body #header {width:100%; background-position:-10px -43px; background-size:567px; height:63px;}
body #titre {background-color:#f29512; font-size:50%;}

/*** PARTIE CENTRALE ***/
body #contentContainer {width:90%; margin:0; padding:50px 0 10px 25px;}
body #content h2 {background-image:none; padding:10px 2px 0 0;}



/***MENU GAUCHE ***/
body #leftMenu {top: -140px;}

body #leftMenu a.ouvrir {top:115px; left:-15px; padding: 10px 10px;}
body #leftMenu a.fermerMenu {top: 90px;}

body #leftMenu a.ouvrirCompo {top:115px; left:-15px; padding: 10px 10px;}
body #leftMenu a.fermerMenuCompo {top: 70px;}



/*** MENU HORIZONTAL ***/

body #menuhori #menuHorScPauTest, body #menuhori #menuHorLettres {background-color:#fab900; height:23px; width:100%; margin:0; padding:0;}

body #menuhori #menuHorScPauTest .menuhnonactif, body #menuhori #menuHorLettres .menuhnonactif {display:none;}

body #menuhori #menuHorScPauTest .menuhactif, body #menuhori #menuHorLettres .menuhactif {width:100%; background-color:#fab900;}

body #menuhori #menuHorScPauTest li, body #menuhori #menuHorLettres li {-moz-border-radius:0em; -webkit-border-radius:0em; border-radius:0em;  margin:0; padding:0;}


/*** MENU DE DROITE ***/

body #rightMenu {margin:0; padding:0; width:100%; background-color:#ffffff;}
body #rightMenu hr {display:none;}
body #rightMenu img, body #rightMenu object {width:auto;}

body #rightMenu .blocJaune {border:2px solid #f29512; border-radius:1em 1em 1em 1em; margin:5px;}
body #rightMenu .blocJaune a {padding:5px;}
body #rightMenu .blocJaune h2 {background-image:none; margin:0; border-radius:0.7em 0.7em 0 0;}
body #rightMenu .blocJaune .bordureli {border:none;}

body #rightMenu .blocViolet {border:2px solid #c38cbc; border-radius:1em 1em 1em 1em; margin:5px;}
body #rightMenu .blocViolet a {padding:5px;}
body #rightMenu .blocViolet h2 {background-image:none; margin:0; border-radius:0.7em 0.7em 0 0;}
body #rightMenu .blocViolet .bordureli {border:none;}

body #rightMenu .blocVert {border:2px solid #b1af14; border-radius:1em 1em 1em 1em; margin:5px;}
body #rightMenu .blocVert a {padding:5px;}
body #rightMenu .blocVert h2 {background-image:none; margin:0; border-radius:0.7em 0.7em 0 0;}
body #rightMenu .blocVert .bordureli {border:none;}

body #rightMenu .blocBleu {border:2px solid #8aaad9; border-radius:1em 1em 1em 1em; margin:5px;}
body #rightMenu .blocBleu a {padding:5px;}
body #rightMenu .blocBleu h2 {background-image:none; margin:0; border-radius:0.7em 0.7em 0 0;}
body #rightMenu .blocBleu .bordureli {border:none;}


/*** dossier de video 2 ***/

body #content .dossierVideo .cadreVideo {float:none; clear:both; margin:3px auto;}

}