/************ CSS article XML / Docbook *******************/

#article-xml {
color:black;
}

h1, h2, h3, h4, h5, h6 {
color:black;
}

p {
margin-top:0.5em;
margin-bottom:0.5em;
}

p.pubdate {
text-indent:0;
}

p.title {
text-indent:0;
}

div.titlepage h1.title {
font-weight:bold;
font-size:180%;
color:#889a51;
border-bottom-color:#b22325;
}

div.titlepage h3.subtitle {
color:#889a51;
font-size:140%!important;
font-style:italic!important;
}

p.pubdate {
text-transform:uppercase;
font-weight:bold;
color:#889a51;
}

div.authorgroup {
font-size:80%;
}

#article-xml p {
text-align:justify;
}

#article-xml p[class] {
text-indent: 0px !important;
}

#article-xml p:not([class]) {
text-indent: 15px;
}

code.email {
border:none;
}

div.authorgroup span.link-external {
display:block;
}

code.uri {
border:none;
color: #231691;
}

div.abstract {
color:#000;dic.toc
margin:15px 0 0 0;
font-style:italic;
}

div.abstract p {
margin:0;
font-size:90%!important;
}

#article-xml h3 {
font-size:100%;
}

#article-xml h4 {
font-size:100%;
}

h3.author {
color:#889a51;
}

div.authorgroup>div.author>h3.author{
font-size:140%!important;
}

div.author:before {
content:"Auteur(s) :";
display:block;
color:#000;
font-weight:bold;
padding:0 0 3px 0;
font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
font-size: 100%;
margin:bottom:0;
}

div.author+div.author:before {
display:none;
}

div.othercredit:before {
content:"Avec l'aide de :";
display:block;
color:#000;
font-weight:bold;
padding:0 0 3px 0;
font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
font-size: 100%;
}

div.othercredit+div.othercredit:before {
display:none;
}

div.editor:before {
content:"Publié par :";
display:block;
color:#000;
padding:0 0 3px 0;
font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
font-weight:bold;
font-size: 100%;
}

div.authorgroup>div.editor>h3.editor{
font-weight:normal!important;
}

div.editor+div.editor:before {
display:none;
}

div.editor h4.editedby {
display:none;
}

div.author, div.othercredit, div.editor  {
margin:10px 0 0 0;
color:#000;
}

div.editor div.affiliation,div.editor code.email,div.editor code.uri,div.editor div.address {
display:none;
}

span.jobtitle,span.orgname, span.orgdiv {
display:inline-block;
}

div.affiliation span+span {
margin-left:5px;
}
div.affiliation span+span+span:before {
content:"- ";
}


div.address p {
margin-top:0;
margin-bottom:0;
}

p.copyright {
font-size:85%;
margin:10px 0 0 0;
}

div.legalnotice p {
font-size:70%;
}

p.publisher {
margin-bottom:0;
}

span.publishername {
font-weight:bold;
}

div.confgroup span.conftitle {
font-weight:bold;
}

div.confgroup div.address p {
margin-bottom:0;
}

div.titlepage hr {
color: black;
background-color: #000;
height: 1px;
border: 0;
}

div.toc a{
font-weight:normal;
}

div.toc dd {
margin-bottom:0;
}

div.toc {
margin-bottom:1em;
}


div.appendix {
border-top:1px dashed black;
}

div.appendix .title {
color:black!important;
}

div.appendix .sect1 h2.title {
border:none!important;
}

div.appendix>h2.title {
color:black!important;
font-weight:bold;
text-align:center;
}


div.sect1 h2.title {
color:black;
font-weight:bold;
border-bottom-color:#b22325;
border-top: 1px solid black;
}

div.sect1 h3.subtitle {
color:#555;
font-style:italic!important;
font-variant:normal;
}


div.sect2 h3.title {
color:black;
font-weight:bold;
padding-left:8px;
}

div.sect2 h4.subtitle {
color:#555;
font-style:italic!important;
padding-left:8px;
}

div.sect2 div.titlepage {
padding-left:8px;
}

div.sect3 h4.title {
color:black;
font-weight:bold;
padding-left:18px;
}

div.sect3 h5.subtitle {
color:#555;
font-style:italic!important;
padding-left:18px;
}

div.sect3 div.titlepage {
padding-left:18px;
}

div.sect4 h5.title {
color:black;
font-weight:bold;
padding-left:28px;
}

div.sect4 h6.subtitle {
color:#555;
font-style:italic!important;
padding-left:28px;
}

div.sect4 div.titlepage {
padding-left:28px;
}

div.sect5 h6.title {
color:black;
font-weight:bold;
padding-left:38px;
}

div.sect5 h6.subtitle {
color:#555;
font-style:italic!important;
padding-left:38px;
}

div.sect5 div.titlepage {
padding-left:38px;
}

p.bibliomixed {
display:list-item;
list-style-position:inside;
}

div.bibliography h2.title {
font-style:italic;
color:black!important;
border-top:1px dashed black;
}

div.acknowledgements {
border:1px solid #b22325;
margin:10px 0 0 0;
padding:0 10px;
}

div.acknowledgements h2.title {
border:0;
font-size:90%;
color:#b22325;
}

div.epigraph{
margin-bottom:10px;
}

div.epigraph:after {
content: "............";
}

div.epigraph,div.epigraph p {
text-align:right!important;
}

div.blockquote{
background:url(blockquote.png) no-repeat 10px 10px #f5f5f5;
border: 1px solid #A0A0A0;
color:#000;
width:80%;
margin:10px auto 0 auto;
padding:0 10px;

}

table.blockquote td {
border:none!important;
}


table.blockquote td {
margin:0!important;
padding:0!important;
}

span.quote {
font-style:italic;
}

div.literallayout {
padding:0 0 0 10px;
}

div.literallayout p {
margin-top:0;
margin-bottom:0;
}

div.colophon {
border:1px solid #000;
margin:10px 0 0 0;
padding:0 10px;
text-align:right!important;
}
div.colophon p{
text-align:right!important;
}

div.colophon h2.title {
border:0;
font-size:90%;
color:#000;
font-weight:bold;
}

div.important {
background:#fbcdce;
border:1px solid #b62125;
border-left:6px solid #b62125;
padding:2px 5px 0 5px;
margin:0 auto 20px auto;
}
div.important h3.title {
color:#b62125;
background:url(icons/important.gif) no-repeat center left;
padding:0 0 0 20px;
}
div.important h3.title:before {
content:normal!important;
}


div.note {
background:#f6fdd9;
border:1px solid #c5d29c;
border-left:4px solid #c5d29c;
padding:2px 5px 0 5px;
margin:0 auto 20px auto;
}
div.note h3.title {
color:#8d9f59;
background:url(icons/note.gif) no-repeat center left;
padding:0 0 0 20px;
}
div.note h3.title:before {
content:normal!important;
}

