@import url(moreinfos.css);
@import url(main_nav.css);

div.NavFolder {
    text-align: left;
}

/*==========*/
/* Widget   */
/*==========*/
.blocEnSavoirPlus {
  text-align: right;
  margin-bottom: 2em;
}

div#wIP_InfosPratiques {
  clear: both;
  width : 40%;
}
div#wIP_Pied {
  height : 18px;
  background: transparent url("images/picto_zoom.gif") 0px no-repeat;
  padding-left: 23px;
  margin-bottom: 0.5em;
}
div#wIP_Texte {
  font-size: 0.8em;
  padding: 0em 0 1em 0em;
}

.lienZoom {
  background: transparent url("images/picto_zoom.gif") 0px no-repeat;
	padding-left: 24px;
	padding-top: 5px;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.ct2TexteGauche, .cl2TexteGauche {
  position: relative;
  float: left;
  width: 49%;
  margin-right: 1%;
}
.ct2TexteDroite, .cl2TexteLiens {
  position: relative;
  float: right;
  width: 49%;
  margin-left: 1%;
}

div.imageTexte {
  height: auto;
  padding-right:1em;
}

div.texteImage {
  height: auto;
}

div.imageTexteGauche {
	float: left;
	width: auto;
	margin-right:20px;
}

div.imageTexteGauche img{
	margin-top:0px;
}

div.imageTexteDroite {
	width: auto;
	padding:0 1em 1em 0em;
	vertical-align: top;
	text-align: justify;
}
div.texteImageTexteRaz {
  clear: both;
}
div.texteImageGauche {
	width:auto;
	padding:0 1em 1em 1em;
	vertical-align:top;
  font-size: 11px;
  color: #45452d;
  text-align: justify;
}
div.texteImageDroite {
  float: right;
	margin-left:20px;
  width: auto;
}

div.texteImageDroite img{
	margin-top:0px;
}

.ancreDepart {
  margin-bottom: 3em;
}
.ancreCible {
  margin-bottom: 1em;
}

.Col2Img1, .Col2Img2 {
  float: left;
  width: 40%;
}
.Col3Img1, .Col3Img2, .Col3Img3 {
  float: left;
  width: 30%;
}
.Col4Img1, .Col4Img2, .Col4Img3, .Col4Img4 {
  float: left;
  width: 24%;
}
.Col5Img1, .Col5Img2, .Col5Img3, .Col5Img4, .Col5Img5 {
  float: left;
  width: 20%;
}

/*============*/
/* HomePage   */
/*============*/
.ColDroiteNews {
  vertical-align: top;
  width: 100%;
  margin-bottom: 1em;
  padding: 0px;
	border: none;
}

.ColDroiteNewsImage {
  position: relative;
  float: left;
  width: 28%;
}
.ColDroiteNewsSuite {
  position: relative;
  clear: left;
  height: 15px;
  text-align: right;
}
.ColDroiteNewsTitre {
   padding-bottom:0.5em;
}
.ColDroiteBoite {
	text-align: left;
  margin-left: 0px;
  padding-left: 0px;
}
.separationActuEvt {
  background-image: url(images/separateur_niv2_fonce.gif);
  background-repeat: repeat-x;
  width: 96%;
}

.ColGaucheNews {
	border: none;
  margin-right: 5px;
  width: 95%;
  vertical-align: top;
  background-image: url(images/separateur_niv2_fonce.gif);
  background-repeat: repeat-x;
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.ColGaucheNewsImage {
  float: left;
  width: 50px;
}
.ColGaucheNewsTexte {
    margin-left:50px;
}

.ColGaucheNewsSuite {
  position: relative;
  clear: left;
  text-align: right;
}
div#boiteInternautes {
  text-align: right;
  margin: 10px;
}
.boiteInternautesMenuDroite {
	background-color: #eff3fd;
}
.boiteInternautesMenu {
  position: relative;
  float: right;
  margin-left: 2px;
  margin-right: 2px;
  height: 22px;
}





#boiteInternautes_imprimer{
    width: 28px;
    height: 22px;
    background: transparent url(images/Boutons/bt_imprimer_off.gif) no-repeat;
    display: inline-block;
}

#boiteInternautes_imprimer:hover{
    background: transparent url(images/Boutons/bt_imprimer_over.gif) no-repeat;
}

