/* ==================================================== */
/* = CSS pour le responsive							  = */
/* ==================================================== */
/* = Version 2.7 - date : 06/06/2018			   	  = */
/* ==================================================== */


/* Table of Contents
==================================================
    #All mobile devices
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Tablet (Portrait)
    #Tablet (Landscape) 
    #Tablet (All) 
*/

@charset "UTF-8";

.show-mobile {
	display: none !important;
}

/* All mobile devices
================================================== */

@media only screen and (min-width: 320px) and (max-width: 1024px) {

	body {
		min-width: 100%;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}
	
	.show-mobile {
		display: inline-block !important;
	}

	.no-mobile {
			display:none;
		}
		
	div.search-form input#submitbutton {
			width: 100%;
		}
	
	img {
			max-width: 100%; 
			height: auto !important;
		}
	
		.OJFiche img.alignleft {
			height: 120px !important;
		}
	
	div.WD-Identity,
	div.WD-Identity.plustablemat {
		box-sizing: border-box;
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	
	div.WD-Identity.plustablemat {			
			width: inherit;
		}
		
	#main-content {background: none;}
	
	.coe-sub-col2.main-zone .col-left,  
	.coe-sub-col1.main-zone .col-left {
			background-image: none;
		}
	
	/* Layout des portlets */
		
	div.filterbox {width: 100%;}
		
	a.readmore:after{
		content: none;
	}
	
	a.readmore.allcontent {
		text-decoration: none;
		background-color: #f1f2f1;
		border-radius: 3px;
		letter-spacing: 1px;
		padding: .5em 1em;
		font-weight: normal;
		font-style: normal;
		font-size: 1.5rem !important;
		float: none;
		margin: 1em auto 3em;
		display: block;
		width: 60%;
		text-align: center !important;
	}
	
	#searchbox-main input {
		padding: 5px;
		font-size: 2rem;
		
	}
	
	#searchbox-main {
		margin: 2em 0;
	}
	
	div.wrapuknow  {
		padding-left: 10px;
	}
	
	.colonnes3 {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	}
	
	a.cal-prev, a.cal-next {
	background-size: 200%;
	}
	
	ul.btnportail li {
	background-image: none !important;
	}
	
	ul.etabs {
    margin: 2em 1em 1em 1em !important;
    }
    
    #OJtab-container ul.etabs {
    margin: 0 !important;
    }
    
    ul.OjMenu li a {
    	height: 100px;
    }
    
    ul.OjMenu li a.active {
    	height: 101px;
    }
    
    div#addReplacement select {
        width: 37%;
    }

    div.vip-id {text-align: left;}
    div.vip-id span {width: 85%;}
    .the-speech.WD-Identity {padding: 2em;}

		div.vip-qa-nav {
			display: block !important;
			float: left;
			width: 100%;
			}  

		div.vip-qa-nav a {
			display: block !important;
			width: 100%;
			padding: .3em 0;
			}

		div.vip-qa-nav a.left {
			background: none;
			padding-left: 0px;
		}

		div.vip-qa-nav a.right {
			float: left;
			background: none;
			padding-right: 0px;
		}

		div.vip-qa-nav a.right.double-chevron {
			background: none;
			padding-right: 0px;
			margin-left: 0px;
		}
	
		p.vip-citation {
			box-sizing: border-box;
			width: 100%;
		}
	
		div.vip-id img {
				width: 100%;
		}

}

/* Mobile (Portrait)
================================================== */