div.tip {
background:#ecfdff;
border:1px solid #bff9ff;
border-left:2px solid #bff9ff;
padding:2px 5px 0 5px;
margin:0 auto 20px auto;
}
div.tip h3.title {
color:#69cad5;
background:url(icons/tip.gif) no-repeat center left;
padding:0 0 0 20px;
}
div.tip h3.title:before {
content:normal!important;
}

div.sidebar {
background:#fff6d0;
border:1px solid #dab979;
border-left:5px solid #dab979;
border-right:5px solid #dab979;
padding:2px 8px 0 8px;
margin:0 auto 20px auto;
}
div.sidebar p.title {
color:#dab979;
background:url(icons/sidebar.gif) no-repeat center left;
padding:0 0 0 20px;
}

div.itemizedlist, div.orderedlist, div.orderedlist,div.procedure {
	text-align: left;
    display: inline-block;
    margin: 0 auto;
 }

div.itemizedlist ul {
list-style-image:url(icons/puce.gif);
}

div.itemizedlist div.itemizedlist ul {
list-style-image:url(icons/puce2.gif);
}

div.itemizedlist div.itemizedlist div.itemizedlist ul {
list-style-image:url(icons/puce3.gif);
}

div.itemizedlist ul,div.orderedlist ol {

margin-top:0;
margin-bottom:0.5em!important;
}

div.itemizedlist li p,div.orderedlist,ol li p {
text-indent:5px!important;
margin-top:0;
margin-bottom:0;
}

div.itemizedlist li {
margin-bottom:0.5em;
}

div.orderedlist li {
margin-bottom:0.5em;
}


div.toc ul {
margin-top:0!important;
margin-bottom:0!important;
}

div.toc li {
margin-bottom:0;
}


tr.question {
font-weight:bold;
}

tr.question td {
padding:5px 5px 5px 5px!important;
}

tr.answer {
background:#fff6d0;
}

tr.answer td {
padding:0 5px 0 5px!important;
}

tr.answer td:empty {
background:#fff!important;
}

div.mediaobject, div.mediaobject span, div.mediaobject h3, div.mediaobject p, div.mediaobject div.author:before, div.mediaobject div.othercredit:before  {
color:#5e5e5e!important;
}

div.mediaobject div.abstract p {
font-size: 70%!important;
}

div.mediaobject div.othercredit {
font-size: 88%!important;
}

div.mediaobject div.confgroup{
font-size: 70%!important;
}

div.mediaobject div.author{
font-size: 70%!important;
}

div.mediaobject audio {
display:block;
margin:0 auto;
}

div.mediaobject div.author:before {
font-size: 120%!important;
}

div.caption {
font-size:90%;
color:#303030!important;
margin:0 0 20px 0;
}

div.caption p {
text-indent:5px!important;
text-align:left!important;
}

div.mediaobject div.caption a {
color:#303030!important;
text-align:left!important;
}


div.mediaobject table {
margin-left:auto;
margin-right:auto;
}


div.mediaobject div.abstract, #article-xml div.mediaobject div.caption p  {
text-align:center !important;
}

div.mediaobject * {
text-align:center !important;
clear:left;
}

div.mediaobject img {
margin-right:auto;
margin-left:auto;
display:block;
}

div.mediaobject[align="left"] * {
text-align:left !important;
clear:left;
}

div.mediaobject[align="right"] * {
text-align:right !important;
clear:right;
}

div.mediaobject[align="left"] table {
margin:0!important;
}

div.mediaobject[align="right"] table {
margin-left:0!important;
margin-right:0!important;
text-align:right!important;
}

div.mediaobject[align="left"] p {
text-align:left!important;
color:#5e5e5e!important;
}


div.mediaobject[align="right"] p {
text-align:right!important;
color:#5e5e5e!important;
}

div.mediaobject[align="center"] table {
margin-left:auto;
margin-right:auto;
}

div.mediaobject[align="center"] p {
text-align:center!important;
color:#5e5e5e!important;
}

div.mediaobject[align="left"] div.abstract, #article-xml div.mediaobject[align="left"] div.caption p {
	text-align: left!important;
}

div.mediaobject[align="right"] div.abstract, #article-xml div.mediaobject[align="right"] div.caption p {
	text-align: right!important;
}


#article-xml div.figure {
text-align:center!important;
}


#article-xml div.figure p,#article-xml div.example p,#article-xml div.equation p,#article-xml div.informalfigure p,#article-xml div.informalequation p,#article-xml div.informalexample p {
	text-align: justify!important;
	margin: 0 auto;
	display: table;
}

#article-xml div.figure-caption p,#article-xml div.caption p {
	margin: 0 10%;
	color: #666;
}

#article-xml table div.figure-caption p,#article-xml table div.caption p {
	margin: 0 5% !important;
}

#article-xml div.figure-caption .bibliomixed p,#article-xml .bibliomixed div.caption p {
	margin: 0 10%;
	display: list-item;
	list-style: disc;
	padding: 0;
}



#article-xml div.example{
text-align:center!important;
color:#5E5E5E!important; 
}

#article-xml div.example p,#article-xml div.example ul.itemizedlist {
text-align:justify!important;
color:#5E5E5E!important; 
}

#article-xml div.equation {
text-align:center!important;
color:#5E5E5E!important; 
}

#article-xml div.informalfigure,#article-xml div.informalequation,#article-xml div.informalexample {
text-align:center!important;
color:#5E5E5E!important; 
}

div.example-contents div.procedure ol.procedure p,
div.informalexample div.procedure ol.procedure p {
display:inline;
}

#article-xml div.table p {
text-align:center!important;
}

div.table table {
margin-left:auto;
margin-right:auto;
}

#article-xml div.informaltable p {
text-align:center!important;
}

div.informaltable table {
margin-left:auto;
margin-right:auto;
}

span.mathphrase,math {
white-space:nowrap;
}

math {
font-size:130%;
}

table {
border-collapse: collapse;
}

#article-xml table td,table th {
padding:8px;
vertical-align:top;
}

table.frame_topbot thead,table.frame_topbot tbody,table.frame_topbot tfoot {
border-top:1px solid black;
border-bottom:1px solid black;
}

table.frame_top thead,table.frame_top tbody,table.frame_top tfoot {
border-top:1px solid black;
}

table.frame_bottom thead,table.frame_bottom tbody,table.frame_bottom tfoot {
border-bottom:1px solid black;
}

table.frame_sides {
border-left:1px solid black;
border-right:1px solid black;
}

table.frame_top th,table.frame_top td,table.frame_bottom th,table.frame_bottom td,table.frame_topbot th,table.frame_topbot td,table.frame_sides th,table.frame_sides td,table.frame_none th,table.frame_none td {
border:none!important;
}

table.frame_all td,table.frame_all th {
border:1px solid black;
}

span.citetitle {
font-style:italic;
}

span.blue {
color:blue;
}

span.green {
color:green;
}

span.red {
color:red;
}

