body	{
		font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
		color: #000000;
		background: #C2D5FF url(images/fond.png) no-repeat top left;
		margin-top : 0px;
		padding-left : 10px; /* 80 */
		padding-top : 0px;
		padding-bottom : 60px;
		}
		
table		{
		margin : 10px 0 0 30px; /* 150 */
		border : 1px solid black;
		border-collapse:collapse;
		}

caption		{
		font-size: 20px;
		font-weight: bold;
		color: black;
		text-align: center;
		padding: 10px;
		background-color: #396cdd;
		border : 1px solid black;
		}


table.center	{
		margin-left:auto;
		margin-right:auto;
		}

		
table.noborder	{
		border : 0;
		}

.centration	{
		margin-top:20px;
		margin-bottom:20px;
		text-align:center;
		padding-left:25%;
		}

.align_gauche	{
		margin-top:20px;
		margin-bottom:20px;
		text-align:left;
		}


a:link		{
		color: #0000FF;
		}

a:visited	{
		color: #0000FF;
		}

h1 		{
		margin-left : 5px; /*80*/
		margin-top : 0px;
		font-size : 40px;
		margin-bottom : 44px;
  		}

h1.menu		{
		margin-bottom : 10px;
		}

h2		{
		margin-left :80px; /* 25% 100*/
		padding : 0;
		}

h3		{
		margin-left : 55px; /*120*/
		padding : 0;
  		}
  		
h4		{
		margin-left : 160px;
		padding : 0;
		}

p		{
		display : block;
		margin : 0 0 10px 130px; /* anciennement commenté*/
		font-weight : normal;
		text-align : justify;
		line-height: 1.6;
		}

p.copyright	{
		text-align : right;
		padding-top : 20px;
		}

p.corps		{
		margin-left : 80px;
		margin-right : 80px;
		text-align: justify;
		}
		
.corp_menu	{
		margin-right : auto;
		}

p.alignright	{
		text-align : right;
		padding-right : 20px;
		margin : 0 0 0 0;
		}

p.alignleft	{
		text-align : left;
		padding-left : 0px;
		margin-left: 30px;
		}

p.aligncenter	{
		text-align : center;
		padding-left : 0px;
		margin-left: 0px;
		}
		
p.table		{
		margin-left : 10px;
		margin-right : 10px;
		text-align: center;
		}

p1		{
		display : block;
		margin : 0 0 0 150px;
		padding : 0;
		font-size : 16px;
		font-weight : normal;
		}

form		{
		display : block;
		margin : 0 0 0 0px;
		padding : 0;
		font-size : 16px;
		font-weight : normal;
		}

p.p2		{ 
		display : block;
		margin : 10px 0 10px 190px;
		padding : 0;
		font-size : 16px;
		font-weight : normal;
		}

p3		{ 
		display : block;
		margin : 0px 0 0 230px;
		padding : 0;
		font-size : 16px;
		font-weight : normal;
		}

ul
		{
		margin-left : 60px; /* 180 */
		font-size: 10pt;
		font-family: Verdana, sans-serif;
		}

ul.page_handicap {
		margin-left : 10px;
		}

li.puce		{
		list-style-type: disc;
		}
		
li.page_handicap {
		margin-left : 10px;
		}
 
li.petit	{
		font-size: 10pt;
		}
		
li		{
		margin-left: 20px; /*70*/
		}
		
li.ff7		{
		margin-left: 0px;
		}
		
.aff_icone	{
		text-align : center;
		/*width : 1313px; */
		/*height:auto;
		padding : 10px; 
		padding-left : 56px; */
		position : fixed;
		left: 1%; /* -2482px; */ /*1%*/
		right: 1%;
		bottom : 10px;
		transform: translateX(0);
		z-index: 9999;
		}

.div_menu
		{
		position : fixed;
		padding-left : 0px;
		top : 5px;
		right : 5px;
		border-radius : 10px;
		background : #719eff; /* CDFFFF */
		transform: translateY(0);
		z-index: 5000;
		border : 1px;
		width : auto;
		bottom : 77px;
		max-height : 86%;
		}
		
