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

/* div#contenuC { padding:0} */
div#contenuC div#page { padding:20px 0px 20px 0px; width:95% }

div#contenuC div#page div#resistance { margin:0; padding:0 }
div#contenuC div#page p.theme{ border-left:0.5em solid #CDDEEB; margin:1em; padding-left:1em; }

/*
div#contenuC div#page div#resistance h1 { font-variant:small-caps; color:#440044; margin-bottom:15px; position:relative;  }
div#contenuC div#page div#resistance h2 { font-size:20px; color:#003333; font-weight:bold; margin-top:20px; position:relative;  }
div#contenuC div#page div#resistance h3 { margin-top:30px; margin-bottom:16px; font-size:18px; color:#440044; padding-bottom:6px; }
div#contenuC div#page div#resistance h4 { font-family:Arial; margin-top:30px; margin-bottom:8px; font-size:15px; color:#003333 }
div#contenuC div#page div#resistance h5 { color:#440044 }
div#contenuC div#page div#resistance h6 { color:#003333 }

div#contenuC div#page div#resistance p { text-align:justify; color:black; margin-left:5px; margin-bottom:15px }
div#contenuC div#page div#resistance p.legendegauche { text-align:left; font-style:italic; color:#666666; margin:10px 20px 20px 0px }
div#contenuC div#page div#resistance p.legendedroite { text-align:right; font-style:italic; color:#666666; margin:10px 0px 20px 20px }
div#contenuC div#page div#resistance p.clear { text-align:justify; font-style:normal; color:black }

div#contenuC div#page div#resistance .url { border:1px solid red; padding:5px 10px; margin:20px 0px 40px 45px; text-align:left; width:auto }

div#contenuC div#page div#resistance ul { margin:20px 10px 10px 15px }
div#contenuC div#page div#resistance li { list-style-type:round; list-style-image:none; padding-bottom:4px }

div#contenuC div#page div#resistance img { border:1px solid gray }
*/
div#contenuC div#page img.flechegauche { border:0; margin-right:10px }
div#contenuC div#page img.flechedroite { border:0; margin-left:10px }

div#contenuC div#page img.gauche1 { margin:3px 15px 15px 0px; float:left }
div#contenuC div#page img.gauche2 { margin:12px 15px 15px 0px; float:left }
div#contenuC div#page img.droite1 { margin:3px 0px 15px 15px; float:right }
div#contenuC div#page img.droite2 { margin:12px 0px 15px 15px; float:right }

/*div#contenuC div#page div#resistance a { font-style:italic; text-decoration:none; border-bottom:1px dotted gray }*/


/* plugin ressources CRDP */

div#contenuC div.ressource h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #AAC; margin: 10px 0 0 0; color:#002;  font-size:1.7em; }
div#contenuC div.ressource h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:1px 1px 2px #AAC; margin:0 0 10px 0; color:#258; font-size:1.2em; font-weight:normal;  }
div#contenuC div.ressource p.cles{ text-decoration:none; background: url(../images/icon_key.png) no-repeat 0px 3px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C }
div#contenuC div.ressource p.retour{ text-decoration:none; background: url(../images/icon_retour.png) no-repeat 0px 3px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C; }
div#contenuC div.ressource p.bouton a, div#contenuC div#diaporama p.bouton a { text-decoration:none; font-size:0.8em; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; 
border-radius: 10px;  color:#B00085;  background-color:#fff; padding:2px 5px; border:1px solid #eee; -webkit-box-shadow:2px 2px 3px #669; -moz-box-shadow:2px 2px 3px #669; -o-box-shadow:2px 2px 3px #669; box-shadow:2px 2px 3px #669; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
div#contenuC div.ressource p.bouton a:hover, div#contenuC div#diaporama p.bouton a:hover{ background-color:#B00085; color:white; border-color:#B00085; }
div#contenuC div#diaporama p{ text-decoration:none; background: url(../images/icon_diapos.png) no-repeat 0px 3px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C; }

div#contenuC div#diaporama{ margin-top:1em; }