span.yellow {
color:gold;
}

span.gray {
color:gray;
}

span.italic {
font-style:italic;
}

span.underline {
text-decoration:underline;
}

span.bgcolor {
background:#FFF6D0;
}

span.teletype {
font-family:monospace,arial,sans-serif;
}

em.glossterm {
font-style:normal;
border-bottom:1px dotted black;
}

a.glossterm {
text-decoration:none;
}

div.qandaset table td {
border:none !important;
}

tr.question {
background:#e6d58e;
border-bottom:5px solid white;
}


div#article-xml a[name]:hover{
color:#333!important;
}



/************CSS de PloneCustom*******************/

@font-face {
    font-family: 'roboto_slabregular';
    src: url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.eot');
    src: url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.woff2') format('woff2'),
         url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('++resource++plonetheme.planetterre.fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.eot');
    src: url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('++resource++plonetheme.planetterre.fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
background-color:#fff;
font-family: 'roboto_slabregular';
font-size: 16px;
}



.section-accueil-planet-terre #portal-column-content,#portal-top > div.cell.width-full.position-0 {
	width: auto !important;
	margin-left: 0;
	float: none;
	left: 0;
}



#portal-top,#portal-columns,#portal-footer-wrapper {
	padding: 0 4%;
	width: 92% !important;
}

/*
@media screen and (min-width: 1600px) {
	#portal-top,#portal-columns,#portal-footer-wrapper {
		padding: 0 9%;
		width: 82% !important;
	}
}*/


.section-accueil-planet-terre .row_2 .block_1 .portletStaticText {
	background: #fff;
	border: 3px solid #000;
	width: calc(100% - 8px) !important;
	padding: 1em;
}

.section-accueil-planet-terre .row_2 .block_1 .collage-item,.section-accueil-planet-terre .row_2 .block_1 .portletItem {
	margin:0;
	padding: 0 !important;
}

.section-accueil-planet-terre .collage-row:nth-of-type(4) {
	background: #efefef;
}

h3.portletImageTitle,#content .portlet-collection-actualites .itemTitleWrapper a,.section-accueil-planet-terre .row_2 .block_1 .portletHeader span,.section-accueil-planet-terre .row_2 .block_1 .portletHeader span a {
font-family: 'robotoregular';
font-size: 30px;
line-height: 34px;
letter-spacing: 0.04em;
color:#000;
}

.image_une {
	height: 290px;
}

.image_deux,.image_trois {
	height: 180px;
}

.contenu_une,.contenu_deux,.contenu_trois {
position: relative;
top: -50px;
padding: 0;
}

#content .documentDescription, #content #description {
	font-family: 'robotoregular';
	letter-spacing: 0.04em;
	color:#666;

}

#content h1 {
	font-size: 32px;
	font-family: 'robotoregular';
	font-weight: normal;
	letter-spacing: 0.04em;
}

#content h2,#content h2 a,#content h2 a:link {
	font-family: 'robotoregular';
	font-weight: normal;
	letter-spacing: 0.04em;
font-size: 30px;
line-height: 34px;
letter-spacing: 0.04em;
color:#000 !important;
}

.contenu_une h3,.contenu_deux h3,.contenu_trois h3 {
	background:#FFF;
	width: 80%;	
	padding: .5em .5em 0 0;
	min-height: 40px;
}
.contenu_trois h3 {
	background: #efefef;
}

.portlet-last-publications h3.portletImageTitle,h3.portletImageTitle, #content .portlet-collection-actualites .itemTitleWrapper a,#content .portlet-collection-actualites .itemTitleWrapper a,.section-accueil-planet-terre .row_2 .block_1 .portletHeader span,.section-accueil-planet-terre .row_2 .block_1 .portletHeader span a {
	font-size: 22px;
	line-height: 26px;
}

#programme h2, #favoris h2 {
	color:#b62125;
	font-size: 22px;
	font-family: 'robotoregular';

}

#content .portletItem p {
	text-indent: 0;
	font-size: 16px;
	line-height: 24px;
}

#content .discreet {
	font-size: 100%;
}

#content .portletItem .discreet,.sommaireViewTileItem .portletItemDetails {
	font-size: 14px;
	text-indent: 0;
	color:#666;
}



#content .portlet a.lienplus{
	border-radius: 5px;
	padding:8px 14px;
	background: #b92227;
	color:#fff !important;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	font-size: 14px;
}
#content .portlet a.lienplus:hover {
	background: #000;
	color:#fff !important;	
}

#portal-footer {
	background: none;
	font-size: 14px;
}

#portal-footer p {
	text-indent: 0;
}

.portlet.portlet-last-article dd.portletItem {
	padding: 0;
}

a:link, a:visited {
color:#b92227;
}

a.internal-link,a.url {
color:#b92227!important;
}

#content a:link, dl.portlet a:link, dl.portlet a:visited,#content .discreet a {
color:#b92227 !important;
}

#content a:visited, dl.portlet a:visited {
color:#e05358;
}

a:visited div.ImageBg p {
color:#b92227 !important;
}

#content a:hover, dl.portlet a:hover,.portlet-collection-navigation .portletItem+.portletItem a h3:hover {
color:#88070c !important;
}
.portlet-collection-navigation .portletItem .currentItem a h3:hover {
color:#000 !important;
}

.portletHeader span a:hover {
display:inline!important;
}

#content a:link, dl.portlet a:link {
border:none;
}

dl.portlet {
	font-size: 100%;
}

.submenu .state-published {
color:#000 !important;
}

.submenu .state-published:hover {
color:#b92227 !important;
}

ul.tabAnnees,
div.navImgs ul{
padding: 1em;
margin:0;
border-top: 1px solid #b92227;
border-bottom: 1px solid #b92227;
}

ul.tabAnnees li,
div.navImgs ul li{
list-style:none;
display:inline !important;
/*padding:1em;*/
}
ul.tabAnnees li a{
color:#fff;
border-right:1px dotted #000;
font-weight:bold;
padding: 1em 2em;

}
div.navImgs ul li a{
color:#fff;
font-weight:bold;
padding: 1em 2em;

}
ul.tabAnnees li a:hover,
div.navImgs ul li a:hover{
border: 1px;
font-weight:bold;
background: #ccc;
}

ul.tabAnnees li a.currentItem{
border: 1px;
font-weight:bold;
background: #e7e7e7;
color:#333;
}
#content a:link{
border-bottom:none;
}
.tabImgsSem img{
box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-o-box-shadow: 2px 2px 10px #000;
}

body.template-search_exist div#portal-column-one,
body.template-archives div#portal-column-one,
body.template-search_exist_form div#portal-column-one,
body.template-images-de-la-semaine div#portal-column-one{
display:none !important;
}

