/* CSS Document */
*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
html{text-align:center;}
#fond{position:fixed; z-index:1; height:100%; width:100%;background:url(../fond/ete.jpg) no-repeat top center;}
#body{position:relative; margin-right:auto; margin-left:auto; width:1000px; text-align:left;}
#leftbody{
	position:relative; float:left; z-index:20;
	width:750px; margin-top:40px;
}
#rightbody{
	position:fixed; z-index:11;
	width:235px; margin-left:710px; top:0;
	text-align:left;
}

#logo{
	position:fixed; margin-left:745px; margin-top:17px; z-index:70;
	width:171px; height:104px;
	background:url(../element/logo_otvosges.png) no-repeat top left;
	text-indent:-999999px;
}
#logo a{display:block;width:171px; height:104px;}

/************************ BODY LEFT *************************/
#banner_menu{position:fixed; z-index:50; width:100%; height:57px; background:url(../fond/bg_bannermenu.jpg) repeat-x top left; padding-bottom:20px;}
.topfixed{position:relative;width:975px; margin-top:15px; z-index:120;margin-left:auto; margin-right:auto; padding-left:25px;}


#menu{position:relative;width:975px; margin-top:15px; z-index:120;margin-left:auto; margin-right:auto; padding-left:25px;}
#menu li{float:left; list-style:none; margin-right:10px;}
#menulast{margin-right:0px!important;}
#menu li a{color:#ffffff; text-transform:uppercase;}
#menu .leftmenu{position:relative; display:block; float:left; background:url(../element/menu_li_left.gif) no-repeat top left; width:8px; height:23px;}
#menu .rightmenu{position:relative; display:block; float:left; background:url(../element/menu_li_right.gif) no-repeat top left; width:8px; height:23px;}
#menu .centremenu{position:relative; display:block; float:left; background-color:#232323; height:20px; padding-top:3px;padding-left:28px; padding-right:28px;}
#menu li a:hover, #menu li a.selected{color:#d5c726;}

#menu .sousmenu{position:absolute; display:none;top:23px; text-align:left!important;}

#menu .sousmenu ul{
	padding:10px;
	width:204px; min-height:60px; height:auto!important; height:60px;
	background-color:#232323; border:2px solid #ffffff
}
#menu .sousmenu li{float:none!important; margin-right:0px!important;}
#menu .sousmenu a{display:block;text-transform:none!important; padding-left:4px; padding-bottom:4px; padding-top:2px; border-bottom:1px dotted #444444;}
#menu .smenulast{border-bottom:none!important;}
#menu .sousmenu a:hover{background-color:#151515; color:#ffffff!important;}

#menu .flechemenu{ height:12px; background:url(../element/fleche_sousmenu.png) no-repeat 65px 0px;}
#sousmenu2 .flechemenu{ background-position:100px 0px!important;}
#sousmenu4{margin-left:-60px!important;}
#sousmenu4 .flechemenu{ background-position:120px 0px!important;}

#menu .ssmenu{
	position:absolute; display:none; width:200px;
	margin-left:205px; margin-top:-35px; padding-left:20px!important;
	background:#232323 url(../element/fleche_ssmenu.gif) no-repeat -1px 5px;
}

#ssmenu4{margin-left:-253px!important; text-align:right!important;}

/******************* INDEX LEFT ********************/
#content_index{
	position:relative; float:left; z-index:110;
	margin-top:26px;
}
#anim_index{
	position:relative; display:block; float:left;
	width:720px; height:243px;
	margin-left:25px; margin-bottom:10px;
}
.anim_index{position:relative; float:left; width:720px; height:243px;background:url(../fond/bg_flash_index.jpg) repeat-x top left;}
.ombre_anim{position:relative; float:left; width:720px; height:243px; background:url(../element/ombre.png) no-repeat top left;}
.anim_index h2{font-size:1.5em; color:#29387a; font-style:italic; margin-top:4px; margin-left:8px;}

#anim_in_place{position:relative; float:left; margin-left:-25px;}

/* Bonlan Ideessejours Coupdecoeur */
#bic{
	position:relative; float:left;
	width:710px; height:203px;
	background-color:#cccccc;
	margin-left:25px; margin-bottom:12px; padding:5px;
}
#bic ul.ui-tabs-nav{ position:relative; float:left; list-style:none; width:315px; height:203px; background-color:#ffffff;}
#bic ul.ui-tabs-nav li{ margin-left:0px;font-size:12px; color:#666; height:68px;}
#bic ul.ui-tabs-nav li .textvignslide{position:relative; float:left; display:block; width:185px; text-align:right;}
#bic ul.ui-tabs-nav li .titrevignslide{ text-transform:uppercase; font-size:1.4em; color:#000000;}
#bic li.ui-tabs-nav-item a{ display:block; height:48px; padding:10px; padding-right:27px; color:#333;  background:#fff; line-height:20px;}
#bic li.ui-tabs-nav-item a:hover{ background:#f2f2f2;}
#bic ul.ui-tabs-nav li.ui-tabs-selected a{ background:url(../fond/menu_slide.gif) no-repeat top left;; }
#bic .imgslide{position:relative; float:right;width:85px; height:45px; border:1px solid #000000; overflow:hidden;}
#bic .imgslide img{max-width:85px; border:0px;}

