header{
height:100px;
line-height:100px;
width:100%;
margin:auto;
text-align:center;
font-size:23px;
}

#retour
{
    font-family:Arial, Helvetica, sans-serif;
    position: fixed;
    text-align: center;
    top:4px;
    right: 4px;
    background: #f2eeee;
    padding: 5px 30px;
    border: 5px double #d8d1d1;
}

body {
    background: #f2eeee;
    margin:0% 2%;
}
a,a:link, a:visited, a:active  {
	color: #bd5a35;
	text-decoration:underline;}

/* TABLEAU */

table a:link {
	color: #bd5a35;
	text-decoration:underline;
}
table a:visited {
	color: inherit;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}

table {
    empty-cells: hide;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	position:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 2px 5px #d1d1d1;
	-webkit-box-shadow: 0 2px 5px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table thead tr th{
    font-size: 12px;   
	line-height:20px;
}
table thead tr th img{
    float:left;   
}
tr.chef th{
    color:#1f6088;
    font-size: 13px;
}

tr.nom th{
    font-size: 12px;
    color:#81abc4;
    text-align:center;
	padding:21px 25px 22px 25px;
	border-top:1px solid #a9b2be;
	border-bottom:1px solid #9ac0c6;
	border-left:1px solid #a9bbbe;
	border-right:1px solid #a9bbbe;
	background: none;
	text-shadow:none;
}
tr.nom th:hover{
	background:none;
}
table th {
	text-align:center;
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

table tr {
	padding-left:20px;
}
table td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr th:hover {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
table tr td:first-child{
	text-align:center;
}
caption{
    /* C'est le titre */
    width:100%;
    margin:auto;
    font-family: sans-serif;
    font-size:50px;
    line-height:60px;
    height:80px;
	color: #bd5a35;
}

/* FIN TABLEAU */
nav{
width:100%;
margin:auto;
text-align:center;
border: 5px double #d8d1d1;
font-family: robot;
color:#666;
}

#contenu{
margin:0 5%;
padding:4% 12%;
border-left:5px double #d8d1d1;
border-right:5px double #d8d1d1;
border-bottom: 5px double #d8d1d1;
    border-radius: 0px 0px 50px 50px ;
padding-bottom: 50px;
min-height: 800px;
background: #F7F7F7;
}

footer{
    width:80%;
    height: 100px;
    line-height: 100px;
    font-family: robot;
    color:#666;
    margin:auto;
    margin-top:20px;
    background: white;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 5px double #d8d1d1;    
}
footer img{
    float: left;
    margin-left:50px;
    height:100px;
    width:auto;
}

.titre
{
    font-family: monospace;   
}

@font-face 
{
	font-family: "robot";
	src: url('../../robot.otf');
}




#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
}
#menu-demo2 ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu-demo2 ul{
position:absolute;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu-demo2 li{
background-color: #ACA083;

}

/* les a href */
#menu-demo2 a,#menu-demo2  a:link,#menu-demo2  a:visited,#menu-demo2  a:active   {
text-decoration:none;
display:block;
padding:8px 32px;
color:#fff;
font-family:arial;
}
#menu-demo2 ul a{
padding:8px 0;
}
#menu-demo2 li:hover li a,#menu-demo2 ul li{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}

h1	{
font-weight:bold;
	border: 5px double #d8d1d1;
	border-radius: 50px 0;
	  text-align:center;
	  background: white;
	  color:#000000;
	  font-family: Times New Roman;
     }
	 
h2	{
margin:0 20%;
border: 3px double #d8d1d1;
	border-radius:0 50px;
	background: white;
	  text-align:center;
	  color:#000000;
	  font-family: Times New Roman;
     }
	h3	{
margin:2% 20%;
border: 1px solid #d8d1d1;
	border-radius:0 25px;
	background: white;
	  text-align:center;
	  color:#000000;
	  font-family: Times New Roman;
     }

h4	 {
	font-size:14px;
  text-align:center;
  text-decoration: underline;  
	}
	 

.prem
{
  font-size:14px;
  line-height:24px;
} 

.image-aided {
	float:right;
    margin-right:20%;
}

.img2
{
	border:#FFFFFF;
	float:right;
	margin-right:5%;
	padding-bottom:10%;
}
.img3
{
	border:#FFFFFF;
	float:right;
	margin-right:-10%;
}
.img4
{
	border:#FFFFFF;
	margin-left :35%;
}
.img5
{
	border:#FFFFFF;
	margin-left :40%;
}
.img6
{
	border:#FFFFFF;
	margin-right:30%;
	margin-left:40%;
}

.center
{
width:100%;
margin:auto;
text-align:center;
}