@charset "utf-8";
/* CSS Document */

html *		{ margin:0; padding:0; border:0; font-family:arial, helvetica, sans-serif; line-height:115%; color:#000; }
body 		{ background-color:#F2F2F2; text-align:left; font-size:62.5%; }


a		{ text-decoration:none; }

a:hover		{ text-decoration:underline; }

img 		{ vertical-align:middle; }

ul			{ list-style:none; }
ol 			{ list-style:decimal; }

a img,
fieldset 	{ border:none; }

input,
select,
textarea 	{ vertical-align:middle; }

input,
textarea 	{ padding:2px 5px; }
select 		{ padding:1px 0; }
option 		{ padding:0 5px; }

input.radio,
input.checkbox 			{ width:13px; height:13px; border:none; padding:0; }
input.button			{ border:none; padding:0; }

* html input.radio,
* html input.checkbox 	{ margin-top:1px; } /* ie6 | alignement aux elements inline des inputs radio et checkbox */


/* - Visibilité - */

/*legend,
caption 		{ display:none; }*/

.hide,
.printonly,
.accessibility 	{ display:none; }

.nvisible 		{ visibility:hidden; }

/* - Clearing - */

.clear 					{ display:block; clear:both; }

.clearfix:after 		{ content:""; display:block; clear:both; visibility:hidden; line-height:0;	height:0; }
.clearfix 				{ display:inline-block; }
html[xmlns] .clearfix 	{ display:block; }
* html .clearfix 		{ height:1%; }

img.vertical-align		{ height:100%; width:1px; }

.alignright 			{ text-align:right; }
.nodisplay				{ display:none; }

/* - page - */
.page { background-color:#FFFFFF;width:1024px; margin:0 auto; border:1px solid #203167; }
.header { height:100px; background:url(../images/header-bg.jpg) 0 0 no-repeat; }
.menu { background:#203167; height:27px; }

.acces { float:right; display:block; width:50px; height:42px; margin:54px 11px 0 0; }
.menu li { float: left;  padding:3px 6px 0; }
.menu li a { color:#fff; font-size:1.8em; }
.menu li a:hover, .menu li a.active { color:#ffcc33; text-decoration:none; }

.content { padding: 10px 0; }
.content-left { float:left; width:710px; }
.content-right { float:right; width:275px; padding-right:20px; }
.membre { padding:18px 0; }
.login { border:1px solid #069; padding:5px; }
.login * {  color:#069; }
.login h2 { font-size:1.8em; padding-bottom:10px; }
.login label { font-size:1.6em; display: block; float:left; padding-top:2px; }
.login .text { background-color:#cff; border:1px solid #069;  }
.login p { padding-bottom:5px; }
.login .mail label { width:51px; }
.login .mail .text { width:200px; }
.login .pass label { width:101px; }
.login .pass .text { width:150px; }
.login .link a { font-size:1.4em; padding:0 16px 0 0; background:url(../images/puce_rond.gif) center right no-repeat; display:block; float:left; margin-top:3px; }
.login .link .button { float:right; }

.bloc { border:1px solid #069; }
.bloc h2 { padding:12px 0 12px 55px; font-size:1.8em; color:#069; /*font-family:Tahoma, Geneva, sans-serif;*/ background:url(../images/top-left.gif) top left no-repeat; margin:-1px 0 0 -1px; }
.evenement { padding:0 0 10px; }
.evenement h2 { margin-bottom:10px; }
.evenement .scroll { /*margin:0 10px;*/ height:175px; overflow:hidden; padding-left:10px; }
.evenement ul { padding-right:25px; }
.evenement ul li { padding:5px 0; border-bottom:1px solid #ccc; }
.evenement .thumb { float:left; padding:1px; border:1px solid #ccc; }
.evenement .desc { font-size:1.1em; line-height:125%; float:left; width:160px; padding-left:5px; }
.evenement .lieu { color:#069; }
.evenement .heure { color:#888; }

.calendar { margin-bottom:18px; }
.calendar-block { margin-bottom:18px; padding-bottom: 10px; }
.register { margin-top:10px; border:1px solid #069; background:url(../images/cliquer-ici.gif) top right no-repeat; padding:6px 0 5px 5px; }
.register h2, .register a { font-size:1.8em; font-weight:normal; color:#069; float:left; }
.register a { float:right; padding-right:40px; }

.pub { margin:18px 0; }

.coup-coeur { background:#cff; margin:51px 0 0 55px; }
.bloc-content {margin:0 20px; padding:10px 0; }
.coup-coeur .photo { float:left; }
.coup-coeur .texte { float:left; width:170px; padding:0 0 0 10px; font-size:1.2em; text-align:justify; }

.list-rubrik { padding:0 0 0 55px; margin-top:30px; }
.list-rubrik li { width:274px; float:left; margin:0 22px 44px; }
.list-rubrik .bloc { background:#cff; }
.list-rubrik p { font-size:1.5em; line-height:100%; padding:0 0 5px 0; }

.search { border:1px solid #069; margin:0 0 0 32px; padding:0 0 0 10px; }
.search label { font-size:1.6em; display: block; float:left; padding-top:2px; color:#006699; margin-right:3px; padding:7px 0 0; }
.search .text, .search select {  float:left; background-color:#cff; border:1px solid #069; width:135px; margin:6px 10px 0 0; }

.carousel-out {  border:1px solid #069; margin:16px 0 0 32px; position:relative; padding:0 0 10px; }
.carousel-out .topright { position:absolute; display:block; top:-1px; right:-1px; width:43px; height:43px; background:url(../images/top-right.gif) 0 0 no-repeat; }
.carousel-out .scroll-left, .carousel-out .scroll-right { position:absolute; top:70px; width:19px; height:21px; }
.carousel-out .scroll-left { left:16px; background:url(../images/btn_scroll_left.gif) 0 0 no-repeat; }
.carousel-out .scroll-right { left:640px; background:url(../images/btn_scroll_right.gif) 0 0 no-repeat; }
.carousel { width:571px; height:136px; overflow:hidden; margin:10px 0 0 50px; }
.carousel ul li { float:left; width:571px; height:136px; }

.boxfull { border:1px solid #069; border-left:none; margin:15px 0 0; padding:20px 0; }
.event-outter { margin:0 32px; }
.srub-outter { margin:0 10px 0 32px; }
.boxfull-head h2 { font-size:2.8em; color:#036; float:left; }
.srub h2 { font-size:2.4em; }
.boxfull-head .infos { float:right; font-size:1.5em; color:#203167; padding:6px 0 0; }
.boxfull-head .infos a, .tab-comment .infos a, .tab-comment .infos .nbr_comment { padding:2px; background:#cff; color:#036; border:1px solid #036; display:block; float:right; width:150px; text-align:center; margin:0 0 0 5px; }
.boxfull-head .infos a:hover { text-decoration:none; }
.srub .infos a { width:120px; }
.srub .infos .comment { width:125px; text-align:right; border:none; background:#fff; }
.srub .rate { float:right; }
.srub .nom-cat { font-size:1.8em; }
.boxfull-head .infos span { float:right;  padding:2px 0 0; } 
.event-inner { border:1px solid #069; padding:5px 5px 10px; }
.event-left { width:185px;  float:left; }
.event-left p { text-align:center; padding:0 0 10px; }
.event-right { width:410px;  float:right; padding:20px 20px 0 0; }
.event-inner h3 { font-size:2.0em; color:#203167; }
.event-inner p { font-size:1.2em; padding:0 0 5px; }
.event-inner .date { font-size:1.4em; font-style:italic; text-align:right; }
.event-inner .chapeau { font-size:1.4em; font-weight:bold; }
.event-inner .event-info { font-size:1.4em; padding:15px 0 0; font-style:italic; }
.event-inner .infoline { float:right; }

.event-list { padding-top:10px; }

.tab { height:30px; padding:0 0 0 33px; border-bottom:1px solid #069;  }
.tab li { font-size:1.8em; color:#203167; float:left; border:1px solid #069; border-bottom:none; margin-left:-1px; }
.tab li a { color:#203167; display:block; width:auto; height:25px; padding:5px 5px 0; }
.tab li a.selected {  background:#cff; }

.event-list h3 { font-size:1.6em; padding:15px 0 10px 32px; color:#336; }
.event-list h3 span { font-size:1.3em; text-decoration:underline; color:#336; }
.event-list .search { border:none; }
.event-list .nombre { text-align:right;  font-size:1.6em; padding:15px 40px 0px 32px; font-weight:bold; }

.event-list-list, .rubrique-list-list { padding:15px 40px 0 32px; }
.event-list-list li { padding:0 0 15px; }
.event-list-list li h4 { font-size:1.6em; padding-bottom:5px; }
.event-list-list li p { padding:0 0 5px; font-size:1.2em; text-align:justify; }
.event-list-list li .infos, .event-list-list li .link { text-align:right; font-size:1.4em;  font-style:italic; }
.event-list-list li .infos span { float:left; }
.event-list-list li .link a { font-weight:bold; color:#557d7d; text-decoration:underline; }
.event-list-list li .link .tofriend { float:left; color:#b91c1c; font-style:normal; }

/*.page-nav { font-size:2.0em; text-align:center; font-weight:bold; }
.page-nav .select { color:#069; }*/
/*nouveau css 30-08*/
.page-nav { font-size:2.0em; text-align:center; font-weight:bold; }
.page-nav .select { color:#069; }
.page-nav .fleche, .page-nav .img-list, .page-nav .img-list a, .page-nav .video { float:left; }

.page-nav .img-list { width:155px; } 
.page-nav .img-list a { display:block; width:15px; margin-right:5px; margin-bottom:3px; text-align:center; }
.page-nav .video a {  display:block; width:40px; }
/*fin nouveau css*/
.rubrique-outter { margin:0 0 0 32px; }
.rubrique-content { padding:15px 0 0; }
.rubrique-list li { width:220px; height:100px; padding:0 5px 0 0; margin:0 0 10px 0; float:left; }
.rubrique-list li a { display:block; width:220px; height:100px; }
.rubrique-list li img { border:1px solid #015A87; margin:0 10px 0 0; float:left; }
.rubrique-list li span { font-size:1.6em; color:#036; }
.rubrique-list li .select span { text-decoration:underline; }

.rubrique-list-list { padding-bottom:10px; }
.rubrique-list-list li { margin-bottom:7px; }
.rubrique-list-list li .picto { width:59px; height:59px; float:left; border:1px solid #036; position:relative; z-index:3; }
.rubrique-list-list li .list-left { background:#fff; border:1px solid #fff;float:left; width:560px; padding-left:15px; margin-left:-1px; min-height:59px; position:relative; z-index:1; }
.rubrique-list-list li .highlight { background:#cff; border:1px solid #036; }
.rubrique-list-list li .infos { font-size:1.4em; padding-bottom:2px; line-height:100%; }
.rubrique-list-list li .infos .type { color:#036; display:block; font-size:0.95em; padding:0 0 2px; }
.rubrique-list-list li .infos .commercial { color:#666; display:block; font-size:0.65em; padding:3px 0 4px; font-style:italic; }
.rubrique-list-list li .rate { float:right; width:175px; padding-top:10px; }
.rubrique-list-list li .notes span, .rubrique-list-list li .notes a  { display:block; float:left; font-size:1.2em; }
.rubrique-list-list li .plan { color:#f00; width:150px; }
.rubrique-list-list li .plan a { color:#f00; width:150px; }
.rubrique-list-list li .event { color:#069; width:230px; }
.rubrique-list-list li .event a { color:#069; width:230px; }
.rubrique-list-list li .long { width:285px; }
.rubrique-list-list li .comment { width:120px; }

.srub { padding:0 0 5px; }
.srub-inner { padding:0 0 15px; }
.srub-inner-left { float:left; width:320px; }
.srub-inner-left .coord { font-size:1.6em; font-weight:bold; height:160px; }
.lien-util li { float:left;  margin:0 5px 5px 0; }
.lien-util li a { padding:2px; background:#cff; color:#036; border:1px solid #036; display:block; width:120px; text-align:left; font-size:1.5em; }
.lien-util li span { padding:2px; background:#cff; color:#036; border:1px solid #036; display:block; width:120px; text-align:left; font-size:1.5em; }
.srub-inner-right { float:right; width:305px; padding:10px; border:1px solid #069; }
.srub-imglist { height:210px; width:300px; overflow:hidden; margin:auto; border:1px solid #069; }
.srub-imglist li { float:left; height:210px; width:300px; }
.srub-imglist li img  { float:left; height:210px; width:300px;  }
.srub-inner-right .page-nav { font-size:1em; text-align:center; padding:10px 0 0; }
.srub-inner-right .page-nav a { padding:0 4px; background:#cff; color:#036; border:1px solid #036; font-size:1.5em; }
.srub-inner-right .page-nav a.fleche { background:none; border:none; }
.tab-presentation { padding:25px 40px 0px 32px; }
.tab-presentation p,.tab-presentation li { font-size:1.2em; text-align:justify; color:#036; padding:0 0 10px; }
.tab-presentation li { list-style:disc; padding:0 0 5px; }
.tab-presentation ul { padding-left:25px; padding-bottom:5px; }

.tab-comment .infos { font-size:1.5em; padding:15px 40px 35px 32px; }
.tab-comment .infos .nbr_comment { border:0; background:none; width:250px; color:#000; font-weight:bold; }
.tab-comment .event-list-list li .infos { padding:0 0 3px; text-align:left;  }
.tab-comment .event-list-list li .rate { float:right; }
.text-comment { margin-left:80px; }
.avatar { float:left; }
.tab-comment .event-list-list li .link .tofriend { color:#cc9900; text-decoration:none; font-style:italic; }
.tab-comment .redaction { padding-right:100px; }
.tab-comment .reponse-ets { color:#cc9900; padding-top:15px; display:none; }
.tab-bonplan, .tab-comment, .tab-event { display:none; }

.footer { height:93px; background:url(../images/footer-bg.jpg) 0 0 no-repeat; }
.footer p { color:#fff; font-size:1.9em; padding:22px 0 0 200px } 
.footer p a { color:#fff; } 

/* LIGHTBOX */
#lightbox-overlay	{ position:absolute; top:0; left:0; z-index:100; width:100%; background:#000; }
#lightbox-outter	{ position:absolute; z-index:110; width:100%; /*text-align:center;*/ }
#lightbox-inner		{ margin:0 auto; position:relative; }
#lightbox-inner	.lightbox-close { position:absolute; top:10px; right:15px; background:url(../images/btn_fermer.gif) 0 0 no-repeat; cursor:pointer; width:19px; height:17px; }
#lightbox-inner	.lightbox-close-mbr { position:relative; top:-56px; background:url(../images/btn_fermer.gif) 0 0 no-repeat; cursor:pointer;left:755px; width:19px; height:17px; }

.popup {
	left:0;
	position:absolute;
	top:-1000px;display:none;
}

.popup-container { border:2px solid #069; width:800px; background:#fff;/*position:relative;*/top:150px; }
.popup-container { border:2px solid #069; width:800px; background:#fff;/*position:relative;*/top:150px; }
.cartemap { border:2px solid #069; width:800px; background:#fff;/*position:relative;*/top:150px;height:450px }
.popup-container-mbr { border:2px solid #069; width:800px; background:#fff;position:relative;top:150px; }

.popup-container h2 { background:#069; font-size:1.8em; color:#fff; padding:7px 15px; }
.popup-container-mbr h2 { background:#069; font-size:1.8em; color:#fff;position:relative; padding:7px 15px; }
.popup_inner, .popup_inner_membre { padding:30px 15px; }
.popup_inner .chapeau { font-size:2.0em; color:#069; padding-bottom:25px; }
.popup_inner p { padding:0 0 10px; }
.popup_inner label { font-size:2.0em; color:#069; display:block; float:left; width:120px; } 
.popup_inner .text, .popup_inner .message { background-color:#cff; border:1px solid #069; font-size:2.0em; width:590px;  }
.popup_inner input.invalid, textarea.invalid, select.invalid {
border:2px dotted red;
background: none repeat scroll 0 0 #FF6666;
}
.popup_inner .message { height:150px; }
.popup_inner .button { border:1px solid #069; background:#069; color:#fff; font-size:2.0em; padding:2px 10px; }
.popup_inner .buttons { text-align:right; padding:0 68px 0 0 }

.view { top:0; z-index:100; }
.popupcomment .popup_inner label, .popupcomment .popup_inner label { width:150px; }
.popupcomment .popup_inner .text, .popupcomment .popup_inner .message { width:540px;  }
.popup_inner .list_radio { padding:20px 0; }
.popup_inner .list_radio span { font-size:1.6em; direction:block; width:auto; padding-right:20px; color:#069; }

.popup_inner_membre .left { float:left; width:450px; }
.popup_inner_membre label { font-size:2.0em; color:#069; display:block; float:left; width:140px; } 
.popup_inner_membre .text { width:250px; }
.popup_inner_membre .right label { width:100px; }
.popup_inner_membre select { width:200px; background-color:#cff; border:1px solid #069; font-size:1.6em; }
.popup_inner .eula, .popup_inner_membre .notice { font-size:1.6em; color:#069; padding-top:20px; }
.popup_inner_membre .buttons { padding-right:20px; }
.popup_inner_membre .error { border:1px solid #f00; background:#F66; }
.popup_inner_membre .invalid { border:1px solid #f00; background:#F66; }
/* Bon plan */
.bonplan .nom-enseigne, .bonplan .titre-bonplan { font-size:2em; font-weight:bold; }
.bonplan .nom-enseigne span { color:#069; }
.bonplan .desc-bonplan, .bonplan .validite-bonplan { font-size:1.4em; }
.bonplan .foot-bonplan { display:none; }


/* map */
.cartemap .carte { float:left; width:425px; height:350px; }
.etablissement-infos { width:300px; float:left; margin-left:15px; }
.etablissement-infos .type { font-size:1.5em; }
.etablissement-infos .nom { font-size: 2em; color:#006598; font-weight:bold; }
.etablissement-infos .adresse, .etablissement-infos .contact  { font-size: 1.2em; }
