/***********************************************Intro*************************************************/

#intro {width:860px;position:relative;float:left;margin-top:10px;padding-left:20px;}
#intro h1 {background:transparent url(/imgs/long_bar.gif) no-repeat 0px 0px; color:#FFFFFF;font-family:Arial,Helvetica;font-weight:bold;padding-left:14px;padding-top:3px;font-size:12px;text-transform:uppercase;height:23px;margin-bottom:10px;}
.libsearch{width:220px;font-size:11px;color:#000000;}
#navsearch{background:transparent url(/imgs/nav-search-gd.gif) no-repeat 0px 0px; width:272px;height:109px;text-align:center;padding-top:25px;color:#FFFFFF;text-transform:lowercase;text-align:center;}
#submit_search{background:transparent url(/imgs/btn-search.gif) no-repeat 0px 0px;cursor:pointer;width:82px;height:19px;border:0;margin-top:5px;margin-bottom:8px;margin-left:auto;margin-right:auto;text-align:center;display:block;}
#compteur{background:transparent url(/imgs/opi-compteur.gif) no-repeat 0px 0px;width:272px;height:39px;text-align:right;margin-bottom:10px;font-family:Verdana;}
#compteur p{width:90px;padding-right:34px;margin-top:5px;float:right;}
.compteur{color:#F5D456; font-size:16px; font-weight:bold;text-align:right;}
.opiTitre { color:#ff0066; font-size:11px; font-weight:bold; font-family:Arial,Helvetica; }
.opiTitre2 { color:#ff0066; font-size:11px; font-weight:bold; font-family:Verdana,Arial,Helvetica; }
.opiTitre3 { color:#FFFFFF; font-size:11px; font-weight:normal; font-family:Arial,Helvetica; }
.block{width:150px;height:40px;margin:15px;margin-top:12px;}
#intro_left {width:295px;position:relative;float:left;}
#intro_right {width:528px;position:relative;float:left;}

/***********************************************Infos*************************************************/

#infos {width:860px;position:relative;float:left;margin-bottom:10px;padding-left:20px;}
#infos_left h1 { color:#007985;font-weight:bold;padding-left:14px;padding:0px;padding-top:4px;margin:0px;font-size:12px;text-transform:uppercase;width:533px;height:21px;text-align:center;float:left;display:block;}
#infos h2 {background:url(/imgs/opi-home-titre02.gif) no-repeat 0px 0px; color:#007985;font-weight:bold;padding-left:14px;padding:0px;font-size:12px;text-transform:uppercase;width:271px;height:19px;margin-bottom:0px;text-align:left;float:left;margin-left:10px;}
#infos h3 {color:#FFFFFF;font-weight:bold;font-size:12px;text-transform:uppercase;width:271px;height:23px;text-align:center;}
#infos h4 {text-transform:uppercase;font-size:13px;color:#005553;font-weight:bold;margin-bottom:10px;}
#infos_left{ background:url(/imgs/opi-home-cadre06.gif) no-repeat 0px 0px;width:538px;height:182px;position:relative;float:left;text-align:center;padding:0px;margin:0;margin-right:20px;margin-top:10px;}
#mode_emploi{width:225px;height:50px;float:left;position:relative;margin-left:10px;margin-top:10px;text-align:left;}
#smiley{margin-left:5px;}
#btn-modeemploi{background:transparent url(/imgs/btn-modeemploi.gif) no-repeat 0px 0px;cursor:pointer;width:130px;height:27px;border:0;margin-top:16px;margin-left:auto;margin-right:auto;text-align:center;display:block;}
#btnConsulter{background:transparent url(/imgs/btn-consulter2.gif) no-repeat 0px 0px;cursor:pointer;width:102px;height:27px;border:0;margin-top:0px;float:right;margin-right:15px;text-align:center;display:block;}
#btnDonner{background:transparent url(/imgs/btn-opi-donner2.gif) no-repeat 0px 0px;cursor:pointer;width:251px;height:27px;border:0;float:right;margin-right:10px;margin-top:0px;}
#infos_right{ background:url(/imgs/opi-home-cadre02.gif) no-repeat 0px 0px;width:271px;height:182px;float:left;margin:0;margin-top:10px;text-align:left;}
#infos_right h1 {color:#FFFFFF;font-weight:bold;font-size:12px;text-transform:uppercase;width:271px;height:23px;text-align:center;}
.note1{width:450px;display:block;float:left;margin-right:15px;margin-top:15px;}
.note2{width:350px;display:block;float:left;margin-top:15px;}

/***********************************************TopHotel************************************************/

#tophotel {width:860px;position:relative;float:left;margin-bottom:10px;padding-left:20px;}
#tophotel h1 {background:transparent url(/imgs/long_bar.gif) no-repeat 0px 0px; color:#FFFFFF;font-weight:bold;padding-left:14px;padding-top:3px;font-size:12px;text-transform:uppercase;width:823px;height:20px;margin-bottom:0;}
.detail {width:819px;height:98px;border-left:2px solid #79bcc2;border-right:2px solid #79bcc2;border-bottom:2px solid #79bcc2;position:relative;padding-top:6px;padding-bottom:0px;display:block;}
.picto{width:170px;float:left;margin:0;text-align:left;margin-left:10px;display:block;}
.desc{width:115px;height:83px;float:left;margin:0;padding:0px;margin-right:8px;text-align:left;list-style-type:none;color:#005553;}
.desc li {list-style-type:none;margin:0;padding:0;float:left;text-align:left;}
.detail a{color:#ff0066; font-size:11px; font-weight:bold; font-family:Arial,Helvetica;  text-decoration:underline;}
.detail a:hover{color:#ff0066; font-size:11px; font-weight:bold; font-family:Arial,Helvetica; text-decoration:none; }
.lien{ width:270px;height:18px;float:right;margin:0;margin-left:20px;padding:0;text-align:left;}
.green{background-color:#f2ffff;}
.destpref{width:115px;height:83px;float:left;margin:0;padding:0px;margin-right:8px;text-align:left;list-style-type:none;color:#005553;}


/***********************************************Destination************************************************/

#destination {width:860px;position:relative;float:left;margin-bottom:10px;padding-left:20px;}
#destination h1 {color:#FFFFFF;font-weight:bold;text-align:center;font-size:12px;text-transform:uppercase;padding-top:2px;}
#selection { background:url(/imgs/opi-home-cadre03.gif) no-repeat 0px 0px; float:left; width:356px;height:124px; color:#FFFFFF;font-weight:bold;margin:0px; padding: 0px  0px 0px 30px ;}
#dest_left{width:175px;float:left;}
#dest_left p {text-transform:uppercase;display:block; width:50px;  font-weight:bold;color:#005553;margin-bottom:5px;font-size:13px;}
#dest_left a { text-decoration:none;color:#ff0066; }
#dest_left a:hover { text-decoration:underline;color:#ff0066; }
#navForum { width:165px; height:121px; margin: 0px; padding:25px 0px 0px 10px; background:url(/imgs/opi-home-cadre05.gif); background-repeat:no-repeat;text-align:left;}
#sondage {width:154px; margin:0px; padding:0px 0px 0px 5px;float:left; }
#sondage ul { width:154px; margin:0px; padding:0px; list-style-type:none; float:left; height:25px; margin-bottom:2px; }
#sondage li { margin-left:4px;float:left; }
#dest_middle{width:386px;height:124px;float:left;margin:0 10px 0 0px;text-align:left;}
#dest_right{background-color:#064040;width:250px;display:block;float:left;}
#homeBlock063 { float:left; width:254px; margin:0px; padding:0px; margin-right:35px;height:124px;}
#titreDestPref {background:url(/imgs/opi-home-titre11.gif) no-repeat 0px 0px;height:18px;text-transform:uppercase;text-align:center;color:#ffffff;font-weight:bold;padding-top:2px;font-size:12px}
#myTable2 { width:252px; background-color:#FFFFFF; margin:0px; padding:0px; display:table; float:left; border :#79bcc2 solid 1px; }
#myTable2 ul { width:252px; list-style-type: none; margin:0px; padding:0px; color:#000000; display:table; }
#myTable2 li { float:left; padding: 6px 5px 0 8px; margin:0px; height:106px; }
.destiPref01 {  font-size:10px; text-align:center;width:110px;float:left;height:100px;padding-left:5px;margin-top:10px;}
.destiPref01 img {width:110px; height:65px;border:0px;}
.destiPref01 a {color:#ff0066;}
.destiPref02 { font-size:9px; text-align:center;width:110px;float:left;height:100px;padding-left:0px;margin-top:10px;}
.destiPref02 img {width:110px; height:65px;border:0px;}
.destiPref02 a {color:#ff0066;}
/***********************************************LastOpinion************************************************/

#lastopinion {width:860px;position:relative;float:left;margin-bottom:20px;padding-left:5px;}
#lastopinion h1{background:transparent url(/imgs/long_bar.gif) no-repeat 0px 0px; color:#FFFFFF;font-weight:bold;padding-left:14px;padding-top:3px;font-size:12px;text-transform:uppercase;width:823px;height:20px;}
#lastopinion a{color:#ff0066; font-size:11px; font-weight:bold; font-family:Arial,Helvetica;  text-decoration:underline;float:left;}
#lastopinion a:hover{color:#ff0066; font-size:11px; font-weight:bold; font-family:Arial,Helvetica;  text-decoration:underline;float:left;}
#lastopinion p {width:250px;float:left;}
#lastopinion b {width:350px;float:left;}
#lastopinion img {margin-right:5px;}
#opinionblock{width:800px; background:#f2ffff ;position:relative;float:left;border-left:1px solid #007985;border-right:1px solid #007985;padding-left:20px; padding-top:10px;}
#opinionblock ul{width:803px;float:left;margin-bottom:10px;}
#opinionblock li{float:left;margin-top:10px;}
#positif{width:803px;}
#negatif{width:803px;}
.noteOpinion { width:50px; margin-top:3px; margin-right:6px; color:#FF0066; font-size:14px; font-weight:bold; text-align:center; border:solid 1px; border-color:#00464D; background-color:#ffffff; float:left; }
.blocksmiley {width : 150px ;padding-left:5px;padding-right:10px;}
.smiley01 { padding:0px 0px 0px 4px; float:left;}
.smileyFin01 { padding:0px 0px 0px 4px;  }
.smiley02 { padding:0px 0px 0px 4px;  float:left;background-color:#0000dd; }
.smileyFin02 { padding:0px 0px 0px 4px; background-color:#0000dd; }
#homeBlock07 { float:left; width:823px; padding-top:0px; clear:both; }
#homeBlock071 { width:813px; background:url(../imgs/opi-home-fond02.gif); background-repeat:repeat; padding-left:10px; padding-top:10px; height:260px;}
#homeBlock071L {float:left; width:210px; font-size:11px; padding-top:9px; }
#homeBlock071R {float:left; clear:right; width:590px; }
#homeBlock071R ul { list-style-type: none; margin:0; padding:0px; display:table; float:left;}
#homeBlock071R li { float:left; padding: 0 10px 10px 0; }
.dernopi01 { width:52px; }
.dernopi02 { padding-right:5px; width:515px; line-height:13px; }
.texteVertBold13{font-size:13px;font-weight:bold;color:#005553;display:block;margin-bottom:1px;}

