@import url("style_global.css");
@import url("style_evenement.css");
@import url("scrolldiv.css");
/*************************************************************************************
*	Bloc gauche
**************************************************************************************/
div#gauche 
{
	width : 170px;
	background : #fff;
	float: left;
}

div#gauche div#sousmenu 
{
	background: #fff;
	margin : 0 0 12px 0;
	padding-top: 5px;
}

div#gauche  div#sousmenu ul
{
	list-style-type: none;
	list-style-position: outside;
	padding: 1px;
	padding-right: 10px;
	padding-top: 10px;
	margin-top:10px;
	margin-bottom:5px;
	border: 1px solid #e199a5;
}

*+html  div#gauche div#sousmenu ul 
{
	margin-left: 0px;
}


div#gauche.HEBERGEMENT  div#sousmenu ul
{
	border: 1px solid #80bb3d;
}

div#gauche div#sousmenu ul li
{
	padding:0px;
	margin:0px;
	display:inline;
}

div#gauche  div#sousmenu ul li a
{
  color : #A82D39;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
  text-decoration : none;
  line-height : 13px;
  display : block;
  padding-bottom : 5px;
  margin-bottom : 5px;
  padding-left : 15px;
}

div#gauche  div#sousmenu  ul li a:hover 
{
	text-decoration: underline;
}

 div#gauche  div#sousmenu ul li a.select 
{
	font-weight : bold;
	background : url(../images/pucerouge.gif) no-repeat 2px 1px;
	margin-bottom :0;
}

 div#gauche  div#sousmenu ul li ul li a.select 
{
 	font-weight: bold;
	margin-bottom:0px;
	background : url(../images/puceblanc.gif) no-repeat 2px 1px;
}

 div#gauche  div#sousmenu ul li ul li ul 
{
	width : 139px;
	margin-bottom : 0;
	padding-top : 8px;
}
div#gauche  div#sousmenu ul li ul li{
	border: 0;
}
 div#gauche  div#sousmenu ul li ul 
{
	margin : 0 -9px 6px 1px;
	padding : 8px 0 10px 12px;
	background: #A32531;
	position:relative;
	border-bottom: none;
}


 div#gauche  div#sousmenu ul li ul li a 
{
	color:#fff;
	padding : 0 0 2px 15px;
	margin : 6px 0;
	line-height:12px;
	background: url(../images/traitMenu.gif) no-repeat 0 0;
}


/*************************************************************************************
*	Bloc central
**************************************************************************************/
div#centre 
{
	float : left;
	width : 550px;
	margin-left: 5px;
}
div#centre.MenusGauche
{
	width : 730px !important;
	_width: 700px;
	margin : 0;
	top : 0;

}
div#centre.noMenus
{
	width : 900px;
	margin : 0;
	top : 0;

}

*html div#centre  div.noMenus{
	width : 900px;
	margin : 0;
	top : 0;

}
/*************************************************************************************
*	Bloc sitraSearchResults
**************************************************************************************/
div#sitraSearchForm {
	margin : 0;
	padding : 0;
	margin-right: 20px;
	border: none;
}
div#sitraSearchForm span.caracteristiques input{
	background: none;
	border: none;
}
div#sitraSearchForm span.caracteristiques{
	margin : 0;
	padding : 0;
	width: 100%;
	float: left;
	display: block;
	height: 20px;
	margin-bottom: 5px;
}
div#sitraSearchForm input.submit{
	float: right;
}


div#centre div#sitraSearchForm  {
	clear: both;
	width : 550px;
}
div#centre.MenusGauche div#sitraSearchForm {
	clear: both;
	width : 750px;
}
div#centre.noMenus div#sitraSearchForm  {
	width : 230px;
	float : left;
}

select.codeCommune 
{
	font-size : 10px;
	width : 200px;
}

div#sitraSearchResults 
{
	float : right;
}

div#centre div#sitraSearchResults  {
	width : 550px;
	float: right;

}
div#centre.MenusGauche div#sitraSearchResults {
	width : 200px;
	float: right;
}

div#centre.noMenus div#sitraSearchResults  {
	width : 600px;
}


