body {
background-image:url(../images/texture.jpg);
background-attachment:fixed;
background-position:center center;
}

/* les videos*/
#video {display:block;margin:500 auto 35px auto}

/* les messages*/
#messages

{
    animation: Test 3s infinite;
}
@keyframes Test{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
{margin-top:160px;}

/* le cadre francais*/
#cadrefranc { 
width:950px;
height:500px;
margin-top:0px;  
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
}   

 /* le cadre histoires*/
#cadrehist { 
width:950px;
height:2250px;
margin-top:0px;  
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
}   


#img {
background-size: cover;
  width: 100%;
	height: 100%;
max-width: 100%;
}


#lecture {
  margin-left: -200px;
}

/* cadre texte site... */
#cad{
  border: 5px solid black;
}

/* cadre surlignage */
#surl{
background-color: black;
}

}

/* image rallye */
#rallye{

background-image:url("rallye.gif");
background-position : left top;
background-repeat:no-repeat;
padding-right: 200px;
}

/* Image et texte expliquer manuel numérique */
#Global #gauche {
    float:left;
    
}
#Global #droite {
    
}
/* le cadre listes magazines*/
#cadremag {
width:650px;
padding:5px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
font-family: Comic Sans MS, "Arial Black", Arial, Verdana, sans-serif;
}

/* le cadre */
#cadre {
width:950px;
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
font-family: Comic Sans MS, "Arial Black", Arial, Verdana, sans-serif;
}
  
/* le cadre haut */
#cadrehaut {
width:950px;
height:100px;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
background-image:url(../images/text2.jpg);
margin-bottom:0px;
} 
  
/* le cadre menu */
#cadremenu { 
width:950px;
height: 45px;
margin-top:5px;
padding:0px;
background-image:url(../images/text3.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
}   

 /* le cadre central general*/
#cadregeneral { 
width:950px;
margin-top:0px;  
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
}   

/* le cadre de gauche*/
#cadredegauche { 

margin-top:5px; 
margin-left:0px; 
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-right:3px solid #000000;
position:relative;
z-index: 1;
}   

/* le cadre dedroite*/
#cadrededroite { 

margin-top:5px; 
margin-left:0px; 
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-right:3px solid #000000;
position:relative;
z-index: 1;
display: inline-block;
}   



/* le cadre central accueil*/
#cadrecentral { 
width:950px;
height: 500px;
margin-top:5px;  
padding:0px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
position:relative;
}   

/* lumiere */
#lumiere { 
margin-left:185px; 
} 

/* le cadre central info */
#cadrecentralinfo { 
width:950px;
margin:5px;
padding:5px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
position:relative;
z-index: 1;
}

/* le cadre central art */
#cadrecentralart { 
width:950px;
margin:5px;
padding:5px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
position:relative;
}     

/* le cadre central sorties */
#cadrecentralsorties { 
width:950px;
margin:5px;
padding:5px;
background-image:url(../images/peintureenduit133.jpg);
border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
position:relative;
}

#actualites
a {
  text-decoration: none;
  color: black;
  position:relative;
  z-index: 2;
}

                                                                                         
/* cadre sites */
#sites { 
width:200px;
height:950px;
margin-top:-800px; 
margin-left:150px;
padding:0px;
background-color:FCDDAF;
border:5px solid #000000;
}  

  
/* cadres info */
.cadreinfo { 
width:840px;
margin-top:0px;
padding:0px; 
background-color:#FFFF00;
border-top:3px solid #000000;
border-left:3px solid #000000;
border-right:3px solid #000000;
border-bottom:3px solid #000000;
color: black;
} 
         
/* cadres art */
.cadreart { 
width:780px;
margin-top:0px;
padding:0px; 
background-color:#E1CE9A;
border-top:3px solid #000000;
border-left:3px solid #000000;
border-right:3px solid #000000;
border-bottom:3px solid #000000;
color: black;
font-family: Comic sans ms, Verdana, sans-serif;
} 

/* sans cadre */
.sanscadre { 
margin-top:0px;
padding:0px;
color: black; 
}

/* aligner texte et le centrer */
#aligneretcentrer { 
text-align:justify;
margin-left:250px;
}