body { 
	font-family : 'Noto Sans', Verdana, Helvetica, Arial, sans-serif;
	color: #656565; /*##666666; 24.05.2014 */
	text-decoration: none; 
	font-size: 13px; 
	font-weight: normal; 
	background: #ffffff; /*#596163; -- don't do this! breaks back-office editor */
	width:100%; 
	}
	
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%; 
	/*background: #596163; -- don't do this! */
	}
	
table {
	font-size: inherit; 
}
	
sup
{
	font-size:55% ;
	vertical-align:20% ;
}

h1, h2, h3 {
	border:0;
	text-align: left;
	vertical-align: top;
	font-family: 'Noto Sans', Verdana, Helvetica, Arial, sans-serif;
	color: #596163; /*color: #d10203;*/
	font-size: 25px;
	font-weight: normal;
	line-height: 1.3em; /*24pt;*/
	}
	
h2, h3 {
	color: #596163;
	line-height: 1.4em;
	font-size: 18px;
	margin-top:20px;
}


h3 {
	font-size: 15px; 
}

blockquote {
	/*font-family : Verdana,Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;*/
	font-weight: normal;
	line-height: 1.5em; /*11pt;*/
	padding-top:15px; padding-bottom:15px; padding-left:20px; padding-right:20px;
	margin:0px;
	margin-left:-20px;
	margin-right:-20px;
	/*border:1px dotted #c57575;*/
	/*border-bottom:1px solid #eee1e4;*/
	/*background:url(../interface/colonne-centrale/blockquote.jpg) top left no-repeat;*/
	background:#262E38;
	/*border-width: 20px 20px 20px 20px;
	border-image:url(../interface/colonne-centrale/blockquote.jpg) 20 20 20 20 repeat;
	-moz-border-image:url(../interface/colonne-centrale/blockquote.jpg) 20 20 20 20 repeat;*/
	color:white; /*#883344;*/
	/*text-align:justify;*/
	}
	
.ColonneDroite blockquote {
	padding-top:13px; padding-bottom:13px; padding-left:9px; padding-right:9px;
	margin:0px;
	margin-left:-9px;
	margin-right:-9px;
}

	
p {
	/*font-family : Verdana,Arial, Helvetica, sans-serif;*/
	/*color: #333333;*/
	font-size: inherit; /* 12px;*/
	font-weight: normal;
	line-height: 1.5em; /*11pt;*/
	}
	
img {
	border:0;
	}
	

ul{
	/*list-style-image: url(../interface/puces/black-right-bullet.gif);
	margin-left:  7px;
	padding-left: 7px;*/
	list-style:square;
	margin-left:  8px;
	padding-left: 8px;
}

ul > li{
	/*font-size: 12px;*/
	line-height: 1.5em; /*11pt;*/
	/*color: #333333;*/
	padding-bottom:5px;
	margin-bottom:0px;
}	

ul > li.extlink{
	list-style-image: url(../interface/extlink-arrow.gif);
}

ul > li.login {
	list-style-image: url(../interface/puces/login-bullet.png);
}

ul > li.online {
	list-style-image: url(../interface/puces/elearning-bullet2.png);
}


/* 
Styled OL 
Source: http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/
*/

ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	/*border-top:2px solid #666;*/
	/*background:#f6f6f6;*/
}
ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:5px; /*-2px;*/
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #666;
	color:#fff;
	background:#666;
	font-weight:bold;
	font-family:"Helvetica Neue", Arial, sans-serif;
	text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

/* end Styled OL */

#faqs {
	margin-bottom:33px;
}

#faqs ul{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}


#faqs ul li, li.faq {
	padding-bottom:0px;
	padding-top:0px;
	margin-top: 18px;
	margin-bottom:-10px;
	background:url(../interface/puces/link-bullet.gif) no-repeat left 63%;
	background-position:0px 8px;
	padding-left:8px;
	color:#333333;
	font-weight:normal;
}

#faqs div {
	margin-top: 25px;
	margin-bottom: 25px;
	font-style: italic;
}

#faqs p {
	margin-top:0px;
	margin-bottom:10px;
}

#faqs div+h3 {
	margin-top: 30px;
}


