body{
background:#e8e0c9;
margin:0;
font-family:verdana;
font-size:9pt;
}#popup{display:none;}
#connection
{

  background:url('../images/cadenas.gif') no-repeat top center;
  border:1px solid black;
  margin:3px;
}
#connection table
{
  margin-top:35px;
  background:#E9E8F0;
  width:100%;
}
div#menu_gauche
{
  float:left;
  width:202px;
  margin:0;
  padding:0;
  background: white;

}
div#empl_droite
{
  float:right;
  width:201px;
  margin:0;
  padding:0;
  background: white;

}

html>body #center {
height: auto;
min-height: 630px;
  margin:0;
  padding:0;
  margin-left:205px;
  margin-right:202px;
  width:562px;
}

div#center
{
  height:630px;
  margin:0;
  padding:0;
  margin-left:202px;
  margin-right:202px;
    width:562px;
}


html>body .text_etbl
{
 height: auto;
min-height: 210px;
padding-left:20px;
padding-right:20px;
  
}.text_etbl
{
  height:210px;
padding-left:20px;
padding-right:20px;
}

OBJECT {
  z-index: 0;
}
img{border:0;}
/* Style de page  */
.assos_css
{
  background: #e2dcf4;
}
.assos_css .titre_detail 
{
 
}
.sports_css
{
   background: #e2dcf4; 
}
.commerces_css
{
   background: #e2dcf4; 
}
.sorties_css
{
   background: #e2dcf4; 
}
.actu_css
{
   background: #e2dcf4;
}

.infosv,.infosp,.infoss
{
   background: #e2dcf4; 
}
.presentation{
background:url('../images/ingre/fond_titre_grand.jpg') repeat-x ;
text-align:left;
width:542px;
margin-left:20px;
}

.rech_cat{
background:url('../images/ingre/fon_titre_rech.jpg') repeat-x ;
text-align:left;
width:542px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}
.result_rech{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
  margin-right:20px;
}
.titre_detail a{
  color:white;
}
.infosv .titre_detail a,.infosp .titre_detail a,.infoss .titre_detail a{
  color:black;
  font-size:9pt;
  text-align:center;
}
.infosv .titre_detail,.infosp .titre_detail,.infoss .titre_detail{
  text-align:center;
}
.infosv #titre_events,.infosv #titre_shopping,.infosp #titre_events,.infosp #titre_shopping,.infoss #titre_events,.infoss #titre_shopping{
background:url('../images/ingre/fond_pages.jpg') repeat-x #FFFFFF;
height:39px;
line-height:39px;
width:100%;
margin-bottom:10px;
}
.actu_css #titre_events,.actu_css #titre_shopping{
background:#3b7fd0;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}
.sports_css #titre_events,.sports_css #titre_shopping{
background:#86cd43;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}
.assos_css #titre_shopping, .assos_css #titre_events{
background:#d03b98;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}
.commerces_css #titre_shopping, .commerces_css #titre_events{
background:#bf70da;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}
.contact_css #titre_shopping, .contact_css #titre_events{
background:#d7bc56;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}

.sorties_css #titre_events,.sorties_css #titre_shopping{
background:#ee8945;
border-bottom:1px solid white;
height:34px;
line-height:34px;
width:100%;
margin-bottom:10px;
}

/* CORP */
#container
{
    margin:0 auto;
    width:931px;

}
#bg_left
{
background:url('../images/ot/body_bg_left.jpg') repeat-y left;
width:939px;
}
#bg_right
{
background:url('../images/ot/body_bg_right.jpg') repeat-y right;
width:988px;
}
#site_ot
{
background:white;    
width:974px;
padding:0px;
margin-left:7px;
}

/* Header */

#header{
height:142px;
  background-color:#000000;
  margin-bottom:1px;
}
ul#animated-portfolio{
        padding: 0;
        margin: 0;
        list-style-type: none;
}
ul#animated-portfolio li{
        padding: 0;
}
#logo{
    float:left;
    width:192px;
}
#flags{
width:85px;
text-align:center;
}
#flags a{
display:inline;
padding:1px;
}
#img_header{
    float:left;
    width:782px;
    height:142px;

    margin:0px;
    padding:0px;
}
/* MENU HAUT */
#menu_dyn{    
width:562px;
height:22px;

