/*
Theme Name: Ossau-Iraty
Description: Ossau-Iraty
Version: 1.0
Author: Mediacrossing
*/

body {
	background: url(../images/fond.jpg) #fff top center no-repeat;
	font-family: "Verdana", Lucida, Lucida Grande, sans-serif;
}
img{
	border: 0;
}
.clearer {
	clear: both;
}
.textalign{
	text-align: center !important;
}

#ombre{
	width:997px;
	margin-top: 20px;
	background: url(../images/fondombre.png) top repeat-y;
	margin-left: auto;
	margin-right: auto;
}
/* @group filarinae */
.filariane{
	font-size: 80%;
	margin: 10px auto 20px;
	padding: 4px 0 3px 115px;
	width: 868px;
	font-weight: bold;
	background: url(../images/bg_fil.png) left no-repeat #7d7463;
	height:15px;
}
.filariane:before{
	content: "Vous êtes ici";
	float: left;
	padding-right: 5px;
	color:#fff;
	font-size: 85%;
	margin-left: -95px;
}
.filariane ul{
	margin: 0;
	padding: 0;
}
.filariane li{
	display: inline;
	color:#fff!important;
	float: left;
}

.filariane li:after {
content: " \00BB ";
}
.filariane li:last-child:after {
content: " ";
}
.filariane li a{
	margin: 0 5px 0 0;
	color: #f39400!important;
	float:left;
	text-decoration: none;
	font-weight: bold;
}
.filariane li a:hover{
	color:#bd0926!important;
}
/* @end */
header, footer, nav, section, article {
	display: block;
}
.displayblock{
	display: block;
}
/*contenu---------------------*/
#contenu{
	width: 998px;
	height: auto;
	margin: 0 auto;	
}
#conteneur{
	width: 998px;
	height: auto;
	margin-top: -90px;
	background: url(../images/bois.jpg) top repeat-y;
	
}


/* @group actu */
#actu{
	width:850px;
	height:auto;
	background: #fff;
	margin: 0 auto 20px auto;
	padding: 10px 0;
}
#actu li{
	list-style: none;
	color:#444;
	font-size: 80%;
	padding: 5px;	
}
#actu li.even-gray{
background: #eee;	
}
#actu li.odd-black{
background: #ccc;
}
#actu a{
	color: #BD0926!important;
}
#actu a:hover{
	color: #f39400!important;
	}

/* @end */
/* @group Producteurs */

/* @group DROITE */


.droite{
	width: 320px;
	height: auto;
	float: right;
	background: #fff;
}
.droite li{ 
	width: 290px;
	font-size: 75%;
	padding: 5px 0;
	
}
.droite a{ 
	color:#bd0926;
	
}
.orange{
	color:#f39400 ;
	display: block;
	font-weight: bold;
	padding: 3px 0;
}
.noir{
	color:#333;
	display: block;
	padding: 3px 0;
}
ul.anim li{
	font-size: 100%!important;
}
h5{
	width: 250px;
	height:21px;
	color: #fff;
	padding-top: 5px;
	margin-bottom: 5px;
	background:#bd0926;
	font-size: 100%;
	list-style: url(../images/coordoneico.png);
}

.droite img{
	float: left;
	padding: 0 10px;
}

.tel{
	margin-top: 10px;
}
/* @end */
.gauche h3{
	font-size: 90%;
	background:#f39400;
	color:#bd0926;
	width: 445px;
	padding: 5px 20px;
	margin: 5px 0 0 20px!important;
}
.gauche h4{
	margin: 0 0 0 20px;
	width: 445px;
	font-size: 70%;
	font-weight:bold;
	color: #404040;
	text-align: center;
	background: #aaa;
}
.gauche{
	width: 485px;
	height:auto;
	float: left;
	background: #fff;
}
.gauche img{
	padding: 10px 20px;
}
.gauche p{
	font-size: 75%;
	padding: 10px 20px;
	color: #3e3d3d;
	text-align:left;
}
#producteur{
	width:850px;
	height:auto;
	background: #fff;
	margin: 0 auto 20px auto;
	padding-top: 10px;
}
#cuirprod{
	margin: 0 0 -120px 40px;
	width: 427px;
	height:181px;
	background: url(../images/bg_titre_zones_grand.png);
}
#cuirprod h2{
	padding: 30px 0 0 40px !important;
	font-size: 100%;
}
h4{
	font-size: 90%;
	background:#f39400;
	color:#bd0926;
	padding: 5px 20px;
}

/* @end */

/* @group Carte */
#geoloc{
	margin: 0 0 -120px 40px;
	width: 284px;
	height:181px;
	background: url(../images/geoloc.png);
}
#geoloc2{
	margin: 0 0 -120px 40px;
	width: 304px;
	height:181px;
	background: url(../images/bg_titre_zones.png);
	
}
#geoloc2 h2, #geoloc h2{
	font-size: 100%;
	padding: 30px 0 0 40px !important;
}
#map_canvas{
	border: 4px solid #b48a42;
	background: #fff;
	width: 692px;
	height:430px;
	margin: 0 auto 30px;
}
#map_canvas2{
	margin: 0 auto 30px;
	border: 4px solid #b48a42;
	background: #fff;
	width: 844px;
	height:360px;
	font-size: 80%;
}