div#sitraSearchResults a.boutonGeolocalisation 
{
	display : block;
	width : 155px;
	height : 53px;
	line-height : 53px;
	background : transparent url('../images/fond_carte_2.png') top left no-repeat;
	border : 1px dashed #707070;
	color : #b7253c;
	font-weight : bold;
	font-size : 14px;
	text-align : center;
	margin-left: 442px;
}

div#sitraSearchResults a.boutonGeolocalisationAllMenu
{
	display : block;
	width : 155px;
	height : 53px;
	line-height : 53px;
	background : transparent url('../images/fond_carte_2.png') top left no-repeat;
	border : 1px dashed #707070;
	color : #b7253c;
	font-weight : bold;
	font-size : 14px;
	text-align : center;
	margin-left: 392px;
}

div#sitraSearchResults div#carteInteractive 
{
	margin-top : 40px;
	margin-left : 170px;
}



/*************************************************************************************
*	Bloc droite
**************************************************************************************/
div#droite 
{
	width : 170px;
	float: right;
	color : #707070;
}
div#droite  p a
{
	margin : 0;
	font-size : 11px;
	color : #707070;
}

div#droite a
{
	color: #707070;
	text-decoration: none;
	padding-left: 5px;
}

div#droite a:hover 
{
  color: #707070;
  text-decoration: underline;
}
div#droite  div#coupdecoeur 
{
	width: 150px;
	clear: both;
	padding: 10px;
	border : 1px solid #ffe18f;
	margin-top:10px;
}

div#droite  div#circuits 
{
	width: 150px;
	border : 1px solid #009ddc;
	margin-top: 20px;
	clear: both;
	padding: 10px;
	
}



div#droite  div#coupdecoeur span.titre, div#droite  div#circuits span.titre
{
	font-family: Arial;
	font-size : 11px;
	color : #707070;
	padding: 0;
	margin : 0;
	font-weight : bold;
	width: 100px;
}

div#droite  div#coupdecoeur a{
	font-weight: bold;
	font-size: 12px;

}
a.enSavoirPlus
{
	background : url(../images/puce_plus.gif) 0px 2px no-repeat;
	text-decoration: underline;
	padding-left: 20px;
	clear: both;
	float:left;
	margin-top: 10px;
	width : 150px;
}

a.lienGoogle
{
  padding-left: 20px;
}

div#droite div#coupdecoeur span.illustration 
{
	
	position : relative;
	top : -13px;
	left : -20px;
	float: left;
}

div#droite div#circuits span.illustration 
{
	
	position : relative;
	top : -13px;
	left : -20px;
	float: left;
}
div#droite  img{
	margin :0;
	padding : 0;
	border: 1
}
	

div#droite  h2
{
	margin : 0;
	padding : 0;
	font-size : 12px;
	float: left;
	width:  100px;
}
div#droite  p
{
	clear: both;
	margin : 0;
	padding: 0;
}







div#droite  div#preparation 
{
	width: 150px;
	border : 1px solid #7ebd0f;
	margin-top: 20px;
	clear: both;
	padding: 10px;
	height: 30px;

}
div#droite div#preparation  ul,
div#droite div#preparation  li
{
	list-style-type: none;
	padding: 0 !important;
	margin : 0 !important;
}
div#droite div#preparation  ul
{
	position : relative;
	left : -30px;
	width: 300px;
}
div#droite div#preparation  li a
{
	font-weight : bold;
	font-size : 12px;
}

div#droite div#preparation span.illustration 
{
	position : relative;
	top : -20px;
	left : -70px;
	width:  50px;
	height: 38px;
	text-indent : 47px;
	float: left;
}