.marge_titre	{
		top : 56px;
		right : 50px;
		background : rgb(0,0,0,0); 
		}
		
.div_menu_bas
		{
		position : fixed;
		bottom : 0;
		margin : 0;
		padding : 0;
		width : 100%;
		height : 42px;
		}
		
.id_div_sommaire_haut
		{
		height : 92%;
		overflow : scroll;
		}
.div_menu_float
		{
		float : right;
		position: relative; /* relative */
		padding-left : 0px;
		top : 1px;
		border-radius : 10px;
		background : #719eff;
		transform: translateY(0);
		z-index: 5000;
		right : 0;
		border : 1px;
		margin-left : 50px;
		}
		
img.icone_pc
		{
		width : calc(100% / 21);
		}
		
	

.texterouge	{
		color : #FF0000;
		}

.textevert	{
		color : #009900;
		}

.centre		{
		text-align : center;
		margin : 0 2% 0 2%;
		}

.gras		{
		font-weight:bold;
		}

.souligne
		{
		text-decoration:underline;
		}
p.paragraphe
		{
		}
		
/*
remplacé par <pre>
p.code
		{
		font-style: italic;
		font-size: 14px;
		font-weight:bold;
		}
*/	
		
p.center
		{
		text-align : center;
		margin-right: 10px;
		margin-left: 10px; 
		}
		
.niv_0
		{
		margin-left: 10px;
		}	
p.niv_1
		{
		margin-left: 30px;
		}
p.niv_2
		{
		margin-left: 60px;
		}

p.niv_3
		{
		margin-left: 90px;
		}

p.niv_4
		{
		margin-left: 110px;
		}
		
p.niv_5
		{
		margin-left: 130px;
		}
		
#cv
		{
		width : 100%;
		text-align : center;
		padding-left : 15px;
		padding-right : 9px;
		}
		
img.cv
		{
		height : 100px;
		width : 100px;
		padding-bottom : 10px;
		}

img.pblv
		{
		height : 112px;
		}


p.pblv		{
		font-size : 12pt;
		text-align : center;
		margin: 0px;
		padding: 5px;
		}

p.pblv2		{
		font-size : 10pt;
		text-align : left;
		margin:0;
		padding:0 10px 20px 10px
		}

p.pblv3		{
		font-size : 10pt;
		text-align : center;
		margin:0;
		padding:0;
		padding-bottom: 10px;
		}
		


h1.pblv2	{
		font-size : 12pt;
		text-align : left;
		margin:0;
		padding:0;
		padding-bottom:20px;
		}


table.pblv
		{
   		border: 0px solid black;
		border-collapse: collapse;
		margin:0;
		padding:0;
		text-align: center;
		width : 100%;
		}

p.pblv2titre	{
		margin-left : 10px;
		}

table.hormag
		{
   		border: 0px;
		}

td.hormagColGau
		{
		text-align: right;
		border:	0px;
		}
td.hormagColDro
		{
		text-align: left;
		border:	0px;
		}

td.pblv2
		{
		vertical-align:top;
		}
tr.pblv2
		{
		vertical-align:top
		}
#main
		{
		position: relative;
		min-height: 100%;
		}
#global
		{
		position: relative;
		min-height: 100%;
		margin: 0 auto;	
		padding-left: 0px;
		}
#footer
		{
		float:left;
		width:100%;
		position:relative;
		padding:10px 0 70px 0;
		margin-top:20px;
		}

#col_gauche
		{
		position : relative; 
		width: 48%;
		padding: 0px 0px 0px 10px;
		}

#col_droite
		{
		float: right;
		width: 44%;
		margin: 0px;
		padding: 0px;
		}

#col_gauche_quisuisje
		{
		float:left;
		width: 48%;
		padding: 0px 0px 0px 10px;
		}

