/* CSS Pages Perso */ /* Style principal : dominante bleue */
:root /*** Variables ***/
{
  --main-bg-color: white;
  --main-color: #2929FF;
  --main-border-color: #9999FF;
  --main-textfont: arial, sans-serif, times;
  --main-textsize-small: 11px;
  --main-textsize: 12px;
  --main-textweight: regular;
  --main-textsize-T2: 14px;
  --main-textweight-T2: regular;
  --main-textsize-T1: 16px;
  --main-textweight-T1: regular;
  --main-textsize-huge: 18px;
  --link-color-link: blue;
  --link-color-hover: gray;
  --link-color-visited: purple;
  --image-height: 300px;
}
a:link {color: var(--link-color-link)}
a:hover {color: var(--link-color-hover) }
a:visited {color: var(--link-color-visited) }
/***************************/
html, body
{	font-size: var(--main-textsize);
	font-family: var(--main-textfont);
	margin: 0;
	padding: 0;
	background-color: var(--main-bg-color);
	color: var(--main-color);
	/*background-image:url(../Images/fond33.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 50% 5px;*/
}
#total
{
	width:780px;
	margin-top:5px ;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	/*padding:5px; */
	/*border: 2px solid #0033AA;*/
	/*background-color:#FFFFFF;*/
}
#header 		/*** En Tete ***/
{
	height: 70px;
	margin: 0 0 5px 0;
	padding: 10px;
	border:2px solid var(--main-border-color);
	color: var(--main-color);
	text-align: right;
	/*background-image:url(../Images/entete.jpg);	 
	background-repeat:no-repeat;
	background-position:bottom; */
}
#MenuGauche		/*** Menu de Gauche ***/
{	width:210px;
	margin: 5px 0 5px 0;
	padding:5px;
	border:2px solid var(--main-border-color);
	color: var(--main-color);
	float:left;
}
.MenuT1>a
{	font-size: var(--main-textsize-T1);
	font-weight: var(--main-textweight-T1);
	text-decoration:none;
	padding:2px;
}
.MenuT1>a:hover
{	color: var(--link-color-hover);
	font-weight: bold;
	text-decoration:none;
	padding:2px;
}
.MenuT2>a
{ 	font-size: var(--main-textsize-T2);
	text-decoration:none;
	padding:2px;
}
.MenuT2>a:hover
{	color: var(--link-color-hover);
	text-decoration:none;
	padding:2px;
}
.MenuT3>a
{
	font-size: var(--main-textsize);
	text-decoration:none;
	padding:2px;
}
.MenuT3>a:hover
{	color: var(--link-color-hover);
	text-decoration:none;
	padding:2px;
}
#Corps			/*** Corps ***/ 
{	width:530px;
	margin: 5px 0 5px 0;
	padding:10px;
	border:2px solid var(--main-border-color);
	color: var(--main-color);
	font-size: var(--main-textsize); 
	float:right;
}
#Corps>h1
{
	font-size: var(--main-textsize-T2);
	color: var(--main-color);
	text-decoration:none;
	padding:2px;
	text-indent:2px;
}
#Corps>h2
{
	font-size: var(--main-textsize-T1);
	color: var(--main-color);
	text-decoration:none;
	padding:2px;
	text-indent:2px;
	text-align:center;
}
#Corps>h3
{
	font-size: var(--main-textsize-huge);
	text-align: center;
	color: var(--main-color);
	text-decoration:none;
	padding:2px;
	text-indent:2px;
}
#Corps>p
{
	text-decoration:none;
	padding:2px;
	text-indent:2px;
	text-align:justify;
}
#down				/*** Bas de Page ***/
{	
	margin:5px 0 0 0;
	padding:1px;
	border:2px solid var(--main-border-color);
	font-size: var(--main-textsize-small);
	color: var(--main-color);
	clear: both;
	font-weight: bolder;
	text-align: center;
}
/**** FIN ***/