html {font-size: 100%;}
body {font-size: 0.95em;}

@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 */
caption {
	font-family: 'Comic Sans MS', cursive;
	font-size: 1em;
	text-decoration: underline;
	}
body
	{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
	margin:0;
	padding:0;
	height:100%;
	}

	
#main-wrapper
		{
		width: 99%;
		margin: auto;
		min-height:100%;
		position:relative;
		background: linear-gradient(to bottom, #f6e6b4 1%,#cec0c9 56%,#ed9017 100%);
		}

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


#logo  
		{
		display: inline-block;
		width: 13%;
		/* height: 2em; */
		border: 0px solid black;
		vertical-align: top;
		margin-bottom: 0px;
		margin-left: 1.3em;
		margin-right: 1.5em;
		}
		
#logo_etudes  
		{
		display: inline-block;
		width: 13%;
		border: 0px solid black;
		vertical-align: top;
		margin-bottom: 0px; 
		margin-left: 40em;
		/* margin-right: 1.5em; */
		}
		
#blason {
	opacity: 0.7;
	background-image: url("blasons/vathaire1sm.png"); 
	background-repeat: no-repeat;
    /* background-color: #d0d3d4;*/
	width:80%;
    }
		
/*   Menu principal   */	
nav	
		{
		display: inline-block; 
		margin-top: 1.5em;
		margin-left: -4em;
		list-style: none;
		text-align: left; 
		width: 70%;
		/* background: #f6f3de; */
		padding-top: 1em;
		padding-left: 2em;
		}
/* select all a elements descendant of an element having the .nav class */		
nav a
		{
		display: block;
		font-size: 0.7em;
		padding-left: 0.8em;
		color:#181818;
		text-align: center;
		text-decoration: none;
		text-transform: none;
		font-size: 0.95em;
		margin-left: 0em;
		margin-right: 0.6em;
		font-weight: bold;
		}
		
nav ul
		{
		list-style-type: none;
		padding: 0;
		margin-top: 0;
		margin-left: 1.2em;
		position:absolute;
		}
		
nav  li
		{
		/* Menu tabs de 1er niveau (en ligne) */
		float: left;
		margin-left: 1.2em;
		margin-top: 0.10em; 
		margin-bottom: 0.06em; 
		background-color: #DABC6A;
		}
		
/* select all a elements inside li elements that are descendant of an element having the .nav class */
nav li a	{
	display: block;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-weight: bold;
	color: rgba(107, 88, 221, 0.9);
	text-shadow: 0px 0px rgba(0, 0, 0, 0.9);
	border-radius: 40%;
	margin-left: 0.8em;
	transition: all 0.3s ease-in-out;
	}	
	

nav li a:hover, .nav li a:focus {	
		color:red;
		background: rgba(255, 255, 255, 0.25);
		} 
		
.nav-item
		{
		display: inline-block;
		padding-left: 0px;
		padding-right: 0.10em;
		border-style: solid;
		border-width: 0.06em;
		border-color: #babfe7;
		border-radius: 1.5em;
		}
		
.sub-nav		/* block contenant les sous menus  */
		{
		display: none;
		position: absolute;
		width: 11em;
		margin-top: 0;
		margin-left: -0.3em;
		background-color: #E0D087; 
		
		}


.nav-item:hover .sub-nav
		{
		display: block; /* Affiche cette sous-liste au survol de son conteneur */
		/* background-color: #F5591E ;  donne le fond pour le bloc sous-menu quand on fait un mouse-hover */
		/* background-color: #BDBAB9 ; */
		background-color: transparent;
		
		}		
.sub-nav-item            /* sous-menus en colonnne   */
		{
		/* lignes du sous-menu (en colonne) */
		position: relative;
		padding-top: 0.4em;
		/* background-color:#E88529; */
		background-color: #EE9D41;
		width: 7em;
		height: 1.8em;
		margin-top: 0;
		margin-bottom: 0;
		}

