.sequence_cours{
	font-family: sans-serif;
	min-width: 250px;
	max-width: 650px;
	margin: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 8px 15px 5px 15px;
	border: solid black 1px;
	border-radius: 6px;
	background-color: white;
}

#ecran.sequence_cours{
	margin-top:2vh;
	min-width: 127vh;
	max-width: 127vh;
	width:127vh;
	height:95vh;
}

.sequence_cours .diapo{
	display: none;
}
#ecran.sequence_cours .diapo{
	display: inline;
}

#ecran.sequence_cours .papier{
	display: none;
}



.sequence_cours h1{
    box-sizing:content-box;
	border: 3px solid red;
	border-radius: 0px 15px 15px 0px;
	background-color: rgba(255,0,0,0.1);
	color: red;
	font-weight: bold;
	font-size: 24px;
	width:auto;
	max-width:none;
	line-height:normal;
	text-align: center;
	padding: 8px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#ecran.sequence_cours h1{
	font-size: 3.6vh;
	padding: 0.88vh;
	border-width:0.33vh;
}

.sequence_cours h2{
	color: red;
	font-size: 24px;
	padding: 8px;
	margin: 0px 5px 5px 210px;
	background-color: rgba(255,0,0,0.1);
	border: 3px solid red;
}

#ecran.sequence_cours h2{
	font-size: 3.6vh;
	padding: 0.88vh;
	margin: 0vh 0.55vh 0.55vh 30.62vh;
	border-width:0.33vh;
}


.sequence_cours h3{
	padding: 0px;
	margin: 16px 2px 10px 2px;
	color: red;
	border-bottom: 2px solid red;
	font-size: 19px;
	clear: both;
}

#ecran.sequence_cours h3{
	margin: 2.63vh 0.33vh 1.64vh 0.33vh;
	border-bottom-width: 0.33vh;
	font-size: 4.16vh;
}

.sequence_cours h4{
	padding: 0px;
	margin: 6px 2px 6px 2px;
	color: blue;
	text-indent: 10px;
	font-size: 16px;
}

#ecran.sequence_cours h4{
	margin: 1.1vh 0.33vh 0.98vh 0.33vh;
	text-indent: 2.19vh;
	font-size: 3.5vh;
}

.sequence_cours .bleu{
	color: blue;
}

.sequence_cours .rouge{
	color: red;
}

.sequence_cours .vert{
	color: green;
}

.sequence_cours p, .sequence_cours div{
	font-size:14px;
	padding: 2px 8px 3px;
	text-align: justify;
	line-height: 1.5;
	margin: 5px 20px 5px 20px;
}

#ecran.sequence_cours p, #ecran.sequence_cours div{
	font-size:3.06vh;
	padding: 0.33vh 1.32vh 0.5vh;
	margin: 1.1vh 4.38vh 1.1vh 4.38vh;
}


.sequence_cours div.exemple p, .sequence_cours div.exemples p{
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}

.sequence_cours div.definition p{
    text-indent:0px;
}

.exemple p, .exemples p{
	margin:0px!important;padding:0px;
	width: 100%;
}

.sequence_cours p strong{
	font-weight: bold;
	color: red;
}

.sequence_cours p em{
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}

.sequence_cours p mark, table mark{
	font-weight: bold;
	background-color: transparent;
}

.sequence_cours p img{
	vertical-align: top;
	margin: 3px;
}

#ecran.sequence_cours p img{
	margin: 0.66vh;
}

.sequence_cours .br{
	display:block;
	margin: 0px!important;
	padding: 0px!important;
	height: 0px!important;
}


.sequence_cours .definition, .sequence_cours .vocabulaire, .sequence_cours .propriete, .sequence_cours .proprietes, .sequence_cours .theoreme, .sequence_cours .exemple,.sequence_cours .exemples, .sequence_cours .methode, .sequence_cours .remarque, .sequence_cours .remarques, .sequence_cours .demo{
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	text-indent: -6px;
}

#ecran.sequence_cours .definition, #ecran.sequence_cours .vocabulaire, #ecran.sequence_cours .propriete, #ecran.sequence_cours .proprietes, #ecran.sequence_cours .theoreme, #ecran.sequence_cours .exemple, #ecran.sequence_cours .exemples, #ecran.sequence_cours .methode, #ecran.sequence_cours .remarque, #ecran.sequence_cours .remarques, #ecran.sequence_cours .demo{
	border-width: 0.33vh;
	text-indent: -1.31vh;
}