padding:0;
margin:0;
  margin-bottom:1px;
}

/* MENU GAUCHE */
#menu_dyn1{    
width:200px;
margin:0px;
padding:0px;
}
.dashed_separator{
border-bottom:2px dashed black;  
height:20px;  
margin:30px;
width:140px;
position:absolute;
}
/* Box Contenu */

#box_actu
{
width:562px; 
background:#397ecf;
border-bottom:3px solid #2164b8;
border-top:3px solid #2164b8;
margin:0;
padding:0;
position:absolute;
height:197px;
}

#box_actu_titre{
height:26px;
padding:0;
margin-top:3px;
margin-left:15px;
border-bottom:2px solid white;
width:525px;


}
#slider_actu {
    width: 530px;
    margin: 0 auto;
    position: relative;

}
.scrollContainer_actu div.panel {
    padding: 0px;
    margin:0;
    width: 530px;

  color:white;
}

.scroll_actu {

   padding: 0px;
    margin:0;
    width: 530px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    margin-top:10px;
}
#box_actu h2,#box_sorties h2,#box_assos h2,#box_sports h2,#box_commerces h2
{
  padding:0;
  margin:0;
  font-size:11pt;
}
#box_actu p,#box_sorties p,#box_assos p,#box_sports p,#box_commerces p
{
  padding-left:0;
  margin:0;

}
#box_sorties
{
width:281px; 
background:#ee8943;
border-bottom:3px solid #e1672d;
border-top:3px solid #e1672d;
margin-top:0;
padding:0;
position:absolute;
margin-top:203px;
height:197px;
}

#box_assos
{
width:281px; 
background:#d03b98;
border-bottom:3px solid #9f3177;
border-top:3px solid #9f3177;
margin:0;
padding:0;
position:absolute;
margin-top:203px;
margin-left:281px;
height:197px;
}
#box_sports
{
width:281px; 
background:url('../images/ingre/fond_sports.jpg') repeat-x #87CD45;
border-bottom:3px solid #70b835;
border-top:3px solid #70b835;
margin:0;
padding:0;
margin-top:406px;
height:197px;
position:absolute;
}
#box_commerces
{
width:281px; 
background:#bf70da;
border-bottom:3px solid #9235b8;
border-top:3px solid #9235b8;
margin:0;
padding:0;
margin-top:406px;
margin-left:281px;
height:197px;
position:absolute;
}

#box_sorties_titre,#box_commerces_titre,#box_assos_titre,#box_sports_titre{
height:26px;
padding:0;
margin-top:3px;
margin-left:15px;
border-bottom:2px solid white;
width:251px;
}
#slider_sorties,#slider_commerces,#slider_assos,#slider_sports{
    width: 251px;
    margin: 0 auto;
    position: relative;

}
.scrollContainer_sorties div.panel,.scrollContainer_commerces div.panel,.scrollContainer_assos div.panel,
.scrollContainer_sports div.panel {
    padding: 0px;
    margin:0;
    width: 251px;
  color:white;
}

.scroll_sorties,.scroll_sports,.scroll_commerces,.scroll_assos {

   padding: 0px;
    margin:0;
    width: 251px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
        margin-top:10px;
}

.hide {
    display: none;
}/* ---------------------------*/

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -5px;
    top:-50px;
}

.scrollButtons.right {
    right: -5px;
    top:-50px;
}

#box1
{
    background:#f4f2e8;
    width:206px;
    padding:7px;
    font-size:9pt;
    position:absolute;
    height:315px;
    margin-bottom:5px;
}
.text_comp
{
    width:90px;
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    height:123px;

}
.text_comp1
{
    width:110px;
    float:left;
    margin-top:10px;
    margin-bottom:10px;
}
#img_left
{
    float:right;
    margin-left:5px;
    padding-top:10px;
    text-align:center;
    width:80px;

}