.sub-nav-item a
		{
		background-color: #DBCCB8; /* fond pour chaque texte du sous-menu */
		font-size: 70%;
		height: 2em;
		border-radius: 1.5em;
		margin: 0 0;
		}
		
.mdvtable {
	border:0.8px solid black;
	width:70%;
	align:center;
	padding-left: 1em;
	margin-left: 2.5em;
				}
			
.mdvtable ul  {
	list-style-type: none;
			}
			
.mdvtable ul li
		{
		font-size: 1.3em;
		}
.mdvtable td {
		padding-left: 5px;	
			}
/*Responsive Styles*/
	
@media all and (max-width: 480px)
{
		#logo  
		{
		display: inline-block;
		width: 17%;
		border: 0 solid black;
		vertical-align: top;
		margin-bottom: 0;
		}
}	



#floatright
		{
		float: right;
		margin: 0.6em;
		}
#floatleft
		{
		float: left;
		margin: 0.6em;
		}
#floatcenter
		{
		float: center;
		margin: 0 0 0 0;
		opacity:1;
		}

article, aside
		{
		display: inline-block;
		vertical-align: top;
		text-align: justify;
		}		
article
		{
		width: 50%;
		margin: auto;
		padding: 0.25em;
		margin: 0.19em;
		border: 0 solid blue;
		}
aside
		{
		width: 23%;
		padding-left: 0.06em;
		margin: 0 0;
		font-size: 0.8em;
		border: 0.10em solid black;
		}
aside#chess
		{
		background: rgba(193, 212, 144, 0.3);
		border: 0.06em solid black;
		}
aside#chess:hover
		{
		background: linear-gradient(to bottom, #c9c190 0%,#c4c2b8 44%,#b7ad70 100%);
		opacity:0.9;
		border: 0px solid black;
		}

aside p
		{
		font-size: 1em;
		align: center;
		border: 0.18em solid black;
		}	

aside ul
		{
		display: inline-block;
		vertical-align:top;
		margin-top: -0.4em;
		padding-left: 0.1em;
		padding-right: 0;
		list-style-type: none;
		width: 15%;
		opacity:0.9;
		}
		

aside img
		{
		float: top;	
		display: block;
		margin: 0 auto;
		}


articleww
		{
		width: 80%;
		padding: 0.37em;
		margin: 0.42em;
		}
#content {
   height: 90%; 
   padding-bottom:3.7em;
		}		
footer
		{
		/* background: url('images/line.png') repeat-x top; */
		position:left;
		bottom:0;
		width:75%;
		margin-left:1%;
		border-style: solid;
		border: thick #ff0000;
		}
	
		
footer p, footer ul
		{
		font-size: 0.9em;
		list-style-type: none;
		}


#messites
		{
		margin-top: 1em;
		width: 80%;
		padding-left: 0.3em;
		background: linear-gradient(to bottom, rgba(240,183,161,0.45) 0%,rgba(140,51,16,0.45) 34%,rgba(140,51,16,0.45) 50%,rgba(140,51,16,0.45) 52%,rgba(140,51,16,0.64) 69%,rgba(191,110,78,1) 100%);
		}
#messites ul
		{
		display: inline-block;
		width: 15%;
		vertical-align:top;
		padding-left: 0.3em;
		margin-top: -1em;
		}	

#cmoi
		{
		position:absolute;
		align: center;
		width: 20%;
		background-color: #d2d2d2;
		}
		
.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;
		}
	

h1	{
	font-size:2.3em;
	color:#008080;
	text-align:center;
	}
h2	{font-size:1.8em;
	color:blue;
	text-align:center;
	}

h3	{
	font-size:1.6em;
	color:black;
	FONT-WEIGHT: bold;
	text-align:center;
	}
h4	{
	background-color:grey;
	font-size:1.1em;
	color:white;}
	
h4#mdev {
	color:blue;
	text-align:center;
	}

h4#modes {
	color:blue;
	background-color:white;
	text-align:center;
	}
h5
	{
    color:black;
    font-size:0.9em;
    margin-bottom:0px;
	}