.sequence_cours .definition, .sequence_cours .vocabulaire{
	border-color: blue;
	background-color: rgba(0,0,255,0.1);
}

.sequence_cours .propriete,.sequence_cours .proprietes, .sequence_cours .theoreme{
	border-color: red;
	background-color: rgba(255,0,0,0.1);
}

.sequence_cours .exemple,.sequence_cours .exemples, .sequence_cours .methode{
	border-color: green;
	background-color: rgba(0,255,0,0.1);
}

.sequence_cours .remarque,.sequence_cours .remarques, .sequence_cours .demo{
	border-color: black;
	background-color: rgba(0,0,0,0.1);
}

.sequence_cours .definition mark, .sequence_cours .vocabulaire mark{
	color: blue;
}

.sequence_cours .propriete mark,.sequence_cours .proprietes mark, .sequence_cours .theoreme mark{
	color: red;
}

.sequence_cours .exemple mark,.sequence_cours .exemples mark, .sequence_cours .methode mark{
	color: green;
}

.sequence_cours .remarque mark,.sequence_cours .remarques mark, .sequence_cours .demo mark{
	color: black;
}

.sequence_cours p[data-special="bonus"], .sequence_cours div[data-special="bonus"]{
    border-style: dashed;
}

.sequence_cours .definition[data-special="bonus"]::before, .sequence_cours .vocabulaire[data-special="bonus"]::before{
    background: none;
	background: repeating-linear-gradient(
		-45deg,
		rgba(0,0,255,1),
		rgba(0,0,255,1) 4px,
		rgba(0,0,255,0.6) 4px,
		rgba(0,0,255,0.6) 8px
	);
}

.sequence_cours .propriete[data-special="bonus"]::before, .sequence_cours .proprietes[data-special="bonus"]::before, .sequence_cours .theoreme[data-special="bonus"]::before{
    background: none;
	background: repeating-linear-gradient(
		-45deg,
		rgba(255,0,0,1),
		rgba(255,0,0,1) 4px,
		rgba(255,0,0,0.6) 4px,
		rgba(255,0,0,0.6) 8px
	);
}

.sequence_cours .exemple[data-special="bonus"]::before, .sequence_cours .exemples[data-special="bonus"]::before, .sequence_cours .methode[data-special="bonus"]::before{
    background: none;
	background: repeating-linear-gradient(
		-45deg,
		rgba(0,128,0,1),
		rgba(0,128,0,1) 4px,
		rgba(0,128,0,0.6) 4px,
		rgba(0,128,0,0.6) 8px
	);
}

.sequence_cours .remarque[data-special="bonus"]::before, .sequence_cours .remarques[data-special="bonus"]::before, .sequence_cours .demo[data-special="bonus"]::before{
    background: none;
	background: repeating-linear-gradient(
		-45deg,
		rgba(0,0,0,1),
		rgba(0,0,0,1) 4px,
		rgba(0,0,0,0.6) 4px,
		rgba(0,0,0,0.6) 8px
	);
}

.sequence_cours p[data-special="brouillon"], .sequence_cours div[data-special="brouillon"]{
    display:none;
}

.sequence_cours .definition::before, .sequence_cours .vocabulaire::before, .sequence_cours .propriete::before, .sequence_cours .proprietes::before, .sequence_cours .theoreme::before,
.sequence_cours .exemple::before,.sequence_cours .exemples::before,.sequence_cours .methode::before, .sequence_cours .remarque::before, .sequence_cours .remarques::before, .sequence_cours .demo::before{
	border-radius: 6px 0px;
	padding: 2px 6px;
	color: white;
	font-variant: small-caps;
	font-weight: bold;
	position:relative;
	left:-3px;
	top:-2px;
}

#ecran.sequence_cours .definition::before, #ecran.sequence_cours .vocabulaire::before, #ecran.sequence_cours .propriete::before, #ecran.sequence_cours .proprietes::before, #ecran.sequence_cours .theoreme::before,
#ecran.sequence_cours .exemple::before,#ecran.sequence_cours .exemples::before,#ecran.sequence_cours .methode::before, #ecran.sequence_cours .remarque::before, #ecran.sequence_cours .remarques::before, #ecran.sequence_cours .demo::before{
	padding: 0.33vh 0.98vh;
	left:-0.42vh;
	top:-0.49vh;
}