div.ressourceCRDP{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: px; -o-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: #669 1px 1px 5px 0; -webkit-box-shadow: #669 1px 1px 5px 0; -o-box-shadow: #969 1px 1px 5px 0; box-shadow: #969 1px 1px 5px 0; padding:10px;  float:left !important; margin:5px; border:1px solid #99C !important; background-color:white; }

div.ressourceCRDP *{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.ressourceCRDP h1{ font-size:1em; color:#006; margin-bottom:20px; text-shadow:none !important; }
div.ressourceCRDP h1 a{ text-decoration:none; background: url(../images/icon_link.png) no-repeat 0px 4px; padding-left:15px; color:#006 !important }
div.ressourceCRDP h1 a:hover, div.ressourceCRDP a:hover{ text-decoration:underline; color:#609 !important; }
div.ressourceCRDP a{ color:#36C !important; }


div.ressourceCRDP p{ font-size:0.85em; color:#335 !important; text-align:left; }
div.ressourceCRDP p.credit{ font-size:0.9em; color:#114 !important; font-style:italic; } /* #936 */
div.ressourceCRDP p.debug { color:#C06 !important; clear:both; font-size:0.8em; }
div.ressourceCRDP a.loupe{ position:relative; }
div.ressourceCRDP span.loupe{ display:block; position:absolute; top:-5px; right:-5px; background-image:url(../images/icone-loupe.png); background-repeat:no-repeat; width:100px; height:100px;  }

div.ressourceCRDP img.droite{ float:right; margin:5px 0 15px 15px; }
div.ressourceCRDP.droite img{ float:right; margin:5px 0 10px 15px; }
div.ressourceCRDP img.gauche{ float:left; margin:0 15px 10px 0; }
div.ressourceCRDP.gauche img{ float:left; margin:0 15px 10px 0; }
.clear{ clear:both !important; }

/* composant ressource CRDP */

div#ressource{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: px; -o-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: #669 1px 1px 5px 0; -webkit-box-shadow: #669 1px 1px 5px 0; -o-box-shadow: #969 1px 1px 5px 0; box-shadow: #969 1px 1px 5px 0; padding:10px;  float:left !important; margin:5px; border:1px solid #99C !important; background-color:white; }

div#ressource { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; max-width:60em; }
div#ressource h1{ font-size:1.3em; font-weight:normal; color:#003; max-width:34em;  text-shadow:2px 2px 3px #99B; margin-bottom:3px; }

div#ressource p.presentation{ text-decoration:none; background: url(../images/icon_credit.png) no-repeat 0px 4px; padding-left:15px; font-size:0.9em; color:#36C }
div#ressource p.credits{ text-decoration:none; background: url(../images/icon_fonds.png) no-repeat 0px 4px; padding-left:15px; font-size:0.9em; color:#36C }

div#ressource p.credit{ text-decoration:none; background: url(../images/icon_credit.png) no-repeat 0px 4px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C }
div#ressource p.fonds{ text-decoration:none; background: url(../images/icon_fonds.png) no-repeat 0px 4px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C }

div#ressource p.cles{ text-decoration:none; background: url(../images/icon_key.png) no-repeat 0px 4px; padding-left:15px; font-size:0.9em; font-style:italic; color:#36C }
div#ressource div.notice{ border-left:0.5em solid #CDDEEB; margin:1em; padding-left:1em; width: 40em; }
div#ressource div.notice p{ font-size:0.9em; color:#335; }
div#ressource div.notice em{ color:#36C; }
div#ressource img{ max-width:40em; display:block; margin:20px 1em; -webkit-border-radius: 10px; -khtml-border-radius: px; -o-border-radius: 10px; border-radius: 10px; }
div#ressource img.deuxImages{ max-width:19em; display:block; margin:20px 1em; float:left;  }
div#ressource div.description{ border:1px dotted #CFB9FF; margin:1em; padding:1em; width: 40em; }
div#ressource div.description h2{ font-size:1.25em; font-weight:normal;  color:#25B; text-shadow:2px 2px 4px #99B; clear:both; }
div#ressource div.description h3{ font-size:1.25em; font-weight:normal;  color:#36C; text-shadow:2px 2px 3px #99B; clear:both; margin:0 !important;}
div#ressource div.description p{ font-size:0.85em; text-align:justify; color:#336; padding-bottom:5px; line-height:1.5em; }

#zoombox_aplat{ height:1000px; }

#zoombox_relative a.consulterCNRD{ display:block; position:absolute; top:-14px; left:-20px; -moz-border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius: 20px; border-radius: 20px; text-decoration:none; background-color: rgba( 0, 0, 0, 0.2); color: rgba(255,255,255,0.2); font-size:13px; padding:5px 7px 7px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -transition: all 1s ease; line-height:15px; }

#zoombox_relative:hover a.consulterCNRD{  background-color: rgba( 0, 0, 0, 0.5); color: rgba(255,255,255,1); }
p.sautdepage{ display:none; }

debug{ position:absolute; bottom:50px; right:50px; background:white; display:block; width:300px; height:300px; border-radius: 10px; border:1px solid #600; padding:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.9em; background-color:#900; color:white; z-index:1000; box-shadow:5px 5px 10px #333; overflow:scroll}

div.module{ position:relative;  }
div#contenuB div.module h2{ color:#705; text-shadow:1px 1px 2px #99F;  }
ul#linkactus{ position:absolute; top:0.4em; left:8em; }
ul#linkactus li{ display:inline; list-style:none; padding:0.5em; }
ul#linkactus li.bouton a, a.rssninja{ text-decoration:none; color:#258; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; 
border-radius: 8px; border:1px solid #47A; padding:0.1em 0.5em 0.1em 1.6em; font-size:0.85em; -webkit-box-shadow:1px 1px 2px #669; -moz-box-shadow:1px 1px 2px #669; -o-box-shadow:1px 1px 2px #669; box-shadow:1px 1px 2px #669;  background-repeat:no-repeat; text-shadow:1px 1px 2px #99F; 
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
ul#linkactus a{ text-decoration:none;}
ul#linkactus a.rss, a.rssninja{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-rss.png); }
ul#linkactus a.crdpinfo{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-crdpinfo.png); }
ul#linkactus a.communication{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-event.png); }

ul#linkactus a.rss:hover, a.rssninja:hover{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-rss-hover.png); background-color:#003; border-color:#003; color:white;}
ul#linkactus a.crdpinfo:hover{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-crdpinfo-hover.png); background-color:#003; border-color:#003; color:white; }
ul#linkactus a.communication:hover{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-event-hover.png); background-color:#003; border-color:#003; color:white; }

ul#linkactus li.facebook, ul#linkactus li.twitter{ padding:0 0.1em; }
ul#linkactus li.facebook{ padding-left:0.5em; }

ul#linkactus a.facebook span, ul#linkactus a.twitter span{ display:none; }
ul#linkactus a.facebook, ul#linkactus a.twitter{ background-repeat:no-repeat; padding:0.1em 0.5em 0.1em 0.8em;}
ul#linkactus a.facebook{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-facebook.png); }
ul#linkactus a.twitter{ background-image:url(http://www.crdp.ac-creteil.fr/cmsj/templates/crdp/images/icone-twitter.png); }

@media print{
	div#ressource h1{ max-width:100em; }
	div#ressource{ border:none !important; -moz-border-radius:0; -moz-box-shadow:none; float:none !important; max-width:100em;}
	div#contenu { width:100% !important;}
	div#diaporama,	p.consulterRessource, p.bouton{ display:none; }
	div.ressourceCRDP{ height:auto !important; }
	p.sautdepage{ display:block; page-break-after:auto; position:relative; clear:both; }
	div.ressourceCRDP a.loupe span{ display:none; }
	
	/* no text-shadow */
	div#contenuC div.ressource h1, div#contenuC div.ressource h2, div.ressourceCRDP h1, div#ressource h1,
	div#ressource div.description h2, div#ressource div.description h3, div#contenuB div.module h2{ text-shadow:none !important; }
}

.menuFlottantDroit{ 
  width: 200px; float: right; border: solid 1px #0AA; padding: 0 0 10px 0px; margin-left: 15px; margin-bottom: 15px; background-color: white; 
  -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;-webkit-box-shadow:5px 5px 10px #669; -moz-box-shadow:5px 5px 10px #669; -o-box-shadow:5px 5px 10px #669; box-shadow:5px 5px 10px #669; }

.menuFlottantDroit h3{ color: #005 !important; text-shadow: 1px 1px 2px #99B; font-weight:normal; text-align:center; }
.menuFlottantDroit ul li{ list-style-image:none !important; }
.menuFlottantDroit a{ text-decoration:none; color:#099 !important; }
.menuFlottantDroit a:hover{ text-decoration:underline; color:#639 !important; }

#contenuH ul.menuHaut{ margin-top:5px; margin-left:40px; }
#contenuH ul.menuHaut li{ display:inline-block; margin-top:10px; }
#contenuH ul.menuHaut li a { color:#0490A1 !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;  
-webkit-box-shadow:2px 2px 5px #669; -moz-box-shadow:2px 2px 5px #669; -o-box-shadow:2px 2px 5px #669; box-shadow:2px 2px 5px #669; text-decoration:none;
padding:2px 6px; font-size:11px;
}
#contenuH ul.menuHaut li a:hover{ background-color:#000066 !important; color:white !important; }