@media only screen and (min-width: 320px) and (max-width: 560px) {
	
		body {
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		}
		
		/* on supprime */
		
		#footer, 
		div.title-orga, 
		#search, 
		#lang, 
		#breadcrumb, 
		div.portlet.slider, 
		p#wai, 
		a.logo-coe, 
		#breadcrumb, 
		span.rglm-nav, 
		.share,
		li.dldoc span,
		.hide-mobile {
			display: none !important;
		}
		
		/*header*/

		#header h1 a,
		#header h1 a:hover{
			text-indent: 0 !important;
			color: white;
			text-decoration: none;
			font: 26px/25px "Optima", "Myriad Pro", "Lucida Grande";
			letter-spacing: 2px;
			height: 43px;
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
			width: 220px;
			text-align: right;
			position: absolute;
			right: 15px;
			background-image: none;
			top: 10px;
		}
		
		#table-matiere {
			float: none;
			width: 100%;
		}
	
		/*typography*/
	
		#layout-column_column-3 div.portlet div.portlet-content ul li,  
		#layout-column_column-2 div.portlet div.portlet-content ul li,  
		#layout-column_column-4 div.portlet div.portlet-content ul li,  
		div.portlet-content,  
		div.portlet-content p {
			font-size: 1.2rem;
		}
	
		
		div.article h2,
		div.article h3,
		div.article h4,
		div.article h5,
		div.article h6 {
			line-height: 1em;
			margin-top: 1em;
			display: block;
		}
		
		div.article h1 {font-size: 2.5rem;}
		div.article h2 {font-size: 2.3rem;}
		div.article h3 {font-size: 2.1rem;}
		div.article h4 {font-size: 1.9rem;}
		div.article h5 {font-size: 1.7rem;}
		div.article h6 {font-size: 1.5rem;}

		div.article p {
			text-align: justify;
			line-height: 1.4em;
			font-size: 1.5rem;
			margin-bottom: 0;
		}
		
		#bg {
			background: url(../images/bg-smartphone@2x.png) no-repeat left top #123271;
			background-size: 320px auto;
		}
		#page {
			background: none;
			min-width: 100%;
		}
		#header, #wrapper, #navigation {
			width: auto;
			min-width: 320px;
		}

		#wrapper {
			padding: 1em 0;
		}
		#main-content {
			margin: 0 10px
		}
		ul#mainmenu, div.dropdown {
			width: 100%;
		}
		#header {
			height: 70px;
		}

		ul, li {
			margin-left: 0;
			margin-right: 0;
		}
		
		span.page-title,
		.portlet-title {
			margin: 10px 0;
			padding: 10px;
			font-weight: normal;
			font-style: normal;
			background: -moz-linear-gradient(90deg, white 0%, #f1f2f1 100%) silver;
			background: -webkit-gradient(linear, left bottom, left top, from(white), to(#f1f2f1)) silver;
			border-radius: 5px 5px 0 0;
			text-align: center;
			font-size: 2.5rem;
		}
		
		.news {
			border-style: none !important;
			font-size: 15px;
		}
		
		/*Layout*/
	
		.aui-wleft, .aui-wleft680  {width: 98%;}
		.aui-wright, .aui-wright680 {width: 98%;}
		
	
		/*sidebar*/
		.main-zone .col-left {
			margin: 0;
		}
		#wrapper .portlet-column {
			display:  block;
			border: none;
		}
		.aui-w75, .aui-w50, .aui-w40, .aui-w25, .aui-w33 {
			width: 100%;
		}
		#navigation-select select.mini {
			width: 90%;
			margin : 5%;
			font-size: 1.5rem
		}
	
		/*Portlet as button*/
	
		#layout-column_column-3 div.portlet div.portlet-content ul li,  
		#layout-column_column-2 div.portlet div.portlet-content ul li,  
		#layout-column_column-4 div.portlet div.portlet-content ul li {
			padding: 15px 0;
		}
		h3.portlet-title {
			text-align: center;
		}
		div.portlet-content h2 {
			display: block;
			clear: both;
		}
		div.portlet-content {
			padding-left: 0;
			padding-right: 0;
		}
		
		div.portlet,  h3.portlet-title {
			display: block;
			clear: both;
		}
		div.dropdown {
			font-size: 1.4rem;
		}
	
		/*Footer*/
		#mobile-footer {
			display: block;
		}
	
		/*Recherche*/
		
		textarea#textsearch {
			width: 80%;
			margin-left: 9%;
			font-size: 3rem;
		}
		
		#mobile-footer #mobile-search {
			margin : 0 auto;
			width: 300px;
		}
		#mobile-footer #mobile-search #inputzone {
			float: left;
			background-image: url('../images/mobile-search-form-bkgd.png');
			height: 61px;
			width: 213px;
		}
	
		/*mainmenu*/
	
		div.dropdown .col3,  div.dropdown .col2,  div.dropdown .col2-3 {
			width: 95% !important;
		}
		
		/*Les icones*/
		div.DocPrint {
			background: url(../images/icon-dlarticle@2x.png) no-repeat center 10px #f9f9f9;
			background-size: 50px 50px;
		}
		
		p{text-align: left !important;}
		
		/* Navigation reglement */

			ul.reglement-tdb h3 {
				/*width: 100%;*/
			}
			
			ul.reglement-tdb ul {
				padding: 0;
				margin: .5em 0 1em;
			}
			
		/*article*/
		a.dlarticle {
			width: 80%;
		}
		
		div.article ul.related li {
			width: 41%;
		}
		
		/*les btns*/
		ul.btnportail li {
			width: 100%;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		ul.btnportail li a {
			text-decoration: none;
			height: 54px;
			background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%), none;
			background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white)), none;
			border-radius: 5px;
			border: 1px solid #bfc0bf;
			margin-left: 5%;
			width: 90%;
			margin-right: 5%;
		}
		
		/*calendier*/
		#calendar-month {
			height: 100px;
		}
		
		#datefilter {
			margin-top: 40px;
		}
		
		/*Boutons menu*/
		
		#sidebar span.portlet-title.membermenu {
			display: none;
		}
		
		#sidebar ul.btnportail {
			display: block;
			float: left;
			width: 100%;
			margin: 0 0 5px;
		}
		
		#sidebar ul.btnportail li {
			text-decoration: none;
			background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%);
			background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white));
			border-radius: 5px;
			border: 1px solid #bfc0bf !important;
			height: 85px;
			display: block;
			position: relative;
			width: 31%;
			float: left;
			margin: 0 1% !important;
		}
		
			#sidebar ul.btnportail li:first-child {
				margin-left: 0 !important;
			}
			
			#sidebar ul.btnportail li:last-child {
				margin-right: 0 !important;
			}
		
		#sidebar ul.btnportail li a {
			display: block;
			height: 52px;
			padding: 0;
			background-image: url(../images/sprite-main-btn.png);
			width: 59px;
			margin: 0 auto;
			border: none;
		}
		
		#sidebar ul.btnportail li a span {
			width: 90%;
			top: 52px;
			left: 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 1.4rem;
			line-height: 13px;
			margin-right: 5%;
			margin-left: 5%;
			text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5);
			font-weight: bold;
			position: absolute;

		}
		
		/*Listes medias*/
		
		#sidebar ul.medias.trombi li
		{
			width: 50%;
		}
		
		#sidebar ul.medias.trombi li a
		{
			min-height: 180px;
		}
		
		ul.infosdoc li {
			font-size: 1rem;
			line-height: 24px;
		}
		
		ul.vote-result li {
		    float: none;
			width: 90%;
			background-position: left top;
			padding: 0 0 0 40px !important;
			height: 35px;
		}
		
		ul.vote-result li span.VoteChoice {
			text-align: left;
			font-size: 17px;
			line-height: 35px;
		}
		
		ul.vote-result li span.VoteFigure {
			float: left;
			width: 100px;
			text-align: center;
			font-size: 22px;
			line-height: 35px;
		}
		
		.colonnes3 {
			-moz-column-count: 1;
			-moz-column-gap: 0;
			-webkit-column-count: 1;
			-webkit-column-gap: 0;
			}
			
		ul.vote-member-list a.membersview {
			float: left;
			text-decoration: none;
			width: 70%;
		}
		
		ul.vote-member-list span.country,
		ul.vote-member-list span.group {
			font-size: 10px;
			width: 10%;
		}
		
		.column-3 {
			-webkit-column-count:1;
			-moz-column-count:1;
			column-count:1;
			-o-column-count:1;
		}
		
		.col-1-tiers,
		.col-1-quart {
			width: 100%;
			margin-right: 0;
		}
		
		.col-2-tiers,
		.col-3-quart {
			width: 100%;
		}
		
		/*Seminar*/
		
		ul.MenuSidebar,
		ul.SeminarMembers li {
			width: 100%;
			float: left;
		}

		a.CalendarPrintVersion {
			float: none;
			margin: 0px auto 1em;
			display: block;
			width: 40%;
			padding: 1em;
			font-size: 1.2em;
		}
		
		/* forms */
		
		.inscription fieldset div {
			padding-left: 0;
		}
		
		    .inscription fieldset div label {
		        margin: 0 0 1em;
		        width: 100%;
			}
			
			.inscription fieldset div ul li {
			    margin: 0 30px 5px 0;
			}

			.inscription .controls {
				text-align: center;
			}
			
			.inscription input#submit {
				width: 90%;
				height: auto;
				font-size: 1.5em;
				padding-top: 1em;
				padding-bottom: 1em;
			}
			
			ul.OjMenu li {
				display: block;
				margin: 0;
			}
			
			ul.OjMenu li a {
				height: auto !important;
				margin: 0 !important;
			}
			
			p.OJ {
				width: 100%;
			}
			
			p.OJ img {
				width: 30%;
			}
			
		/*OJ*/

		#OJtab-container .menujour li.tab a {
			font-size: 20px;
			font-weight: normal;
			font-style: normal;
			line-height: 49px;
		}
		
		#OJtab-container .menujour li.tab a .show-mobile {
			font-style: italic;
			font-size: 13px;
			margin-left: 1px;
		}
		
		#OJtab-container .menujour li.tab a.OjPlanning {
			background-position: center 21px;
			padding-right: 12px;
			padding-left: 12px;
		}
		
		#OJtab-container .tab-container-nested .tab a {
			height: 45px;	
			letter-spacing: 0px;
			line-height: 17px;
			padding-top: 10px;
		}
		
		#OJtab-container .tab-container-nested .tab a span {
			display: block;
		}
		
		/*OJ*/
		
		.OJFiche {
			width: 98%;
		}
		
		/*Replacement list*/
		
		div.Replacements span.SittingDay {
			margin: 40px 0 0;
		}
		
		div.Replacements span.SittingNum {
			display: block;
		}
		
		div.Replacements a.ReplacementEdit,
		div.Replacements a.ReplacementView {
			margin-top: 10px;
			margin-bottom: 20px;
			width: 100%;
			display: block;
			background-repeat: no-repeat;
			background-size: 30px auto;
			background-position: 0 top;
			padding-right: 0;
			padding-left: 40px;
			float: left;
		}
		
		li.SpeakersState.big {
			padding: 0;
		}
		
		ul.ReplacementsSittingsList h4 {
			margin: 0;
			font-size: 16px;
		}

		#replacementList li span.suppleant,
		#replacementList li span.representant {
			display: block;
			margin-left: 0;
			width: 100%;
		}
		
		/*Replacement list*/

		#LoginBox {
			margin-bottom: 10px;
		}

		a#mail-send.icon.mail.rightfloat {
			box-sizing: border-box;
			margin-top: 10px;
			width: 100%;
			padding: 0 10px 0 0;
			text-align: right;
			line-height: 50px;
			height: 50px;
			font-size: 14px;
		}
		
		div#addReplacement {
			text-align: center;
			float: left;
		}
		
		div#addReplacement select {
			float: left;
			display: block;
			width: 100%;
			margin: 0 !important;
		}

		#addReplacement a.add.enabled {
			width: 100%;
			margin-top: 20px;
			height: 70px;
		}
		
		#replacementList li a.Delete {
			background: url(../images/icon-delete.png) center center no-repeat white;
			background-size: 30px;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			bottom: 45px;
			position: relative;
		}
		
		#declaration-interests-form div.row-questions.flex {
			flex-direction: column;
			align-items: left;
		}

		#vip-slider img {
				display: none;
		}
	
}

