/*sup 640px*/
@media screen and (max-width:639px) {
.tablette{display:none;}
span #infosSlide.portable{display:none;}
}

@media screen and (max-width:850px) and (min-width:641px) {
.portable {display:none;}
.tablette{display:block;}

#ContentsMenu #slideBox #infosSlide{right:40px;width:240px;}
#ContentsMenu #slideBox #infosSlide p:first-child{margin-top:-25px;}
#ContentsMenu #slideBox #infosSlide h1{font-size:21px;}
#ContentsMenu #slideBox #infosSlide h2{font-size:21px;}
#ContentsMenu #slideBox #infosSlide p{font-size:16px;line-height:20px;}
#ContentsMenu #slideBox #infosSlide p a{font-size:14px;line-height:14px;padding:1px 8px;}
#ContentsMenu  a.rslides_nav.next{
position:absolute;
bottom:6px;
right:6px;
height:30px;
width:30px;
background-size:100%;
color:transparent;
}
a#ContentsMenu .rslides_nav.next:hover{
background: url(/images/lienSlideHover.png) no-repeat center center;
background-size:100%;
}

#Corps .colg.ordi{display:none;}
#Corps .cold .bloc-article_1er h1.titre{font-size:90%;text-align:center;}
#Corps .cold .bloc-article_1er img{display:none;}
}

@media screen and (max-width:750px) and (min-width:641px) {
#Contents #Pied #infosliens .carte img{
display:none;
}

#Contents #Pied #infosliens .carte{
padding-left:30px;
width:25%;
}

#Menu ul li a{
height:35px;
padding:8px 13px 0 0;
line-height:35px;
margin-left:0px;
font-size:14px;
text-decoration:none;
cursor:pointer;
font-weight:normal;
}

}

@media screen and (max-width:790px){
#Menu ul li a{
height:35px;
padding:8px 13px 0 0;
line-height:35px;
margin-left:0px;
font-size:14px;
text-decoration:none;
cursor:pointer;
font-weight:normal;
}

#Contents #Pied #infosliens p,
#Contents #Pied #infosliens .links a{
font-size:16px;
}

}

@media screen and (min-width:851px){
.tablette{display:none;}
.portable{display:none;}
#Corps .cold .bloc-article h1.titre{font-size:24px;}
}

@media screen and (max-width:898px){
span.facebooketc{display:none;}
#Contents .bloc-article_pass div{
width:85%;
float:left;
}
#Contents .bloc-article_pass span.picto{
width:10%;
}
}

@media screen and (max-width:995px){
span.facebooketc a{display:none;}
#Menu span.facebooketc {float:right;margin-top:30px;}
span.facebooketc .boutique{float:right;}
span.facebooketc .boutique a{display:block;}
#Contents .bloc-article_pass{background-image:none;}
#Contents .bloc-article_pass:hover{background-image:none;}
#Corps .colgPage{width:68%;}
#Corps .cold .bloc-article h1.titre{font-size:19px;}
#Corps .cold .bloc-article a{font-size:14px;}
}

@media screen and (min-width: 995px){
#infosliens .logovds .logopartenaires{display:none;}
}

@media screen and (min-width: 641px) {
#Corps .colg .Bloc .image{
background-position: top center;
background-size: 100%;
}

#infosliens .logovds .logopartenaires a{margin:10px;}
#infosliens .logovds .logopartenaires{text-align:center;width:150px;}

#slideBox #infosSlide.portable{display:none;}
/********************/
/******* Slide *******/
/********************/

#slideBox{
float:left;
background:transparent;
width:100%;
max-height:400px; /* % ?*/
position:relative;
}

#slider1 .rslides{
position:relative;
}

#slideBox #infosSlide{
position:absolute;
right:80px;
min-height:400px;
width:260px;
display:block;
background:url(/images/transparenceSousSlide.png);
text-align:center;
}

#slideBox #infosSlide p, 
#slideBox #infosSlide h1,
#slideBox #infosSlide h2,
#slideBox #infosSlide img{
padding:0 30px;
color:#edece7;
}

#slideBox #infosSlide h1{
text-align:left;
clear:left;
font-family:arial\9;
font-family:AppleBerry, Arial;
font-weight:normal;
font-size:2.1em;
text-transform:uppercase;
}

#slideBox #infosSlide h2{
text-align:left;
clear:left;
font-family:arial\9;
font-family:AppleBerry, Arial;
font-weight:normal;
font-size:1.9em;
text-transform:uppercase;
}


#slideBox #infosSlide p{
font-family:arial\9;
font-family:AvenirRegular, Arial;
font-size:18px;
text-align:left;
margin-bottom:5px;
}

#slideBox #infosSlide p a{
color:#232721;
background:#e1e0d4;
text-decoration:none;
padding:2px 10px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#slideBox #infosSlide p a:hover{
color:#e1e0d4;
background:#232721;
}

#slideBox #infosSlide img{
margin-top:40px;
margin-bottom:20px;
width:auto;
}

#slideBox p a#rolButton{
margin-top:40px;
text-align:center;
width:100%;
}

#slideBox a#rolButton{
cursor:pointer;
height:45px;
width:45px;
display:block;
background:url(/images/lienSlide.png) no-repeat center center;
}

#slideBox a#rolButton:hover{
background:url(/images/lienSlideHover.png) no-repeat center center;
}


#MenuMini{
display:none;
}


#Corps .cold{
width:24%;
float:right;
}

#Corps .cold img{
width:100%;
}

#Corps .cold #CDSSCROLLINGRAVE{
float:left;
width:auto;
}

#Corps .cold #CDSSCROLLINGRAVE img{
width:auto;
}

#Corps .colg .Bloc .image{
display:block;	
}

#Corps .colg .bloc-texte-image{
padding-left:42.5%;
}

/* Page */
#Corps .col-gauche{
width:28.571428571428573%;
float:left;
margin-right:2.040816326530613%;	
}

#Corps .col-centrale{
float:right;
width:69%;
}

#Pied .News-Links_mini{
display:none;
}

#Corps .col-centrale .diap{
float:left;
width:22.1%;
margin-right:2%;
margin-bottom:10px;
margin-top:10px;
}

#Corps .col-centrale .diap img{
width:auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;		
}

#Corps .col-centrale .diap .text{
float:left;	
word-wrap:break-word;
width:100%;
}
#Corps .col-centrale .diap .text p{
font-size:11px;
}

#Corps .col-centrale .diap .text h4{
font-weight:normal;
text-transform:uppercase;
font-size:11px;
}

}