#img_cc3
{
    z-index:2;
    background:url('../images/boxs_img/header_b3.jpg') no-repeat top left;
    position:absolute;
    width:100px;
    height:100px;
    margin-left:0px;
    padding-left:0px;
}

.content_b3
{
   margin-top:20px;
   margin-left:7px;
   margin-right:7px;
   height:130px;
   float:left;
   width:180px;
}
.content_b4
{
  margin-top:20px;
   margin-left:7px;
   margin-right:7px;
  height:130px;
  float:left;
  width:180px;
}
#infos_b3
{
     background:url('../images/boxs_img/fond_box3.jpg') no-repeat bottom right ;
     float:right;
     height:60px;
     width:150px;
}

/* Evenements */
#titre_cc
{
    width:100%;
    height:94px;
    line-height:94px;
    background:url('../images/ot/bg_titre_cc.jpg') repeat-x;
    font-size:14px;
}
.img_abs
{
    position:absolute;
    
}
#titre_cc h1
{
    font-size:16px;
    text-align:center;
    margin:0;
    padding:0;
    position:absolute;
    width:600px;
}

#left_box
{

    width:562px;
    margin:0;
    padding:0;

}
#left_box1
{
    width:762px;
    margin:0;
    padding:0;
}
#right_box
{
    float:right;
    width:200px;

}
.temp_text
{
background:pink;
 border:1px solid white;
 padding:3px;
}
.erreur
{
 background:white;
 border:1px solid white;
 padding:3px;
 color:red;
 font-weight:bold;
  
}
#conteneur_evenement
{
  padding:0px;
    padding-left:20px;
    padding-right:20px;
}
#event_left
{
    float:left;
    width:190px;
    margin:0px;
    padding:0px;

}

#event_left p
{
margin-bottom:5px;
margin-left:0px;
color:#897EA3;
}
#event_left ul {
list-style-type: none;
padding:0px;
margin:0px;
}
#event_left ul a{
text-decoration:none;
margin:0px;
color:blue;
}

#event_left li{
margin:0px;
padding:0px;
color:blue;
}
.avis{
margin:0px;
margin-left:7px; 
float:left;
}
.avis a:hover{
text-decoration:none;
}
.avis a{
text-decoration:underline;
}

#actu_etab ul {
list-style-type: none;
padding-left:0px;
margin:0px;
}
#actu_etab ul a{
text-decoration:none;
margin:0px;
color:blue;
}

#actu_etab li{
margin:0px;
padding:0px;
color:#000000;
}


/****************************************************************************
*                       Orleans
**                     Autrement
******************************************************************************/


#orleans_autre
{

color:#8a02d8;
margin:0;
padding:0;
position:absolute;
bottom:5px;
background:white;
z-index:10;
left:385px;
width:200px;
border :1px solid black;
}

#button_ot
{
    font-size:10pt;
    padding:5px;
    text-align:center;
}

#orleans_autre ul
{
list-style-type: none;
padding-left:5px;
margin:0px;
}
#orleans_autre ul a
{
text-decoration:none;
}


#event_right1
{
    float:right;
    color:#8a02d8;
    width:190px;
    padding-top:30px;
}

#event_left1
{
   padding-top:30px;
   float:left;
    color:black;
    width:350px;
    text-align:justify;
}

/****************************************************************************
*                    FIN   Orleans
**                     Autrement
******************************************************************************/

#event_right
{
    float:right;
    color:black;
    width:310px;
    text-align:justify;

}
#event_right2
{
    float:right;
    color:black;
    width:522px;
    text-align:justify;
}

#event_post
{
    clear:both;
    padding:10px;
    background:#f5f1dc;

}

/* ************************************************************
moteur de recherche dans shopping par florent le 26/02/08
**************************************************************/
#moteur_recherche
{
float:right;
width:55%;
height:30px;
margin-top:0px;
padding:0px;
}

#corp_moteur_sports_loisirs
{
background-color:#d0ec7d;
width:280px;
height:30px;
margin:0px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;
margin-top:10px;
}

