body {background-color: #ffffff; margin: 0px; font-family: Arial;
	behavior:url('/css/csshover3.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */}
img {border: 0px;}
form {margin: 0px; padding: 0px}
.nofloat {clear: both; }
.nofloat5 {clear: both; height: 5px;}
.nofloat20 {clear: both; height: 20px;}
a.hover {text-decoration: underline;}


#principal {position: relative; background-color: #ffffff;  margin-left: auto; margin-right: auto; width: 957px; margin-top: 14px; min-height: 600px; _height: 600px;}
#pop {width: 740px; margin-left: auto; margin-right: auto; background-color: #ffffff; padding: 20px;}
#header {position: relative; }
#logo { position: absolute; top: 40px; left: 10px;}


#menu {position: relative; width: 957px; height: 39px; margin-top: 2px;}
#menuPrinc{margin: 0;padding: 0;}
#menuPrinc a {color: #000000; text-decoration: none; font-size: 13px; font-weight: bold}
#menuPrinc a:hover {color: #FFFFFF;}
#menuPrinc li {  display: inline; list-style: none;}
div.menu_niv_1{	position: absolute; width: 150px; left:0px; display: none;top: 32px; z-index: 200; }
div.niv1 {position: relative; width: 100%; padding-top: 8px;padding-left: 5px; cursor: pointer; text-align: left; height: 20px; }
.btmenu:hover div.menu_niv_1{display:block;}


#rub1, #rub2, #rub3, #rub4, #rub5, #rub6, #rub7, #rub8, #rub9 {position: relative; float: left; min-heigth: 26px; _heigth: 26px; margin-right: 2px; text-align: center; padding-top: 13px; cursor: pointer; padding-bottom: 3px;color: #000000; text-decoration: none; font-size: 13px; font-weight: bold}
#rub1 {width: 129px; background-color: #29BBEA;}
#rub1 div.menu_niv_1{background-color: #29BBEA; width: 200px;}
#rub2 {width: 75px; background-color: #2CA330;}
#rub2 div.menu_niv_1{background-color: #2CA330;}
#rub3 {width: 97px; background-color: #FCEA1E;}
#rub3 div.menu_niv_1{background-color: #FCEA1E;}
#rub4 {width: 80px; background-color: #F29506;}
#rub4 div.menu_niv_1{background-color: #F29506;}
#rub5 {width: 75px; background-color: #E10C1D;}
#rub5 div.menu_niv_1{background-color: #E10C1D; width: 200px;}
#rub6 {width: 75px; background-color: #E2087B;}
#rub6 div.menu_niv_1{background-color: #E2087B;}
#rub7 {width: 100px; background-color: #BCE3F5; margin-right: 0px;}
#rub8 {width: 170px; background-color: #BCE3F5; margin-right: 0px;background-image: url(/images/cadenas.gif);background-position: right top; background-repeat: no-repeat;}
#rub8 div.menu_niv_1{background-color: #BCE3F5;}
#rub9 {width: 144px; background-color: #BCE3F5; margin-right: 0px; padding-top: 6px;}
#progression {margin-left: 5px; color: #030303; font-size: 10px;}
#progression a {color: #030303; font-size: 10px; text-decoration: none}
#progression a:hover {text-decoration: underline}

#col1 {float: left; width: 223px; margin-right: 33px; padding-top: 8px;}
#col2 {float: left; width: 454px; padding-top: 8px;}
#col2b {float: left; width: 701px; padding-top: 8px;_width: 691px;}
#col3 {float: left; width: 225px; margin-left: 22px;_margin-left: 12px;}

#col2 td, th {border-bottom: 1px solid #cccccc;}
#bloc_recherche { background-color: #5CBFCA; color: #FFFFFF; padding: 10px; margin-bottom: 2px;}
#bloc_recherche .inputBox{ width: 105px; border:1px solid #030303;}
#bloc_recherche .btn{ color: #FFFFFF; background-color: #5CBFCA; border: none; font-weight: bold; width: 90px;}

#titreExpress{ padding-left: 10px; color: #ffffff; font-weight: bold;background-color: #5CBFCA;}
#bloc_express {background-color: #5CBFCA; padding: 10px; margin-bottom: 2px;color: #ffffff;}
.bloc .titre { color: #ffffff; font-weight: bold;}
.bloc label {color: #000000; font-weight: normal; font-size: 11px; margin-top: 3px; display: block;}
.bloc select {color: #000000; font-weight: normal; font-size: 12px; width: 195px;}
.bloc input {color: #000000; font-weight: normal; font-size: 12px; width: 170px;}

.coord label {float: left; color: #ffffff; font-weight: bold; font-size: 12px; width: 70px;}
.coord input {float: left; color: #000000; font-weight: normal; font-size: 12px; width: 125px;}
.coord .nofloat {height: 3px;}
.coord .btn {background-color: transparent; border: none; background-image: url(/images/btn_valider.png); width: 126px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold;padding-bottom: 5px; cursor: pointer;}

#bloc_carte {background-color: #ffffff; text-align: center; margin-bottom: 15px;}
#bloc_carte .titre { background-color: #5CBFCA; color: #FFFFFF; text-align: left;padding-left: 10px; padding-top: 3px; padding-bottom: 3px;}

#bloc_pub, #bloc_logo {margin-bottom: 2px;}
#bloc_pub img {margin-bottom: 2px;}
#bloc_logo img {float: left;}

#bloc_recherche2{background-color: #5CBFCA; color: #FFFFFF; padding: 10px; margin-bottom: 14px; width: 434px;}
#bloc_recherche2 .btn {background-color: transparent; border: none; background-image: url(/images/btn_valider.png); width: 126px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold;padding-bottom: 5px; cursor: pointer;}
#bloc_recherche2 select, #bloc_recherche2 input {width: 130px;}
#bloc_recherche2 .nofloat{height: 1px;}

#bloc_selection {margin-bottom: 2px;}
#bloc_selection .titre {padding: 5px;background-color: #5CBFCA; color: #ffffff; border-top: 10px solid #ffffff;}
#bloc_selection .titre a { color: #ffffff;}
#bloc_selection .chapo {padding-top: 10px; padding-bottom: 10px; color: #494A4A; font-size: 12px; background-color: #ffffff; border-bottom: 1px solid #D4D3D3; text-align: justify;}
#bloc_selection .sejour {background-color: #ffffff;padding-top: 5px;}
#bloc_selection .sejour .nofloat {height: 2px;}
#bloc_selection .sejour img {float: left; width: 145px; height: 93px;}
#bloc_selection .sejour .info {float: left; width: 300px; height: 93px; border-bottom: 1px solid #D4D3D3;margin-left: 8px;color: #020202; font-size: 12px;}
#bloc_selection .agenda .info {float: left; border-bottom: 1px solid #D4D3D3;margin-left: 8px;color: #020202; font-size: 12px;}

.info a.libelle {color: #4E4E4E; font-size: 15px; font-weight: bold; text-decoration: none;}
.info .desc {color: #020202; font-size: 12px; height: 43px; overflow: hidden; margin-bottom: 5px; text-decoration: none;}
.info a.desc {color: #020202; font-size: 12px; height: 45px; overflow: hidden; margin-bottom: 3px; text-decoration: none;}
.info .theme {color: #EA7525; font-size: 12px; font-weight: bold; padding-top: 5px;}
.info a.prix {color: #000000; font-size: 12px; background-image: url(/images/etiquette.jpg); width: 96px; height: 20px; float: right; text-align: right; padding-right: 10px;font-weight: bold;padding-top: 5px; text-decoration: none;}

#bloc_kezaco {background-color: #5CBFCA; margin-bottom: 2px;}
#bloc_kezaco .titre {padding: 5px; color: #FFFFFF; }
#bloc_kezaco .desc {background-color: #ffffff;padding-top: 5px; font-size: 12px; text-align: justify; font-weight: normal;}
.couleur {color: #EA7525;}



#bloc_video {position: relative;background-color: #5CBFCA; margin-bottom: 14px;margin-left: 16px;}
#bloc_video .titre {padding: 5px; color: #FFFFFF; }
#bloc_video .desc {background-color: #ffffff;padding-top: 5px; font-size: 12px; text-align: justify; font-weight: normal;}

#bloc_brochure {background-color: #5CBFCA; margin-bottom: 14px;margin-left: 16px;}
#bloc_brochure .titre {padding: 5px; color: #FFFFFF; }

#broch_voir {padding-left: 113px; padding-right: 8px; padding-top: 15px;  font-size: 14px; font-weight: bold; text-align: right;}
#broch_voir a {color: #ffffff; text-decoration: none;}

#broch_courrier {padding-left: 30px; padding-top: 10px;  font-size: 10px; font-weight: bold; text-align: center;}
#broch_courrier a {color: #ffffff; text-decoration: none;}

#bloc_blog {background-color: #5CBFCA; margin-bottom: 15px;margin-left: 16px;}
#bloc_blog .titre {padding: 5px; color: #FFFFFF; }
#bloc_blog .desc {background-color: #ffffff;padding-top: 5px; font-size: 12px; text-align: left; font-weight: normal;}
#bloc_blog a {text-decoration: none; color: #000000;}
#bloc_blog a:hover {text-decoration: underline;}

#bloc_tag {background-color: #ffffff; margin-bottom: 15px;margin-left: 16px; text-align: left;}
#bloc_tag a {color: #EA7525; text-decoration: none;}
.size1 { font-size: 12px; font-weight: bold;}
.size2 { font-size: 15px; font-weight: normal;}
.size3 { font-size: 18px; font-weight: bold;}
.size4 { font-size: 21px; font-weight: normal;}
.size5 { font-size: 24px; font-weight: bold;}
.size6 { font-size: 27px; font-weight: normal;}

/* Page Séjour */
#sejour {margin-top: 20px; color: #352929; margin-right: 20px; font-size: 13px; font-family: Arial}
.onglet {float: left; cursor: pointer; width: 117px; margin-right: 2px; height: 23px;padding-left: 10px; padding-top: 5px; font-weight: bold; font-size: 15px;}
.on {color: #ffffff}
#sejour .titre {color: #ffffff; font-weight: bold; padding: 5px; padding-left: 10px; font-size: 16px; margin-bottom: 30px;}
#onglet_sej img {float: left; margin-right: 15px; margin-bottom: 10px;}
#sejour .contenu {float: left; font-weight: bold; font-size: 13px; line-height: 18px; width: 315px;}
#print {float: right;margin-top: 30px;}
#print_home {float: right;}
#print a,  #sejour a {color: #777477; text-decoration: none; font-size: 12px}
.normal {font-weight: normal}
.justify {text-align: justify}
#onglet_heb .photo {float: left; margin-right: 15px;padding-top: 45px; width: 200px;}
#onglet_heb .photo img {margin-bottom: 10px;}
#onglet_heb .contenu {font-weight: normal; color: #352929}
#onglet_heb .contenu .hotel {font-size: 18px;}
.sejour  a.libelle {color: #4E4E4E; font-size: 15px; font-weight: bold; text-decoration: none;}

#onglet_tar .gauche {float: left; margin-right: 15px;padding-top: 15px; width: 250px; min-height: 50px;}
#onglet_tar li {  display: block; list-style-type: disc;}
#onglet_tar table {color: #9A7A51; font-size: 12px;}
.img_cadre_content {background-color:#ECE9D8; border:1px dashed #A2B38F; margin:5px;padding:5px;}	
#onglet_tar .mention{font-size: 12px; color: #352929}
#onglet_tar .prix {color: #352929; font-size: 18px; background-image: url(/images/etiquette.jpg); width: 96px; height: 20px; text-align: right; margin-left: 100px; padding-right: 10px;font-weight: bold;padding-top: 2px; text-decoration: none;}

#onglet_res .gauche {float: left; margin-right: 15px;padding-top: 15px; width: 320px;}
#onglet_res label {color: #EB6F13; font-size: 12px; font-weight: bold; text-align: right; float: left; width: 90px;margin-right: 15px;}
#onglet_res input, #onglet_res select, #onglet_res textarea {border: 1px solid #352929; font-size: 12px; float: left; width: 190px;}
#onglet_res .check {width: 15px;}
#onglet_res .btn {background-color: transparent; border: none; background-image: url(/images/btn_valider.png); width: 126px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold;padding-bottom: 5px; cursor: pointer;}
#sejour .btn {background-color: transparent; border: none; background-image: url(/images/btn_valider.png); width: 126px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold;padding-bottom: 5px; cursor: pointer;}
#onglet_res .mention{font-size: 10px; color: #352929}
#onglet_res .droite {float: left; padding-top: 15px; width: 330px;}

#page {font-size: 13px; font-weight: normal; color: #010000; text-align: justify;}
#page .titre {font-size: 18px; font-weight: bold; color: #010000; margin-bottom: 30px;}
#page a {text-decoration: none; color: #999999;}
#page a.ancre  {color: #ffffff; text-decoration: none; font-size: 13px; font-weight: normal; }
#page .ancre  {color: #ffffff; text-decoration: none; font-size: 13px; font-weight: bold;; }

.mini {font-size: 9px}
.gastro {border: 1px solid #EA7525; width: 350px; padding: 5px; background-color: #EFEFEF;}

#formPro { min-height: 200px; width: 450px;}
#formPro .titre {padding-left: 20px; background-color: #5CBFCA; color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
#formPro .chapo {padding-left: 20px; background-color: #ffffff; color: #352929; font-size: 12px; font-weight: normal; margin-bottom: 20px;}
#formPro label {color: #EB6F13; font-size: 12px; font-weight: bold; text-align: right; float: left; width: 130px;margin-right: 15px;}
#formPro .btn {background-color: transparent; border: none; background-image: url(/images/btn_valider.png); width: 126px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold;padding-bottom: 5px; cursor: pointer;}
#formPro .inputBox { float: left; width: 230px;}
#formPro a {color: #333333; font-size: 11px;}

/* POP UP DIV */
#popup_div { border: 1px solid #000000; z-index: 1002; background: #ffffff url(/images/spacer.gif) }
#popup_div handle { cursor: move }
#popup_div_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color :#000000; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50) }
.pop_entete {padding-right: 15px;}

/* validation*/
.bloc .coord input.validation-failed, #onglet_res input.validation-failed, #onglet_res textarea.validation-failed, #formPro .validation-failed {border: 2px solid #352929; color : #FF3300;}
.validation-advice {float: left;text-align: center; color : #DC001A; margin-left: 2px; font-weight: bold; padding-left: 5px;  font-family: Arial; font-size: 11px; width: 100%}
#formPro .validation-advice  { text-align: center;}
#okMsg {background-color: #EBF6D9; text-align: center;	color: #000000;	font-weight: bold; min-height: 20px; font-size: 12px;}


#footer {text-align: center; margin-top: 20px;color: #EA7525; font-size: 12px; font-weight: bold;}
#footer a {text-decoration: none; color: #EA7525; font-size: 12px; font-weight: bold;}