body.template-search_exist div#portal-column-content.cell.width-3\:4,
body.template-search_exist_form div#portal-column-content.cell.width-3\:4,
body.template-archives div#portal-column-content.cell.width-3\:4,
body.template-images-de-la-semaine div#portal-column-content.cell.width-3\:4{
width:98%;
postition:relative;
margin-left:-99%;
}
body.template-search_exist #content{
min-height:600px;
}


#globalnav-wrapper {
margin-top:1.5em;
}

#portal-globalnav {
height:auto;
background: none;
margin:0;
position:static;
display: flex;
}

#portal-globalnav li.selected {
padding: 0.5em 1.5em 2em 1.5em;
}

#portal-globalnav li {
	float: none;
}


#portal-globalnav li.selected a {
color:#000;
font-family: arial, sans-serif;
text-transform: uppercase;
padding: 0.5em 0.5em 0.5em 0.5em;
top:10px;
font-size: 14px;
background: none;
}

#portal-globalnav li.selected > a {
text-align: center;
}

#portal-globalnav li.selected {
	border: 1px solid transparent;
}

#portal-globalnav li.selected:hover {
	border: 1px solid #000;
	border-bottom: 1px solid #FFF;
	z-index: 999 !important;
}

#portal-globalnav.hover  {
    background: linear-gradient(180deg, 
        rgba(256,256,256,1) calc(100% - 1px),  
        rgba(0,0,0,1) 100%
    );

background-position: bottom;
}


#portal-globalnav .selected a:hover,#portal-globalnav li.selected:hover a {
	color:#b92227;
	background: none;
}

#portal-globalnav li.selected ul.submenu {
margin-top: 26px;
padding: 2em 1em;
}

#portal-globalnav .selected a:hover {
	color:#b92227;
	background: none;
}


/*  Modifications Guillaume */

#portal-globalnav li.selected ul.submenu {
border:none;
background: rgb(255,255,255);
padding:1em;
padding-bottom: 3em;
    list-style-type: disc;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    list-style-position: inside;

}

li:hover ul.submenu {
	width: 100%;
    left: 0 !important;
}

#portal-globalnav li.selected .submenu a {
	text-transform: none;
	font-size: 16px;
}

#portal-globalnav .submenu li {
	float: none;
	padding:.5em 0;
	display: inline-block !important;
	width: 100%;
}

#portal-globalnav ul.submenu a, #portal-globalnav ul.submenu a:hover {
border-bottom:none !important;
border-top:1px solid white !important;
}

#portal-globalnav ul.submenu li a:hover {
color:#800306!important;
}

#logos {
width:100%;
margin-bottom:2em;
padding: 5px;
}

a#portal-banner {
float:left;
margin:0.5em 0 1em 0.5em;
}

a#portal-logo-enslyon {
float:right;
margin:1em 0 0 2em;
}

a#portal-logo-eduscol {
float:right;
margin:0.5em 0 0 2em;
}

input[type="submit"] {
background:#b92227;	
background:-moz-linear-gradient(center bottom , #890d11 0pt, #890d11 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-webkit-linear-gradient(center bottom , #890d11 0pt, #890d11 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-ms-linear-gradient(center bottom , #890d11 0pt, #890d11 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-o-linear-gradient(center bottom , #890d11 0pt, #890d11 20%, #b92227 100%) repeat scroll 0 0 transparent;
border: 1px solid #890d11;
text-shadow: 0 2px 0 #570507;
box-shadow: 0 1px #c8595c inset;
border-radius: 5px 5px 5px 5px;
color: white;
padding: 2px 0px 2px 2px;
}

input[type="submit"]:hover{
background:#890d11;
background:-moz-linear-gradient(center bottom , #9c161a 0pt, #9c161a 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-webkit-linear-gradient(center bottom , #9c161a 0pt, #9c161a 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-ms-linear-gradient(center bottom , #9c161a 0pt, #9c161a 20%, #b92227 100%) repeat scroll 0 0 transparent;
background:-o-linear-gradient(center bottom , #9c161a 0pt, #9c161a 20%, #b92227 100%) repeat scroll 0 0 transparent;
}

input[type="submit"]:hover {
cursor:pointer;
}

input.searchButton {
background: url(++resource++plonetheme.planetterre.images/fond-recherche.jpg) #efefef no-repeat;	
border-radius: 0 2px 2px 0;
color: white;
padding: 2px 0px 2px 17px;
box-shadow:none;
text-shadow:none;
border:none;
width:28px;
height:29px;
}

input.searchButton:hover {
background: url(++resource++plonetheme.planetterre.images/fond-recherche.jpg) #efefef no-repeat;	
}

input#datas {
margin-top:0.2em;
}

.LSBox {
margin:0;
text-align:right;
}

#portal-searchbox {
margin-top: -3.46em;
}

#portal-personaltools {
background:none;
padding: 0.25em;
width: 200px;
}
#anon-personalbar a {
border-right:1px solid #000;
padding:0 0.4em 0 0;
}

#portal-breadcrumbs {
margin-top:0.8em;
margin-bottom:0.6em;

}

.section-accueil dd.portletFooter {
padding-left:1em !important;
}

.section-accueil dd.portletFooter a {
background: url(images/picto-plus.png) top left  no-repeat !important;
padding-left:15px !important;
}

.section-accueil dd.portletFooter a:visited {
color:#b92227!important;
}

#portal-column-one {
background:white;
padding:1em 1em 1em 0;
margin-left: -99.875%;
}

#portal-column-one .portletHeader {
color:#68d3df;
padding: 0.8em 1em;
}

#portal-column-one .portletHeader span {
padding:0.5em 0 0.5em 2.7em;
color:#68d3df;
font-size:1.3em;
}

#portal-column-one .portletHeader span.portletTopLeft,#portal-column-one .portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

#portlet-objects-pedagogiques .portletHeader {
background: url(images/fond-titre-gauche.jpg) #FFF top left  repeat-x;
color:#68d3df;
padding-top:10px;
}

#portlet-objects-pedagogiques .portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
color:#68d3df;
font-size:1.3em;
}

#portlet-objects-pedagogiques .portletHeader span.portletTopLeft,#portlet-objects-pedagogiques .portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

#portlet-objects-medias .portletHeader {
background: url(images/fond-titre-gauche.jpg) #FFF top left  repeat-x;
color:#68d3df;
padding-top:10px;
}

#portlet-objects-medias .portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
color:#68d3df;
font-size:1.3em;
}

#portlet-objects-medias .portletHeader span.portletTopLeft,#portlet-objects-medias .portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

dd.portletFooter { 
margin:0!important;
}

ul#favoris {
padding:0 0 0 1em;
}

ul#favoris li a {
background:url(images/puce-favoris.jpg) 5px 4px no-repeat;
padding:0 0 0 1.3em;
-webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s;
}

ul#favoris li a:hover {
background:url(images/puce-favoris.jpg) 0px 4px no-repeat;
}

ul#navigation {
padding:0 0 0 1em;
}