#corp_moteur_commerces
{
background-color:#e09ad8;
width:280px;
height:30px;
margin:0px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;
margin-top:10px;
}

#corp_moteur_association
{
background-color:#efeb87;
width:280px;
height:30px;
margin:0px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;
margin-top:10px;
}

#corp_moteur_infosv
{
background-color:#d0cdde;
width:280px;
height:30px;
margin:0px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;

margin-top:10px;
}
#corp_moteur_infoss
{
background-color:#d0cdde; 
width:280px;
height:30px;
margin:0px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;

margin-top:10px;
}
#corp_moteur_infosp
{
background-color:#d0cdde; 
width:280px;
height:30px;
margin:0px;
margin-top:10px;
padding:0px;
float:right;
padding-left:10px;
line-height:30px;
}


#titre_shopping h1{
font-size:16px;
margin:0;
padding:0;
position:absolute;
text-align:center;
width:100%;
}

/* ************************************************************
css etablissement par florent
**************************************************************/

#conteneur_etablissement{

}

#conteneur_etablissement2{
padding-left:10px;
padding-right:10px;
}

#conteneur_etablissement table a{
text-decoration:none;

}
#conteneur_etablissement table a:hover{

}

html>body .etablissement {
height: auto;
min-height: 130px;
padding-left:20px;
padding-right:20px;
}
.etablissement{

height:130px;
margin:0px;
padding:0px;
padding-left:20px;
padding-right:20px;
}

.etablissement_photo2{
width:120px;
height:120px;
margin:0px;
margin-left:10px;
margin-top:20px;
float:right;
}
.etablissement_photo{
width:120px;
height:120px;
line-height:120px;
vertical-align:middle;
margin:0px;
margin-left:10px;
float:right;
padding:3px;
border:1px solid gray;
background:white;
}




.titre_detail a{
  color:white;
}
.etablissement_logo
{
width:80px;
height:80px;
line-height:80px;
vertical-align:middle;
margin:0px;
margin-left:10px;
float:right;
padding:3px;
border:1px solid gray;
background:white;  
}

.etablissement_logo img{vertical-align: middle; display: block;}
.etablissement_logo a{
width:80px;
height:80px;
margin:auto;
}
.etablissement_logo span{
width:80px;
height:80px;
margin:auto;
}
.etablissement_logo a img{margin:auto;}
.etablissement_logo span img{margin:auto;}


.etablissement_photo img{vertical-align: middle; display: block;}
.etablissement_photo a{
width:120px;
height:120px;
margin:auto;
}
.etablissement_photo span{
width:120px;
height:120px;
margin:auto;
}
.etablissement_photo a img{margin:auto;}
.etablissement_photo span img{margin:auto;}

.etablissement_photo_jeanne{
width:190px;
height:190px;
margin:0px;
margin-left:10px;

float:right;
}


.etablissement_titre{
width:380px;
line-height:15px;
font-weight:bolder;
float:left;
margin:0px;
padding:0px;
font-family:verdana;
font-size:13px;
color: #000000;
}
.etablissement_titre #titre_etab{
line-height:15px;
font-weight:bolder;
font-family:verdana;
font-size:13px;
color: #000000;
text-decoration:none;
}


.etablissement_text{
text-align:justify;
width:380px;
margin-top:0px;
float:left;
margin-bottom:10px;
padding:0px;
}

.etablissement_localiser{
  
float:left;
width:380px;
margin-top:50px;
margin-bottom:0px;

}

.etablissement_localiser a{

color:#897ea3;
text-decoration:none;
font-style:oblique;
font-weight:bolder;
}

.etablissement_titre #savoir{
margin-left:10px;
vertical-align:bottom;
color:#897EA3;
font-style:oblique;
font-weight:bolder;
text-decoration:none;
font-size:9pt;
}
#info_details a{
color:#897EA3;

font-weight:bolder;
text-decoration:none;
font-size:9pt; 
  
}
.etablissement_titre a img{
vertical-align:bottom;
}

