@font-face {
    font-family: 'expletus_sansregular';
    src: url('font/expletussans-regular.eot');
    src: url('font/expletussans-regular.eot?#iefix') format('embedded-opentype'),
         url('font/expletussans-regular.woff2') format('woff2'),
         url('font/expletussans-regular.woff') format('woff'),
         url('font/expletussans-regular.ttf') format('truetype'),
         url('font/expletussans-regular.svg#expletus_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color: #7C1010;
	font-family:Calibri,Tahoma,Arial;
}
/* sections et couleurs */
section {
	overflow:auto;
    padding-bottom: 25px;
    width:100%;
}
.top, .download, .others, .maj, .listediff, .support, 
.majtitle, .majmaj, .majlast, .majdvt, .listeform, 
.supporttop, .supportvids, .supportfaq, #seqliste, #seqdetails {
	border-bottom:2px #000 solid;
}
.majtitle, .majmaj, .majlast, 
.listeform, .supportweb, .supporttitle, .supportvids, .supportfaq {
	border-top:2px #000 solid;
}
.maj, .listediff, .support,
.majtitle, .majmaj, .majlast,
.supportweb, .supportvids, #seqliste {
	border-left:2px #000 solid;
}
.download, .majdvt, .listeform,
.supporttitle, .supportfaq, #seqdetails, #seqliste {
	border-right:2px #000 solid;
	border-left:2px #000 solid;
}
.download {
	background-color:#8F3F3F;
	height:150px;
}
.downloadt {
	height:200px;
}
.majdvt {
	background-color:#FFDABB;
	min-height:300px;
}
.listeform {
	background-color:#6BD2D2;
	min-height:150px;
}
.sequences {
	height:100%;
	overflow:auto;
}
#seqliste {
	background-color:#3F7C7C;
	float:left;
	width:33.3%;
	margin-right:-4px;
}
#seqdetails {
	background-color:#39A5A5;
	min-height:250px;
	float:right;
	width:66.6%;
	margin-left:-4px;
}
.maj, .majtitle {
	float:left;
	width:33.3%;
	min-height:150px;
	margin-right:-2px;
}
.maj {
	background-color:#DF8383;
}
.majtitle {
	background-color:#FFC696;
}
.supportweb {
	background-color:#EFEC8B;
	float:left;
	height:150px;
	width:66.6%;
	margin-right:-2px;
}
.supporttitle {
	background-color:#EFEDA5;
	float:right;
	height:150px;
	width:33.3%;
	margin-left:-4px;
}
.supportvids {
	background-color:#DFDB62;
	float:left;
	height:2200px;
	width:66.6%;
	margin-right:-4px;
}
.supportfaq {
	background-color:#918D20;
	float:right;
	height:2200px;
	width:33.3%;
	margin-left:-2px;
}
.right {
	float:right;
	width:66.6%;
	margin-left:-2px;
	border-right:2px #000 solid;
}
.listediff, .majmaj {
	float:left;
	width:50%;
	min-height:150px;
	margin-left:-2px;
}
.listediff {
	background-color:#DF6262;
}
.majmaj {
	background-color:#FFB170;
}
.support, .majlast {
	float:right;
	width:50%;
	min-height:150px;
	margin-left:-2px;
	margin-right:-2px;
	border-right:2px #000 solid;
}
.support {
	background-color:#BF3030;
}
.majlast {
	background-color:#FF9740;
}
.downloadc {
	float:left;
}
form {
	text-align:center;
}
/* polices de caractères et paragraphes */
.download, .support, .listediff, .maj,
.majtitle, .majmaj, .listeform, 
.supporttitle, .supportfaq, .supportvids, .supportweb {
	font-family:expletus_sansregular;
	font-size:2em;
}
.majmaj {
	font-size:1.3em;
}
h1, p {
	color: #fff;
	text-align:center;
}
.downloadc p {
	text-align:left;
	margin-left:60px;
	margin-top:7px;
	margin-bottom: -7px;
}
.majdvt p, #seqliste p, #seqdetails p {
	text-align:left;
	margin:20px;
	font-size:1.2em;
	color:#000;
}
.details {
	font-size:0.6em;
}
.listedetails {
	margin:20px;
	text-align:justify;
	font-size:0.6em;
	font-family:Calibri,Tahoma,Arial;
	color:#000;
}
.listedetweb {
	margin-top:5px;
}
.supportvids ul {
	margin:20px;
	text-align:justify;
	font-size:0.6em;
	font-family:Calibri,Tahoma,Arial;
	color:#000;
}
.black {
	color:#000;
}
/* séquences */
.td_chap {
	padding-left:50px;
	color:#000;
	text-align:left;
	font-weight:bold;
}
table {
	width:100%;
}
.sequence td {
	text-align:left;
}
.sequence td li  {
	margin-left:10px;
}
.sequence input[type="text"] {
    width:335px;
}
table {
	border:2px grey solid;
	border-collapse:collapse;
}
td {
	border:1px #000 solid;
	padding:5px;
}
/* illustrations */
img {
	margin-top:20px;
	margin:auto;
}
.people {
	padding:15px;
	float:left;
	width:120px;
}
.techno {
	padding:15px;
	float:left;
	width:80px;
}
.info {
	padding:15px;
	float:right;
	width:80px;
}
/* footer, liens t paragraphes particuliers*/
footer {
	position: relative;
    clear:both;
    margin-top: -25px;
    height: 25px;
}
footer p, a {
	font-size:1em;
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.majp {
	color: #000;
	font-size:1em;
	text-align:justify;
	padding:10px;
}
.mentions {
	color: #000;
	font-size:0.8em;
}
.mentions a, #seqdetails a, #seqliste a, .listedetails a {
	font-size:1em;
}
.sequences a, .supportvids a, .downloadc a {
	color:#000;
}
.faq {
	margin-left:10px;
	margin-right:10px;
	font-family:Calibri,Tahoma,Arial;
	font-size:0.6em;
	color:#000;
	text-align:justify;
}
.faqans {
	color:#fff;
}