h6 
	{
    color:blue;
    font-size:0.8em;
	font-style:italic;
	text-decoration: underline;
   	}

h6#droits
	{
    color:black;
    font-size:0.7em;
	font-style:italic;
	text-decoration: none;
	text-align:center;
   	}
	
li a {color:black;
	  font-weight: bold;
	 }



.news p
	{
    background-color: #CCCCCC;
    margin-top: 0px;
	}
.news
	{
    width:70%;
    margin:auto;
	}

a
	{
    text-decoration: none;
    color: blue;
	}
td a  {
    text-decoration:underline;
    color: blue;
	font-size:0.7em;
	}
		
p 	{
	font-family: 'Arial black', sans-Serif;
	text-decoration: none;
	margin-left: 3em;
	}

p, ul{
	padding: 0;
	margin: 0;
	}
	
section	p {
	font-family: 'Arial', sans-Serif;
	text-decoration: none;
	margin-left:1.5em;
	}
	
#testtd {
	font-size:1em;
	}

#tableLiens td {
	font-size:1.1em;
	background-color:#FFFFFF;
	padding-top: 0.3em;
	}	
	
	
textarea {
	width: 50em;
	height: 5em;
	text-align: left;
	border:0.06em solid #F5C5C5;
	border-radius:0.5em;
	font-family:tahoma; 
	background-color:lightsteelblue;
	box-shadow:0.06em 0.06em 0.12em #C0C0C0 inset;
		}
:required
	{
    background-color: #FFAAFF;
	}
.news p
	{
    background-color:#CCCCCC;
    margin-top:0px;
	
.news
	{
    width:80%;
    margin:auto;
	}
input[type="number"] {
   width:1.8em;
	}
input[type="textarea"] {
   text-align: left;
}
img.imgblock
		{
		display: block;
		}
.editabletext
		{
		font-size: 65%;
		}

#imggauche { 
  border : 0.18em solid #b0b0b0; 
  /* float : left; */
  vertical-align:middle;
  margin : 0 1.25em 0.3em 0; 
	}
.button_notif { 
 font-family:arial;
 color: #2266CC; 
 font-size:0.8em;
 border-color:#2266cc;
 border-style:solid; 
 background-color:#FFEEAA
	} 

.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    width: 1.5em;
	padding: 0.2em;
	font-size: 0.7em;
    background-color: #99AA99;
    -webkit-border-radius: 0.4em;
    box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.5);
    border-radius: 0.4em;
    border: none;
    font-weight: bold;
	}
	
	
#contactform fieldset {
	margin: 0 0 0.3em 0;
	
#contactform fieldset label {
	display: block; 
	font-weight: bold;
	line-height: 1.4;
	color: #666;
	color: rgba(0, 0, 0, 0.6);
	text-shadow: 0 1px 1px #fff;
	}
#contactform fieldset:last-child {
	margin: 0;
	}
#contactform fieldset input[type="text"] {
	width: 215px;
	padding 5px 8px;
	font-size: 1.2em;
	color: #666;
	border: none;
	background-color:#F0F0F0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

#contactform input[type="submit"] {
	padding: 8px 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	color: #444;
	border: none; 
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from (#FFEEBB), to (#EE9966)); 
	background-image: -moz-linear-gradient(0% 100%, 90deg, #FFEEBB, #EE9966); 
	background-color:#CCAA50;
	border-radius: 23px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}	

.copyright {
	font-size: 50%;
	text-align: center;
	} 
@font-face {
		font-family: verdana;
	}
	
#imgtest {
	/ * float:right; */
	display: block;
	background-color: #FADEEB;
	/* border: 1px solid; */
	margin: 0 auto;
	padding: 10px;
	}
#ptest {
	background-color: #D7FCFC;
	border: 1px solid;
	}
.td-now	{
	font-family: "Times New Roman", Times, serif;
	font-size:10px;
	color: #00ff00;
	font-weight: bold;
	width: 40%;
	}