#boiteInternautes_favoris{
    width: 31px;
    height: 22px;
    background: transparent url(images/Boutons/bt_favoris_off.gif) no-repeat;
    display: inline-block;
}

#boiteInternautes_favoris:hover{
    background: transparent url(images/Boutons/bt_favoris_over.gif) no-repeat;
}

#boiteInternautes_envoi_ami{
    width: 29px;
    height: 22px;
    background: transparent url(images/Boutons/bt_envoi_ami_off.gif) no-repeat;
    display: inline-block;
}

#boiteInternautes_envoi_ami:hover{
    background: transparent url(images/Boutons/bt_envoi_ami_over.gif) no-repeat;
}

#boiteInternautes_aide{
    width: 29px;
    height: 22px;
    background: transparent url(images/Boutons/bt_aide_off.gif) no-repeat;
    display: inline-block;
}

#boiteInternautes_aide:hover{
    background: transparent url(images/Boutons/bt_aide_over.gif) no-repeat;
}




div#vdlUne {
  /*width: 650px;*/
  width: 95%;
}
div#welcomme {
  vertical-align: top;
  text-align: left;
  padding-bottom: 1em;
  padding-top: 1em;
  padding-right: 20px;
/* width: 650px*/
  width: 95%;
}
div#welcommeTexte {
  position: relative;
  float: left;
  width: 60%;
}
div#welcommeDate {
}
.divRaz {
  position: relative;
  clear: left;
}


div#menuDroite {
  position: relative;
  float: left;
  width: 230px;
  height: auto;
  text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #eff3fd;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
div#menuGauche {
  position: relative;
  float: left;
  width: 211px;
  height: 100%;
  text-align: center;
}

div#navigationBas {
  clear: both;
  color: #00497e;
  background-color: #fff;
}
div#navigationBasPagination {
  text-align: center;
  vertical-align: middle;
  width: 90%;
  height: 42px;
  padding-top: 1em;
}
div#navigationBasBoutonHaut, .boutonHaut {
  text-align: right;
  margin-right: 5px;
}
.boutonHautImg {
  text-align: center;
  width: 50px;
}

div#navigationHaut {
  width: 95%;
	margin-bottom: 2em;
  background-color: #fff;
  border-bottom: 2px #c6c6c6 dotted;
}

/*==============*/
/* formulaire   */
/*==============*/
form#CPSFormulaire {
  margin-left: 20px;
}
.formulaire_msg_error {
  background-color: #eee;
  color: #900;
  font-weight: bold;
}
.formulaire_label_error {
  color: red;
}
form#CPSFormulaire input#idsubmit, form#CPSFormulaire div#blocAnnuler {
  margin-left: 50px;
  margin-right: 50px;
}
form#CPSFormulaire .separation {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.radioBouton {
  overflow: hidden;
	display: inline-block;
}
div.radioBoutonListe {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

/*==================*/
/* structure page   */
/*==================*/
div#page {
	width: 800px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px #bf5422 solid;
	background-color: #fff;
}
div#pageEntete {
	width: 800px;
}
div#pageCorps {
  text-align: left;
  vertical-align: top;
	width: 798px;
	border-right: 1px #CB9732 solid;
	border-left: 1px #CB9732 solid;
}
.liseretMenuGauche {
  background-image: url("images/separateur_niv2_clair.gif");
	background-repeat: repeat-y;
	background-position: 212px;
}
div#piedPage {
  position: relative;
  clear: left;
  background: url(images/frise.gif) no-repeat;
	width: 798px;
	padding-top: 52px;
}
div#piedPageMenu {
  height: 20px;
  text-align: center;
  background-color: #fff;
}

/*====================*/
/* structure entete   */
/*====================*/
div#enteteBandeau1 {
	width: 798px;
  font-size: 0.9em;
	border-right: 1px #00497e solid;
	border-left: 1px #00497e solid;
  background-color: #84AFD1;
}
div#enteteBandeau1G {
  position: relative;
  float: left;
  height: 26px;
  background-color: #4682B4;
}
div#enteteBandeau1D {
  position: relative;
  float: right;
