/* CSS Document */



/**z-index**/

#menuAccueilP {z-index:41; width:100%; position: fixed; top:0; left:0; background-color:#ffffff;}
#menuPr { position:relative;  width:1024px; height:41px; margin:31px auto 0 auto; padding:0; background-color:#ffffff;}

/**----------------------------------------
CSS ACCUEIL 2014
----------------------------------------**/

.invisible, #staticLink .languesMobile {display:none;}

.clear {clear:both; display:none;}
#menuPrincipal #accueil {opacity:0.5;}

body {margin:0; padding:0;  font:400 85% Lato, Arial, sans-serif; background-color:#706F6F;}

/*** staticLink ***/

#diaporama {
position: relative;
	
	top:0;
/*-webkit-transition: top 1.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);*/
}

#staticLink {position:fixed; z-index: 42; top:0; list-style:none; text-align:center;  margin:0; width:100%; height:31px; padding:0px ; background-color: #706F6F;  font-size:0.9em;}
#staticLink div {width:970px; margin:0 auto;}
#staticLink ul {margin:0; padding:0;}
#staticLink .linkInfo li, #staticLink .linkRS li {list-style:none;}
#staticLink .linkInfo li {border-right:1px solid #ffffff; float:left; padding:0 15px 0 0; margin : 6px 15px 0 0;}
#staticLink .linkRS li {border:none; float:right; padding:0 3px 0 0; margin : 5px 2px 0 0;}
#staticLink  .linkInfo a, #staticLink  .linkRS a {color:#ffffff; text-decoration:none;}
#staticLink form {width:200px; float:left; margin:0 0 0 -20px; padding:4px 0;}
#staticLink label {display:none;}
#staticLink form input[type="submit"] {display:none;}

#staticLink  .linkInfo a img, #staticLink  .linkRS a img, header a img, #actuZoom a img {border:none;}

header {position:absolute; top:60px; left:32px;}
.header {margin: 0 0 0 32px;}

#fond {position: relative; 
        width:1024px; 
	margin: 0 auto;
	
        top:0;
	color:#000000; 
        
}



#bg {
	background-image:url(/live/digitalAssets/140/140000_135825_accueilFond.jpg);
        background-repeat:no-repeat;
        background-position:top center;
	width:100%;
	margin:0; padding:0; 
        position:relative;
        background-color:#ffffff;
}

#zoneindex{height: 726px; margin:35px 0 0 0;}

/*#zonepersonnel, #zoneetudiant, #zonefuturetudiant, #zonechercheur, #zoneentreprise, #zonecollectivite {
	height: 700px; background-color:#ffffff; /*background-image:url(/live/digitalAssets/140/140000_135825_accueilFond.jpg);
        background-repeat:no-repeat;
        background-position:bottom center;*/ margin:0; padding:0 50px; overflow:hidden;
}*/

/*#zonepersonnel {border:1px solid blue;}*/
/*#zoneetudiant {border:1px solid yellow;}*/
/*#zonefuturetudiant {border:1px solid black;}
#zonechercheur {border:1px solid green;}
#zoneentreprise {border:1px solid white;}
#zonecollectivite {border:1px solid red;}*/

.cadre {float:left; width:420px; margin: 0 0 50px 0; padding:30px 5px;/* background-color:red;*/}

.cadre a {color:#2698D0;}


/*#index:target ~ #diaporama { top:35px;}
#personnel:target ~ #diaporama { top:-670px;}
#etudiant:target ~ #diaporama { top:-1400px;}
#futuretudiant:target ~ #diaporama { top:-2070px;}
#chercheur:target ~ #diaporama { top:-2800px;}
#entreprise:target ~ #diaporama { top:-3500px;}
#collectivite:target ~ #diaporama { top:-4200px;}*/

/*.slide_inside {
	width: 700px;
	margin: 0;
	position: relative;
	background-color: rgba(250, 250, 250, .6);
	padding: 0 50px;
}*/

#actuZoom {
	position:absolute;
	left:520px;
	top:220px;
	text-align:left;
	overflow:hidden;
	height:500px;
	width:500px;
       
}

#actu {position:absolute; top:320px; width:260px; left:250px;}
#actuListe {width: 260px; height: 275px; overflow: auto;}

#actu ul {list-style:none; margin:0 5px 0 0; padding:0;}