ul#navigation li a {
background:url(images/puce-navigation.jpg) 5px 4px no-repeat;
padding:0 0 0 1.3em;
-webkit-transition:background 0.5s;
-moz-transition:background 0.5s;
-o-transition:background 0.5s;
transition:background 0.5s;
}

ul#navigation li a:hover {
background:url(images/puce-navigation.jpg) 0px 4px no-repeat;
}

#content {
margin:0;
}

#content dd {
margin: 0 0 1em 0;
}

div#collage div.collage-item {
padding:0.5em;
}

div.row_1 div.block_1 dt.portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
font-size:1.6em;
color:#94a453;
}

div.row_1 div.block_1 dt.portletHeader span a {
display:inline;
color:#94a453!important;
}

div.row_1 div.block_1 dt.portletHeader span.portletTopLeft,div.row_1 div.block_1 dt.portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

div.row_1 div.block_1 #portlet-serie dd.portletItem div div a span {
font-size:1.2em;
}


div.row_1 div.block_1 #portlet-serie,div.row_1 div.block_1 dd.portletItem div div {
background:none!important;
padding:0!important;
}

div#portal-column-content div#content {
background:white;
padding:1em;
}

body.portaltype-collage div#portal-column-content div#content {
background:none;
padding:0;
;
}

div#portal-column-two {
background:white;
padding:1em;
}

.portaltype-plone-site div#content {
background:white;
padding:1em;
}


.section-accueil div#portal-column-content {
background:none;
padding:0;
} 

.portaltype-plone-site div#portal-column-content {
background:none;
padding:0;
overflow: hidden;
}

dd.portletItem div.ImageBg{
background-size:cover!important;
background-position: 50% 50% !important;
line-height:200px;
padding:0!important;
}

div.ImageBg p {
background:#FFF;
background:rgba(255,255,255,0.8);
min-height:50px;
margin:0!important;
line-height:1.2;
display: inline-block;
vertical-align: bottom;
/* Hack IE */
*display: inline;
*zoom: 1;
width:96.1%;
padding:2%;
opacity:1;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
transition:opacity 1s;
}

a:hover div.ImageBg p {
opacity:0;
}

#portlet-image-semaine dd.portletItem,#portlet-topnews dd.portletItem {
padding:0;
}

.section-accueil .row_1 .block_1 .portletFooter {
font-size:1.2em;
}

.section-accueil .row_2 .block_1 .portletFooter {
font-size:1.2em;
}



.row_3 .block_2 .portletItem {
font-size:1.2em;
}

.row_3 .block_2 .collage-item {
min-height:250px;
}



div.row_2 div.block_1 dt.portletHeader span.portletTopLeft,div.row_2 div.block_1 dt.portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

.template-article #portal-column-one dd.portletItem div,
.template-image-de-la-semaine #portal-column-one dd.portletItem div {
padding:0.2em;
}

.template-article #portal-column-one dd.portletItem div:nth-child(even),
.template-image-de-la-semaine #portal-column-one dd.portletItem div:nth-child(even)  {
background:#f0fbfc;
}

.section-accueil div.row_2 div.block_1 dd a {
background: url(images/picto-actualites.png) 3px 2px no-repeat scroll ;
padding: 0 0 0.2em 1.8em;
}

.section-accueil div.row_2 div.block_1 dd {
margin:0!important;
padding:0.3em 0 0.3em 0;
font-size:1.2em;
}

.section-accueil div.row_2 div.block_1 span.portletItemDetails {
color:black;
display:inline;
}

span.discreet {
color:black!important;
}

.section-accueil div.row_2 div.block_2 div.ImageBg p {
font-size:1.2em!important;
}

.section-accueil .row_2 .block_2 dt.portletHeader {
background: url(images/fond-titre-a-la-une.jpg) top left  repeat-x;
padding-top:10px;
}

.section-accueil div.row_2 div.block_2 dt.portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
font-size:1.6em;
color:#cdba42;
}

.section-accueil div.row_2 div.block_2 dt.portletHeader span.portletTopLeft,div.row_2 div.block_2 dt.portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

.section-accueil div.row_3 div.block_1 div.ImageBg p {
font-size:1.2em;
}

.section-accueil .row_3 .block_1 dt.portletHeader {
background: url(images/fond-titre-a-redecouvrir.jpg) top left  repeat-x;
padding-top:10px;
}

.section-accueil div.row_3 div.block_1 dt.portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
font-size:1.6em;
color:#94a463;
}

.section-accueil div.row_3 div.block_1 dt.portletHeader span.portletTopLeft,.section-accueil div.row_3 div.block_1 dt.portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

.section-accueil .row_3 .block_2 dt.portletHeader {
background: url(images/fond-titre-actualites.jpg) top left  repeat-x;
padding-top:10px;
}

.section-accueil div.row_3 div.block_2 dt.portletHeader span {
background: url(images/picto-titre.png) top left  no-repeat;
padding:0.5em 0 0.5em 2.7em;
font-size:1.6em;
color:#68d3df;
}

.section-accueil div.row_3 div.block_2 dt.portletHeader span.portletTopLeft,.section-accueil div.row_3 div.block_2 dt.portletHeader span.portletTopRight {
background:none;
padding:0;
margin:0;
}

dl#portlet-hasard {
margin-bottom:0;
}

div#portal-columns {
margin-bottom:2em;
opacity:1;
transition: opacity .3s ease-out;

}

#portal-columns.nav-hover {
	opacity: .3;
}

.actionMenuContent {
z-index:999!important;
}

#content fieldset {
border:none;
}

div#portal-column-content.position-0.width-full {
width:97.78305621536025%;
}

div.width-1\3a 2 { width: 48.15%; } /* .width-1:2 */
div.width-1\3a 4 { width: 20.75%; } /* .width-1:4 */
div.width-3\3a 4 { width: 72.75%; } /* .width-3:4 */
div.position-1\3a 4 {margin-left: -73.875%;} /* .position-1:4 */
div.position-3\3a 4 {margin-left: -24.575%;} /* .position-3:4 */
#portal-footer div.position-0 {
    margin-left: -99.875%;
}
div#portal-column-content.position-0 {width:69.75%;}


.template-list_users_for_account input[type="submit"][disabled="disabled"] {
background:#666;
text-shadow: None;	
border: 1px solid #666;
box-shadow: 0 1px #666 inset;
color: #ccc;
}
.template-list_users_for_account input[type="submit"][disabled="disabled"]:hover {
cursor:auto;
}
p.goToTop {
color:#b92227;
cursor:pointer;
}
.portletItem span.selected a{
/*display:inline-block;*/
width:100%;
font-weight:bold;
background:#F0FBFC;
padding: 0.1em 4em 0.1em 0.1em;
}

.hiddenStructure {
height:0;
}


#search-exist .criteresSearch, #search-exist .criteresSearchTheme {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.template-article #portal-column-one>div,
.template-article-pro #portal-column-one>div,
.template-image-de-la-semaine #portal-column-one>div {
margin-bottom:0.5em;
}

