/* 
--------------------------------------------------------------------
                        COMMON STYLES 
-------------------------------------------------------------------- 
@media (max-width: 767px)
@media (min-width: 768px)
@media (min-width: 992px)
@media (min-width: 1200px)
@media (min-width: 768px) and (max-width: 991px)

*/


@media (max-width: 767px) {
	body {
			background:#428BCA top center no-repeat fixed;
			background:#428BCA top center no-repeat fixed\9;
			background:#428BCA top center no-repeat fixed\0/IE9;
	}
	
	#header-buttons {
          padding : 10px;
          max-width:265px;
          float:right;
     }
}

@media (min-width: 768px) 
{
	body {
		background:#428BCA top center no-repeat fixed\9;
		background:#428BCA top center no-repeat fixed\0/IE9;
		background:#428BCA;

	}

	#social-buttons {
		margin-top:12px;
		float:right;
	}
	
	#social-buttons a {
		margin-right:5px
	}


    #u_0_0 div {width:100% !important;}

	#site-search {
    float:right; 
    margin-top:-10px;
    margin-bottom:-5px;
    }
    
    .connectedUser {
       margin-top: 8px;
       background: #eee;
       max-width:236px;
       text-align:center;
       margin-left:0px;
    }
    
     #header-buttons {
         margin-top:25px;
         float:right;
         max-width:265px;
     }
    
 }
 
#fil-actus 
{
    max-height:520px; 
    overflow-y:auto;
}

#table-promo-gr td 
{
    padding: 12px 15px;
}


/* Header elements
-------------------------------------------------------------------- */


/* Header buttons */

#HeaderLogo 
{
    float:left; 
    margin:5px 0;  
}

#ctl00_ctl00_shoppingCartUpdatePanel
{
    float:left;
    margin-right:3px;
}


/* Header Nav menu */
.dropdown-menu li:last-child
{
    display:none;
} 

/* Google Search */
#cse 
{
    float:right; 
    margin-top:-10px;
}

.gsc-search-box 
{
    width:235px !important;
    margin:0 !important;
}
.gsc-control-cse, .gsc-input-box, .gsc-search-box-tools, .gsc-search-box
{
    background:none !important;
    border:none !important;
    padding:0px !important; 
} 

.gsc-input 
{
    background: :none !important;
    padding:0px !important;   
}

#gs_tti50
{
  display: block !important;
  width: 197px !important;
  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571429 !important;
  color: #555555 !important;
  vertical-align: middle !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;  
}

.gsc-search-button {
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1.428571429 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
       -o-user-select: none !important;
          user-select: none !important;      
}

.gsc-search-button:focus {
  outline: thin dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}

.gsc-search-button:hover,
.gsc-search-button:focus {
  color: #333333 !important;
  text-decoration: none !important;
}