#actu ul li {font-size:1em; color:#706F6F; margin: 0 5px 10px 5px;}
#actu ul li a {color:#1D1D1B; font-weight:600; text-decoration:none;}
#actu ul li a:hover {text-decoration:underline;}

#actu h2 {margin:15px 5px; font-size:2.3em; font-family: 'Play', sans-serif; text-align:center; font-weight:500; color:#706F6F;}

#zonepersonnel h2 {/*margin:400px 35px;*/ font-size:2.3em; font-family: 'Play', sans-serif; text-align:left; font-weight:500; color:#706F6F;}

#zonepersonnel h2:before {content:'- ';}
#zonepersonnel h2:after {content:' -';}

#zonepersonnel h3 {margin:15px 5px; font-size:2em; font-family: 'Play', sans-serif; text-align:center; font-weight:500; color:#706F6F;}

#actuPerso {width:300px;}
#actuListePerso {height: 275px; overflow: auto;}

#actuPerso ul {list-style:none; margin:0 5px 0 0; padding:0;}

#actuPerso ul li {font-size:1em; color:#706F6F; margin: 0 5px 10px 5px;}
#actuPerso ul li a {color:#1D1D1B; font-weight:600; text-decoration:none;}
#actuPerso ul li a:hover {text-decoration:underline;}

#actuPerso h3 {margin:15px 5px; font-size:2em; font-family: 'Play', sans-serif; text-align:center; font-weight:500; color:#706F6F;}

#lienHactu {text-align:right;}
#lienHactu a {color:#9D9D9C; font-size:0.9em;}

#actuZoom a {color:#706F6F; font-size:1em; padding:0; text-decoration:none;}
#actuZoom a:hover {text-decoration:underline;}
#actuZoom img {width:200px; height: 170px; padding:8px 8px 2px 10px;}
#actuZoom ul {margin:0; padding:0;  }

#actuZoom ul li {list-style:none; padding:0; margin:10px; height:220px; width:220px; float:left; background-color:#ffffff;}

#actuZoom ul li p {margin:0 8px 8px 8px; padding:0;}

#vousEtes {position:absolute; top:180px; left:37px; }
#vousEtes ul {color:#706F6F;font-size:0.9em; line-height:1.5em; margin:0 0 0 17px; padding:0;}
#vousEtes a {color:#706F6F; text-decoration:none;}
#vousEtes a:hover {text-decoration:underline;}
#vousEtes h2 {margin:0 5px; font-size:1.3em; font-family: 'Play', sans-serif; text-align:left; font-weight:400; color:#B3BE11;}


#liensactu {position:absolute; top:380px; left:2px; font-size:0.9em;}
#liensactu ul li {list-style:none; margin:0 5px 10px 0;}
#liensactu a {color:#1D1D1B; text-transform:uppercase; text-decoration:none;}
#liensactu a:hover {text-decoration:underline;}

#partageaddthis {position:absolute; top:650px; left:40px; font-size:1em; color:#706F6F; border-top:2px solid #706F6F;}


/*-----------------------
FOOTER
-------------------------*/

