/* Id Selector : # */
/* Class Select: . */

BODY    {
	background-image: none;
	background-color: white;
	cursor : default;
}
p {
	font-family: Arial,Helvetica,sans-serif;;
	font-size: 12pt;
	font-weight: bold;
	text-align:justify;
}
img {
	max-width : 100%;
	height : auto;
	cursor : pointer;
}
video {
	max-width : 100%;
	height : auto;
}
.box { display: flex;
    flex-wrap: wrap; }
.annee {
	font-family: Arial,Helvetica,sans-serif;;
	font-size: 24pt;
	font-weight: bold;
	text-align:justify;
}
.pfin{
	font-family: Times New Roman, Times, serif;
	font-size: 12pt;
	font-weight: normal;
	text-align:justify;
}
.pmini{
	font-family: Times New Roman, Times, serif;
	font-size: 8pt;
	font-weight: normal;
	text-align:right;
}
.imageCentree {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-color:black;
	cursor : default;
}
.largeurPage{
	display : flex;
	flex-direction : column;
	align-items : center;
}
.section{
	display : flex;
	flex-direction : column;
	align-items : center;
}
.sectionH{
	display : flex;
	flex-direction : row;
	align-items : center;
}
.col0,.col00{
	width : 0px ;
}
.col1 {
	width : 100%;
	float: left;
}	
.col1_1 {
  float: left;
}	
.col2, .col2_1 {
  float: left;
  overflow: hidden;
  width : 100% ;
}	
.centre {
	text-align:center;
}
.pdiaporama{
	font-weight: normal;
	font-size:smaller;
	text-align:center;
} 	
p.ptitre{
	font-weight:bolder;
	text-align:center;
	font-size:xx-large;
	padding-top : 10px;
	padding-bottom : 10px;
}
p.pmini{
	font-size: 9pt;
	font-weight: normal;
}
.pcopyright{
	font-size: 8pt;
	font-weight: normal;
	text-align:center;
}
.pied{
	background-image:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.piedentete{
	background-image:url("../images/fond/cahiervierge.jpg");
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#sourceDescriptif{
	display:none;
}
#typeCarnet{
	display:none;
}
.grandFormat {
	display : none;
}
.diaporama {
	display : none;
}
.diaporama p{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align:center;
}
.ptitreDiaporama{
	font-size: 14pt;
}
	
.tableglobale{
	margin:0px auto;
	text-align:center;
	padding:0;
	width:969px;
	background-image:url("../images/fond/cahier3.jpg");
	border-spacing:0;
	border: 0px;
	table-layout:fixed;
}	
.tableutile{
	text-align:center;
	padding:5px;
	width:969px;
	background-image:none;
	border-spacing:5px;
	border:0px;
	table-layout:fixed;
	text-align:right;
}
.t1{
	width:100px;
	height:500px;
	margin-top:0px;;
}
.t2{
	width:850px;
}
.boutonPause{
	margin-left:60px;
	margin-top:360px;
}
.flechehaute{
	margin-left:60px;
	margin-top:0px;
	cursor : pointer;
}
.flechegauche{
	margin-left:60px;
	margin-top:480px;
	cursor : pointer;
}
.flechedroite{
	margin-left:60px;
	margin-top:20px;
	cursor : pointer;
}
img.fleche{
	height:43px;
	width:34px;
	border:none;
}
#imageDiapo{
	max-height:500px;
	margin:auto;
	cursor : default;
}
.petitFormat {
	display : block;
	width : 100% ;
}
#imageDiapo > img {
	cursor : default;
}
#typeCarnet{
	display:none;
}
.etapeGIF {
	display:block;
	margin:auto;
	max-width:100%;
	height:auto;
}
.tableGeneraleSmartphone{
	 top:5px;
	 overflow:visible;
	 position:absolute;
}
.rowGeneralSmartphone{
	height:40px;
	padding:0px;
	border:none;	
}
.colonneBoutonsSmartphone{
	text-align:left;
}
.boutonSmartphone{
	 padding:0px 0px;
	 border:none;
	 height:40px;
}
.colonneNavigationGaucheSmartphone{
	width:33%;
    border:1px solid #000000;
}
.flG {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.colonneNavigationDroiteSmartphone{
	 margin:auto;
	 width:33%;
    border:1px solid #000000;
}
.colonneNavigationCentreSmartphone{
	 width:33%;
}
#Slide{
	max-width:100%;
	height:auto;
	border: none;
	margin:auto;
}
#description{
	width:100%;
	text-align:justify;
	}
#descriptif{
	width:100%;
	padding-right:50px;
	margin-right:50px;
}
	td.fleches{
		width:33%;
		margin:auto;
	}