.template-article #portal-column-one>div dl.portlet,
.template-article-pro #portal-column-one>div dl.portlet,
.template-image-de-la-semaine #portal-column-one>div dl.portlet {
border:none;
font-size: 100%;
}


.template-article #portal-column-one dd.portletItem,
.template-article-pro #portal-column-one dd.portletItem,
.template-image-de-la-semaine #portal-column-one dd.portletItem {
padding:0em;
font-size:80%;
}

.template-article #portal-column-one .portletHeader span,
.template-article-pro #portal-column-one .portletHeader span,
.template-image-de-la-semaine #portal-column-one .portletHeader span  {
font-size: 1em;
background: url(images/picto-titre.png) 0.1em top  no-repeat;
padding: 0.3em 0 0.5em 2.6em;
}

.template-article #portal-column-one .portletHeader span.portletTopLeft,.template-article #portal-column-one .portletHeader span.portletTopRight,
.template-article-pro #portal-column-one .portletHeader span.portletTopLeft,.template-article-pro #portal-column-one .portletHeader span.portletTopRight,
.template-image-de-la-semaine #portal-column-one .portletHeader span.portletTopLeft,.template-image-de-la-semaine #portal-column-one .portletHeader span.portletTopRight  {
background:none;
padding:0;
margin:0;
}

.resourceKeywords {
border:none;
}

.section-actualites .collage-item dd.portletItem {
margin:0!important;
padding:0!important;
font-size: 1.2em;
}

.section-actualites .collage-item dd.portletItem.even {
background:#f6f3e6;
}

.section-actualites .collage-item span.portletItemDetails {
color: black;
display: inline;
}

.section-actualites .collage-item dt.portletHeader {
background: url(images/fond-titre-nouveautes.jpg) repeat-x scroll left top transparent;
padding-top: 10px;
}

.section-actualites .collage-item  dd a {
background: url(images/picto-rss.png) no-repeat scroll 3px top transparent !important;
padding: 0 0 0.2em 1.8em;
}


.section-actualites .collage-item dt.portletHeader a {
background: url(images/picto-titre-rss.png) no-repeat scroll left top transparent;
color: #94A463;
font-size: 1.6em;
padding: 0.5em 0 0.5em 2.7em;
}

.section-actualites dd.portletFooter {
padding-left:1em !important;
}

.section-actualites dd.portletFooter a {
background: url(images/picto-plus.png) top left  no-repeat !important;
padding-left:15px !important;
}

.section-actualites dd.portletFooter a:visited {
color:#b92227!important;
}

#portlet-objects-pedagogiques dd.portletItem,#portlet-objects-medias dd.portletItem  {
padding:0.4em;
}
.template-article #portal-column-one > div:empty,
.template-article-pro #portal-column-one > div:empty,
.template-image-de-la-semaine #portal-column-one > div:empty{
display:none;
}

.section-accueil #portal-column-one dd.portletItem {
padding:0!important;
}

#portlet-image-semaine dd.portletFooter {
padding:1em;
}

div.itemizedlist ul {
list-style-image: none;
}
div.itemizedlist div.itemizedlist ul {
list-style-image: none;
}
div.itemizedlist div.itemizedlist div.itemizedlist ul {
list-style-image: none;
}
.highlightedSearchTerm{
background-color: transparent;
}
.template-search_exist .highlightedSearchTerm{
background-color: #FFFFAA;
}

table.tabImgsSem td {
vertical-align:top;
padding:10px;
}

table.tabImgsSem td p:first-child {
margin-bottom:0.5em!important;
}


input#nolivesearchGadget {
height:29px;
padding-left:10px;
vertical-align:top;
border:none;
border-radius: 4px 0 0 4px;
background: #efefef;
float:left;
outline: none;
font-family: arial, sans-serif;
}


input#nolivesearchGadget::placeholder { 
  color: #000;
  opacity: 1; /* Firefox */
}

#portal-personaltools {
width:auto;
}

#picto_twitter,#portal-personaltools {
float:right;
}

#portal-personaltools-wrapper {
position: absolute;
right: 25px;
top: 0;
width: 200px;
}

.a2a_kit {
margin-right:1em;
}

/* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media screen and (max-width: 980px) {
    .a2a_floating_style.a2a_vertical_style { display: none; }
}


/* Return on top */
#returnOnTop {
    background: None;
color:#fff;
    bottom: 5%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    opacity: 0.5;
    position: fixed;
    right: 5%;
    width: 35px;
   text-align:center;
   padding:0;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}

dl.portlet.portlet-geolocalisation {
    margin-bottom: 0;
}

a #geolocalisation-lien {
    background: url('/planetterre/carte-interactive.png') center no-repeat;;
    display: block;
    height: 200px;
    vertical-align: middle;
    background-size:cover;

}


#content .portlet-static-liens-utiles ul {
	list-style-type: none;
	margin-left: 0;
	margin-top: 1em;
}

#content .portlet-static-liens-utiles ul li {
	margin-bottom: 1em;
}

#content .portlet-static-liens-utiles ul li a {
	color: #000 !important;
	font-size: 16px;
}


.portletStaticText ul, .portlet ul {
    list-style-type: none;
    margin-left: 0;
}
div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f706c616e657474657272650a646f73736965722d7468656d617469717565:empty, 
div#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f706c616e657474657272650a646f73736965722d7468656d617469717565:empty:-moz-only-whitespace{
display:none!important;
}
/*************************/


#portal-header{
	background: none;
}
#logos #principal-logo{
	width: 75%;
	display: inline-block;
}
#logos #portal-tutelles{
	width: 25%;
	display: inline-block;
	float: right;
}
#logos a#portal-logo-enslyon{
	width: 70%;
	margin: 0;
}
#logos #portal-tutelles #portal-logo-eduscol{
	float: right;
	margin-top: -1em;
	margin-right: .9em;
}
#logos #title-site{
	margin-left: 1em;
	color: #666;
	display: inline-block;
	border-left: 1px #666 solid;
	padding-left: 10px;
	line-height: 14px;
}

#portal-columns{
	margin-top:2em;
}
.site-planetterre.section-accueil-planet-terre #portal-breadcrumbs{
	display: none;
}

#programme, #favoris{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

/*************************************************************************************************************/
/*************************************************************************************************************/
/*******************************           PORTLETS-COLLECTION             ***********************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
.portletCollectionListe:after {
	content:"";
	display:block;
	clear:both;
}

/*Surcharge car taille incohérente du header des portetl collection en mode image*/
.portletCollectionENS.portlet-image-ens .portletHeader span{
	font-size: 1em;
}
dl.portletCollectionENS dt.portletHeader span:after { 
	display:none;
}


/************ COMMUN *****************/


