/* A Free Design by Bryant Smith (bryantsmith.com) */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061C37;
	background: #EEEFE4;
	background-image:url(imgs/background.png);
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#lastnews
{
  position: absolute;
  width:auto;
  height:54px;
  top: 0px;
  right: 0px;
  text-align:right;
  color:#FFFFFF;
  padding:0px 5px 0 5px;
  font-size: 10px;
}
 
#container
{
  display: block; 
  height:auto;
  position: absolute; 
  width: 960px;
  left: 0;
}

#container_centered
{
  display: block; 
  height:auto;
  width: auto;
  left: 0;
}

#header
{
height:85px;
width:960px;
}

#header h1
{
	position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;	
left:14px;
top:18px;
}


#header h2
{
position:absolute;
text-align:right;
color:#A9D1FA;
left:490px;
top:38px;
width:400px;
}

.off
{
color:#67A0F5;
}


#menu
{
  display:block;
  float:left;
  clear:both;
  width:960px;
  height:54px;
  float:left;
  clear:both;
}

#leftmenu
{
  margin-top:10px;
  width:204px;
  float:left;
}
#leftmenu_top
{
  width:204px;
  height:8px;
  background-image:url(imgs/leftmenu_top.png);
}
#leftmenu_bottom
{
  width:204px;
  height:14px;
  background-image:url(imgs/leftmenu_bottom.png);
}
#leftmenu_main
{
  width:204px;
  height:auto;
  background-color:#1C478E;
}
#leftmenu_main ul
{
  list-style: none;
  padding: 0px;
  width:204px;
}
#leftmenu_main h3
{
  list-style: none;
  padding: 0px;
  width:204px;
  color:#FFFFFF;
  padding-left:10px;
  padding-bottom:14px;
}
#leftmenu_main ul li
{
  list-style: none;
  padding: 0px;
  width:204px;
  text-align:left;
}
#leftmenu_main ul li a, #leftmenu_main ul li a:visited
{
  display:block;
  list-style: none;
  padding: 0px;
  width:192px;
  padding-left:12px;
  padding-top:4px;
  height:30px;
  text-align:left;
  background-image:url(imgs/leftmenu_link.png);
  background-repeat:repeat-x;
  margin-top:5px;
  color:#FFFFFF;
  text-decoration:none;
  font-size:15px;
  font-weight:bold;
}
#leftmenu_main ul li a:hover
{
  color:#87BCF8;
}

#content
{
  display:block;
  float:left;
  width:689px;
  height:auto;
  padding-left:10px;
  padding-top:15px;
  padding-right:10px;
  padding-bottom:5px;  
}

#content_top
{
  background-image:url(imgs/main_top.png);
  background-repeat:no-repeat;
  width:689px;
  height:25px;
}

#content_main
{
  background-image:url(imgs/main_back.png);
  background-repeat:repeat-y;
  width:659px;
  padding-left:15px;
  padding-right:15px;
}

#content_bottom
{
  background-image:url(imgs/main_bottom.png);
  background-repeat:no-repeat;
  width:689px;
  height:25px;
}

#footer
{
  width:inherit;
  height:auto;
}
#footer h3 a,#footer h3 a:visited
{
  display:inline;
  text-align:center;
  font-size:12px;
  text-decoration:none;
  color:#7198E1;
}


#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:960px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menu a {
	float: left;
	height: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 18px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;
	
}

#menu a:hover{
	color:#86AEF9;
	background-image:url(imgs/linkbackground.jpg);
	background-repeat:repeat-x;
}

a, a:visited {
  color: #0000FF;
}

a:hover, a:active {
  color: inherit;
}

.TFtable {
  width:100%; 
  border-collapse:collapse;
}
.TFtable td { 
  padding:7px;
  border:#4e95f4 1px solid;
  text-align:center;
}
.TFtable tr{ /* provide some minimal visual accomodation for IE8 and below */
  background: #eee;
}
.TFtable tr:nth-child(odd){ /*  Define the background color for all the ODD background rows  */ 
  background: #eee;
}
.TFtable tr:nth-child(even){ /*  Define the background color for all the EVEN background rows  */
  background: #ddd;
}
.TFtable tr th {
  border:0;
  text-align:center;
  background-color:white;
}

/* CSS stagiaire CONNEXION*/
.formulaire_connexion{
	margin-top: 80px;
}
.formulaire_connexion fieldset{
	border: 6px solid #1c478e;
	border-radius: 15px;
	height: 120px;
	width: 350px;
}
.formulaire_connexion legend{
	color: white;
	font-size: 17px;
	padding: 0px 9px;
}
.formulaire_connexion form{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}
.formulaire_connexion form input{
	width: 80%;
	text-align: center;
	border-radius: 4px;
}
.formulaire_connexion form button{
	width: 50%;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 5px;
}
.formulaire_connexion form button:hover{
	width: 50%;
	text-align: center;
	border-radius: 4px;
	background: #1c478e;
	cursor: pointer;
}
/* CSS stagiaire CONTACT*/
.formulaire_contact{
	position: relative;
	top: 200px;
	left: 220px;
}
.formulaire_contact fieldset{
	border: 6px solid #1c478e;
	border-radius: 15px;
	width: 500px;
	height: 250px;
}
.formulaire_contact legend{
	color: white;
	font-size: 17px;
	padding: 0px 9px;
}
.input{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 80%;
}
.formulaire_contact form{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: 100%;
}
.formulaire_contact form input{
	width: 40%;
	text-align: center;
	border-radius: 4px;
}
.formulaire_contact form textarea{
	width: 80%;
	text-align: center;
	border-radius: 4px;
}
.formulaire_contact form button{
	width: 50%;
	text-align: center;
	border-radius: 4px;
}
.formulaire_contact form button:hover{
	width: 54%;
	text-align: center;
	border-radius: 4px;
	background: #1c478e;
	height: 18px;
	font-weight: 500;
	cursor: pointer;
}