/* TUTORIELS */
.tutoriels h1 {
	color: #7C1010;
	text-align:center;
	font-size:0.8em;
}
.tutoriels p {
	color:#000;
	text-align:left;
	padding:10px;
}
table.tutoscren {
	font-family:Calibri, Tahoma, Arial;
	font-size:0.5em;
	text-align: center;
	margin:auto;
	width:95%;
}
table.tutoscren td {
	width:20%;
}
.tutosfull {
	float:right;
	width:100%;
	min-height:200px;
	margin-left:-2px;
	margin-right:-2px;
	border-right:2px #000 solid;
	border-left:2px #000 solid;
	border-bottom:2px #000 solid;
}
.majtutos {
	background-color:#EFEC8B;
}
.tutosfull {
	
	background-color:#EFEDA5;
}
.tutosfull {
	font-family:expletus_sansregular;
	font-size:2em;
}
.maj ol, .tutosfull ol, .tutosfull ul, .tutosfull p, .tutosfull h2, p.introtuto, .tutosfull figcaption {
	margin-left:10px;
	margin-right:10px;
	font-family:Calibri,Tahoma,Arial;
	font-size:0.6em;
	text-align:justify;
}
p.introtuto {
	font-size:0.5em;
	width:63%;
	float:right;
}
p.titretuto {
	float:left;
	color: #7C1010;
}
.niv2 span {
	color:grey;
	font-size:1.3em;
}
.niv2 li a {
	color:black;
	font-size:1.3em;
}
.tutosfull a {
	color:black;
}
.imb {
	list-style: none;
}
.tutosfull img {
	display:block;
	max-width:700px;
	text-align:center;
}
.tutosfull figure {
	margin:auto;
	padding:10px;
	padding-top:30px;
	padding-bottom:20px;
	background:white;
	border: 1px solid #dadada;
	width:750px;
	text-align:center;
}
.tutosfull figcaption {
	margin:auto;
	margin-top:5px;
	background:#f4f4f4;
	border: 1px dotted #dadada;
	text-align:center;
	font-style:italic;
	font-size:0.5em;
	max-width:700px;
}
.menuimg {
	display:block;
	margin:auto;
}
span.print {
	display:none;
}
div.suites {
	display:block;
	width:400px;
	background:#f4f4f4;
	border: 1px dotted #dadada;
	margin:auto;
	text-align:center;
	margin-bottom:30px;
}
code {
	font-size:1.1em;
}