dl.portletCollectionListe .title{
	font-family: 'bebas_neueregular', arial, sans-serif;
	letter-spacing: .05em;
	font-weight: normal;
	font-size:1.7em;
	color:white;
	margin-right:1em;
}
#portal-columns dl.portletCollectionListe .show-more{
	font-family: arial, sans-serif;
	color:#cbcbcb ;
	display:inline-block;
	border-left:1px solid #cbcbcb;
	padding-left:0.5em;
	font-size:1em;
}
#portal-columns dl.portletCollectionListe .show-more:hover {
	color:white !important;
}

.portletCollectionListe .portletItemDate {
	display:inline-block;
	background:black;
	color:white;
	font-size:0.7em;
	padding:0.2em 0.2em 0.2em 0.4em;
	line-height:1em;
	vertical-align:top;
}

.portletCollectionListe .portletContent-wrapper {
	display:block;
}

.portletCollectionListe .portletItem {
	clear:left;
	text-align:left;
	padding:0;
	margin:1em 0;
}


.portletCollectionListe img {
	float:left;
	display:block;
	margin:0 0.5em 0.5em 0;
	max-width:20%;
	height:auto;
	overflow:hidden;
	width:120px;
}

.portletCollectionListe .portletItemDescription {
	margin:0 0 0 4px;
	padding:0;
	overflow:hidden;
}


/************ SPECIFICITES : DANS LES COLONNES*****************/

#portal-column-one .portletCollectionListe .portletContent-wrapper,
#portal-column-two .portletCollectionListe .portletContent-wrapper{
	display:block;
}
#portal-column-one .portletCollectionListe .portletItem,
#portal-column-two .portletCollectionListe .portletItem {
	clear:left;
	text-align:left;
	padding:0;
	margin:1em 0;
}
#portal-column-one .portletCollectionListe img,
#portal-column-two .portletCollectionListe img {
	float:left;
	display:block;
	margin:0 0.5em 0.5em 0;
	max-width:100%;
	width:30%;
	height:auto;
	overflow:hidden;
}

.portletCollectionListe .portletItemDescription {
	margin:0 0 0 4px;
	padding:0;
	overflow:hidden;
}



/*************************************************************************************************************/
/*******************************        PORTLETS-COLLECTION-SLIDER         ***********************************/
/*************************************************************************************************************/

.portletCollectionSlider .bx-caption{
	font-size:0.6em;
}
dl.portletCollectionSlider a:link{
	border:none;
}
dl.portletCollectionSlider .bx-controls-direction a {
	top:50%;
}




/*************************************************************************************************************/
/*******************************        PORTLETS-COLLECTION-IMAGE         ***********************************/
/*************************************************************************************************************/

.portletCollectionENS .blocItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/* Stylesheet for the 'planetterre' Plone theme */
#portal-footer li{
	display: list-item !important;
}

.field input[type="text"][size="20"]{
	width: 100%;
}

.portlet-collection-dossier-thematique p.discreet:before,
#portlet-mostView p.discreet:before, 
#portlet-topnews p.discreet:before{
    content: url(++resource++plonetheme.planetterre.images/epingle.svg);
    margin-right: 0.4em;
    display: inline-block;
	width: 0.8em;
}

#portal-column-one .portlet-collection-navigation .portletItem {
    margin: 0.25em 0 1em 0;
}
#portal-column-one .portlet-collection-navigation .portletItem+.portletItem {
	margin: 0.25em 0 0 0;
}

.portlet-collection-navigation h3 {
	color: #000;
    font-size: 20px;
    font-weight: normal;
    padding-left: 0;
    font-family: roboto_slabregular;
}

.currentItem {
	border:none;
}

.portlet-collection-navigation .portletItem+.portletItem h3 {
	color: #b92227;
    font-size: 16px;
    font-weight: normal;
    padding-left: 0;
	padding-left: .5em;
}

.portlet-collection-navigation .portletItem .currentItem h3 {
	color: #000;
}

#content li, dl.portlet li, .portletStaticText li {
	margin-bottom: 0.5em;
}

/*Dossiers_view**/
.sommaireViewTileItem{ 
	padding:10px;
	margin-top: 15px;
	min-height: 125px;
	overflow: hidden;
}
#sommaireViewBody .tileHeadline {
	border-left:none;
}

#sommaireViewBody .sommaireViewLeadImageMini, .sommaireViewThumbImageMini {
	float:left;
	margin-right: 10px;
}
#sommaireViewBody .tileFooter {
	float:right;
	padding: 0.3em;
	width:15%;
}

#sommaireViewBody .sommaireViewLeadImageMini, .sommaireViewThumbImageMini {
float: left;
clear: left;
width:150px;
}

.sommaireViewTileItem p.tileBody,
.sommaireViewTileItem .tileBody p{
	text-indent: 0;
}

.sommaireViewTileItem .discreet{
	color: #666 !important;
	font-size: 14px !important;
}
/**Fin dossiers_view**/
.icons-on .contenttype-topic{
	background: none;
}

#content .portletRss .portletHeader a {
font-family: 'robotoregular';
font-size: 24px;
font-weight: normal;
}

#content .portletRss a {
	color: #000 !important;
}

.portletItemDetails {
	color: #666;
	font-size: 14px;
	margin: 0;
}

#portlet-classification .portletItemDetails {
	padding-left: 1em;
}

#portlet-classification .portletItemDetails dd {
	margin-bottom: 0.5em;
}

/** Modifications des pages de ressources / docbook  **/

#content {
	font-size: 100%;
}

.template-article #portal-column-one .portletHeader span,.template-article #portal-column-one .portletHeader span, .template-article-pro #portal-column-one .portletHeader span, .template-image-de-la-semaine #portal-column-one .portletHeader span,#portal-column-one .portletHeader span {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	padding-left: 0;
}

#portal-column-one .portletHeader {
	padding-left: 0;
}

#portal-column-one .portletItem {
	padding-left: 0;
}

#portal-column-one .portlet {
	margin: 0;
}

#portal-column-one .portletWrapper {
	margin: 0 0 1em 0;
}

#portlet-related .portletItem div + div {
	margin-top: 0.5em;
}

dl.portlet a:link {
	font-size: 16px;
}

dl.portlet dt.portletHeader {
	background: none;
	padding:0;
}

dl.portlet dd.portletItem, dl.portlet dd.portletFooter, dl.portletError dd {
	padding:.5em;
}

.portletRss dd.portletItem.even {
	background: #DCDCDC;
}

.portletFooter a span:not(.hiddenStructure){
	border-radius: 5px;
	padding:8px 14px;
	background: #b92227;
	color:#fff !important;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	font-size: 14px;
}
.portletFooter a span:not(.hiddenStructure):hover {
	background: #000;
	color:#fff !important;	
}

.template-article dd.portletItem  div.ImageBg {
	padding: 50px 0 0 0 !important;    
height: 200px;
position: absolute;
}