#bic .ui-tabs-panel{position:relative; float:right; width:393px; height:201px; border:1px solid #000000;}
#bic .ui-tabs-panel .info{ position:absolute; bottom:0px; right:0; height:50px; background:url(../fond/pngblack_trans.png) repeat top left; overflow:hidden; padding:5px;}
#bic .info h2 a{ font-size:1.4em; color:#ffffff; margin-bottom:5px; text-transform:uppercase;}
#bic .info a{font-size:0.9em; text-decoration:none; color:#fff; }
#bic .info a:hover{ text-decoration:underline; }
#bic .info h2 a:hover{text-decoration:none!important;}
#bic .ui-tabs-hide{ display:none;}

/* ZOOM sur ... */
#zoom{
	position:relative; float:left; display:block;
	width:465px;
	background-color:#666666;
	/*background:url(../fond/bg_zoom.gif) repeat-x top left;*/
	margin-left:25px; padding:5px; padding-bottom:5px;
}
#zoom h3{color:#ffffff; text-transform:uppercase;; font-size:1.4em;}
.zoom{
	width:449px; min-height:100px; height:auto!important; height:100px;
	background:#ffffff url(../fond/topzoom.gif) repeat-x top left;
	padding:5px;padding-top:15px; padding-left:10px;
}
.zoom img{position:relative; float:right; margin-left:15px; border:1px solid #000000; max-width:235px;}
.zoom h2{font-size:1.1em; font-family:#333333; margin-bottom:5px;}
#zoom .savoirplus{display:block; text-align:right; font-weight:bold; color:#000000; margin-top:10px;}

/* MANIF */
#actu{
	position:relative; float:left; display:block;
	width:235px; min-height:134px;
	background-color:#FFFFFF;
	/*background:url(../fond/bg_manif.png) repeat-x top left;*/
	margin-left:10px;
	
}
#actu .titreactu{color:#000000; font-size:1.8em; font-weight:normal;}
#slideractu{position:relative; display:block; width:228px; margin:9px; margin-left:5px; margin-top:4px; background-color:#FFFFFF; overflow:hidden;}
#slider{width:228px; height:230px; overflow:hidden;}
#slider ul{width:1250px!important;}
#slider ul, #slider li{margin:0;list-style:none;}
#slider li{position:relative; width:218px!important;float:left;height:230px;overflow:hidden; padding:5px;}


#slider .strg{display:block; color:#515151; text-transform:uppercase; font-size:1.5em; margin-bottom:5px; background:url(../fond/titre_actu.gif) repeat-x bottom left; padding-bottom:7px;}
#slider .savoirplus{left:0px;display:block; font-weight:bold; margin-top:5px;}

span#prevBtn a{position:absolute; display:block; padding-top:24px; background:url(../element/prev.gif) no-repeat top left;bottom:5px;left:4px; color:#000000;}
span#nextBtn a{position:absolute; display:block; padding-top:24px; background:url(../element/next.gif) no-repeat top right;bottom:5px;right:4px; color:#000000; text-align:right; margin-top:25px;}	
span#prevBtn a:hover{background:url(../element/prev_hover.gif) no-repeat top left;}
span#nextBtn a:hover{background:url(../element/next_hover.gif) no-repeat top right;}

#slider a{color:#454545;}
#actu h1.bleu{color:#2f85d5; text-transform:uppercase; font-size:1.3em;}
#actu h1.orange{color:#ff9844; text-transform:uppercase; font-size:1.3em;}
#actu h1.vert{color:#359a35; text-transform:uppercase; font-size:1.3em;}
#actu h2{display:block;font-size:1.1em; color:#454545; margin-bottom:5px;}
#actu p{margin-right:10px;}

.img_noactu{margin-top:7px; margin-left:7px;}

/******************* RUBRIQUE LEFT ********************/
#content_rub{
	position:relative; float:left; display:block; z-index:110;
	width:725px; min-height:500px; height:auto!important; height:500px;
	margin-left:25px; margin-top:26px; 
	color:#ffffff;
}
#ariane{margin-bottom:5px;}
#ariane a{margin-right:5px;margin-left:5px; color:#ffffff; font-style:italic;}
#ariane a:hover{color:#d5c726}