/*
div#droite div#preparation  h2
{
	margin : 0;
	padding : 0;
	font-size : 14px;
}

div#droite div#preparation form
{
	margin : 0;
	width : 150px;
	float: left;
}

div#droite div#preparation form fieldset 
{
	border : 0;
}

div#droite div#preparation form fieldset p 
{
	margin : 0;
	padding : 0;
}

div#droite div#preparation form fieldset p label 
{
	margin : 5px 0 0 0;
	font-weight : bold;
	text-align : left;
	display : block;
}

div#droite div#preparation form fieldset p select 
{
	width : 120px;
	font-size : 10px;
	font-family : Arial;
	margin-left : 20px;
}

*html div#droite div#preparation form fieldset p select 
{
	width : 140px;
}

div#droite div#preparation form fieldset p input.submit 
{
	background: #fff;
	border: 1px solid #80bb3d;
	font-family: Arial;
	font-size: 11px;
	margin-left : 20px;
	margin-top : 10px;
	padding : 2px;
}
*/



div#droite div#carte 
{
	width: 170px;
	height: 30px;
	background: url(../images/fond_carte_droite.gif) top left repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 10px;
}

div#droite div#carte a, div#droite div#carte a:hover 
{
	color:#a22630;
}


div#droite div#actualites 
{
	padding: 0;
	margin: 0;
	width : 170px;
	height : 30px;
	background: transparent url(../images/fond_actualite.gif) top left repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 3px;
}

div#droite div#agenda 
{
	width: 170px;
	height: 30px;
	background: url(../images/fond_agenda.gif) top left repeat-x;
	color:#fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 3px;
}

div#droite div#tourisme 
{
	width: 170px;
	height: 30px;
	background: url(../images/fond_tourisme.gif) top left repeat-x;
	color:#fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 3px;
}

div#droite div#paysbeaujo {
	margin-top: 3px;
}
div#droite div#paysbeaujo a
{
	padding-left: 0;

}

div#droite div.publicite
{
	width: 170px;
	height: 30px;
	margin : 3px 0px;
}

div#droite div.publicite  img{
	width: 170px;
	height: 30px;
	margin : 0;
	padding : 0;
	float: left;
}


*html div#droite div#carte, *html div#droite div#agenda, *html div#droite div#tourisme, *html html div#droite div#actualites
{
	width : 180px;
}

/*************************************************************************************
*	Bloc fiche sitra
**************************************************************************************/
div#ficheSitra
{
  clear:both;
}
div#ficheSitra address
{
	margin-bottom: 10px;
}



html body div#blocCentre div#hebergement h3
{
	margin : 20px 0;
}

div#hebergement div.presentationFiche 
{
	border: 1px solid #dfcd85;
	background: #f0e6dd;
	margin-right : 40px;
	clear:both;
}


div#ficheSitra div#allImg{
  float:right;
  width:240px;
  margin-right:20px;
}

div#ficheSitra div#allImg div#imgPrincipale
{
  float:left;
  /*padding-top:10px;*/
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;  
}

div#ficheSitra div#allImg div.imgSecondaire
{
  float:right;
  width:270px;
  padding:0px;
}

div#ficheSitra div#allImg div.imgSecondaire img
{
  float:left;
  width:50px;
  height:50px;
  padding-right:5px;
}

div.rechercheDiv 
{
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
}

div.rechercheDiv b 
{
  color:#000;
}

/*************************************************************************************
*	Bloc presse
**************************************************************************************/
div#presse form{
	margin-bottom : 10px;

}

/*************************************************************************************
*	Bloc videotheque
**************************************************************************************/

div#videotheque{
  float: left;
}



div#player{
 float: left;
}

/*
div#videotheque div{
	border-spacing: 2px;
	border:2px solid #ddd;
	background: #F6F6F6;
	clear:both;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width:260px;

}
div#videotheque div a.linkimg{
	float:left;
	margin-right:5px;
	display:block;
}
div#videotheque div em{
}
div#videotheque div h3{
  background: none;
  font-size: 11px;
  margin:0;
  font-weight: bold;
  color:#BF3648;
}
div#videotheque div p{
	margin:5px;
	float:right;
	position:relative;
	top:-2px;
}
div#videotheque div p span{
	position:relative;
	top:5px;
}
*/


/*************************************************************************************
*	Bloc resultats hebergement sitra search
**************************************************************************************/
div.resultatHebergement1{
	display: block;
	clear: both;
	border: 1px solid #DFCD85;
	min-height: 100px;
	float: left;
	padding: 5px;
	margin-bottom: 10px;
	background: #F0E6DD;

}	