/*hr{
	width: 100%;
	height: 1px;
	color: #4EA22E;
	margin-top: 0px;
	border:none;
	border-top:1px dashed #4EA22E;
	}	*/
	
hr {	
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(78,86,96,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(78,86,96,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(78,86,96,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(78,86,96,0.75), rgba(0,0,0,0)); 
	margin-top:20px; margin-bottom:20px;
}
	

input, select, option, textarea {
	font-family: Arial, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	/*color:#000000;*/
	background-color:#FFFFFF;
	font-size:11px;
	border-width:1px;
}

	
/* http://colorschemedesigner.com/

--> DARKER GREEN SCHEME = darkest > lightest
136C13	1E551E	074B07	53C453	7AC47A

--> GREEN-RED SCHEME --> http://colorschemedesigner.com/#2I21TmTnT----
4EA22E	3C5134	0D3100	BCFFA4	F2FFED  (greens)
B43347	5A3A3F	360009	FFA4B2	FFEDF0  (reds)

*/


a, a:link, a:visited, a:active {
	color:#262E38; /*#262e98;*/ /*#962E38;*/ /*#4EA22E;*/ /*#b50000;*/ /*B43347;*/ /*#d10203;*/ /* #d10203;*/ /* #09aa09; */
	/*background:url(../interface/puces/red-right-arrow.gif) no-repeat left 3px;
	padding-left:12px;*/
}

a:hover, a.extlink:hover, a.follow:hover, a.plain:hover, a.enroll:hover, a.pdf:hover, a.mailto:hover {
	/*color: #d10203;*/
	/*border-bottom: 1px solid #262e38;*/
	/*background-color:#F9F9F9;*/
	text-decoration:underline;
}

a:empty { /* do not display anchors */
	display:none;
}

a, li.link {
	font-family: inherit; /*Verdana,Arial, Helvetica, sans-serif;*/
	font-size: inherit;
	/*color:#0974FF;*/
	//font-weight: normal;	
	text-decoration:none;
	line-height: inherit;
	/*background:url(../interface/puces/black-right-link-sm2.gif) no-repeat left 58%;
	padding-left:11px;*/
	background:url(../interface/puces/link-bullet.gif) no-repeat left 60%;
	padding-left:5px;
}

a.plain, a.anchor {
	background:none;
	padding-left:0px;
}

a.extlink, span.extlink {
	background:url(../interface/extlink-arrow.gif) no-repeat left 60%; /*3px;*/
	padding-left:12px;
	/*color:#09FF74;*/
}

a.infolink {
	background:url(../interface/extlink-arrow.gif) no-repeat left 55%;
	padding-left:12px;
	padding-top:5px;
	float: right;
	font-size: 12px;
	font-weight: normal;
}

a.login {
	background:url(../interface/puces/login-bullet.png) no-repeat left 40%;
	padding-left:14px;
}

a.enroll{
	background:url(../interface/apply-icon-sm-gray.png) no-repeat left 60%; /*3px;*/
	padding-left:16px;
	padding-top:3px;
	/*color:#0974FF;*/
}

a.follow{
	background:url(../interface/puces/red-right-arrow.gif) no-repeat left 60%;
	padding-left:12px;
	/*padding-top:0px;*/
	/*color:#0974FF;*/
}

.pdf, .pdf-off {
	background:url(../interface/puces/pdf7_16x16.gif) no-repeat left 60%;
	background-size:16px;
	padding-left:20px;
	padding-top:1px;
}

.pdf-off{
	background-image:url(../interface/puces/pdf7_16x16-off.gif);
	color:#696969;
}

li.pdf, li.pdf-off{
	list-style-image:none;
	list-style-type:none;
	background-position:0px 1px;
	padding-left:21px;
	margin-left:-15px;
	padding-top:0px;
}

li.link {
	list-style-image:none;
	list-style-type:none;
	background-position:left 40%;
	padding-left:10px;
	margin-left:-15px;
	padding-top:0px;
}

a.mailto{
	background:url(../interface/puces/email5_16x16.gif) no-repeat left 60%;
	background-size:16px;
	padding-left:20px;
}


/* TEXTE */

.tooltip {
	font-style:italic;
	font-size:10px;
	text-decoration:underline;
}

.Gras, .Rouge-Gras, .Texte-Rouge-Gras, .Texte-L-Rouge-Gras, .Texte-Gris-Gras, .Texte-L-Gris-Gras {
	font-weight: bold;
	}


.Italique {
	font-style:italic;
	}


.Gras-Italique {
	font-style:italic;
	font-weight: bold;
	}

/* texte normal */
	
.Rouge, .Rouge-Gras, .Texte-Rouge, .Texte-Rouge-Gras, .Texte-L-Rouge, .Texte-L-Rouge-Gras, .Texte-XL-Rouge {
	color: #c50000; /*#4EA22E;*/ /*#b50000;*/ /*#B43347;*/ /*#d10203;*/
	}
	
.Texte-Rouge, .Texte-Gris, .Texte-Rouge-Gras, .Texte-Gris-Gras {
	font-size:13px;
}
	
.Texte-L-Rouge, .Texte-L-Gris, .Texte-L-Gris-Gras, .Texte-L-Rouge-Gras, h2 {
	font-size: 18px;
	line-height: 1.4em;
}
	
.Texte-XL-Gris, h1 {
	color:#262E38;
}
	
.Gris, .Texte-Gris, .Texte-Gris-Gras, .Texte-L-Gris, .Texte-L-Gris-Gras, h2, h3 {
	color:#333333; /* #697173;*/ /* #595959; */
}

/* texte large <-> h2 */
	
.Texte-L-Rouge {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*color: #d10203;*/
	/*font-size: 15px;
	font-weight: normal;
	line-height: 1.5em; */
	font-weight: normal;
	}

.Texte-L-Gris {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*color: #596163;*/
	/*font-size: 15px;
	font-weight: normal;
	line-height: 1.5em; */
	font-weight: normal;
	}

/* texte extra-large <-> h1 */

.Texte-XL-Rouge, .Texte-XL-Gris, h1 {
	font-size: 25px;
	line-height: 1.3em;
}
	
.Texte-XL-Rouge {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*color: #d10203;*/
	/*font-size: 25px;
	font-weight: normal;
	line-height: 1.2em; */
	font-weight: normal;
}

.Texte-XL-Gris {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*color: #596163;*/
	/*font-size: 25px;
	font-weight: normal;
	line-height: 1.2em; */
	font-weight: normal;
}

/* autres styles */

/*
.Titre-Planning {
	text-align: center;
	border:2px solid #d10203;
	border-radius:10px;
	padding:5px;
}
*/

.HighlightX {
	/* cf. blockquote */
	/* text-align: center; */
	/* border:2px solid #d10203;
	border-radius:10px;
	padding:5px;*/
	padding:15px; padding-left:20px; padding-right:20px;
	margin:0px;
	margin-left:-20px;
	margin-right:-20px;
	background:url(../interface/colonne-centrale/blockquote.jpg) top left no-repeat;
	}
	
.ColonneDroite .HighlightX {
	padding:13px; padding-left:9px; padding-right:9px;
	margin-left:-9px;
	margin-right:-9px;
	}	

.Annonce, .Highlight {
	color:#262E38; /*#690103;*/
	/*text-align: center; */
	text-align: inherit;
	padding:10px; 
	margin-left:-10px; margin-right:-7px;
	/*border-left: 2px solid #efe2e3;	
	border-bottom: 2px solid #fff5f7; border-top: 2px solid #fff5f7; border-right: 2px solid #fff5f7;
	background-color:#fffafc;*/
	/*border: 1px solid #efefef;*/
	/*border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; border-right: 1px solid #efefef;*/
	/*border-radius: 5px;*/
	border:none;
}

.Annonce {
	background-color:#fff3f5; /*#ffeff1;05.06.19*/ /*#ffeaec;17.4.18*/ /* #F9F9F9; */
	/*border-radius: 0px;*/
}

.Highlight {
	/*background-color: #ffff99;*/ /* yellow */
	/*background-color: #eef0ef;*/
	border-color: #d10203; /*#262E38 ;*/
	/*font-weight: bold ;
	font-size:0.85em ;*/
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	background-color:#F9F9F9;
}


.tiny { 
	font-size:10px;
}

table.corps-enseignant > p.tiny, span.tiny {
	line-height:normal;
}

/* LISTING TABLE, LAYOUT TABLE */

table.listing, table.layout {
	width: 100%;
	text-align: left; 
	border:1px solid #262E38;
	margin-bottom:30px;
	margin-top: 10px;
}

table.layout {
	border: none;
}

table.listing th, table.layout th {
	background:#FbFbFb;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #262E38;
}

table.listing p, table.layout p {
	line-height: 1.4em;
	margin-bottom: 5px;
	margin-top:0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

table.listing th p, table.layout th p {
	margin-bottom:0px;
}

table.listing td, table.layout td {
	padding:5px;
	padding-top:5px;
	border-top:1px solid #262E38; /*#c0c0c0;*/
	vertical-align:top;
}

table.layout td {
	border:none;
}

table.listing tr:nth-child(1) td {
	border-top:none;
}

/* SAMPLES THUMBNAIL TABLE */

table.sample {
	background: #262E38;
	border:none;
}

table.sample tr { height: 100px; }
table.sample td, td.preview {
	width: 75px; 
	color: white; 
	align: middle; 
	text-align: center;
	font-size: smaller;
	font-weight: bold;
	margin:0px;
}
table.sample td.preview-off {
	background: #565E68 ;
	color: #aaa;
}
table.sample td.preview {
	background: #262E38 ;
	color: white;
}
table.sample td.preview a {
	display: block;
	width: 75px;
	height: 100px;
	vertical-align: middle;
	background: none;
	margin:0px;
	padding:0px;
	color: white;
}
table.sample td.preview a:hover {
	background: #eee;
	color: #565E68;
	text-decoration: none;
}
table.sample td.preview a div {
	display: grid;
	align-items: center;
	height:100%;
}
table.sample td.space { background: white; width: 10px; }
table.sample tr.space { height: 10px; }
table.sample tr.space td { background:white; font-size:3px; }

/* MENU TABLE */

table.menu, table.menu2c {
	background: #262E38;
	border:none;
	width: 100%;
}

table.menu tr:not(.comments) td, table.menu2c tr:not(.comments) td {
	text-align: center; 
	color: white; 
	padding: 2px; 
}
table.menu2c td { width: 49%; }

table.menu td.preview, table.menu2c td.preview {
	background: #565E68;
	color: #aaa;
}

table.menu td.space, table.menu2c td.space { background: white; }
table.menu2c td.space { width: 2%; }

/*table.menu p, table.menu2c p,
table.menu a, table.menu2c a {
	color:inherit;
}*/

table.menu tr:not(.comments) p, table.menu2c tr:not(.comments) p,
table.menu tr:not(.comments) a, table.menu2c tr:not(.comments) a,
table.menu tr:not(.comments) span, table.menu2c tr:not(.comments) span {
	color:inherit;
}
table.menu tr:not(.comments) a, table.menu2c tr:not(.comments) a {
	background:none;
	padding-left:0px;
}

table.menu tr.comments, table.menu2c tr.comments {
	background: white;
}

table.menu tr.comments td, table.menu2c tr.comments td {
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
}

table.menu tr.comments p, table.menu2c tr.comments p,
table.menu tr.comments li, table.menu2c tr.comments li {
	font-size: smaller;
	margin: 0px;
	padding: 0px; padding-bottom: 3px;
}

table.menu tr.comments ul, table.menu2c tr.comments ul {
	margin-top:3px; margin-bottom:5px;
}


img.trombino-photo {
	border: 1px solid #a2a2a2; 
	margin-top: 4px;
	margin-right: 3px; 
}

img.illustration {
	border:1px solid #596163;
}

/* ECHOS ALUMNI */

p.echo-alumni {
	font-style: italic;
	font-size: 80%;
}

/* ABOUT US BUTTON */

a.about-button, a.link-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 18px 10px 18px;
    border: 0px solid #1f568d;
    /*border-radius: 68px;*/
	border-radius: 25px; /*5px;*/
    background: #3aa2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#3aa2ff), to(#1f568d));
    background: -moz-linear-gradient(top, #3aa2ff, #1f568d); 
    background: linear-gradient(to bottom, #3aa2ff, #1f568d);
    text-shadow: #123353 1px 1px 1px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}
a.link-button {
    padding: 10px 18px 10px 18px;
}
a.about-button:hover, a.link-button:hover,
a.about-button:focus, a.link-button:focus {
    border: 0px solid #2465a6;
    background: #46c2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#46c2ff), to(#2567a9));
    background: -moz-linear-gradient(top, #46c2ff, #2567a9);
    background: linear-gradient(to bottom, #46c2ff, #2567a9);
    color: #ffffff;
    text-decoration: none;
}
a.about-button:active, a.link-button:active {
    background: #1f568d;
    background: -webkit-gradient(linear, left top, left bottom, from(#1f568d), to(#1f568d));
    background: -moz-linear-gradient(top, #1f568d, #1f568d);
    background: linear-gradient(to bottom, #1f568d, #1f568d);
}
a.about-button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD8ElEQVRIie2VX2iXVRjHP+e87+/f5qZzc1M2a1qRf2gXatSiyJASki6GdZXCoIsSAoMgsygJ+kNB1E0a1kXkrBCDLqS7IElqkYbOaeqSpk4d09Hcfr/3/f3ec97n6WK6PyZzt0HPxeE85zzf7/PnnOcc+F9uI2a2hltOVkILrQAC/btW5PxscHY2Rp098Zokld8qqfRVUulLUvm1sydeNRvsbTPYeGSsMTT2BNBw09aQV1n57eqaqzPhw6lKKooxLAPuUOXnwJpi5GQTyM3kAI3AJuDjVLTWGB4EzqtyKrCTcU9zUE71RQsfYQhR/iwl8ugT3SN3zhDg4lIiLUmqBzEsRfEKW4Gd/3IwHHuKibw1Ze1uoHPMpSdU9ZbsxpgTRSedwNIpfDuGY7+zvhBOdyAK1yqSyBSuwJLEXrqcyFaFFdPIoTdjzVejibyUyuS6Nfj5+cm7MzFbUBUSe90+5qQ8mgglL0ddyhd965uispd1kZOukksHSy4djJx8WfbyeN/6hWUnfF7y0jOaCGNOypHXbQ1Vk5Wfdgb3NWRPVVL9zomuqArtXmvwwSen7ZWhaA0ZC9YMAYKqJdVVwWdnvl9Wl/Gi7I28kLGmNxeYMzdlCi4VC7yDMa+Y61kpcL7oBtoOXOx3oX0YC4ExGMCrgkBW9NDxDc2tLdVhi7mOMSCq+i6wIxNYMQCxlxeAXVOb4lLk2XBwiPNOmGOUFl+hrSYgNIaeUcdAkGMES2s+4MAjjSwqBBNYHR+eL2TsblNMpFbRs0DDjRBUoeOnK/xe9MwxypMFx+sPNLNwToZrlRRr4P3ui+wfgb9NyP3zMuxvb8DcSGO8NkMGc5cVBS/0JikkAkkKX/eX6I1SsoGhLUh4s72FefmQY0MRL//wF9kg4LX2xawJHdWh5dioZ9+FmAkOAS8cUsXb2pwdBV0vqlu86NFKquU9AzG50DI3Y3moPkdoLbFXjlwusry+itgJlVRZ21zDXCPkQsueCxFJqpEX7RbVzQaeqcnZsgWoy4fJgqrw04w1q08X/aJLsXyTs4ZCYMgHlpJTSk6pL2Q5PFgk8uN6LrBkDWSNoX/EvV0WbcoGpn1BVdg1Lx/ItD4AmF8I5LGF+REpp88ap9tETfHsWELkhcgLOn5FKDkl8sIfwzHGBENaTjef62h+Y0ltpliXD6ZS3vq57n+6Rc48teiDJEpXDpZ196EL14i9kg8D2hpriL1w8mrE8aul/XGky892NHfdimeiD2aSi2MVu/3HczuaqnOvLquvzgbWcHq4JL1Xivs23lv/XGdbUzQTflY/mqry3i8DrYcvF9c60ew9dfnuD9ct6TFm1h/if1j+AYWe/7U3FWJ9AAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}