.etablissement_adresse{

width:380px;
color: #000000;
float:left;
margin:0px;
padding:0px;
font-family:verdana;
font-size:12px;
margin-top:2px;
margin-bottom:5px;

}
.separation
{
margin-top:0px;
width:100%;
height:1px;
line-height:1px;
border-bottom:1px dashed #FFFFFF;
margin-bottom:0px;
padding:0px;
}
.separation_list
{
line-height:1px;
height:1px;
margin-top:0px;
width:100%;
border-bottom:1px solid #FFFFFF;
margin-bottom:3px;
padding:0px;
}
.separation_recherche{
line-height:1px;
height:1px;
width:100%;
border-bottom:1px dashed #000000;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.titre_recherche_cat{
margin-top:20px;
text-align:center;
margin-bottom:0px;
font-size:12px;
font-family:verdana;
font-weight:bold;
}
/*affichage pour la liste des sorties */

.evenement_photo{
width:80px;
height:80px;
line-height:80px;
vertical-align:middle;
margin:0px;
margin-left:10px;
float:right;
padding:3px;
border:1px solid gray;
background:white;
}
.evenement{

height:110px;
margin:0;
padding:0;
margin-left:20px;
margin-right:20px;

}
.evenement_text{
text-align:justify;
width:410px;
margin-top:0px;
float:left;
margin-bottom:10px;
padding:0px;
}
.evenement_separation
{
height:1px;
line-height:1px;
width:100%;
border-bottom:1px solid #FFFFFF;
margin-bottom:10px;
float:left;
}
.evenement_adresse{
font-style:oblique;
width:400px;
color: #000000;
float:left;
margin:0px;
padding:0px;
font-family:verdana;
font-size:9pt;
margin-top:2px;
margin-bottom:5px;
}
.evenement_titre a{
width:400px;
line-height:15px;
font-weight:bolder;
float:left;
margin:0px;
padding:0px;
font-family:verdana;
font-size:13px;
color: #000000;
text-decoration:none;
}
.evenement_titre{
width:400px;
line-height:15px;
font-weight:bolder;
float:left;
margin:0px;
padding:0px;
font-family:verdana;
font-size:13px;
color: #000000;
text-decoration:none;
}
.evenement_localiser a{
float:left;
width:306px;
margin-top:0px;
margin-bottom:10px;
color:#897ea3;
text-decoration:none;
font-style:oblique;
font-weight:bolder;
}
.titre_evenement{
font-weight:bold;
margin:0px;
padding:0px;
font-size: 20px;
color: #000000;
margin-left:10px;
margin-right:10px;
font-family: verdana;
font-size:15px;
text-align:center;
}

.titre_news{
font-weight:bold;
margin:0px;
padding:0px;
font-size: 14px;
color: #000000;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
font-family: verdana;
text-align:center;
}




/* ************************************************************
css Modal box  shopping par florent
**************************************************************/

#modal_photo{
width:200px;
height:200px;
margin:0px;

}
#modal_photo1{
width:200px;

margin:0px;

}

#modal_text,#modal_text1{
text-align:justify;

margin-top:10px;

margin-left:10px;
color: #000000;
margin-right:10px;
margin-bottom:10px;
}

#fnac{
height:50px;
line-height:50px;
width:350px;
}

.lien_fnac{
text-decoration:none;
color:blue;
}
#conteneur_etablissement h3
{
  color:white;
  padding:0;
  margin:2px;
  text-align:center;
  
}
#modal_titre,#modal_titre1{

font-weight:bold;

margin:0px;
padding:0px;
font-size: 20px;
color: #FFFFFF;
margin-left:10px;
margin-right:10px;
font-family: verdana;
}
#modal_adresse,#modal_adresse1{

color: #777;
margin:0px;
margin-left:10px;
margin-left:10px;
}
#modal_horaire,#modal_horaire1{

margin:0px;
margin-top:10px;
margin-left:10px;
margin-left:10px;
font-weight:bold;
font-size:14px;
color: #000000;
}
#modal_lien,#modal_lien1{