div.resultatHebergement2{
	display: block;
	clear: both;
	border: 1px solid #DFCD85;
	min-height: 100px;
	float: left;
	padding: 5px;
	margin-bottom: 10px;

}	


div.informations
{
	float: left;
	width: 250px;
}

div.informations p{
	margin: 0px;
	width: 250px;
	margin-top: 5px;
	margin-bottom: 5px;
	float:left;
	padding-bottom: 10px;
}

div.informations p label
{
	white-space: nowrap;
	font-weight: bold;
}

div.informations address{


	margin-top: 5px;
	margin-bottom: 5px;
	float:left;
}

div.informations div{

  margin-bottom:10px;
  padding: 5px 0;
  clear: both;
  float:left;
}

div.informations p a
{
	text-decoration: none;
}

div.informations p a:hover
{
	text-decoration: underline;
}


div.informations a.enSavoirPlus:hover
{
	text-decoration: underline;
}

/*********************** Geolocalisation Google *****************************/
div#mapGeolocalisation 
{
	width : 400px;
	height : 280px;
	margin-right: 20px;
	margin-left: 8px;
}

/********************** Formulaire Ajout Favoris ******************************/

form.classicForm 
{
	margin-right: 60px;
}


/*-------------------PHOTOTHEQUE--------------------------*/
  /*---------------------------------------------*/
  div#photothequeDiv{
    margin-top: 10px;
    
	}
 div#photothequeDiv form{
 	 margin-bottom: 10px;
 }
  div.photothequeBloc{
    background: #fbfbfb;
    float:left;
    border:1px solid #ddd;
    padding:7px;
    color:#3E3D3B;
    text-align:center;
    width: 200px;
    display: inline;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  html>body div.photothequeBloc{
    min-width:180px;
    min-height:200px;
  }
  * html div.photothequeBloc{
    width:180px;
    height:200px;
  }
  
  div#contenu div#article div.photothequeBloc strong{
    color:#555;
    padding: 0;
    margin: 0;
  }
  div#contenu div#article div.photothequeBloc h4{
    font-size:13px;
    font-weight: bold;
    text-align: left;
  }
  div#contenu div#article div.photothequeBloc h5{
    font-size:10px;
    font-weight:normal;
    margin-bottom:5px;
    padding-bottom:5px;
    text-align: left;
    border-bottom:1px solid #ddd;
  }
  div#contenu div#article div.photothequeBloc img{
    margin-top:5px;
    float: right;
  }
  div#contenu div#article div.photothequeBloc p{
    margin:0;
    padding:0;
    text-align: left;
  }
	

/**************************INSCRIPTION****************************/

div#blocCentre div#centre  div#commandePhototheque img{
	float: right;
	 border: 1px solid #aaa;
    padding: 2px;
}
div#blocCentre div#centre  div#commandePhototheque form {
    width:525px;
    margin-left:20px;
    float:left;
}
div#blocCentre div#centre  div#commandePhototheque form fieldset{
	border : none;
}
div#blocCentre div#centre div#commandePhototheque form div.commandeLigne{
  margin-top : 10px;
  width:100%;
  padding:0px;
  float:left;
  border:none;
}

div#blocCentre div#centre div#commandePhototheque form div.commandeLigne label.labelcommande{
  display:block;
  float:left;
  white-space:nowrap;
  width:100px;
}



div#blocCentre div#centre div#commandePhototheque form div.commandeLigne img
{
    margin-left:0px
    margin-right:0px;
    margin-top:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px
    padding:0px;
}

div#blocCentre div#centre div#commandePhototheque form  div.commandeLigneSubmit input.submit{
  float:right;
  margin-right:5px;
}




/**************************FIN INSCRIPTION****************************/


a#logisFrance{
	color: #623b12;
	font-size: 18px;
	background : url(../images/logisdefrance.jpg) no-repeat 0 0 ;
	display: block;
	margin : 0;
	height: 60px;
	padding: 30px 0 0 60px ;
	float : left;
	
}


div.informations{
	width: 420px;
}