/*****
Reset Code 
*****/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, td, th {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	/*vertical-align: baseline; 
	background: #FFFFFF;*/
	font-family: Verdana;
	}
	ol, ul {
		list-style-type: square;
		margin-top: 0px;
	}
	blockquote, q {
	quotes: none;
	}
	
	/*OLD
  select {
    font-family: Verdana;
    font-size: 100%; 
  }*/
  
/*****
Debut mise en page
*****/
		
html{
		height: 100%;
		/*overflow-x:hidden ; 
		overflow-y:hidden ; 
		overflow : -moz-scrollbars-vertical;*/
     
	}

	body {
	 font-family: Verdana;
	 color: #000000;
	 background-color:transparent;
	 font-size: 14px;
	 text-align: center;
	 height: 100%;
   padding-top: 10px;
	}
  
  
	a { 
    color: #000;  
    text-decoration:none
  }
  a:link{
    color: #000;  
    text-decoration:none
  }
  a:active {
    color: #000;  
    text-decoration:none
  }
  a:hoover {  
    color: #000;
    text-decoration:none
  }
  a:visited {
    color: #000;  
    text-decoration:none
  }
	
  .titrecolonne {
    color : #808080;
    font-weight : bold;
  }
  
  .fondtableau {
    background: #717271;
  }
  
  .message { 
    color: red;
    font-weight : bold;
  }
	
	/********* OFFRE DE CAMPAGNE ***********/
  .titre_offre_gene {
    font-size: 1.3em;
    font-weight: bold;
    color: #717271;
  }
  
  .titre_offre {
    font-weight: bold; 
    font-size: 1.1em;
    color: #a7c237; 
    text-decoration : none
  }
  
	.titre_offre_gene_detail {
    font-size:18px;
    font-weight: bold; 
    color: #a7c237;
  }
  .fondchapitre{
    background: lightgray;
  }
  .chapitre {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
  }
  .theme {
    font-weight: bold;
    font-size: 13px;
    color: #717271;
  }
  
/*****
Entete
*****/	

	/* OLD
  div#entete{
	width: 100%;
	height: 28px;
	margin-top: 2px;
  border-bottom: dotted 1px #a7c237;
	}
  
  div#entete{
    height: 28px;
    color : lightgray;
    border-bottom: dotted 1px #a7c237;
	}
  
	div#deg{
    background: repeat-x lightgray;
    height: 28px;
	}
  
  div#sousMenu{
    width: 950px;
    margin: 0 auto ;
  }
  
  div#icones { 
	clear: both;
	position: relative;
	width: 110px;
	height: 28px;
	top: 0px;
	right: 0px;
	border-left: solid 2px #FFFFFF;
	float:right;
  }
  
  <!-- Conditions générales -->
  #sousMenu a{
	color: #EF7510;
	text-decoration: none;
	}
	#sousMenu a:link{
	color: #EF7510;
	text-decoration: none;
	}
	#sousMenu a:visited{
	color: #EF7510;
	text-decoration: none;
	}
	#sousMenu a:hover{
	color: #EF7510;
	text-decoration: underline;
	}
	
  .sousMenu {
	display:block;
	float: right;
	height: 28px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	border-left: solid 2px #FFFFFF;
	}
  
  
  */
  
  /*********************** NEW *******************/
  .couleur_fond_bandeau {
    background: repeat-x lightgray;
    height: 28px;
  }
  
  .separation_point_bandeau {
    border-bottom: dotted 1px #FFF;
	}
	
	
	#accueil {
	display: block;
	float: right;
	margin-left: 4px;
	width: 28px;
	height: 27px;
	background: url(/distributeurs/images/ic_accueil.png) #388649  no-repeat;
	text-indent: -5000px;
	}
	#aide {
	display: block;
	float: right;
	margin-left: 4px;
	width: 28px;
	height: 27px;
	background: url(/distributeurs/images/ic_aide.png) #388649 no-repeat;
	text-indent: -5000px;
	}
	#close {
	display: block;
	float: right;
	margin-left: 4px;
	width: 28px;
	height: 27px;
	background: url(/distributeurs/images/ic_fermer.png) #388649 no-repeat;
	text-indent: -5000px;
	}
  #condition {
    display: block;
    float: right;
    margin-top: 4px;
    margin-left: 4px;
  }
  
  
	
/*****
Conteneur
*****/


/* OLD
div#site{
	/*width: 950px;*/
	margin: 0 auto ; /* pour forcer le centrage du bloc sous Mozilla */
	margin-top: 5px;
	height: 100%;
	text-align: left;
	align:center;
	}
	
/* Pour les kits en iframe */
div#sitekit{
	width: 810px;
	margin-top: 5px;
	text-align: left;
	align:left;
}

/* Pour les kits en iframe place réduite */
div#site700{
	width: 700px;
	margin: 0 auto ;
	margin-top: 5px;
	text-align: left;
	align:left;
}

*/



/**************
  Menu
***************/

#gauche{
	width:100%;
	height: 100%;
	float: left;
}

/* OLD
#gauche h1{
	height: 87px;
	width: 218px;
	background: url(../img/logo.png) no-repeat left middle ;
	margin: 0 ;
	text-indent: -5000px;
}
*/

#gauche ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
  text-align : left;
  background-color:#FFFFFF;
}

#gauche li{
	display:block;
	height: 25px;
	//border-bottom: dotted 1px #a7c237;
	padding-top: 1px;
  width : 100%;  
  background-color : #FFF;
  
  
}
#gauche li a{
	display:block;
	height: 22px;
	padding-left: 18px;
	padding-top: 1px;
	background: url(/distributeurs/images/fleche-ombre.png) lightgray  no-repeat left;
	text-decoration: none;
	color: #EF7510;
}
#gauche li a:hover{
	background: url(/distributeurs/images/fleche-ombre.png) #EF7510  no-repeat left;
	color: #FFFFFF;
}