.sequence_cours .definition::before{
	content: "Définition :";
	background-color: blue;
}

.sequence_cours .vocabulaire::before{
	content: "Vocabulaire :";
	background-color: blue;
}

.sequence_cours .propriete::before{
	content: "Propriété :";
	background-color: red;
}
.sequence_cours .proprietes::before{
	content: "Propriétés :";
	background-color: red;
}

.sequence_cours .propriete[data-admis]::before{
	content: "Propriété (admise) :";
}
.sequence_cours .proprietes[data-admis]::before{
	content: "Propriétés (admises) :";
}

.sequence_cours .propriete[data-demo-exo]::before{
	content: "Propriété (démontrée en exercice) :";
}
.sequence_cours .proprietes[data-demo-exo]::before{
	content: "Propriétés (démontrées en exercice) :";
}

.sequence_cours .theoreme::before{
	content: "Théorème :";
	background-color: red;
}

.sequence_cours .theoreme[data-admis]::before{
	content: "Théorème (admis) :";
}

.sequence_cours .theoreme[data-demo-exo]::before{
	content: "Théorème (démontré en exercice) :";
}


.sequence_cours .exemple::before{
	content: "Exemple :";
	background-color: green;
}
.sequence_cours .exemples::before{
	content: "Exemples :";
	background-color: green;
}

.sequence_cours .methode::before{
	content: "Méthode :";
	background-color: green;
}

.sequence_cours .remarque::before{
	content: "Remarque :";
	background-color: black;
}
.sequence_cours .remarques::before{
	content: "Remarques :";
	background-color: black;
}

.sequence_cours .demo::before{
	content: "Démonstration :";
	background-color: black;
}



#ecran.sequence_cours .definition[data-special="bonus"]::before, #ecran.sequence_cours .vocabulaire[data-special="bonus"]::before{
    display:none;
}

#ecran.sequence_cours .propriete[data-special="bonus"]::before, #ecran.sequence_cours .proprietes[data-special="bonus"]::before, #ecran.sequence_cours .theoreme[data-special="bonus"]::before{
    display:none;
}

#ecran.sequence_cours .exemple[data-special="bonus"]::before, #ecran.sequence_cours .exemples[data-special="bonus"]::before, #ecran.sequence_cours .methode[data-special="bonus"]::before{
    display:none;
}

#ecran.sequence_cours .remarque[data-special="bonus"]::before, #ecran.sequence_cours .remarques[data-special="bonus"]::before, #ecran.sequence_cours .demo[data-special="bonus"]::before{
    display:none;
}

#ecran.sequence_cours .definition[data-special="bonus"], #ecran.sequence_cours .vocabulaire[data-special="bonus"]{
    background: repeating-linear-gradient(
		-45deg,
		rgba(0,0,255,1),
		rgba(0,0,255,1) 1vh,
		rgba(0,0,255,0.7) 1vh,
		rgba(0,0,255,0.7) 2vh
	);
}

#ecran.sequence_cours .propriete[data-special="bonus"], #ecran.sequence_cours .proprietes[data-special="bonus"], #ecran.sequence_cours .theoreme[data-special="bonus"]{
    background: repeating-linear-gradient(
		-45deg,
		rgba(255,0,0,1),
		rgba(255,0,0,1) 1vh,
		rgba(255,0,0,0.7) 1vh,
		rgba(255,0,0,0.7) 2vh
	);
}

#ecran.sequence_cours .exemple[data-special="bonus"], #ecran.sequence_cours .exemples[data-special="bonus"], #ecran.sequence_cours .methode[data-special="bonus"]{
    background: repeating-linear-gradient(
		-45deg,
		rgba(0,128,0,1),
		rgba(0,128,0,1) 1vh,
		rgba(0,128,0,0.7) 1vh,
		rgba(0,128,0,0.7) 2vh
	);
}

#ecran.sequence_cours .remarque[data-special="bonus"], #ecran.sequence_cours .remarques[data-special="bonus"], #ecran.sequence_cours .demo[data-special="bonus"]{
    background: repeating-linear-gradient(
		-45deg,
		rgba(0,0,0,1),
		rgba(0,0,0,1) 1vh,
		rgba(0,0,0,0.7) 1vh,
		rgba(0,0,0,0.7) 2vh
	);
}


