*{
margin: 0;
padding: 0;
}

header, footer, aside, nav, article, p {
display:block;
text-align: left;
}

img{
border:none
}
/*end reset*/

html {
font-size:100%;
/*background:#b4c0bc url(images/bg2.jpg) top center no-repeat;*/
margin:0;
padding:0
}
body {
color:#000;
font-size:.75em;
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5 px#6d7673;
box-shadow: 0 0 5px #6d7673;
width:974px;
min-height:680px;
margin:10px auto;
padding:0
}
@media only screen and (max-width: 860px) {
body {
color:#000;
font-size:.75em;
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5 px#6d7673;
box-shadow: 0 0 5px #6d7673;
width:auto;
min-height:680px;
margin:10px auto;
padding:0
}
}
header#banner{
color:#fff;
text-shadow:3px 3px 3px #000;
background:#6d7673 url(images/banniere5.jpg) no-repeat;
width:auto;
height:90px;
margin:10px 10px;
padding:5px;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5px# 6d7673;
box-shadow: 0 0 5px #6d7673;
text-align:center;
}

header#banner p{
font-size:.65em;
margin:-15px 0 0 5px
}

header#banner a{
text-decoration:none;
color:#fff;
text-shadow:3px 3px 3px #000;
}

nav#menu-top{
margin-top:20px;
margin-left:90px;
}

form#cse-search-box{
position: relative;
/*top: 205px;
left: 155px;*/
top: 30px;
left: 30px;
}


nav#menu-top a{
color:#fff;
padding:0 14px;
font-size:1.2em;
text-decoration:none;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

nav#menu-top a:hover{
/*color:#a3dcf1;*/
color: #c0c0c0;
font-size:1.4em;
}

section#content{
width:100%;
min-height:700px;
margin:5px auto
}


input[type=button] {
height: 20px;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

input[type=button]:hover{
background: #cccccc; 
}

section{
color:#555;
text-align:justify;
width:96%;
height:100%;
margin:5px 10px 0 50px;
padding:0
}


h2{
	text-align: center;
}
p{
width: 96%;
}
p#ceintures img{
margin:5px 5px 5px 5px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

p#ceintures img:hover{
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}



p#imgcol img{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

p#imgcol img:hover{
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}

p#stars img{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

p#stars img:hover{
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}

p#logocss{
margin:0;
padding:10px 5px;
float:left
}
p#txtcentre{
text-align: center;
/*padding:0 5px;
*/
font-size:1.1em;
}
p#txtcentre2{
text-align: center;
/*padding:0 5px;
*/
font-size:1.1em;
}
p#txtcentre3{
text-align: center;
/*padding:0 5px;
*/
font-size:1.1em;
}

article{
width:96%;
height:100%;
margin:0 0 30px 0;
background-color:#EDEDED;
text-align:justify;
text-justify:inter-word;
font-size:1.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px; 
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in
}
article:hover{
background: #cccccc; 
	color: #000000;
}

article.presentation{
width:96%;
height:100%;
background-color:#FFFFFF;
margin:0 0 30px 0;
font-size:1.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px; 
}

article.presentation:hover{
background: #FFFFFF; 
}
aside{
color:#fff;
font-size:1.2em;
width:auto;
position:relative;
top:10px;
background-color:#706b64;
border:1px solid #444;
-moz-box-shadow:inset 0 0 5px #000;
-webkit-box-shadow:inset 0 0 5px #000;
box-shadow:inner 0 0 5px #000;
border-radius:5px;
margin:0 0 0 10px;
/*padding:10px;*/
float:right
}

aside #auteur{
box-shadow:0px 2px 5px #1c1a19;
-moz-box-shadow:0px 2px 5px #1c1a19;
-webkit-box-shadow:0px 2px 5px #1c1a19;
margin:0;
/*padding:5px;*/
background:#fff
}
aside #auteur2{
box-shadow:0px 2px 5px #1c1a19;
-moz-box-shadow:0px 2px 5px #1c1a19;
-webkit-box-shadow:0px 2px 5px #1c1a19;
margin:0;
/*padding:5px;*/
background:#fff;
width:260px;
}

article time{
font-size:1em
}

article p{
margin:15px 0
}

figure{
text-align:center;
padding:5px;
border-radius:10px;
-moz-border-radius:10px;
background: #e5e5e5;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5px# 6d7673;
box-shadow: 0 0 5px #6d7673
}
figure#figindex{
	width: 400
}

figcaption{
color:#444;
font-size:1em;
font-style:italic
}


footer{
height:auto;
}

footer a{
color:#444;
font-size:1em;
text-decoration:none;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

footer a:hover{
color:#000
}
table {
margin: 0 auto;
border: 1px solid black;
}

th { 
	background: #cccccc; 
	color: #000000;
	font-size:1.2em;
}
tr{
font-size:1.2em;
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}
tr:hover{
background: #cccccc; 
	color: #000000;
}
tr:nth-child(even) {background: #d9d9d9}
tr:nth-child(odd) {background: #ffffff}

tbody {
	overflow-y:scroll;
}
img#zoom{
-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;
}

img#zoom:hover {
    background:#FFFFFF;
    border: 1px solid black;
    height: 150%;
    left: -110px;
    padding: 5px;
    position: relative; 
    top: -50px;
    width: 150%;
}

/* Texte défilant */

.defileParent {
	display: block;
	/* margin: 3em auto; */
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 96%;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 8s infinite ;
	-moz-animation:linear marqueelike 8s infinite ;
	-o-animation:linear marqueelike 8s infinite ;
	-ms-animation:linear marqueelike 8s infinite ;
	animation:linear marqueelike 8s infinite ;
	/*margin-left:-50%; */
	padding:0 5px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
background-color:white;

}

.defile {
	display:block;
	-webkit-animation:linear marqueelike 12s infinite ;
	-moz-animation:linear marqueelike 12s infinite ;
	-o-animation:linear marqueelike 12s infinite ;
	-ms-animation:linear marqueelike 12s infinite ;
	animation:linear marqueelike 12s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:30px;
	font-size:1.8em;
background-color:white;

}
}h1,h2.fontface{
font:50px/58px 'AveriaRegular', Arial, sans-serif;
letter-spacing:0
}

@font-face{
font-family:'AveriaRegular';
src:url('font/Averia-Regular.ttf') format('truetype');
font-weight:normal;
font-style:normal
}

@font-face{
font-family:'AveriaBold';
src:url('font/Averia-Bold.ttf') format('truetype');
font-weight:normal;
font-style:normal
}