/* OLD, pas utilisé
Menus des kits en iframe 

div#gauchekit{
	width:200px;
	height: 100%;
	float: left;
}

#gauchekit h1{
	height: 87px;
	width: 200px;
	background: url(../img/logo.png) no-repeat left middle ;
	margin: 0 ;
	text-indent: -5000px;
}

#gauchekit ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gauchekit li{
	display:block;
	height: 25px;
	width: 200px;
	/*border-bottom: dotted 1px #a7c237;*/
	padding-top: 1px;
}
#gauchekit li a{
	display:block;
	height: 21px;
	padding-left: 18px;
	padding-top: 3px;
	background: url(/distributeurs/images/fleche-ombre.png) lightgray  no-repeat left;
	text-decoration: none;
	color: #EF7510;
}
#gauchekit li a:hover{
	background: url(/distributeurs/images/fleche-ombre.png) #EF7510  no-repeat left;
	color: #EF7510;
}
*/


.selected {
	color: #FFFFFF;
}

/******************************** PAVE RESERVATION ***********************/

#dotResa{
  margin-top: 2px;
	/*border-bottom: dotted 1px #a7c237;*/
}

#dotResa .titre {
	display:block;
	background: #EF7510 url(/distributeurs/images/fleche-ombre.png) no-repeat left; 
	color: #FFFFFF;	
}


#detailResa {
	margin-top: 1px;
	background-color: #EF7510;
	color: #FFFFFF;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-bottom: 2px;
}

#detailResa .boutonResa{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 23px;
	width: 145px;
	background-color: #EF7510;
	color: #FFFFFF;
	font-size:1em;
	font-style: normal;
	text-decoration: none;
	margin: 0 auto;
	font-style: normal;
}

#detailResa .boutonResa:hover {
	background-color: #EF7510;
	color: #FFFFFF;
}

#basMenu{
	
	height: 40%;
	background-color: #e6e6e6;
	/*border-top: dotted 1px #a7c237;*/
}



/*****
Contenu
*****/



div#contenu {
  
	width: 700px;
	margin-top: 0px;
 
}



	/*OLD
  div .fondTitre{
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		margin-bottom: 1px;
		background-color: #a7c237;
		height: 20px;
	}*/
	
  .fondTitre {
		padding-left: 15px;
		font-size: 1.1em;
		background-image: url(/distributeurs/images/puce_doublefleche.png);
		background-repeat: no-repeat;
		background-position: left;
		color: white;
		font-weight: normal;
		text-transform: uppercase;
    background-color: #a7c237;
    text-align : left;
	}
  
	.dotTop{
	 padding-top: 5px; 
   /*border-top: dotted 1px #a7c237;*/
   
	}
	

/* Pour les kits en iframe */

div#contenukit {
	width: 600px;
	margin-top: 10px;
	float: right;
}	


/* Pour les sites qui n'ont pas de menu à gauche */
div#contenusansmenu {
	width: 550px;
	margin-top: 20px;
}	
	


/* BOOTSTRAP */
  [class*="col-"], footer {
    /*background-color: lightgreen;*/
    /*border: 1px solid grey;*/
    /*border-radius: 6px;
    line-height: 40px;
    padding-left : 0px;*/
  }

  .row{
    /*border: 1px solid red;*/
    padding-left : 0px;
    margin-right : 0px
    margin-left : 0px;*/
  } 

  
  .form-group-sm {
    height : 18px;
  }
  
  .alignLeft {
    text-align : left;
  }
  
  .alignCenter {
    text-align : center;
  }
  
  .alignRight {
    text-align : right;
  }
  
  .sansPaddingLeft {
    padding-left : 0px;
  }
  
  .couleurFondMenu {
   background-color : lightgray  } 
  
  .thead-default {
    background-color : #e8e8e8;
  }
  
  .navbar-default{
      background-color: #FFFFFF;
  }
  
  /* surcharge pour gérer le menu burger sur les tablettes */
  @media (max-width: 768px) {
      .navbar-header {
          float: none;
      }
      .navbar-left,.navbar-right {
          float: none !important;
      }
      .navbar-toggle {
          display: block;
      }
      .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      }
      .navbar-fixed-top {
          top: 0;
          border-width: 0 0 1px;
      }
      .navbar-collapse.collapse {
          display: none!important;
      }
      .navbar-nav {
          float: none!important;
          margin-top: 7.5px;
      }
      .navbar-nav>li {
          float: none;
      }
      .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .collapse.in{
          display:block !important;
      }
    } 
    .navbar-default{
      border:0px;
    }
    
  /* RECHERCHE PRODUIT */
  .label_12 {
    font-size : 12px;
  }
    
  /* PAGINATION */
  
  .pagination>li>a,
  .pagination>li>span {
    color :#808080;
  }
  
  .pagination>li.active>a {
    background: #808080;
    color: #fff;
    border-color: #808080;
  }

  .pagination>li.active>a:hover {
    background: #808080;
    color: #fff;
    border-color: #808080;
  }

  .pagination>li.active>a:focus {
    background: #808080;
    color: #fff;
    border-color: #808080;
  }

  .pagination > li > a:focus,
  .pagination > li > a:hover,
  .pagination > li > span:focus,
  .pagination > li > span:hover {

    color: #404040;
    background-color: #808080;
    border-color: #808080;
  }  
    
    
  /* FIN BOOTSTRAP */