#ecran.sequence_cours p[data-special="bonus"], #ecran.sequence_cours div[data-special="bonus"]{
	color:white;
	border:none;
	font-weight:bold;
	font-variant:small-caps;
}

#ecran.sequence_cours p[data-special="bonus"] img, #ecran.sequence_cours div[data-special="bonus"] img{
    background:white;
    border-radius:0.5vh;
    padding:0.2vh;
    vertical-align:central;
    width:2.7vh;
}







.sequence_cours table.tableau{
	border-collapse: collapse;
	margin: 5px 20px 5px 20px;
	font-size: 14px;
	display: block;
	max-width: 100%;
	overflow: auto;
	border:none;
}

#ecran.sequence_cours table.tableau{
	margin: 0.73vh 2.92vh 0.73vh 2.92vh;
	font-size: 3vh;
}

.sequence_cours table.tableau td, .sequence_cours table.tableau th{
	border: 2px solid black;
	padding: 6px 12px;
	line-height: 1.5;
	text-align: center;
}

#ecran.sequence_cours table.tableau td, #ecran.sequence_cours table.tableau th{
	border-width: 0.29vh;
	padding: 1.31vh 2.63vh;
}

.sequence_cours .tableau td{
	background-color: rgba(0,0,0,0.1);
}

.sequence_cours .tableau th{
	background-color: rgba(0,0,0,0.5);
}

.sequence_cours .tableau.dim td, .sequence_cours .tableau.dim th{
	padding: 4px 4px;
	font-size: 12px;
}

#ecran.sequence_cours .tableau.dim td, #ecran.sequence_cours .tableau.dim th{
	padding: 0.58vh 0.58vh;
	font-size: 1.75vh;
}

.sequence_cours .tableau.dimdim td, .sequence_cours .tableau.dimdim th{
	padding: 4px 4px;
	font-size: 10px;
}

#ecran.sequence_cours .tableau.dimdim td, #ecran.sequence_cours .tableau.dimdim th{
	padding: 0.58vh 0.58vh;
	font-size: 1.46vh;
}

.sequence_cours .tableau .vertical td
{
	writing-mode: vertical-rl;
	min-width: 20px;
}

#ecran.sequence_cours .tableau .vertical td
{
	min-width: 2.92vh;
}

.sequence_cours .vspace{
 	display:none;
}




@media only screen and (max-width: 500px) {
	/*.sequence_cours h2{
		margin: 55px 5px 5px 0px;
	}*/
}