height: 26px;  
background-color: #CB9732;
}
div#enteteBandeau2 {
	width: 798px;
	height:75px;
	background-image: url(images/img_general.jpg);
	border-right: 1px #CB9732 solid;
	border-left: 1px #CB9732 solid;
	border-top: 1px #CB9732 solid;
	vertical-align: bottom;
}
/*====================*/
/* structure Bandeau1 */
/*====================*/

div#enteteAccessibilite {
  position: relative;
  float: left;
  margin: 3px 5px 3px 5px;
}
.enteteLangage {
  position: relative;
  float: left;
  margin-right: 5px;
  padding: 5px 0px 5px 0px;
  vertical-align: middle;
}
div#enteteContacter {
  position: relative;
  float: left;
  text-align: left;
  border-left: 2px #fff solid;
  padding: 5px 0px 5px 5px;
  margin-right: 5px;
}
div#enteteRetour {
  position: relative;
  float: left;
}
div#enteteRecherche {
  position: relative;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  color: #fff;
  padding: 4px 10px 4px 10px;
}
div#enteteRechercheAV {
  position: relative;
  float: left;
	vertical-align: top;
	border-left: 2px #fff solid;
	padding: 0px 30px 0px 30px;
}

/*====================*/
/* structure Bandeau2 */
/*====================*/
div#enteteBandeau {
  position: relative;
  float: left;
  width: 700px;
  height: 82px;
  text-align: right;
}
div#enteteArdt {
  display: none;
}

div#enteteLogo {
  position: relative;
  float: left;
  margin-top: 4px;
  margin-left: 7px;
}
div#enteteLogoVDL {
  position: relative;
  float: right;
  margin-top: 4px;
  margin-right: 7px;
}

/*===========================*/
/* structure page centrale   */
/*===========================*/
div#pageCentrale {
  position: relative;
  float: left;
  text-align: left;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
/*	display: inline-block;*/
}
.pageCentraleSansGauche
{
  width: 774px;
  background-color: #fff;
}
.pageCentraleAvecGauche
{
  width: 573px;
  background-color: #fff;
}
div#content {
  position: relative;
  float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.contentSansGaucheAvecDroite
{
  width: 533px;
  background-color: #fff;
}
.contentAvecGaucheAvecDroite
 {
  width: 363px;
  background-color: #fff;
}
.contentAvecGaucheSansDroite
 {
  width: 573px;
  background-color: #fff;
}
.contentSansGaucheSansDroite
 {
  width: 100%;
}
/*===================*/
/* structure popup   */
/*===================*/
.popup {
	width: 573px;
	text-align: left;
}
div#popupContenu {
  margin-left: 10px;
}
div#popupEntete {
	text-align: right;
	vertical-align: middle;
	/*height: 20px;*/
	height: 2em;
	line-height: 2em;
	color: #fff;
	width: 573px;
  background-image: url(images/bandeauPopup.gif);
}
div#popupPied {
  background: url(images/frise_popup.gif) no-repeat;
	height: 48px;
}
div#entite {
  margin-left: 20px;
  margin-bottom: 3em;
}

div#entiteHandicape {
  margin-top: 1em;
  padding-left: 0px;
}

/*============*/
/* Impression */
/*============*/
div#pageEnteteImpression, div#popupEnteteImpression {
  display: none;
}

/*===========*/
/* recherche */
/*===========*/
div#searchCtrl {
  margin-top: 1em;
  margin-bottom: 1em;
}
div#searchResult {
  margin-top: 2em;
}
.emphasis {
   font-style: italic;
}

div#SearchAVAction {
  margin-top: 2em;
  margin-left: 200px;
}
div#SearchAVPied {
  border-top: 1px solid #c5c5c5;
  background: transparent url(images/logo_lyon_direct.gif) 0px no-repeat;
  padding-left: 200px;
  vertical-align: top;
  margin-top: 2em;
  margin-bottom: 2em;
}
div#SearchAVPiedTel {
  float: left;
}
div#SearchAVPiedMail {
  float: left;
  margin-left: 50px;
}

div#otepAction {
 border-top: thin #00497e dotted;
 padding-top: 1em;
 text-align: center;
}

div#detailImprimerDroite {
  text-align: right;
	height: 16px;
  margin-top: 1em;
}