/* Tablet (Portrait)
================================================== */

@media only screen and (min-width: 561px) and (max-width: 768px) {

		/*Layout*/

		.main-zone .col-left,
		.main-zone .col-right {
			margin: 0;
			width: 100%;
		}
		
		.aui-w75, .aui-w25, .aui-w33 {
			width: 100%;
		}
		
		#sidebar img {
			width: 100%;
			height: auto !important;
		}
		
		/*Boutons menu*/
		
		#sidebar ul.btnportail {
			width: 33%;
			display: block;
			float: left;
		}
		
		#sidebar ul.btnportail li {
			margin-top: 0;
			float: none;
		}
		
		#sidebar ul.btnportail li {
			text-decoration: none;
			height: 54px;
			background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%), none;
			background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white)), none;
			border-radius: 5px;
			border: 1px solid #bfc0bf !important;
			width: 90%;
			margin: 5%;
		}
		
		#sidebar ul.btnportail li a  {
			background-repeat: no-repeat;
			width: 160px;
		}
		
		/*Listes medias*/
		
		#sidebar ul.medias.trombi li
		{
			width: 25%;
		}

		#sidebar ul.medias.trombi li a
		{
			min-height: 180px;
		}
		
		.column-3 {
			-webkit-column-count:2;
			-moz-column-count:2;
			column-count:2;
			-o-column-count:2;
		}
		
		.hide-mobile {
			display: none !important;
		}
		
		/*OJ*/
		
		.show-mobile {
			display: inline-block !important;
		}

		#OJtab-container .menujour li.tab a {
			font-size: 26px;
			font-weight: normal;
			font-style: normal;
		}
		
		#OJtab-container .menujour li.tab a .show-mobile {
			font-style: italic;
			font-size: 13px;
			margin-left: 1px;
		}
		
		#OJtab-container .menujour li.tab a.OjPlanning {
			background-position: center 21px;
			padding-right: 12px;
			padding-left: 12px;
		}
		
		#OJtab-container .tab-container-nested .tab a {
			height: 45px;	
			letter-spacing: 0px;
			line-height: 17px;
			padding-top: 10px;
		}
		
		#OJtab-container .tab-container-nested .tab a span {
			display: block;
		}
		
		/*Replacement list*/
		
		div.Replacements span.SittingDay {
			margin: 40px 0 0;
		}
		
		div.Replacements span.SittingNum {
			display: block;
		}
		
		div.Replacements a.ReplacementEdit,
		div.Replacements a.ReplacementView {
			margin-top: 10px;
			margin-bottom: 20px;
			width: 100%;
			display: block;
			background-repeat: no-repeat;
			background-size: 30px auto;
			background-position: 0 top;
			padding-right: 0;
			padding-left: 40px;
			float: left;
		}
		
		li.SpeakersState.big {
			padding: 0;
		}
		
		ul.ReplacementsSittingsList h4 {
			margin: 0;
			font-size: 16px;
		}
		
		#replacementList li span.representant,
		#replacementList li span.suppleant {
			width: 37%;
		}
		
		div#addReplacement select {
		    width: 37%;
		}

}

