/* 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;
}
.largeurPage{
	display : flex;
	flex-direction : column;
	align-items : center;
}
p.ptitre{
	font-weight:bolder;
	text-align:center;
	font-size:xx-large;
	padding-top : 10px;
	padding-bottom : 10px;
}
.grandFormat {
	display : none;
}
.petitFormat {
	display : block;
	width : 100% ;
}
#Slide{
	max-width:100%;
	height:auto;
	border: none;
	margin:auto;
}
/* ################################################################################################################################################################" */
@media (min-width:969px) {
	BODY    {
		background-image: url("../images/fond/uni1.jpg");
	}
	td{
		text-align : center;
	}
	.grandFormat {
		display : block;
		background-image:url("../images/fond/cahier7.jpg");
		width:969px;
		margin: auto;
	}
	.grandFormat  p{
		margin : 10px 10px 10px 10px;
	}
	.grandFormat > p{
		margin : 10px 25px 10px 100px;
	}
	.grandFormat  div{
		margin : 10px 10px 10px 10px;
	}
	.grandFormat > table{
		margin : 10px 25px 10px 100px;
	}
		
	.petitFormat {
		display : none;
	}
	.boîte{
		display : none;
		margin : 10px 10px 10px 10px;
	}
	.largeurPage{
		width : 845px;
		padding : 20px ;
	}
	.chapo{
		margin : 10px 25px 10px 100px;
	}
}

/* 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;
  }