/* @end */
/* @group Fiche producteurs */
#prodalea{
	width: 825px;
	height:200px;
	background: #fff;
	margin: 50px auto 0 auto;
}
#prodalea ul li{
	list-style: none !important;
}
.prod1{
	background: #bd0926;
	width:190px;
	height:175px;
	float: left;
	margin: 12px 10px;
}
.prod2{
	background: #bd0926;
	width:190px;
	height:175px;
	float: left;
	margin: 12px 5px;
}

.prod3{
	background: #bd0926;
	width:190px;
	height:175px;
	float: left;
	margin: 12px 5px;
}

.prod4{
	background: #bd0926;
	width:190px;
	height:175px;
	float: left;
	margin: 12px 10px;
}
h3{
	font-size: 80%;
	font-weight:bold;
	color: #404040;
	text-align: center;
	margin-top: 60px;
	background: #aaa;
	padding:10px;
}
#prodalea a{
	font-size: 100%;
	font-weight:bold;
	color: #404040;
	text-align: center;
	margin-top: 60px;
	
}

h2{
	font-size: 80%;
	padding-bottom: 3px;
	color: #373737;
	padding-top: 30px;
	padding-left: 50px;
}
#autresprod{
	margin: 20px 0 -180px 670px;
	width: 281px;
	height:186px;
	background: url(../images/autresprod.png);
}

/* @end */

/* @group Header */
header{
	width: 980px;
	height:250px;
}
#logo{
	width: 750px;
	height:150px;
	margin: 20px 0 -250px 0;
	float:left;
}
#ossau{
	float: right;
	margin: 50px 0 -15px 750px;
}

/* @end */

/* @end */
/* @group footer */
footer{
	width: 982px;
	height:40px;
	background: #bd0926;
	margin: 30px 0 0 8px;
}
footer a{
	color: #f39400;
}
footer a:hover{
	color: #fff;
}
footer li{
	color: #f39400;
	font-size: 60%;
	float:right;
	border-right: 1px solid #f39400;
	padding: 0 10px;
	margin-top: 14px;
	font-weight: bold;
}
footer li:first-child{
	border-right: none;
}
#bas{
	padding: 20px 0 0 10px;
	width: 988px;
	height: 0;
	margin-bottom: 80px;
}
/* @end */
/* @group menu */

#haut{
	margin: 10px 0 0;
	width: 998px;
	height:30px;
	background: url(../images/haut.png);
}
nav{
	width: 982px;
	height:40px;
	background: #bd0926;
	margin: -20px 0 0 8px;
}
nav li{
	color: #f39400;
	font-size: 80%;
	float:left;
	padding-left :5px;
	font-weight: bold;
	text-transform: uppercase;
}
nav li:first-child{
	margin-left: 0px;
}
nav a{
	color: #f39400;
	text-decoration: none;
}
nav a:hover{
	color: #fff;
}
nav li.menuacc{
	 background: url(../images/menusprites.jpg) no-repeat 0 0;
	 margin: 0 10px;
	 padding: 12px 0 12px 45px;
}
nav li.menuprod{
	 background: url(../images/menusprites.jpg) no-repeat 0 -50px;
	 margin: 0 10px;
	 padding: 12px 0 12px 45px;
}
nav li.menurdf{
	 background: url(../images/menusprites.jpg) no-repeat 0 -97px;
	  margin: 0 10px;
	 padding: 12px 0 12px 45px;
}
nav li.menumobile{
	 background: url(../images/menusprites.jpg) no-repeat 0 -143px;
	 margin: 0 10px;
	 padding: 12px 0 12px 45px;
}
nav li.menuaop{
	 background: url(../images/menusprites.jpg) no-repeat 0 -187px;
	 margin: 0 10px;
	 padding: 12px 0 12px 45px;
}

/* @end */
/* @group Route */
#route{
	width:850px;
	height:auto;
	background: #fff;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
#route img{
	margin-left: 100px;
}
#route a{
	color:#bd0926!important;
}
#route a:hover{
	color:#bd0926!important;
	text-decoration:underline;
}
#route p{
	padding: 10px 0 10px 20px ;
	margin: 10px 0;
	text-align: left;
	font-size: 80%;
	color: #404040;	
}
#route li{
	padding: 20px 0;
	font-size: 80%;
	color:#bd0926;
	text-align: left;
}


/* @end */
/* @group Etapes */

.gaucheetapes{
	width: 390px;
	height:auto;
	float: left;
	background:#ddd;
	margin: 0 0 15px 25px;
}
.gaucheetapes img{
	padding: 15px 70px;
	height:130px;
}
.gaucheetapes p{
	font-size: 75%;
	padding: 10px 20px;
	color: #3e3d3d;
	text-align:left;
}
.gaucheetapes a{
	text-align: left;
	background:#f39400;
	color:#bd0926;
	text-decoration: none;
}
/* @end */
/* @group Zones */