/* Mobile (Landscape)
================================================== */


@media only screen and (min-width: 320px) and (max-width: 560px) and (orientation:landscape) {
	ul.vote-result li {
		    float: left;
		}
	.column-3 {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		-o-column-count:1;
	}
	
	.col-1-tiers {
		width: 100%;
		margin-right: 0;
	}
	
	.col-2-tiers {
		width: 100%;
	}
	
	.hide-mobile {
		display: none !important;
	}		
	
}


/* Tablet (Landscape)
================================================== */


@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
		/* Layout */

		.main-zone .col-left {
			margin: 0 1% 0 0;
			width: 63%;
		}
		
		#sidebar,
		.main-zone .col-right {
			margin-top: 0;
			width: 32%;
		}
		
		.aui-w75, .aui-w25, .aui-w33 {
			width: 100%;
		}
		
		/* Sidebar */
		
		img {
			max-width: 100%;
			height: auto !important;
		}
		
		/* Btn portail */
		
		
		#sidebar ul.btnportail {
			display: block;
			float: left;
			width: 100%;
			margin: 0;
		}
		
		#sidebar ul.btnportail li {
			float: none;
			margin: 0;
			padding: 0;
		}
		
		#sidebar ul.btnportail li {
			text-decoration: none;
			background-image: -moz-linear-gradient(90deg, #ececec 0%, white 93%);
			background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), color-stop(0.93, white));
			border-radius: 5px;
			border: 1px solid #bfc0bf !important;
			margin-left: 0;
			height: 90px;
			display: block;
			margin-bottom: 3px;
			float: left;
			position: relative;
			width: 30.5%;
			margin-right: 1%;
			margin-left: 1%;
		}
		
		#sidebar ul.btnportail li:last-child {
			margin-right: 0;
		}
		
		#sidebar ul.btnportail li a {
			display: block;
			height: 52px;
			padding: 0;
			background-image: url(../images/sprite-main-btn.png);
			width: 59px;
			margin: 0 auto;
		}
		
		#sidebar ul.btnportail li a span {
			width: 90%;
			position: absolute;
			top: 52px;
			left: 0;
			text-align: center;
			margin-left: 5%;
			margin-right: 5%;
			text-transform: uppercase;
			font-size: 1.1rem;
			line-height: 12px;
			margin-right: 5%;
			margin-left: 5%;
			text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5);
		}
		
		/*Listes medias*/
		
		#sidebar ul.medias.trombi li {
			width: 50%;
		}

}