/*===================*/
/* Recherche avancee */
/*===================*/
div#ravCriteria {
  margin-top: 2em;
  margin-bottom: 2em;
}
div#ravPersonnalisee {
  position: relative;
  float: left;
  width: 60%;
}
div#ravPersonnaliseeTitre {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
div#ravAide {
  position: relative;
  float: right;
  height: 20px;
  padding-top: 20px;
}
div#ravCadreGauche {
  position: relative;
  float: right;
  width: 35%;
  text-align: left;
  margin-right: 5px;
}
fieldset#ravPersonnaliseeCriteria {
  clear: both;
  background: transparent;
  border: none;
}

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
}
.b1, .b2, .b3, .b1b, .b2b, .b3b {
  height:1px;
}
.b2, .b3, .b4, .b4b, .b3b, .b2b {
/*  background:#d0d083;*/
  background:#dcdb9f;
  border-left:1px solid #999;
  border-right:1px solid #999;
}
.b1, .b1b {
  padding: 0px;
  margin:0px 5px;
}
.b2, .b2b {
  margin:0 3px;
  border-width:0 2px;
  background:#999;
}
.b3, .b3b {margin:0 2px;}
.b4, .b4b {
  height:2px;
  margin:0 1px;
}
.ravContent {
  display:block;
/*  background:#d0d083;*/
  background:#dcdb9f;
  border-left:1px solid #999;
  border-right:1px solid #999;
  padding-left: 20px;
  padding-top: 0.5em;
  padding-right: 10px;
}
div#ravPersonaliseeIntro, div#ravContacterIntro {
  margin-top: 0.5em;
  margin-bottom: 1em;
  width: 100%;
  font-weight: bold;
}

div#breadcrumbs {
	font-size: 0.8em;
	color: #999;
}

.mainColGaucheDroite {
  width: 50%;
  float: left;
}
.mainColGauche, .mainColDroite {
  width: 100%;
}

/*******************************************************/
/*		NOUVEL HABILLAGE								  */
/*******************************************************/
.no_pages img{
 float:left;
 margin:0 5px 2px 0;
}

.no_pages h2{
 clear:left;
}

html>/**/body .no_pages .firstSection{
	padding-bottom:6px;	
}

.no_pages .otherSections{
	clear:left;
	margin-bottom:20px;	
}

.otherSections .accroche{
/*      border-bottom:thin dotted #D7D7D7;*/
	padding-bottom:10px;
}


.allerPlusLoin p{
	margin-top:0;
}

/*******************************************************/
/*   ENVOI DE CARTE POSTAL DEPUIS BLOC "ALBUM PHOTO"   */
/*******************************************************/

.send_postcard_form form{
        float:right;
}

.send_postcard_form label{
        display:block;
}

.send_postcard_form #message{
        display:block;
        margin-bottom: 10px;
}

.send_by_postcard div{
        align:center;
}

.send_by_postcard a{
        display:block;
        font-size:xx-small;
        font-weight:normal;
}

.send_postcard_img{
        max-width: 330px;
        width:expression(this.clientWidth >= 330? "330px": "auto" );
}

div#postcard_sent{
        border: 2px #c4c4c4 solid;
        padding: 20px;
        margin-right: 50px;
        margin-left: 100px;
}

div#detail_postcard_sent li{
        font-weight: bold;
}

p#stamp{
        text-align: right;
}

p#sender, p#message_postcard_sent{
        text-align: left;
        margin-left: 80px;
}

p#sender{
        border-top: 2px #c4c4c4 dotted;
        border-bottom: 2px #c4c4c4 dotted;
        text-align: left;
        font-weight: bold;
}

p#sender span{
        width: 100px;
}

p#sender a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #4F7BB2;
}

img#stamp{
    float: left;
}

.widget_center{
  width:100%;
  float:none;
  overflow: visible !important;
  overflow: hidden;
  display: inline-block;
  margin: 0em 0em 0.1em 0em;
}

.widget_left{
 width:48%;
 float:left;
 padding: 0em 4px 0em 0em;
 margin: 0em 0em 0.5em 0em;
}

.widget_right{
  width:48%;
  float:right;
 padding: 0em 0em 0em 4px;
 margin: 0em 0em 0.5em 0em;
}

#byline {
  float:left;
  width:100%;
}

.ancreCible a{zoom:1}