html
{
background-color: hsla(0,0%,96%,1.00);
width:100%;
font-family: 'Montserrat', arial;
font-size:18px;
}

/*---style header---*/
header
{
width:1000px;
height: 50px;
margin: 0px;
background-color: #0000CD;
margin-left:auto;
margin-right:auto;
}


/*.logo
{
height: 100px;	
}*/

.liensinterne
{
float: right;
margin-top: 15px;
font-size:15px;	
font-family: 'Montserrat', arial;
text-decoration:none;
color:whitesmoke;
margin-right:20px;	
font-weight: normal;

}
m1 {
float: right;
/*margin-top: 15px;*/
font-size:15px;	
font-family: 'Montserrat', arial;
text-decoration:none;
color:lightskyblue;
/*margin-right:20px;*/
font-weight: normal;

}
.liensinterne:hover
{
text-decoration:underline;	
}

/*---style général---*/

body
{
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom: auto;
text-align: justify;
background-color: whitesmoke;
}
table
{
margin:auto;

/*text-align: center;*/
}

.contenubody
{
Width: 960px;
margin-left: 20px;
padding-bottom: 0px;	
margin-top:10px;
background-color: whitesmoke;
}

.titre1
{
font-size: 24px;
color: 	rgb(72,151,181);
}
h1 {
font-family: 'Montserrat', arial;
font-size:200%;
font-weight:normal;
color:darkblue;
background-color:transparent;
text-align:center;
}
h2 {
font-family: 'Montserrat', arial;
font-size:150%;
font-weight:normal;
color:darkblue;
background-color:transparent;
text-align:center;
}
h3 {
font-family: 'Montserrat', arial;
font-size:110%;
font-weight:normal;
color:darkblue;
background-color:transparent;
text-align:center;
line-height: 120%
}
h4 {
font-family: 'Montserrat', arial;
font-size:100%;
font-weight:normal;
color:darkred;
background-color:transparent;
text-align:right;
line-height: 190%
}
h5 {
font-family: 'Montserrat', arial;
font-size:120%;
font-weight:normal;
color:#FFFAF0;
background-color:transparent;
text-align:center;
line-height: 140%
}

ul,li {
font-family: 'Montserrat', arial;
font-size:100%;
font-weight:normal;
color:darkblue;
background-color:transparent;
line-height: 120%
}	
p {
font-family: 'Montserrat', arial;
font-size:100%;
font-weight:normal;
color:darkblue;
background-color:transparent;
line-height: 120%
}
tr {
line-height: 110%

}
td {
vertical-align: top;
font-family: 'Montserrat', arial;
font-size:80%;
font-weight:normal;
color:darkblue;
width: 210px;
height: 310px;
background-color:whitesmoke;
line-height: 125%
}


a:hover,a:focus {
     background:rgba(0,0,0,.4);
     box-shadow:0 1px 0 rgba(255,255,255,.4);
	opacity:1;
}
a:span, a:title, a:onMouseOver {
     position:absolute;
	margin-top:23px;
     margin-left:-35px;
	color:#09c;
     background:rgba(0,0,0,.9);
     padding:15px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	transform:scale(0) rotate(-12deg);
	transform:scale(1) rotate(0);
	transition:all .25s;
	opacity:0;
}
.rsswidget {
    margin: 5px;
    width: 47%;
    float:left;
}
audio {
width: 200px;
}

footer
{
background-color: #0000CD;
height: 60px;
}

.contenufooter
{
font-size: 12px;
color: white;
padding: 9px;
height: 12px;
width: 982px;
background-color: #0095ff;
text-align: center;
}
/*---style index---*/

.accueil
{
width: 350px;
padding: 10px;
height:360px;
background-color:whitesmoke;
display: inline-block;
vertical-align: top;
padding-top:0px;
}

#conteneur {
background-color:whitesmoke;
margin-top: 0px;
width : 100%;
Line-Height: 100%;
}
#droite {
width: 50%;
height: 100%;
float: right;
text-align: left;
}
#gauche {
width: 50%;
height: 100%;
float: left;
text-align: left;
}

.actualites
{
width:600px;
height: auto;
background-color: whitesmoke;
margin-top: 0px;
padding: 10px;
margin-left: 20px;
display: inline-block;
vertical-align: top;
padding-top:0px;
}

.actualite
{
width: 360px;
padding:10px;
background-color: whitesmoke;
}

.bienvenue
{
font-size:48px;
color: 	rgb(72,151,181);
margin-bottom:15px;
}

/*---style contact---*/
.contact
{
width: 530px;
padding: 10px;
height:200px;
background-color:whitesmoke;
display: inline-block;
vertical-align: top;
padding-top:0px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.psv {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #5A1E6E;
	position: relative;
}