#contenu{
	width:695px;min-height:540px; height:auto!important; height:540px;
	/*background-color:#FFFFFF; border:5px solid #545661;*/
	background:url(../fond/pngblack_trans85.png) repeat top left; /*border:5px solid #545661;*/
	padding:15px; color:#ffffff;
}

/* FICHIERS DOCUMENTS LIES */
.doc_upload{
	position:relative; display:block; float:left;
	width:500px;
	padding:5px; border-bottom:1px solid #535353;
	margin-bottom:5px; margin-right:5px; margin-left:40px;
}
.doc_img{position:relative; float:left; margin-right:5px; border:1px solid #ffffff;}
.textedoc{position:relative; float:right; width:420px;}
.doc_upload h2{font-size:1.4em; font-style:italic; color:#338acd; font-weight:normal;}
#lastdoc{border-bottom:none!important;}
.upload{position:relative; float:left; width:50px; margin-left:25px; margin-top:25px;}
.link_upload{display:block; text-indent:-99999px; width:34px; height:38px; background:url(../element/see_file.png) no-repeat top left;}

/* GALERIE IMAGES */
.entree_galerie{
	position:relative; float:left; display:block;
	width:300px; margin:10px;
	text-align:center; background:#111111; border:1px solid #444444;
	padding-top:5px; padding-bottom:10px;
}
.entree_galerie .imgentregalerie{height:130px; overflow:hidden;}
.entree_galerie img{clear:both; border:1px solid #ffffff; max-height:117px; max-width:193px;}
.entree_galerie span a{font-size:1.2em; color:#ffffff!important;}

.gallerie{position:relative; float:left; display:block; margin-top:10px;margin-left:15px;}
.diapo{position:relative; float:left; display:block;border:1px solid #444444; padding:4px;margin-right:10px; margin-bottom:10px; height:100px; background-color:#111111;}
.diapo img{margin:0px!important;max-height:100px; border:0px!important;}

/* FORMULAIRE */
#formulairepage{margin-left:15px; margin-top:-10px; width:95%;padding:5px; clear:both;}
#formulairepage fieldset{width:95%;margin:4px;padding:5px 6px;	display:block !important; border:1px solid #444444;  min-height:150px; height:auto!important;height:150px;}
#formulairepage fieldset legend{color:#1c90e9; font-size:1.5em;padding:5px; font-weight:bold; font-style:italic;}
#formulairepage label{display:block; float:left;width:550px;margin-bottom:4px;font-size:1em; color:#541C2A; text-align:right; padding-right:10px; color:#ffffff; font-size:1.1em;}
#formulairepage label strong{font-size:1.0em;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select, #formulairepage .date{float:right;border:1px solid #7986a5; background-color:#f0f0f0;margin-bottom:10px; margin-left:10px;}
#formulairepage .ctext, #formulairepage .email, #formulairepage .date, #formulairepage ul{ width:60%; /*clear:both!important;*/ }
#formulairepage .mtext{width:60%; height:120px;}
#formulairepage p{font-size:0.9em; color:#ffffff!important; clear:both; text-align:center; padding-left:100px; font-style:italic;}
.imgfield{ height:33px;display:block;clear:both; float:right; margin-right:25px;}

.submit{border:1px solid #ffffff; background-color:#0099CC; width:60%; text-transform:uppercase; color:#ffffff; font-size:1.2em; font-weight:bold; font-style:italic; padding-top:2px; padding-bottom:3px; cursor:pointer;}

#formulairepage .col_check{width:60%; position:relative; float:left; display:block;}
#formulairepage .listeform{width:60%;float:right!important; text-align:left!important;margin-bottom:10px!important; margin-left:10px!important; }
#formulairepage .listeform ul{margin-left:0px!important;}
#formulairepage .listeform li{list-style:none!important;}





/************************ BODY RIGHT *************************/
/* encart coordonnees */
#contact{
	float:left;	z-index:11;
	width:235px; height:235px;
	background-color:#545661;
	border:2px solid #3d3f47; border-top:0px;
	margin-top:57px; margin-bottom:20px;
}
#contact .contact{
	width:215px; background-color:#474953;
	margin-top:88px; margin-left:10px; margin-bottom:8px;
	padding-top:12px; padding-bottom:12px;
	border-top:1px solid #7d8090; border-bottom:1px solid #7d8090;
	text-align:center;
}
#contact .contact p{font-size:1.2em; color:#ffffff;}
#contact .contact h1{color:#22c0fa; font-size:1.2em; font-weight:normal; margin-top:4px;}
#contact .contact h2{color:#26d726; font-size:1.2em; font-weight:normal;}

#contact .mailcontact{
	display:block; height:28px;
	width:200px; margin-left:30px;
	background:url(../element/mailcontact.gif) no-repeat top left;
	padding-left:30px; padding-top:5px;
	color:#ffffff; text-transform:uppercase; font-size:1.2em; font-weight:bold;
}
#contact .mailcontact:hover{color:#fdc608}

/* recherche */
#input_search{
	position:relative; float:left;
	width:195px; height:17px;
	padding-left:5px;  margin-left:10px;
	background:url(../element/input_search.png) no-repeat top left;
	border:0px;
	font-size:0.9em;
}
.validsearch{
	position:relative; float:right;
	width:27px; height:28px; 
	margin-top:-5px; margin-left:-10px; margin-bottom:5px;
	border:0px;
	background:url(../element/goseacrh.png) no-repeat top left;
	text-indent:-999999px;
	cursor:pointer;
}

/* brochures */ 
#brochure{
	display:block; float:left; width:233px; height:43px;
	border:1px solid #9c9c9c;
	background:url(../fond/bg_brochure.jpg) repeat-x top left;
	margin-bottom:5px;
}
.brochure{
	display:block; width:183px; height:38px;
	background:url(../element/pdf_brochure.jpg) no-repeat top left;
	padding-left:50px; padding-top:5px;
	text-transform:uppercase; font-size:1.2em; color:#ffffff; font-weight:bold;
}
/* newsletter */ 
#newsletter{
	display:block; float:left; width:233px; height:73px;
	border:1px solid #9c9c9c;
	background:url(../fond/bg_newsletter.jpg) repeat-x top left;
	margin-bottom:5px;
}
.newsletter{
	display:block; width:191px; height:65px;
	background:url(../element/icone_newsletter.jpg) no-repeat top left;
	padding-left:42px; padding-top:8px;
	text-transform:uppercase; font-size:1.2em; color:#ffffff; font-weight:bold;
	text-align:center;
}
.newsletter span{color:#31d1ff; text-transform:none; font-size:1.0em;}
#contentformnews{
	display:block; width:610px; height:360px;
	padding:20px;
}
#contentformnews h2{font-size:1.8em; color:#666666; margin-bottom:15px; margin-top:35px;}
#contentformnews p{margin-bottom:10px;}
#envoinewsletter{margin-top:30px; margin-bottom:60px; padding-left:45px;}
#envoinewsletter #inscription_news{width:270px; background-color:#e3e3e3; border:1px solid #a8a8a8; margin-right:10px;}
#envoinewsletter .sendmail{border:0px; height:41px;width:240px; padding-right:45px; background:url(../element/valid_news.jpg) no-repeat top right; text-transform:uppercase; font-size:1.2em; color:#6d6d6d;cursor:pointer;}