footer {width:100%; background-color:#706F6F; margin:0; padding:0; position:relative; /*top:769px;*/ height:300px;}
footer .blockFooter {width:984px; display:table; margin:0 auto 0 auto; padding:20px;}
footer section {display:table-cell; padding:0 0 0 15px; width:184px; border-right:1px solid #ffffff;}
footer section:last-child {border:none;}

footer section h2 {font-family: 'Play', sans-serif; font-size:1.1em; color:#FFCC00; margin:0; padding:0;}
footer section ul {color:#ffffff; font-size:0.9em; margin:0 0 0 15px; padding:0; }

footer section ul a {color:#ffffff; text-decoration:none;}
footer section ul a:hover {text-decoration:underline;}

/*-----------------------
FONTS
------------------------*/

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(http://fonts.gstatic.com/s/play/v6/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(http://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://fonts.gstatic.com/s/lato/v11/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(http://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}/*** Menu principal ***/






#menuPrincipal {font-size:1em; position:relative; text-align:center; margin:0 auto; padding:8px 0 ; width:1024px;}
#menuPrincipal li {display:inline;}
#menuPrincipal li a {display:inline-block; padding: 7px 10px 15px 30px; margin: 0 13px; color:#706F6F; text-decoration:none;}

#menuPrincipal li li li {margin:0; padding:0;}
#menuPrincipal li li li a {/*line-height:1em;*/ font-size:1.1em; margin:0; padding:0;}
#menuPrincipal li li li li a {/*line-height:1em;*/ font-size:1.4em; margin:0; padding:0;}


/*** *** ACCUEIL *** ***/

#menuPrincipal #accueil a {
   background-image:url(/live/digitalAssets/135/135228_accueil.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

/*** *** ORGANISATION *** ***/

#menuPrincipal #organisation a {
   background-image:url(/live/digitalAssets/135/135238_organisation-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
   
}

#menuPrincipal #organisation:hover a {
   background-image:url(/live/digitalAssets/135/135229_organisation-vert.jpg); 
   color:#A6B110;
}

#org #menuPrincipal #organisation a {
    color:#A6B110;
    background-image:url(/live/digitalAssets/135/135229_organisation-vert.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/*** *** FORMATION *** ***/

#menuPrincipal #formation a {
   background-image:url(/live/digitalAssets/135/135233_formation-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

#menuPrincipal #formation:hover a {
   background-image:url(/live/digitalAssets/135/135236_formation-rose.jpg); 
   color:#A71968;
}

#form #menuPrincipal #formation a {
    color:#A71968;
    background-image:url(/live/digitalAssets/135/135236_formation-rose.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/*** *** RECHERCHE *** ***/

#menuPrincipal #recherche a {
   background-image:url(/live/digitalAssets/135/135231_recherche-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

#menuPrincipal #recherche:hover a {
   background-image:url(/live/digitalAssets/135/135240_recherche-violet.jpg); 
   color:#9560A4;
}

#rech #menuPrincipal #recherche a {
    color:#9560A4;
    background-image:url(/live/digitalAssets/135/135240_recherche-violet.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/*** *** INTERNATIONAL *** ***/

#menuPrincipal #international a {
   background-image:url(/live/digitalAssets/135/135232_international-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

#menuPrincipal #international:hover a {
   background-image:url(/live/digitalAssets/135/135237_international-terre.jpg); 
   color:#AC4D02;
}

#inter #menuPrincipal #international a {
    color:#AC4D02;
    background-image:url(/live/digitalAssets/135/135237_international-terre.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/*** *** ORIENTATION *** ***/

#menuPrincipal #orientation a {
   background-image:url(/live/digitalAssets/135/135230_orientation-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

#menuPrincipal #orientation:hover a {
   background-image:url(/live/digitalAssets/135/135239_orientation-bleu.jpg); 
   color:#367BA7;
}

#orie #menuPrincipal #orientation a {
    color:#367BA7;
    background-image:url(/live/digitalAssets/135/135239_orientation-bleu.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/*** *** VIE*** ***/

#menuPrincipal #viem a {
   background-image:url(/live/digitalAssets/135/135234_vie-gris.jpg); 
   background-repeat:no-repeat; 
   background-position:left top;
}

#menuPrincipal #viem:hover a {
   background-image:url(/live/digitalAssets/135/135241_vie-orange.jpg); 
   color:#F39200;
}

#viem #menuPrincipal #viem a {
    color:#F39200;
    background-image:url(/live/digitalAssets/135/135241_vie-orange.jpg); 
    background-repeat:no-repeat; 
    background-position:left top;
}

/**** position masquee des panneaux du menu ****/

#menuPrincipal #menuOrganisation, 
#menuPrincipal #menuFormation, 
#menuPrincipal #menuRecherche, 
#menuPrincipal #menuInternational, 
#menuPrincipal #menuOrientation,
#menuPrincipal #menuVie {margin:0 auto; padding:0; overflow:hidden; position:absolute; display: inline; width:952px; transition:1s max-height 0.3s; -webkit-transition:1s max-height 0.3s; -moz-transition:1s max-height 0.3s; -ms-transition:1s max-height 0.3s; -o-transition:1s max-height 0.3s; max-height:0; top:41px;}


/**** apparition des panneaux  ****/

#menuPrincipal #organisation:hover #menuOrganisation, 
#menuPrincipal #formation:hover #menuFormation, 
#menuPrincipal #recherche:hover #menuRecherche, 
#menuPrincipal #international:hover #menuInternational, 
#menuPrincipal #orientation:hover #menuOrientation,
#menuPrincipal #viem:hover #menuVie {max-height:800px;}

/**** Mise en forme et positions des panneaux ****/

#menuPrincipal #menuOrganisation {background-color:#A6B110; margin-left:-249px;}
#menuPrincipal #menuFormation {background-color:#A71968;  margin-left:-382px;}
#menuPrincipal #menuRecherche {background-color:#9560A4; margin-left:-517px;}
#menuPrincipal #menuInternational {background-color:#AC4D02; margin-left:-665px;}
#menuPrincipal #menuOrientation {background-color:#367BA7; margin-left:-828px;}
#menuPrincipal #menuVie {background-color:#F39200; margin-left:-976px;}

#menuPrincipal #menuOrganisation,
#menuPrincipal #menuFormation,
#menuPrincipal #menuRecherche,
#menuPrincipal #menuInternational,
#menuPrincipal #menuOrientation,
#menuPrincipal #menuVie {padding:0;}

#menuPrincipal #menuOrganisation li,
#menuPrincipal #menuFormation li,
#menuPrincipal #menuRecherche li,
#menuPrincipal #menuInternational li,
#menuPrincipal #menuOrientation li,
#menuPrincipal #menuVie li {color:#FFDD00; font-family: 'Monda', sans-serif; font-size:1em; font-weight:600; line-height:0.9em;}

#menuPrincipal #menuOrganisation li li span,
#menuPrincipal #menuFormation li li span,
#menuPrincipal #menuRecherche li li span,
#menuPrincipal #menuInternational li li span,
#menuPrincipal #menuOrientation li li span,
#menuPrincipal #menuVie li {color:#FFDD00; font-family: 'Monda', sans-serif; font-size:1.1em; font-weight:600;}

#menuPrincipal #menuOrganisation li li a, #org #menuPrincipal #menuOrganisation li li a,
#menuPrincipal #menuRecherche li li a, #rech #menuPrincipal #menuRecherche li li a,
#menuPrincipal #menuInternational li li a, #inter #menuPrincipal #menuInternational li li a,
#menuPrincipal #menuOrientation li li a, #orie #menuPrincipal #menuOrientation li li a,
#menuPrincipal #menuVie li li a, #viem #menuPrincipal #menuVie li li a,
#menuPrincipal #menuFormation li li a, #form #menuPrincipal #menuFormation li li a { color:#ffffff; font-weight:400;}

#menuPrincipal #menuOrganisation li li, 
#menuPrincipal #menuFormation li li,
#menuPrincipal #menuRecherche li li,
#menuPrincipal #menuInternational li li,
#menuPrincipal #menuOrientation li li,
#menuPrincipal #menuVie li li {display:list-item; list-style-type:none; color:#ffffff; font-family: 'Lato', serif; font-size:0.8em; padding:0; margin:0; line-height:1.4em;}

#menuPrincipal #menuVie li li {font-size:0.7em;}

#menuPrincipal #menuOrganisation li li a:before, 
#menuPrincipal #menuFormation li li a:before,
#menuPrincipal #menuRecherche li li a:before,
#menuPrincipal #menuInternational li li a:before,
#menuPrincipal #menuOrientation li li a:before,
#menuPrincipal #menuVie li li a:before {content:'• ';}

#menuPrincipal .col, #content .simple .col {float:left; width:285px; height:auto; margin:18px 0 18px 18px; text-align:left; padding:5px;}
#menuPrincipal .col ul, #content .simple .col ul {position:relative; margin:0 0 15px 0; padding:0;}
#content .simple .col ul {margin:0 0 0 30px;}

#menuPrincipal #menuOrganisation a, 
#menuPrincipal #menuOrganisation a:hover, 
#org #menuPrincipal #menuOrganisation a,
#menuPrincipal #organisation:hover li a,
#menuPrincipal #menuFormation a, 
#menuPrincipal #menuFormation a:hover, 
#form #menuPrincipal #menuFormation a,
#menuPrincipal #formation:hover li a, 
#menuPrincipal #menuRecherche a,
#menuPrincipal #menuRecherche a:hover, 
#rech #menuPrincipal #menuRecherche a,
#menuPrincipal #recherche:hover li a, 
#menuPrincipal #menuInternational a, 
#menuPrincipal #menuInternational a:hover, 
#inter #menuPrincipal #menuInternational a,
#menuPrincipal #international:hover li a, 
#menuPrincipal #menuOrientation a, 
#menuPrincipal #menuOrientation a:hover, 
#orie #menuPrincipal #menuOrientation a,
#menuPrincipal #orientation:hover li a, 
#menuPrincipal #menuVie a, 
#menuPrincipal #menuVie a:hover, 
#viem #menuPrincipal #menuVie a,
#menuPrincipal #viem:hover li a {color:#ffffff; background-image:none; padding:2px; margin:0;}

#menuPrincipal #menuOrganisation a:hover {background-color:#7E880D;} 
#menuPrincipal #menuFormation a:hover {background-color:#650B3D;}
#menuPrincipal #menuRecherche a:hover {background-color:#684371;}
#menuPrincipal #menuInternational a:hover {background-color:#713300;} 
#menuPrincipal #menuOrientation a:hover {background-color:#1A445C;}
#menuPrincipal #menuVie a:hover {background-color:#B56F00;}/* CSS Document */




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

.mobileInvisible {display:none;}

body #staticLink div {width:760px;}

body #menuPr {width:760px;}
body #menuPr #menuPrincipal {width:760px;}
body #menuPr #menuPrincipal li a {padding:5px 5px 5px 28px; margin:0;}
#menuPrincipal #organisation:hover #menuOrganisation, 
#menuPrincipal #formation:hover #menuFormation, 
#menuPrincipal #recherche:hover #menuRecherche, 
#menuPrincipal #international:hover #menuInternational, 
#menuPrincipal #orientation:hover #menuOrientation,
#menuPrincipal #vie:hover #menuVie {max-height:0; display:none;}

body #bg {background-image:url(/live/digitalAssets/136/136364_accueilFondMobile.png); background-position:top left;}

body #fond {width:750px;}

body #actu {position:absolute; top:360px; left:20px;}

body footer .blockFooter {width:700px;}
body footer section {width:120px;}

body #actuZoom {left:290px; top:270px; margin:0 padding:0; width:465px;}
body #actuZoom ul li {margin:5px;}

}


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

body #staticLink div {width:600px;}
body #menuPr {width:600px; height:80px;}
body #menuPr #menuPrincipal {width:600px;}
body #menuPr #menuPrincipal li a {padding:5px 15px 10px 28px; margin:0;}

body #actuZoom {left:280px; top:100px; width:315px; height:365px;}
body #actuZoom ul li {width:146px; height:160px; overflow:hidden;}
body #actuZoom img {width:130px; height: auto; padding:8px 8px 2px 8px;}

body footer .blockFooter {width:550px; font-size:1.2em;}
body footer section {width:500px; float:none; display:block; border:none; margin:20px 10px;}

body #actu {top:450px; width:560px;}
body #actuListe {width: 550px; height: 150px; overflow: auto;}

body #fond {width:600px;}

}

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

.mobilePetitInvisible {display:none;}
.mobileRajouter {display:block;}

body #staticLink {position:relative; height:130px; font-size:1.4em;}
body #staticLink div {width:320px;}
body #staticLink .linkInfo li,
body #staticLink form {float:none; border:none; clear:both;}
body #staticLink form, body #staticLink .linkRS {width:190px; margin:0 auto;}
body #staticLink .linkInfo li {padding:0; margin:5px 0;}

body #menuAccueilP {position:absolute; top:110px; left:0;}
body #menuPr {width:320px;}
body #menuPr #menuPrincipal {font-size:1.3em; background-color:#ffffff; height:260px; width:320px; }
body #menuPr #menuPrincipal li {display:block;}
body #menuPr #menuPrincipal li a,
body #menuPr #menuPrincipal li a:hover,
body #menuPr #menuPrincipal li:hover a {background-image:none;}

body #fond {width:100%; height:550px; background-color:#ffffff; border:1px solid #ffffff;}
body #bg {background-image:none;}
body #vousEtes {display:none;}
body header {width:100%; position:absolute; top:0px; left:0; margin:0; padding:0; background-color:#ffffff;}
body header {text-align:center;}
body footer {position:absolute; text-align:center; top:550px; left:0;}
body footer .blockFooter {width:320px;}
body footer section {width:300px; padding:0; margin:50px 0 0 0;}
body footer li {list-style:none;}

}