body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.85em;
	color:#666;
	width:800px;
	margin:0 auto; 
	margin-top:45px;
	margin-bottom:45px;
	text-transform:none;
	
}
audio { width: 40px; }
img {
   max-width: 699px; }


.onglet
{
	    margin-top:10px;
        display:inline-block;
		text-align:center;
    font-size: 1.1em;
		padding:3px;
		width: 14.65%;
        border:1px solid;
		border-color: #D3D3D3;
        cursor:pointer;
}
.tru
{
	margin-top:10px;
        display:inline-block;
		text-align:center;
        padding:3px;
		width: 23%;
        border:1px solid;
		border-color: #D3D3D3;
        cursor:pointer;
}
.tru a
{
        color:#000000;
        text-decoration:none;
}
.tru_n
{
        background:#fff;
        border-bottom:1px;
}
.tru_y
{
        background:#fff;
        border-bottom:0px;
        padding-bottom:4px;
}

.onglet a
{
        color:#000000;
        text-decoration:none;
}
.onglet_n
{
        background:#fff;
        border-bottom:1px;
}
.onglet_y
{
        background:#fff;
        border-bottom:0px;
        padding-bottom:4px;
}

.travaux
{
        background-color:#fff;
        border:1px solid;
		border-color:#D3D3D3;
        margin-top:-1px;
		padding-left:0px;
		padding-right:0px;
}


.contenu
{
        background-color:#fff;
        border:1px solid;
		border-color:#D3D3D3;
        margin-top:-2px;
		padding-left:50px;
		padding-right:50px;
}

.contenu2
{
        background-color:#fff;
        border:1px solid;
		border-color:#D3D3D3;
        margin-top:-1px;
		padding-left:50px;
		padding-right:50px;
}
ul
{
        margin-top:25px;
        margin-bottom:25px;
        margin-left:10px
}
li {
  font-size:0.8em;
  list-style: none;
 }
h1
{
	margin:25px;
	padding:25px;
}
hr {display: inline-block;}


a:link {
	color: #999;
	text-decoration: none;
}

a:visited {
	color: #999;
	text-decoration: none;
}

a:hover {
	color:#333;
	text-decoration: none;
}

.slider {position:relative; overflow: scroll; height:600px;  width: 720px;  margin-bottom:0px;}
@media (max-width: 1024px) {

body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.95em;
	color:#666;
	width:100%;
	margin:0 auto; 
	margin-top:5px;
	margin-bottom:5px;
	text-transform:none;
	
}
    
    .slider {position:relative; overflow: scroll; height:100%;  width: auto;  margin-bottom:0px;}
}

@media (max-width: 800px) {

body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.85em;
	color:#666;
	width:100%;
	margin:0 auto; 
	margin-top:5px;
	margin-bottom:5px;
	text-transform:none;
	
}
       .onglet
{

		width: 14.5%;

}
 .tru       {

		width: 23%;

}
    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%; }
}
    @media (max-width: 600px) {

body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.72em;
	color:#666;
	width:100%;
	margin:0 auto; 
	margin-top:5px;
	margin-bottom:5px;
	text-transform:none;
	
}        .onglet
{
	    margin-top:10px;
        display:inline-block;
		text-align:center;
		width: 14%;
        border:1px solid;
		border-color: #EAEAEA;
        cursor:pointer;
}
 .tru       {
	margin-top:10px;
        display:inline-block;
		text-align:center;
		width: 22.5%;
        border:1px solid;
		border-color: #EAEAEA;
        cursor:pointer;
}

}

@media (max-width: 540px) {
    
    body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	color:#666;
	width:99%;
	margin:0 auto; 
	margin-top:5px;
	margin-bottom:0px;
	text-transform:none;
	
}
    .onglet
{
	    margin-top:10px;
        display:inline;
		text-align:center;
    font-size: 1.1em;
		padding:0px;
		width: 99%;
        border:none;
		border-color: #EAEAEA;
}
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%; }


.tru
{
	margin-top:10px;
        display:none;
		text-align:left;
        padding:-25px;
		width: 21%;
        border:none;
		border-color: #EAEAEA;
        cursor:pointer;
}
.tru a
{
        color:#000000;
        text-decoration:none;
}
.tru_n
{
        background:#fff;
        border-bottom:0px;
}
.tru_y
{
        background:#fff;
        border-bottom:0px;
        padding-bottom:0px;
}

.onglet a
{
        color:#000000;
        text-decoration:none;
}
.onglet_n
{
        background:#fff;
        border-bottom:0px;
}
.onglet_y
{
        background:#fff;
        border-bottom:0px;
        padding-bottom:0px;
}

.travaux
{
        background-color:#fff;
        border:none;
		border-color:#EAEAEA;
        margin-top:-1px;
		padding-left:0px;
		padding-right:0px;
}


.contenu
{
        background-color:#fff;
        border:none;
		border-color:#EAEAEA;
        margin-top:-2px;
		padding-left:0px;
		padding-right:0px;
}

.contenu2
{
        background-color:#fff;
        border:1px solid;
		border-color:#EAEAEA;
        margin-top:0px;
		padding-left:0px;
		padding-right:0px;
}
ul
{
        margin-top:0px;
        margin-bottom:0px;
        margin-left:0px
}
li {
  font-size:0.8em;
  list-style: none;
 }
h1
{
	margin:0px;
	padding:0px;
}
hr {display: inline-block;}


a:link {
	color: #999;
	text-decoration: none;
}

a:visited {
	color: #999;
	text-decoration: none;
}

a:hover {
	color:#333;
	text-decoration: none;
}

.slider {position:none; overflow: inherit; height:none;  width: 99%;  margin-bottom:0px;}

}
    @media (max-width: 480px) {

body
{
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	color:#666;
	width:99%;
	margin:0 auto; 
    margin-left: 4px;
	margin-top:5px;
	margin-bottom:5px;
	text-transform:none;}
           .onglet
{
	    margin-top:10px;
        display:inline;
		text-align:center;
    font-size: 1.2em;
    line-height: 30px;
    margin-right: 25px;
		width: 99%;
        border:none;
		border-color: #EAEAEA;
font-weight: bold;}
        
    }