.gsc-search-button:active,
.gsc-search-button.active {
  background-image: none !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.gsc-search-button-v2 {
  color: #ffffff !important;
  background-color: #428bca !important;
  border-color: #357ebd !important;
  width:auto !important;
  height:auto !important;
}

.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus,
.gsc-search-button-v2:active,
.gsc-search-button-v2.active
{
  color: #ffffff !important;
  background-color: #3276b1 !important;
  border-color: #285e8e !important;
  width:auto !important;
  height:auto !important;
}

.gsib_b
{
    display:none !important;
}

.gsc-search-button, .gsc-search-button-v2
{
   padding: 7px 9px !important;
   margin: 4px -5px 0 -3px !important; 
}

.mainNavbar
{
    background: #F5F5F5;
}

#AccountName 
{
    background:#F5F5F5;    
}

/* footer elements
-------------------------------------------------------------------- */

footer 
{
	background:#fff; /* 1B1B1B */
	color: #333;
}

#footIE
{
	*background:#fff;
	*color: rgb(153, 153, 153);
	background:#fff\9;
	color: #333\9;	
}

footer .container
{
    padding-top: 20px;
}

#footer 
{
	margin-top:30px;
}

.footer-lead {text-decoration:underline;}
.footer-lead a {color :#333333;}

.logo-partenaires {text-align:center;}

#menu3 
{
    padding:10px 0;
    text-align:center;
}

#menu3 a
{
    margin-right:20px;   
}

#sub-header 
{
	background:#F5F5F5;
}

#sub-header li 
{
	display: inline;
    list-style: none; /* pour enlever les puces sur IE7 */
}

/* Pubs
-------------------------------------------------------------------- */

#div-gpt-ad-1401975253605-1, #div-gpt-ad-1401975253605-0 {margin:auto;}



/* Page elements
-------------------------------------------------------------------- */

.header-green {background:#7C9F3D;}
.header-yellow {background:#EDC500;}
.header-beige {background:#ffe79c;}
.header-heavy-blue {background:#1d606d;}
.header-blue {background:#3276B1;}
.header-cool-red {background:#D43230;}
.header-blue-sky {background:#3B98C8;}
.header-orange {background:#E75113;}
.white {background:#fff;}

.bloc {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	background:#fff; 
	-webkit-box-shadow: 4px;
	   -moz-box-shadow: 4px;
		 border-radius: 4px;
    margin-top:15px;
}

.bloc-header {
	min-height:40px;
	*margin-top: -13px;
	margin-top: -13px\9;
}

.bloc-title, .bloc-title a {
	font-size: 20px;
	color:#FFF; 
	font-weight: 500; 
	line-height: 1.6;
	padding : 5px 0 5px 10px;
}

.bloc-content {
	padding : 10px 15px;
}

/* Rendre Google, Bing et autre iframe responsive */

.Flexible-container {
    /*position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;*/
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.main-ad {
	padding:5px;
	margin-top:20px; /*165px; */
	background-color:rgba(255, 255, 255, 0.4);
	*background-color:#fff;
	background-color:#fff\9;
	text-align:center;
	-webkit-box-shadow: 4px;
	   -moz-box-shadow: 4px;
		 border-radius: 4px;
}

.main-ad:after{
	opacity:1;
}

.mega-ban {
    max-height:215px;
}

.menuContextuel 
{
    margin:5px;
}


.img-align-left
{
    float: left;
    margin-right: 10px;
}

.img-align-right
{
    float: right;
    margin-left: 10px;
}

.checkboxlist label, .radiobuttonlist label 
{
    font-style: normal !important;  
    font-weight: normal !important;  
}


#lightbox img {z-index:1000;}


.video-container {
    width:100%;
    height:0;
    overflow:hidden;
    position:relative;
}

/*
.mega-ban-container {
    width:100%;
    max-width:728px;
    height:0;
    overflow:hidden;
    position:relative;
    margin:auto;
    min-height:90px;
}

.video-container iframe, .video-container embed, .video-container object, .mega-ban-container iframe, .mega-ban-container embed, .mega-ban-container object {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
} 
    */

.video-container-16by9 {
    padding-bottom:56.25%;
}

.video-container-4by3 {
    padding-bottom:75%;
}

/*
.ban-container-728by90 {
    padding-top:12.36%;
}

*/
/* --------------------------------------------------------------------
Topos 
-------------------------------------------------------------------- */


/* Liste de résultat */
.ListeTopo-HeaderResult 
{
    border-top:1px solid #F0F0F0;
    border-bottom:1px solid #F0F0F0;
    height:50px;
}

.ListeTopo-TopoTitle
{
    line-height:2.5;
    margin-left:5px;
}


.ListeTopo-ResultReminder 
{
   font-size:15px;
   font-weight:bold; 
   margin-top:10px;
}

.ListeTopo-Ref, .ListeTopo-NumRef 
{
    font-size: 14px;
    line-height: 20px;
    color: rgb(51, 51, 51);
    font-weight:bold;
}

.ListeTopo-CouvTopo 
{
    margin: 5px 5px 15px 0;
}

.ListeTopo-VignetteCollection
{
    float:right;
    padding:5px;
}

.ListeTopo-SummaryContent
{
    padding:10px 5px 5px 5px;
}

.ListeTopo-TopoInfo
{
    padding:5px;
    margin-top:8px;
}



.ListeProduit-HeaderResult
{
    border-top:1px solid #F0F0F0;
    border-bottom:1px solid #F0F0F0;
    height:50px;
    margin-bottom:10px;
    background:#F5F5F5;
    width:100%;
}

.ListeProduit-ProduitTitle
{
    line-height:2.9;
}




/* Fiche Article Topo */
.FicheTopo-HeaderRef
{
    font-weight:bold;
    padding:5px;
    margin:8px:
}

.FicheTopo-VignetteCollection
{
    float:left;
    margin: 10px 5px;
}

.FicheTopo-AddThis
{
    margin:10px 0;
}

.FicheTopo-leftcolInfoComp
{
    
}

.FicheTopo-ImgZoom
{
    text-align:center;
    margin: 10px 0;
}

.FicheTopo-CouvVignette
{
   padding:5px;
   text-align:center; 
}

.TableFullLength
{
    width:100%;
}


@media (min-width: 0px) and (max-width: 420px) {

    .FicheTopo-4emeCouv {
        width:140px !important;
    }

}

@media (min-width: 421px) and (max-width: 561px) 
{
    .FicheTopo-4emeCouv {
        width:200px !important;
    }
}

@media (min-width: 56con) and (max-width: 661px) 
{
    .FicheTopo-4emeCouv {
        width:300px !important;
    }
}


/* Actus */

.actus-zone-actu 
{
    padding:10px;
}

.actus-image 
{
    width:150px;
    float:right;
    margin-left:15px;
}


/* Idées rando */

.topo-collection
{
    float: right;
    line-height: 17px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: right;
    width: 260px;
}

.topo-collection a
{
    color:#59544D;
}

.topo-collec-Pix
{
    float:left;
}

.idees-rando-banniere-haut {
    background: url(https://www.ffrandonnee.fr/data/ideesRando/images/idees-rando-salvetat-haut.jpg) no-repeat;
    height: 120px !important;
    margin: -50px -15px 0 -15px;
}

.idees-rando-banniere-bas {
    background: url(https://www.ffrandonnee.fr/data/ideesRando/images/idees-rando-salvetat-bas.jpg) no-repeat;
    height: 345px !important;
    margin: 20px -15px -10px -15px;
}


@media (max-width: 551px) {
 #ScarteFrance, #accesRegion {
     display:none;
  }  
}


/* Grande randonnée */

#bloc-GR-instit 
{
    background:#3276B1;
    color:#FFF;
}

.line1
{
    margin-top:40px;
}

.line2, .line3, .line4 
{
    margin-top:20px;
}

.rectangle {padding:15px}
.mi-slider nav a:hover, .mi-slider nav a:focus {text-decoration:none !important;}

.hgr1 {height:200px;}
.hgr2 {height:315px;}
.whiteLink {color:#fff; text-decoration:underline;}

/* PRM */


.folio-vignette {padding:0 10px 0 0;}