/* Tablet (All)
================================================== */


@media only screen and (min-width: 561px) and (max-width: 1024px) {
	
		.zone-bottom .portlet-column {display: table-cell !important;}
		#wrapper .portlet-column {
			display:  block;
			border: none;
		}

		#bg {
			background: url(../images/bg-tablette@2x.png) left top no-repeat #0D316D;
			background-size: 768px auto;
		}
		
		#page {
			background: none;
			min-width: 100%;
		}
		
		#header h1 a,
		#header h1 a:hover{
			text-indent: 0 !important;
			color: white;
			text-decoration: none;
			font: normal 35px/35px "optima", "Myriad Pro", "Lucida Grande";
			letter-spacing: 1px;
			height: 80px;
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
			width: 220px;
			text-align: right;
			position: absolute;
			right: 35px;
			background-image: none !important;
			top: 15px;
		}
		
		#header {
			height: 110px;
		}

		#header, #wrapper, #navigation, #navigation-dropdown {
			width: auto;
			min-width: 560px;
		}
		
		ul#mainmenu, div.dropdown {
			width: 100%;
		}
		
		#table-matiere {
			float: none;
			width: 100%;
		}
		
		/* on supprime */
		
		#mainmenu,  
		#footer,  
		div.title-orga,  
		#search,   
		#lang,  
		#breadcrumb,  
		div.portlet.slider, 
		 p#wai,  
		 a.logo-coe, 
		 #breadcrumb, 
		 span.rglm-nav, 
		 .share {
			display: none;
		}
	
		#page a.logo-coe {
			position: absolute;
			top: 30px;
			right: 20px;
			height: 96px;
			width: 127px;
			background-image: url(../images/logo-coe@2x.png);
			background-size: 127px 96px;
			text-indent: -9999px;
		}

		#mainmenu li div.dropdown {
			width: 100%;
		}
		
		#navigation-select select.mini {
			width: 96%;
			margin : 2%;
			font-size: 1.5rem
		}
		
		#navigation, #navigation-dropdown {
			display: none;
		}
		
		.news {
			overflow: auto;
		}

		div.portlet,  h3.portlet-title {
			display: block;
			clear: both;
		}
		
	
		/*Footer*/
		
		#mobile-footer {
			display: block;
		}
		ul#calltocontact {
			text-align: center;
		}
		ul#calltocontact li {
			border: 1px solid #bfbfbf;
			padding: 10px;
			border-radius: 5px;
			display: inline-block;
			width: 25%;
			margin: 1em;
		}
		
		div.switch-standard a {
			margin-right: inherit;
			margin-left: 0;
			}
		
		/*Les icones*/
		div.DocPrint {
			background: url(../images/icon-dlarticle@2x.png) no-repeat center 10px #f9f9f9;
			background-size: 50px 50px;
		}
		
		#sidebar span.portlet-title.membermenu {
			display: none;
		}
		
		.margin-bottom {
			margin-bottom: 2em;
		}
		
		/*Listes medias*/
		
		#sidebar ul.medias.trombi li {
			font-size: 1.3rem;
			line-height: 13px;
		}
				

		/*calendier*/
		#calendar-month {
			height: 100px;
		}
		
		#datefilter {
			margin-top: 40px;
		}
		
		/*OJ*/
		
		.OJFiche {
			width: 47%;
		}
	
}