/* A le début est encore utile pour http://mdv.pagesperso-orange.fr/echecs/Ouvert.html*/	
	H1	{font-size:14pt;color:#008080}
	H2	{font-size:12pt;color:blue;text-align:center;}
	H3	{font-size:11pt;color:black}
	H4	{font-size:10pt;color:black;FONT-WEIGHT: bold}
	H5	{font-size:9pt;color:black}
	
	P.darkblue12 {font-size:12;color:darkblue}
	P.white15 {font-size:15;color:white}
	P.red11 {font-size:11;color:red}
	P.red13 {font-size:13;color:red}
	P.red15 {font-size:15;color:red}	
	P.darkred11 {font-size:13;color:darkred}
	P.darkred13 {font-size:13;color:darkred}
	P.darkred15 {font-size:15;color:darkred}
	P.nav11 {font-size:11;color:navy}
	P.nav13 {font-size:13;color:navy}
	P.nav15 {font-size:15;color:navy}
	P.arnav10 {font-family:arial;font-size:10;color:navy}
	P.arnav13 {font-family:arial;font-size:13;color:navy}
	P.black10 {font-size:10;color:black}	
	P.black11 {font-size:11;color:black}
	P.black12 {font-size:11;color:black}
	P.ablack10 {font-family:arial;font-size:10;color:black}
	P.ablack11 {font-family:arial;font-size:11;color:black}
	P.ablack12 {font-family:arial;font-size:12;color:black}
	P.ablack13 {font-family:arial;font-size:13;color:black}
	P.commentb11 {FONT-FAMILY: Arial, Verdana;font-size:12;color:black}
	P.commentb12 {font-family:arial;font-size:13;color:black}
	P.commentn11 {FONT-FAMILY: Arial, Verdana;font-size:12;color:navy}
	P.commentn12 {font-family:arial;font-size:13;color:navy}
	P.noteblue10 {font-family:arial;font-size:11;color:navy;text-align:right}
	P.silver11 {font-size:11;color:silver}
	P.silver13 {font-size:13;color:silver}
	P.indent {font-size:12pt;text-indent:0.30in}
	P.ind2 {font-size:11pt;text-indent:0.45in}
	P.ind3 {font-size:10pt;text-indent:0.60in}
	P.ind4 {font-size:10pt;text-indent:0.75in}
	P.dmaj {font-size:7pt;color:darkred}
	
	tr.border2 {border: 2px solid red;}
	td.navy7 {font-size:7pt;color:navy}
	td.navy8 {font-size:8pt;color:navy}
	td.navy9 {font-size:9pt;color:navy}
	td.navy11 {font-size:11pt;color:navy}
	td.red11 {font-size:11pt;color:red}
	td.red11b {font-size:11pt;color:red;font-weight:bold;}
	
	.navy9 {font-size:9pt;color:navy;}
	.red11b {font-size:11pt;color:red;font-weight:bold;}
	
	span.red11 {font-size:11;color:red}
	span.red13 {font-size:13;color:red}
	span.fuchsia15 {font-size:15;color:fuchsia}
	span.centerchess {font-size:15;color:fuchsia;text-align:center} 
	div.chesscenter {text-align:center}
	
	.ar11 {font-family:arial;font-size:11;color:navy}
	.arnav11 {font-family:arial;font-size:11;color:navy}
	.arnav12 {font-family:arial;font-size:12;color:navy}
	.arnav13 {font-family:arial;font-size:13;color:navy}
	.arnav14 {font-family:arial;font-size:14;color:navy}
	.arbb11 {font-family:'Arial Black'; font-size:11;color:black}
	.arbred5 {font-family:'Arial Black'; font-size:5;color:red}
	.arbp11 {font-family:'Arial Black'; font-size:11;color:purple}
	.choco9	{font-size:  9pt; color:Chocolate; font-weight: bolder; text-decoration: none; font-family:  verdana,arial}
	.choco11 {font-size:  11pt; color:Chocolate; font-weight: bolder; text-decoration: none; font-family:  verdana,arial}
	.choco13 {font-size:  13pt; color:Chocolate; font-weight: bolder; text-decoration: none; font-family:  verdana,arial}
	.choco14 {font-size:  14pt; color:Chocolate; font-weight: bolder; text-decoration: none; font-family:  verdana,arial}
	BODY.coquillec {background-color:#FFF8EF}
	BODY.chblancs {background-color:#FFF4EE}
	BODY.coquillef {background-color:#FFDAB9}
	BODY.chnoirs {background-color:#FFDAB9}
	BODY.ardoise {background-color:#CDCFDD}
	

/* B ce qui suit a été rajouté pour mon nouveau site vathaire.com */	

@font-face
{
    font-family: 'Ballpark';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
	/* Main elements of the page */

body
	{
    font-family: 'Trebuchet MS', Arial, saifns-serif;
    color: #181818;
	}

	
#main-wrapper
		{
		width: 75%;
		margin: auto;
		border: 0px solid blue;
		}

#main_title
	{
    display: inline-block;
	}
	
header
	{
    /* background: url('images/line.png') repeat-x bottom;  */
	}


#logo  
		{
		display: inline-block;
		width: 40%;
		border: 0px solid black;
		vertical-align: top;
		margin-bottom: 0px;
		}
/*   Menu principal   */	
.nav	
		{
		display: inline-block;
		width: 50%;
		border: opx solid black;
		background: #e8e4e3;
		margin: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		list-style: none;
		text-align: right;
		}

.nav a
		{
		display: block;
		font-size: 1em;
		padding-left: 1em;
		color:#181818;
		text-align: right;
		text-decoration: none;
		text-transform: uppercase;
		}		
.nav a:focus, 
.nav a:hover
		{
		text-decoration: underline;
		color:#760001;
		}
.nav-item
		{
		float: left;
		position: relative;
		padding-left: 2em;
		}
.sub-nav
		{
		display: none;
		position: absolute;
		/* white-space: nowrap; */
		width: 170px;
		margin-top: -20px;
		padding: 0 0;
		margin: 0 0;
		border: 1px solid black;
		}
.nav-item:hover .sub-nav
		{
		display: block; /* Affiche cette sous-liste au survol de son conteneur */
		}		


	
@media all and (max-width: 980px)
{
		#logo  
		{
		display: inline-block;
		width: 35%;
		border: 0px solid black;
		vertical-align: top;
		margin-bottom: 0px;
		}
.nav
		{
		display: inline-block;
		width: auto;
		text-align: left;
		}
.nav li
		{
		display: block;
		padding-left: 4px;
		}		
.nav a
		{
		font-size: 1.1em;
		}		
.nav a:hover
		{
		border-bottom: 0;
		}
}	
#floatright
		{
		float: right;
		margin: 10px;
		}
#floatleft
		{
		float: left;
		margin: 10px;
		}

article, aside
		{
		display: inline-block;
		vertical-align: top;
		text-align: justify;
		}		
article
		{
		width: 55%;
		margin: auto;
		padding: 6px;
		margin: 7px;
		}
aside
		{
		width: 34%;
		padding-left: 15px;
		margin: 3px;
		background-color: #FFF8EF;
		font-size: 0.9em;
		}
aside p, aside ul
		{
		font-size: 0.9em;
		}	
		
footer
		{
		background: url('images/line.png') repeat-x top;
		}
footer p, footer ul
		{
		font-size: 0.8em;
		}

#cmoi, #messites
		{
		display: inline-block;
		vertical-align: bottom;
		background-color: #f7f7f7;
		}
#cmoi
		{
		width: 35%;
		}
#messites
		{
		width: 57%;
		list-style-image: url('images/icc_liensexterne.png');
		padding-left: 15px;
		}
#messites ul
		{
		display: inline-block;
		width: 30%;
		vertical-align:top;
		padding-left: 5px;
		}	
		

		
.center70 {
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		}
.center50 {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		}
.center70 {
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		}

td.center {text-align:center;}
td img {vertical-align:bottom}
	
.verdana5 {font-family: Verdana; font-size:0.5em;}
	
p {
	font-family:Verdana;
	font-size:11pt;
	text-decoration:none;
	}
	
textarea {
	width: 50em;
	height: 5em;
	text-align: justify;
	}
:required
{
    background-color: #FFAAFF;
}