/* ################################################################################################################################################################" */
@media (min-width:969px) {
	td{
		text-align : center;
	}
	.col0{
		width : 90px ;
	}
	.col00{
		width : 5% ;
	}
	.idemFormat{
		display : block;
		background-image:url("../images/fond/cahier7.jpg");
		width:969px;
		margin: auto;
	}
	.idemFormat  p{
		margin : 10px 35px 10px 100px;
	}
	.idemFormat  video{
		margin : auto;
		max-height:365px;
		padding-left:80px;
	}
	.idemFormat  div{
		margin : 10px 35px 10px 100px;
	}
	.idemFormat > table{
		margin : 10px 25px 10px 100px;
	}
	.grandFormat {
		display : block;
		background-image:url("../images/fond/cahier7.jpg");
		width:969px;
		margin: auto;
	}
	.grandFormat  p{
		margin : 10px 35px 10px 100px;
	}
	.grandFormat  video{
		margin : auto;
		max-height:365px;
		padding-left:80px;
	}
	.grandFormat  div{
		margin : 10px 35px 10px 100px;
	}
	.grandFormat > table{
		margin : 10px 25px 10px 100px;
	}
	.grandFormat > table{
		margin : 10px 25px 10px 100px;
	}
	.diaporama {
		display : none;
	}
		
	.petitFormat {
		display : none;
	}
	.boîte{
		display : none;
		margin : 10px 10px 10px 10px;
	}
/* On suppose que le CSS est rangé dans un dossier au même niveau que les images système */
	BODY    {
		background-image: url("../images/fond/uni1.jpg");
	}
	td.fleches{
		width:33%;
		margin:auto;
	}
 	.pied {
		background-image:url("../images/fond/cahier7.jpg");
		width:969px;
	}
/*	.pied1 {
		background-image:url("../images/fond/cahier7.jpg");
		width:969px;
		margin : auto ;
	}
	.pied1 > p, .pied1 > img {
		margin : 5px 20px 5px 90px;
	}
	.pied1 > table, .pied1 > div {
		margin : 5px 20px 5px 90px;
	}*/
	.papy {
		background-image:url("../images/fond/cahier.jpg");
		width:750px;
		margin : auto ;
	}
	.papy > p, .pied1 > img {
		margin : 5px 40px 5px 110px;
	}
	.papy > .ptitrepapy{
		font-weight:bolder;
		text-align:center;
		font-size:xx-large;
	}
	.papy >p{
	font-weight: normal;
	font-size:larger;
	}
	.papy >table, .papy > div {
		margin : 5px 40px 5px 110px;
	}
	.imageCentree {
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
	.im{
		display : block;
		height:188px;
		margin:auto;
	}
	.etapeGIF {
		border: 0px solid ;
		float: right;
	}
	.section{
		flex-direction : row;
		text-align : center ;
	}
	.imcom{
		display : flex;
		flex-direction : column;
		align-items : center;
		padding:5px 10px 5px 10px;
	}
	.largeurPage{
		width : 845px;
		padding : 20px ;
	}
	.largeurPage_1{
		width : 845px;
		padding : 20px 25px 20px 25px;
	}
	.largeurPagePapy{
		width : 625px;
		padding : 20px ;
	}
	.col1{
		padding : 10px;
		overflow: hidden;
		width : 30% ;
	}
	.col1_1{
		padding : 10px;
		overflow: hidden;
		margin-right : 0;
		width : 35% ;
	}
	.col2{
		padding : 20px;
		width : 65% ;
		text-align : left ;
	}
	.col2_1{
		padding : 20px;
		width : 55% ;
	}
	
	#descriptif{
		padding-right:50px;
		margin-right:50px;
	}
	.imageA{
		max-height:176px;
		border:none;
		cursor:pointer;		
	}
}

/* BARRE DE MENU  */
/* Hauteur*/

TABLE.menu2 {
    height:20px;
    color:#FFFFFF;
}
/* couleur, bordure*/
TD.menu2 {
    border:1px solid #000000;
    text-indent:10px;
    font-size: 14px;
    text-decoration : none;
    font-family : Arial,Helvetica,sans-serif;
/*    background-color: #cccccc;*/
		background-color: #c5c2bb;   
    color : #000000;
    cursor: help;
}
TD.menu2:hover {
	background-color: #85827b; 
}

/* MENU DEROULANT */
/* Largeur des menus d oulants */
DIV.menu2 {
    background-color: #c5c2bb;
    border:1px solid #000000;
}
/*hauteur des liens couleur*/
A.menu2 {
    text-indent:10px;
    font-size: 12px;
    font-family : Arial,Helvetica,sans-serif;
    height:20px;
    color:#000000;
    text-decoration : none;
 }
A.menu2:hover {
/*    cursor: help;*/
    background-color: #85827b; 
    color:#000000;
  }
TABLE.menu3 {
    height:20px;
    color:#FFFFFF;
}
/* couleur, bordure*/
TD.menu3 {
    border:1px solid #000000;
    text-indent:10px;
    font-size: 14px;
    text-decoration : none;
    font-family : Arial,Helvetica,sans-serif;
/*    background-color: #cccccc;*/
		background-color: #ffffff;   
    color : #000000;
    cursor: help;
}
TD.menu3:hover {
	background-color: #909090; 
}

/* MENU DEROULANT */
/* Largeur des menus d oulants */
DIV.menu3 {
    background-color: #ffffff;
    border:1px solid #000000;
}
/*hauteur des liens couleur*/
A.menu3 {
    text-indent:10px;
    font-size: 12px;
    font-family : Arial,Helvetica,sans-serif;
    height:20px;
    color:#000000;
    text-decoration : none;
 }
A.menu3:hover {
/*    cursor: help;*/
    background-color: #909090; 
    color:#000000;
  }