margin:0px;
margin-left:10px;
margin-left:10px;
margin-top:10px;
color: #000000;
}
#modal_titre,#modal_lien,#modal_horaire,#modal_adresse,#modal_text
{
float:left;
width:350px;
}
#modal_lien a
{
font-weight:bold;
text-decoration:underline;
color:blue;
}

#s3{
width:120px;
height:120px;
margin:0px;
margin-left:10px;
float:right;
}
#s3 a{ width: 120px; height: 120px; margin: auto; }
#s3 img { vertical-align: middle; display: block; }
#s3 a img { margin: auto; }



#s4{
width:190px;
margin:auto;
margin-top:20px;
height: 190px;
}
#s4 a{ width: 190px; height: 190px; margin: auto; }
#s4 img { vertical-align: middle; display: block; }
#s4 a img { margin: auto; }
#s5 { }
#s5, #s5 a { width: 190px; height: 190px; margin: auto; }
#s5 a {  }
#s5 img { vertical-align: middle; display: block; }
#s5 a img { margin: auto; }

/*visuel tournant dans nyro pour etablissment type shopping marches*/
#s9{
width:250px;
margin:0px;
height: 250px;
}
#s9 img{ vertical-align: middle; display: block; }
#s9 span{ width: 250px; height: 250px; margin: auto; }
#s9 span img{ margin: auto; }
#s9 a{ width: 250px; height: 250px; margin: auto; }
#s9 a img { margin: auto; }
/*visuel tournant dans nyro pour decouvrir orleans*/
#s10{
width:120px;
margin:0px;
margin-left:10px;
margin-right:10px;
float:right;
height: 120px;
}
#s10 img{ vertical-align: middle; display: block; }
#s10 span{ width: 120px; height: 120px; margin: auto; }
#s10 span img{ margin: auto; }
/*CSS DE LA MODALBOX FOURNIT PAR DEFAUT

********************************************************************** 
**********************************************************************   */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: verdana;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/nyromodal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/nyromodal/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
	padding-top:20px;
	padding-bottom:20px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.0;
	filter: alpha(opacity=20);
	display:none;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.0;
	filter: alpha(opacity=50);
		display:none;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 1005;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../images/nyromodal/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(../images/nyromodal/next.gif) right 20% no-repeat;
}

/*FIN CSS DE LA MODALBOX 
********************************************************************** 
**********************************************************************   */

/* ************************************************************
css etablissement dans details etablissement par florent
**************************************************************/

#details_default{
background:#F4F2E8 none repeat scroll 0 0;
margin:0;
padding:0;
width:100%;
float:left;
}

#titre_details_default {
background:transparent url(../images/ot/bg_titre_cc.jpg) repeat-x scroll 0 0;
height:44px;
line-height:34px;
width:100%;
clear:both;
}

#conteneur_details_default{
padding-left:20px;
padding-right:20px;   
background:#F4F2E8 none repeat scroll 0 0;
clear:both;
margin:auto;
margin-bottom:20px;
}


/* ************************************************************
Formulaire reservation hebergement
**************************************************************/

.libelle_form_reserv{
    color:#000000;
    font-size:12px;
    text-align:left;
}
.valeur_form_reserv{
    color:#000000;
    font-size:12px;
    text-align:left;
    
}
.required{
    color:red;
}

/* ************************************************************
Scroller box actualite
**************************************************************/
/* Scroller Box */
#scroller_container {
 position: relative;
 width: 191px;
 height: 380px;
 overflow: hidden;


}

#scroller p {
 width: 191px;

}
#scroller h1 {
 width: 191px;

}
#scroller h2 {
 width: 191px;

}
/* Scoller Box */
/* ************************************************************
Page OT
**************************************************************/

#box_actualite {
 position: relative;
 width: 191px;
 float:left;
  padding-left:5px;
 padding-right:5px;
  background:#E9E8F0;
 }
#middle_box
{
    background:#f4f2e8;
    width:821px;
    margin:0;
    padding-top:20px;
    min-height: 450px;
}