.template-article div.ImageBg p {
	background: #FFF;
    width: 80%;
    padding: .5em .5em 0 0;
    min-height: 40px;
    font-family: 'robotoregular';
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #000;
    position: relative;
    top: 45px;
    padding: 1em 1em 1em 0;    
    text-indent: 0;

}

.template-article a:hover div.ImageBg p {
    opacity: 1;
}

.resourceKeywords {
 border: none;
}

.portlet-filtres {
	color:#666;
}

.portlet-filtres span {
	color:#000;
}

.portlet-filtres img {
	vertical-align: middle;
    display: inline-block;
}

#portlet-classification .brother {
	font-weight: normal;
}

#portlet-classification .portletItemDetails dd,.export-citation li {
    display: list-item;
    list-style-type: disc;
    color: #000;
}

.export-citation {
	padding-left: 1em;
}

div.titlepage h1.title {
	font-family: 'robotoregular';
	letter-spacing: 0.04em;
	font-size: 2.3em;
	color: #000;
	line-height: 1.2em
}

div.authorgroup {
    font-family: 'roboto_slabregular';	
    font-size: 1em;
}

div.authorgroup>div.author>h3.author,div.authorgroup>div.editor>h3.editor {
	font-size: 100%!important;
	font-family: 'roboto_slabregular';
	font-weight: normal;
}

div.authorgroup>div.author>h3.author {
	font-size: 150%!important;
	color: #000;	
}
div.affiliation {
	color: #666;
}

p.pubdate {
	font-weight: normal;
	color: #b92227;
}

div.author:before,div.editor:before {
	font-family: 'roboto_slabregular';
	font-weight: normal;	
}

div.abstract p {
    font-size: 1em!important;
	font-weight: normal;	
}

div.abstract b {
	font-weight: normal;	
}

.toc b {
	font-weight: normal;
	font-size: 1.3em;
}

#content table p {
	margin:1em;
}
#article-xml div.informaltable p {
    text-align: justify !important;
    padding: 0 1.5em;
}

#article-xml div.informaltable p.copyright {
    text-align: center!important;
}

dl.portalMessage, div.attention, div.caution, div.danger, div.error, div.hint, div.important, div.note, div.tip, div.warning {
	font-size: 100%;
	margin-top: 1em;
	padding: 1em;
}
dl.portalMessage h3.title, div.attention h3.title, div.caution h3.title, div.danger h3.title, div.error h3.title, div.hint h3.title, div.important h3.title, div.note h3.title, div.tip h3.title, div.warning h3.title {
	padding:0;
}

.mode-zen #portal-column-one .portlet,.mode-zen .managePortletsLink,.mode-zen #portal-top,.mode-zen #portal-footer-wrapper,.mode-zen .a2a_kit,.mode-zen #returnOnTop {
	display:none;
}

#portal-column-one,#portal-column-content {
transition: all 0.5s ease-out;
}

.mode-zen .portlet-static-mode-zen {
	position: fixed;
	top:70px;
}

.mode-zen .portlet-static-mode-zen a,.mode-zen .portlet-static-mode-zen a:active,.mode-zen .portlet-static-mode-zen a:focus,.mode-zen .portlet-dossier {
	outline: none !important;
	border: 0;
	color: #FFF;
}

.mode-zen .portlet-static-mode-zen img {
	width:40px;
	border : 0;
}

.mode-zen #portal-column-one {
width: 3.75%;
}

.mode-zen #portal-column-content {
margin-left: -95.875%;
width: 94.75%;	

}

span.obsolete {
	background: black;
    padding: 5px;
    color: #FFF;
}

div.titlepage hr {
    margin: 1.5em 0;
}

#article-xml div[class^=sect] h2 {
    font-family: 'robotoregular';
    letter-spacing: 0.04em;
    font-weight: normal;
    font-size: 29px;
}

#article-xml div[class^=sect] h3 {
    font-family: 'robotoregular';
    letter-spacing: 0.04em;
    font-weight: normal;
	color: #666;
    font-size: 26px;
}

#article-xml div[class^=sect] h4 {
    font-family: 'robotoregular';
    letter-spacing: 0.04em;
    font-weight: normal;
    font-size: 23px;
}

#article-xml div[class^=sect] h5 {
    font-family: 'robotoregular';
    letter-spacing: 0.04em;
    font-weight: normal;
	color: #666;
    font-size: 20px;
}

#article-xml div[class^=sect] h6 {
    font-family: 'robotoregular';
    letter-spacing: 0.04em;	
    font-weight: normal;
    font-size: 17px;
}


/*************************************************************************************************************/
/*******************************        RESPONSIVE         ***********************************/
/*************************************************************************************************************/


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

  #logos {
  	text-align: center;
  	margin-bottom: 0;
  }
  #logos #title-site {
  	border-left: none;
  	padding:0;
  	margin:0;
  	line-height: 20px;
    font-size: 20px;
    display: block;
  }
  #portal-globalnav {
  	display:block;
  }

  button.navigation-button {
  	font-size: 1em;
  	width: 100%;
  	margin: 0;
  	border: none;
  }
  button.navigation-button:focus {
  	border: none!important;
  }
  #portal-searchbox, .LSBox {
  	position: static;
  	float: none;
  	text-align: center;
  	margin: 0 auto !important;
  }
  .LSBox input {
  	float: none;
  }
  input#nolivesearchGadget {
    font-size: 12px;
    width: calc(100% - 38px);
  }
  div#portal-searchbox {
  	margin-right: 0!important;
  }
  #globalnav-wrapper {
  	margin:0;
  }
  .nav-menu .nav-primary.expanded #portal-globalnav li {
  	width:auto;
  	margin:0 !important;
  }
  #logos #principal-logo,#collage div {
    width:auto !important;
    float: none!important;
  }
  #collage div#programme,#collage div#favoris {
  	width: 48%!important;
  }
  #portal-searchbox input.searchButton {
    display: block!important;
    margin-top: 2px;
  }


  #portal-footer .row .cell {
  	left:0;
  	margin-left:0;
  	width: auto;
  	float:none;
  }

  #portal-footer .row .cell + .cell {
  	width: 33%;
  	float:left;
  }

  #portal-footer .row > .cell br {
  	display: none;
  }
 
  div#collage div.collage-item {
  	padding: 0;
  	margin: 0;
  }
  #content p, #content table, #content dl, dl.portlet p, dl.portlet,#content dd {
  	margin: 0;
  }
}

@media screen and (max-width: 1280px) {
	#logos #portal-tutelles #portal-logo-eduscol {
		margin-top: 0;
	}
	#portal-globalnav li.selected {
    padding: 0.5em .5em 2em .5em;
    border-top: 1px solid #fff;
	}
	#portal-globalnav li.selected a {min-width: 0;font-size:13px; }
	input#nolivesearchGadget {font-size: 13px;}
}

@media screen and (max-width: 900px) {
	#portal-globalnav li.selected a {min-width: 0;font-size:12px; }
	input#nolivesearchGadget {font-size: 12px;}

}