.gauchezone{
	width: 250px;
	height:80px;
	float: left;
	background: url(../images/prodico.png) #ddd no-repeat;
	margin: 10px 10px 10px 10px;
}
.gauchezone a {
	background: none;
 	color:#f07c00;
}
.gauchezone h4{
	margin-left:30px ;
	font-size: 70%;
	background: none;
 	color:#f07c00;
}
.seemap{
	font-size: 70%;
	margin-left:80px;
	color: #bd0926!important;
}
/* @end */

/* @group mobile */

#mobile{
	width:850px;
	height:auto;
	background: #fff;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
#mobile p{
	padding: 0 20px 10px 20px;
	text-align: left;
	font-size: 80%;
	color: #404040;	
}
#mobile li{
	padding: 0 0 20px 20px;
	font-size: 80%;
	color: #f39400;
	text-align: left;
}
#mobile a{
	color:#bd0926;
}
/* @end */

/* @group Gmap canevas*/
.gmnoprint h5{
	background:  #be0a26!important;
	margin: 0!important;
	padding-left:5px;
}
.gmnoprint a{
	text-decoration: none;
	color: #be0a26;
	margin-top: 10px;
}
.gmnoprint{
	font-size: 90%;
	color: #000;
	height:100px;
	width: 50px;
}

#logocontrol.gmnoprint{
	background: none!important;
}
#smc.gmnoprint{
	background: none!important;
}
a.gmnoprint{
	background: none!important;
}
a.bouton{
	padding-left:5px;
	float:left;
}

/* @end */

#iphone{
	font-size: 60px !important; 
	color: gray; 
	margin: 0 auto;
	padding: 40px 0;
	width: 1000px;
	line-height: 1.8em;
	text-align: center; 
	-webkit-border-radius: 15px;
	-webkit-text-size-adjust:none;
	text-decoration: none;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#d9d9d9));	
}

#iphone a, .iphone a:visited{
	text-decoration: none;
	margin: 10px auto;
	text-align: center;
	color: #BD0926 !important;
}

/* @group legende */
.legende{
	margin: 10px auto 0 auto;
	width: 700px;
	height:70px;
	background: #fff;
	font-size: 80%;
	color: #333;
}
.legende li{
	margin: 5px 0 0 20px;
	float:left;
}
.legende li.etapes{
	 background: url(../images/legende_sprite.png) no-repeat 0 -3px;
	 padding-left: 60px;
	 padding-top: 7px;
}
.legende li.regroupement{
	 background: url(../images/legende_sprite.png) no-repeat 0 -55px;
	 padding-left: 60px;
	 padding-top: 7px;
}
.legende li.rdf{
	 background: url(../images/legende_sprite.png) no-repeat 0 -103px;
	 padding-left: 80px;
	  padding-top: 7px;
	 
}

/* @end */

/* @group mention */

.mention{
	width:860px;
	background: #fff;
	font-size: 75%;
	color:#333;
	margin: 0 auto 10px auto;
}
.mention a{
	color: #BD0926;
}
.mention p{
	padding: 0 10px 10px 10px;
	margin-top: 10px;
}

/* @end */

/* @group Plansite */

#plansite{
	background: #fff;
	font-size: 75%;
	width:840px;
	padding: 10px;
	margin: 20px auto 0;
}
#plansite a{
	color: #BD0926;
	font-weight: bold;
}
#plansite a:hover{
	text-decoration: underline;
}
.planacc a{
	color: #BD0926!important;
	font-weight: bold;
}.planetape a{
	color: #BD0926!important;
	font-weight: bold;
}
.planzone{
		clear: both;
}
.planzone a{
		color: #BD0926!important;
		clear: both;
		width: 750px;
		
}
.planprod a{
	color: #f39400!important;
	width: 280px;
	float:left;
	font-weight: lighter!important;
	padding-top: 0px !important;
}
/* @end */

.bouton-cadre {
  padding: 6px 15px;
  border: 4px solid #ccc;
}

.gmnoprint img[src="http://maps.gstatic.com/intl/fr_ALL/mapfiles/iw_close.gif"]{
  float: right !important;
   left: 228px !important;
}
/* @group Fiche prod icone*/
#droite h5{
	width: 250px !important;
	height:21px;
	color: #fff;
	padding-top: 5px;
	margin-bottom: 5px;
	background:#bd0926;
	font-size: 100%;
}
li.horaire h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat 0 -103px;
	 padding-left: 45px;
}
li.animation h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat 0 0;
	 padding-left: 45px;
}
li.coordon h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat  0 -50px;
	 padding-left: 45px;
}
li.visite h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat  0 -183px;
	 padding-left: 45px;
}
li.gps h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat  0 -77px;
	 padding-left: 45px;
}
li.cartebanc h5{
	 background: url(../images/spritesprod.jpg) #bd0926 no-repeat 0 -25px;
	 padding-left: 45px;
}

/* @end */