html>body #middle_box
{
height: auto;
min-height: 450px;
background:#f4f2e8;
width:821px;
margin:0;
padding-top:20px;


}
#right_box_ot
{
    background:#f4f2e8;
   margin-left:205px;
    width:300px;
    margin-top:6px;
}
#menu-haut
{
    background:url('../images/ot/box-ot-blanche-haut.gif') no-repeat;
    height:8px;
    width:608px;
}
#menu-corps
{
    background:url('../images/ot/box-ot-blanche-repeat.gif') repeat-y;
    width:600px;
    padding:12px;

}
#menu-corps_goodies
{
    min-height: 650px;
    background:url('../images/ot/box-ot-blanche-repeat.gif') repeat-y;
    width:600px;
    padding:12px;

}
html>body#menu-corps_goodies
{
    height: auto;
    min-height: 650px;
    background:url('../images/ot/box-ot-blanche-repeat.gif') repeat-y;
    width:600px;
    padding:12px;

}
#menu-bas
{
    background:url('../images/ot/box-ot-blanche-bas.gif') no-repeat;
    height:8px;
    width:608px;
}
.pics_ot { height: 165px; width: 195px; padding:0; margin:0; overflow: hidden;float:left;}

.pics_ot img {padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

.pics_ot img {-moz-border-radius: 6px; -webkit-border-radius: 6px;}


/*****************************************/
/* Menu horizontal (rendu en-ligne des <li>) */
/*****************************************/
#nav {
    list-style: none ;
    line-height:25px;
    padding:0px;
    margin:0px;
    }


#nav li {

    display: inline ;
    margin-right: 1px ;
    color: #fff ;

    }
    #nav li a {

    background: #b0bbda ;
    color: #000000 ;
    font: 1em verdana,sans-serif ;
    line-height: 1em ;
    padding: 4px 20px ;
    text-align: center ;
    text-decoration: none ;
    }
    #nav li a:hover
    {
    background: #ffffff ;
    text-decoration: none ;
    }
     #nav li a:focus
     {
    background: #ffffff ;
    text-decoration: none ;
    font-weight: bold ; 
        
     }
       #nav li a:active
     {
        background: #ffffff ;
        text-decoration: none ;
        font-weight: bold ; 
     }

/*****************************************/
/* Orleans et jeanne et orleans et la loire */
/*****************************************/
#conteneur_jeanne{
padding:20px;
text-align:justify;
position:relative;
width:520px;
}
#conteneur_jeanne2{
padding:0px;
text-align:justify;
position:relative;
}
#conteneur_jeanne2 p{
    margin-top:0px;
text-align:justify;
}

#conteneur_jeanne p{
    margin-top:0px;
text-align:justify;
}

#conteneur_sport_loisir_gauche{
    width:140px;
    margin-left:10px;
    margin-right:10px;
    float:left;
}

#haut_conteneur{
    background:url('../images/ot/fond_panneau_gauche.gif') repeat-y;
    width:140px;
}
#bas_conteneur{
    background:url('../images/ot/pied_panneau_gauche.jpg') no-repeat;
    width:140px;
    height:67px;
    
}


/*****************************************/
/*PIED de page footer Menu horizontal (rendu en-ligne des <li>) */
/*****************************************/
#nav_pied {
    list-style: none ;
    margin: 0 ;
    padding: 0 ;
    }
    #nav_pied li {
    display: inline ;
    margin-right: 1px ;
    color: #7f8cb4 ;
    }
    
    #nav_pied li a {
    background: #7f8cb4 ;
    color: #994cd9 ;
    font: 1em verdana,sans-serif ;
    line-height: 1em ;
    padding: 4px 20px ;
    text-align: center ;
    text-decoration: none ;
    }
    
    #nav_pied li img
    {
    vertical-align:middle;
    }
 
    
    #nav_pied li a:hover
    {
    background: #7f8cb4 ;
    color: #ffffff;
    text-decoration: none ;
    }
     #nav_pied li a:focus
     {
    background: #7f8cb4 ;
    text-decoration: none ;
    font-weight: bold ; 
        
     }
       #nav_pied li a:active
     {
        background: #7f8cb4 ;
        text-decoration: none ;
        font-weight: bold ; 
     }