#col_droite_quisuisje
		{
		float: right;
		width: 48%;
		padding: 0px 10px 0px 0px;
		
		background-image: url(images/SquareBlueBullet2.gif);
		background-repeat: no-repeat;
		background-size: 4px 100%;
		background-position: left;
		}

h2.quisuisje	{
		margin-left : 54px;
		padding : 0;
		}
h3.quisuisje
		{
		margin-left : 65px;
		padding : 0;
		}
.div_code
		{
		font-style: italic;
		background-color : black;
		color : white;
		margin-left : 66px;
		margin-right : 66px;
		border-radius : 10px;
		padding : 5px 0px 5px 25px;
		}
textarea
		{
		background-color : white;
		width: 91%;
		height: 100px;
		font-size: 16px;
		font-family: inherit;
		color : black;
		resize: none;
		margin-left : 0px;
		}

textarea.MargeLeft100
		{
		margin-left : 100px;
		}
		
.red
		{
		color : red;
		}
.green
		{
		color : green;
		}
.purple
		{
		color : purple;
		}
.blue
		{
		color : blue;
		}
.orange
		{
		color : orange;
		}

#tableFF
		{
		margin-left : 100px;
		}


.TableCenter
		{
		margin-left: auto;
		margin-right: auto;
		}

td
		{
		padding: 10px 10px 10px 10px;
		border : 0px solid black;
		}
table.border
		{
		border : 1px solid black;
		}
		
 td.border
 		{
		border : 1px solid black;
		}
		
 tr.border
		{
		border : 1px solid black;
		}
				
#textDiv	{
		float: right;		
		width: 50%;
		margin: 0px;
		padding: 40px;
		}
		
.TableMarge
		{
		margin-left: 80px;
		}

.border_hori
		{
		border: 1px solid black;
		}
		
img.logo
		{
		width : 100px;
		}
		
img.miniature	{
		width: 150px;
		margin-left : 2%;
		border-radius: 10px;
		}

img.apercu
		{
		width: 40%;
		margin-left : 3%;
		border-radius: 10px;
		}

		
img.spampoisson
		{
		border : 0;
		width : 80px;
		height : 15px; 
		}
	

#div_img_en_grand
		{
		left:10px;
		right:10px;
		top:10px;
		bottom:10px;
		position:fixed;
		display:none;
		/* margin: auto; */
		/*width: 97%;*/
		/* height: 98%; /* 83%; */
		justify-content: center;
		background: #C2D5FF;
		border:1px solid #000;
		border-radius:50px;
		-webkit-border-radius:30px;
		-moz-border-radius:30px;
		z-index : 10500;
		}
		
img.ImgEnGrand
		{
		text-align : center;
		height : 500px;
		}
		
img.image_float
		{
		float: right;
		margin:	0px 45px 10px 10px;
		}
		
td.aligncenter	{
		text-align : center;
		vertical-align:top;
		}
		
p.citation::before
		{
		content: "«";
		color: blue;
		}

p.citation::after
		{
		content: "»";
		color: blue;
		}
		
		
.pointeurmain
		{
		cursor: pointer;
		}
		
td.TableMarge
		{
		padding : 5px;
		}

td.enbas
		{
		vertical-align: bottom;
		}

.troiscolonnes	{
		column-count: 3;
		column-rule: 1px solid rgb(75, 70, 74);
		}

.corps_centre
		{
		text-align: center;
		font-size: 16px;
		margin : 10px;
		padding-top : 26px;
		}
		
.external_link
		{
		background:url(images/external.gif) no-repeat right 0px/15px 14px; 
		padding-right:20px;
		}

.logo_entete
		{
		position : absolute;
		left : 50%;
		right : 50%;
		height: 200px;
		position: relative;
		z-index: 5;
		overflow: hidden;
		text-align: center;
		}


.logo_entete-bg
		{
		max-width: 100%;
		width: 100%;
		transform: translate(-50%,-39%);
		width: clamp(600px,150%,1680px);
		}

p.nojustify
		{
		text-align : left;
		}

form
	 	{
	 	margin-left : 80px;
	 	}