#envoinewsletter label.error{position:absolute; left:85px; margin-top:50px; font-weight:bold; color:#FF0000;}

/* agenda */ 
#agenda{
	display:block; float:left; width:233px; height:140px;
	border:1px solid #9c9c9c;
	background:#3b3c44 url(../fond/bg_agenda.jpg) repeat-x top left;
	margin-bottom:10px;
}
.agenda_titre{
	display:block; width:193px; height:30px;
	background:url(../element/calend_agenda.jpg) no-repeat top left;
	padding-left:40px; padding-top:5px;
	text-transform:uppercase; font-size:1.5em; color:#ffffff; font-weight:normal;
}
/* METEO */
#meteo{
	display:block; float:left; width:233px; height:110px;
	border:1px solid #9c9c9c; margin-bottom:5px;
	background:#ffffff url(../fond/bg_meteo.jpg) repeat-x top left;
}
.meteo_titre{
	display:block; width:230px; height:15px;
	padding-top:5px;
	font-size:1.1em; color:#ffffff; font-weight:bold;
	text-align:center;
}
#weather{width:230px; height:100px; margin-left:0px;}
.weatherIcon{width:40px; text-align:center; position:relative; float:left; margin:8px;}
.weatherIcon img{border:1px solid #999999; margin-bottom:3px;}
/*** GOOGLE MAPS **/
#google_map{border:2px solid #ffffff; width:696px; height:496px;margin-top:10px;color:#000000}
#google_map .fichette{position:relative; float:none; display:block;}
#google_map p{color:#000000;}
#google_map a{text-decoration:underline; color:#003399}
#google_map h2{color:#333333; font-size:1.3em; text-transform:uppercase; margin-bottom:5px;}

#gmapDirHead h3, #gmapDirTo h3, #gmapDirFrom h3{margin-bottom:0px; color:#006699; font-style:italic; text-transform:uppercase;}
.gmapTextBox{width:180px; border:1px solid #888888; background-color:#e0e0e0;margin-right:5px;}
.gmapDirButton{background-color:#316ac5; border:none; padding-left:5px; padding-right:5px; cursor:pointer; color:#FFFFFF; border:1px solid #333333;}

/************* WIDGET HEBERGEMENT ***************/
.heb_dispo{ margin:20px;}
.heb_dispo h2{font-size:16px!important; color:#0099FF!important; font-style:normal!important; font-weight:bold!important; margin-bottom:5px; text-transform:uppercase;}
#OsBarreOnglet{width:630px; background-color:transparent!important; height:130px; border:2px solid #ffffff; padding:10px;}
#OsBarreOnglet ul{margin-left:0px!important;}
#OsBarreOnglet ul li{list-style:none!important;}
#OsBarreOnglet ul li a{text-decoration:none; text-transform:uppercase; font-weight:bold!important;}
#OsBarreOnglet .OsCrit_date{position:relative; display:block; float:left; width:300px; margin-right:10px;}
#OsBarreOnglet .OsCrit_duree{position:relative; display:block; float:left; width:300px;}

.OsCritP{color:#0099FF!important; font-size:13px; border-bottom:1px dashed #ffffff!important; padding-bottom:3px;}
#OsBarreOnglet .OsCrit_date .OsJourDebut{width:50px; margin-right:5px;}
#OsBarreOnglet .OsCrit_date .OsMoisDebut{width:120px; margin-right:5px;}
#OsBarreOnglet .OsCrit_date .OsAnDebut{width:80px;}

.OsCritDuree_sem{padding-top:7px!important;}
.OsCritDuree_sem span{color:#ffffff!important; font-weight:bold!important}
.OsDureeSemaine{width:120px;}

.OsCrit_btnrech{position:relative; float:right; display:block; width:300px; margin-right:30px; margin-bottom:15px;}
.OsCritCont a{display:block; width:300px; text-align:center; text-decoration:none!important; height:15px!important; padding-top:3px!important;}
.OsCritCont a:hover{background-color:#0099FF!important; color:#ffffff!important}
.OsLogoOs{position:relative; display:block; float:left;margin-top:15px;}

/********************** PIED **********************/
#pied{position:relative;width:750px; z-index:100; margin-top:20px; margin-bottom:20px;text-align:center;}
#pied a{color:#000000}
#pied a:hover{text-decoration:underline}
/* outils */
.spacer{display:block; clear:both; height:1px;}

/********************** BLOC HTML **********************/
.colonne_gauche{position:relative; float:left; display:block; width:340px; margin-right:15px; }
.colonne_droite{position:relative; float:left; display:block; width:340px;}
.colonne_gauche p, .colonne_droite p{margin-left:0px!important;}