/*****************************************/
/*revue de presse*/
/*****************************************/

#menu-haut-revue-presse
{
    background:url('../images/ot/box-ot-blanche-haut-revue_presse.gif') no-repeat;
    height:11px;
    width:800px;
    margin:0px;
    margin-left:10px;
    padding:0px;

}
#menu-corps-revue-presse
{
    margin:0px;
    background:url('../images/ot/box-ot-blanche-repeat-revue_presse.gif') repeat-y ;
    width:790px;
    min-height: 650px;
    padding:5px;
    padding-top:0px;
    margin-left:10px;
    

}
html>body #menu-corps-revue-presse
{
    height: auto;
    min-height: 790px;
    background:url('../images/ot/box-ot-blanche-repeat-revue_presse.gif') repeat-y;
    width:790px;
    padding:5px;

}
#menu-bas-revue-presse
{
    background:url('../images/ot/box-ot-blanche-bas-revue_presse.gif') no-repeat;
    height:11px;
    width:800px;
    margin-left:10px;

}
/*****************************************/
/*corp avec recette*/
/*****************************************/
#box_recette{
width:190px;
float:right;
}
#titre_recette{
background:url('../images/ot/fond_panneau_gauche.gif') repeat;
text-align:center;
}
#titre_recette h2{
color:#FFFFFF;
font-size:14px;
margin-top:0px;
margin-bottom:2px;
}
#corp_recette{
background:url('../images/ot/fond_panneau_gauche.gif') repeat;
color:#FFFFFF;
font-size:12px;
margin:0px;
}
#corp_recette ul{
margin:0px;
padding:0px;
padding-left:2px;
padding-top:5px;
list-style-type:none;
}

#corp_recette ul a{
text-decoration:none;
color:#FFFFFF;
}

#fin_recette{
width:190px;
height:123px;
background:url('../images/ot/pied_panneau_gauche.jpg') repeat;
margin:0px;
}

#box_etab{
width:436px;
margin-left:10px;
float:Right;
}

.etablissement2{
clear:both;
width:436px; 
}
.etablissement_titre2{
color:#000000;
float:left;
font-family:verdana;
font-size:14px;
font-weight:bold;
line-height:15px;
margin:0;
padding:0;
width:306px;  
}
.etablissement_text2{
float:left;
margin-bottom:10px;
margin-top:10px;
padding:0;
text-align:justify;
width:306px;
}
.etablissement_localiser2{
float:left;
margin-bottom:10px;
margin-top:0;
width:306px;
}
.separation2{
border-bottom:1px solid #ABABAB;
clear:both;
margin-bottom:10px;
width:100%; 
}
#conteneur_etablissement2 table a {
color:blue;
text-decoration:none;
}

/************************/
/* haut de page groupe */
/*****************************************/
#bouton_faite_part
{
float:right;
margin-top:10px;
margin-right:10px;
width:189px;
height:62px;
}
#bouton_faite_part_href
{
background-image:url('../images/ot/bouton-faite-part.gif');
width:189px;
height:62px;
float:right;
color:white;
text-align:center;
text-decoration:none;


}
#bouton_call_back_href
{
background-image:url('../images/ot/bouton-call_back.gif');
width:189px;
height:62px;
float:right;
color:white;
text-align:center;
text-decoration:none;

}

/**
 *
 ***/

#shadowx
{
    display:none;
position:absolute;
top:44px;
left:345px;
width:200px;
height:45px;
padding-right:2px;
padding-bottom:2px;

}

html>body #shadowx
{
background: url('../images/ot/myshadow.png') no-repeat right bottom;
}

#sous_menu_groupe
{
width:197px;
 background:#8a02d8;
}
#sous_menu_groupe ul
{
padding:1px;
margin:0;
list-style-type:none;
}
#sous_menu_groupe ul li
{
padding:1px;
margin:0;
text-align:center;

}
#sous_menu_groupe ul li.border
{
border-bottom:1px solid white;
}


#sous_menu_groupe ul li a
{
text-decoration:none;
color:#FFFFFF;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