@media only print{

	.no_print{
		display: none;
	}

	.pdf{
		margin:0px;padding:0px;
		width: 100%;
		max-width: 100%;
	}


	.sequence_cours{
		font-size: 100%;
		border:none;
		width: 100%;
		max-width: 100%;
		padding:0px;
		margin:0px;
	}

	.sequence_cours .vspace{
		display: block;
	}
	
	body{
		padding: 4px 8px 0px 8px;
	}
	header, nav{
		display: none;
	}

.sequence_cours h1, .sequence_cours h2, .sequence_cours .definition, .sequence_cours .vocabulaire, .sequence_cours .propriete,.sequence_cours .proprietes, .sequence_cours .theoreme, .sequence_cours .exemple,.sequence_cours .exemples, .sequence_cours .methode, .sequence_cours .remarque,.sequence_cours .remarques, .sequence_cours .demo{
	background-color: transparent;
}

.sequence_cours .definition::before, .sequence_cours .vocabulaire::before, .sequence_cours .propriete::before, .sequence_cours .proprietes::before, .sequence_cours .theoreme::before, .sequence_cours .exemple::before, .sequence_cours .exemples::before, .sequence_cours .methode::before, .sequence_cours .remarque::before,.sequence_cours .remarques::before, .sequence_cours .demo::before{
	background-color: transparent;
}

.sequence_cours .definition::before, .sequence_cours .vocabulaire::before{
	color: blue;
	border-right: 2px solid blue;
	border-bottom: 2px solid blue;
}

.sequence_cours .propriete::before,.sequence_cours .proprietes::before, .sequence_cours .theoreme::before{
	color: red;
	border-right: 2px solid red;
	border-bottom: 2px solid red;
}

.sequence_cours .exemple::before,.sequence_cours .exemples::before, .sequence_cours .methode::before{
	color: green;
	border-right: 2px solid green;
	border-bottom: 2px solid green;
}

.sequence_cours .remarque::before,.sequence_cours .remarques::before, .sequence_cours .demo::before{
	color: black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.sequence_cours .definition[data-special="bonus"]::before, .sequence_cours .vocabulaire[data-special="bonus"]::before{
    background: none;
	border-right: 2px dashed blue;
	border-bottom: 2px dashed blue;
}

.sequence_cours .propriete[data-special="bonus"]::before, .sequence_cours .proprietes[data-special="bonus"]::before, .sequence_cours .theoreme[data-special="bonus"]::before{
    background: none;
	border-right: 2px dashed red;
	border-bottom: 2px dashed red;
}

.sequence_cours .exemple[data-special="bonus"]::before, .sequence_cours .exemples[data-special="bonus"]::before, .sequence_cours .methode[data-special="bonus"]::before{
    background: none;
	border-right: 2px dashed green;
	border-bottom: 2px dashed green;
}

.sequence_cours .remarque[data-special="bonus"]::before, .sequence_cours .remarques[data-special="bonus"]::before, .sequence_cours .demo[data-special="bonus"]::before{
    background: none;
	border-right: 2px dashed black;
	border-bottom: 2px dashed black;
}

.sequence_cours .tableau th, .sequence_cours .tableau td{
	background-color: transparent;

}

.sequence_cours p[data-special="brouillon"], .sequence_cours div[data-special="brouillon"]{
    display:none;
}

.sequence_cours p[data-special="bonus"], .sequence_cours div[data-special="bonus"]{
    display:none;
}

.sequence_cours.imprimer_bonus p[data-special="bonus"], .sequence_cours.imprimer_bonus div[data-special="bonus"]{
    display:inline-block;
}

}


#sommaire{
	padding:10px;
}
#sommaire button{
	cursor:pointer;
	text-align: center;
	font-weight: bold;
	vertical-align: central;
	padding:5px;
}

#sommaire button.h3{
	color:red;
}

#sommaire button.h4{
	color:blue;
}

.sequence_cours .br_mobile{
    display:none;        
}

@media only screen and (max-width: 800px) {
    .sequence_cours p, .sequence_cours div{
        text-align: left;
    }
}

@media only screen and (max-width: 600px) {
    .sequence_cours img{
        float:none!important;
    }
    
    .sequence_cours img{
        max-width:100%;
    }
    
    .sequence_cours .br_mobile{
        display:inline;
    }
    .sequence_cours h1{
        font-size:20px;
        padding:6px;
        display:inline-block;
        margin-right:10px;
        margin-bottom:5px;
    }
    
    .sequence_cours h2{
        font-size:20px;
        padding:6px;
        display:inline-block;
        margin: 0px 5px 5px 0px;
    }
    
    .sequence_cours h3{
        font-size:17px;
    }
    
    .sequence_cours h4{
        font-size:14px;
    }
    
    .sequence_cours p, .sequence_cours div{
        font-size:12px;
        margin-left:10px;
        margin-right:10px;
        
    }
    
    .sequence_cours table.tableau{
        font-size:12px;
        margin-left:10px;
        margin-right:10px;
    }
    
    .sequence_cours table.tableau td, .sequence_cours table.tableau th{
        font-size:12px;
        padding:4px 6px;
    }
    
    .sequence_cours .tableau.dim td, .sequence_cours .tableau.dim th{
        font-size:10px;
    }
    
    .sequence_cours .tableau.dimdim td, .sequence_cours .tableau.dimdim th{
        font-size:8px;
    }
    
}

@media only screen and (max-width: 500px) {
    .sequence_cours h1{
        font-size:16px;
        
    }
    
    .sequence_cours h2{
        font-size:16px;
        
    }
    
    .sequence_cours h3{
        font-size:16px;
    }
    
    .sequence_cours table.tableau{
        margin-left:3px;
        margin-right:3px;
    }
    
    .sequence_cours table.tableau td, .sequence_cours table.tableau th{
        font-size:11px;
        padding:3px 4px;
    }
}