body{ 	font-family: arial, sans-serif; font-size: 14px; }

strong { font-weight: bold;}

a, a:link, a:active, a:visited { 	color: #0071a6; text-decoration: none;}
a:hover { text-decoration: underline;}

h1 { font-weight: bold; font-size: 18px; line-height: 24px; text-transform: uppercase; color:#0071a6; padding-top: 5px;}

h3 { color: #0071a6; font-size: 2.5em; font-weight: bold; }

.indice, .indice a:link, .indice a:visited, .indice a:active { font-size: 0.7em; color: #0071a6; }

#conteneur { 	padding:0 1.5em; position: relative; border-top: 5px solid #C3CF21;}

/* Style pour le menu global */
#menu {  clear: both; position: relative; margin: 0 auto; width: 900px;}
#menu li { 		float: left; width: 224px; height: 52px;}
#menu li a { 	display: block; width: 100%; height: 100%; border:0;}
#menu_oslz { 	background: transparent url(images/menu_oslz.png) scroll 0 -52px;;}
#menu_oslz:hover { 	background: transparent url(images/menu_oslz.png) scroll 0 0;;}
#menu_nouv { 	background: transparent url(images/menu_sprite.png) scroll 0 -52px;}
#menu_nouv:hover { 	background: transparent url(images/menu_sprite.png) scroll 0 0;}
#menu_tsz:hover { 	background: transparent url(images/menu_sprite.png) scroll 0 -156px;}
#menu_tsz { 	background: transparent url(images/menu_sprite.png) scroll 0 -208px;}
#menu_duz { 	background: transparent url(images/menu_sprite.png) scroll 0 -364px;}
#menu_duz:hover { 	background: transparent url(images/menu_sprite.png) scroll 0 -312px;}
#menu .nouv_active {background: transparent url(images/menu_sprite.png) scroll 0 -104px;}
#menu .tsz_active {background: transparent url(images/menu_sprite.png) scroll 0 -260px;}
#menu .duz_active {background: transparent url(images/menu_sprite.png) scroll 0 -416px;}

h2.title { padding: 0;  margin-top: 20px; font-size: 22px; text-align: center; margin: 43px auto 0 auto; text-indent: -5000px;}
#aider { background: transparent url(images/nousaidons.png) no-repeat scroll center center; display: none;}
#devenez {background: transparent url(images/devenez.png) no-repeat scroll center center;}
#langues{ 	float: right; height: 30px; margin-right: 6px;}
#langues li { display: inline; margin-left: 6px;}
#langues .active a { font-weight:bold;}

#bandeau { position: relative; clear: both; }
#bandeau a { display: block; width: 100%; height: 100%; }
#zsd{ position: absolute; left: 230px; top:0; width: 665px; height: 155px; }
#zsd ul {float: left;}
#zsd ul li { width: 30px; height: 30px; border-bottom: 1px solid white;border-right: 1px solid white;}
#zsd ul li a { background: #b1d0f3; display: block; width: 30px; height: 25px; color: #2a70a3; text-align: center; padding-top: 5px;}
#zsd ul li a:hover {background: #cadff6; text-decoration:none;}
#zsd ul .active {border-right-color:#cadff6;}
#zsd ul .active a {background:#cadff6;}
#zsd .FR {background-position: 0 0;}
#zsd .EN {background-position: 0 -155px;}
#zsd .ES {background-position: 0 -310px;}
#promo {float: left; width: 665px;height: 155px; background: transparent url(images/header/headers.jpg) no-repeat }
#promo a {background: transparent url(images/header/btns.png) no-repeat; width: 140px; height: 29px; display:block; position: absolute; right: 190px; bottom:12px;}
#promo .FR {background-position: 0 0;}
#promo .EN {background-position: 0 -29px;}
#promo .ES {background-position: 0 -58px;}
#promo #lien_zap_nomade {width: 175px; height: 155px; position: absolute; right:0; top:0; background: none;}


#FR{ -moz-border-radius-topleft :5px; -webkit-border-top-left-radius: 5px;}
#ES{ -moz-border-radius-bottomleft :5px; -webkit-border-bottom-left-radius: 5px;}

#content { 	width: 900px; position: relative; margin: 0 auto; clear: both; padding-top: 20px;}
.more a:link, .more a:visited, .more a:active { 	font-weight: bold;}

.graybox #text_content { width: 560px; padding: 0 15px; float:left;}
.graybox { 	background: transparent url(images/back_content_tsz.gif) repeat-y; width: 100%; position: relative; margin-bottom: 50px;}
.graybox #haut { 	background: transparent url(images/top_graybox.gif) no-repeat; height: 10px;}
.graybox #bas { 	background: transparent url(images/bottom_graybox.gif) no-repeat; height: 10px; position: absolute; bottom:0; left:0; width:900px;}

.graybox h3 { font-size: 1.3em; margin-top: 1.5em;}

.graybox p, #text_content p { margin: 14px 0; font-size: 14px; line-height: 18px; }

.pagenav , .categories, .cat_list, .linkcat, .meta { text-transform: uppercase;border: 1px solid #d0d0d0; border-top-color:white; border-right: 0;}

.graybox .clearer { clear:both; height: 18px;}

 /* style du tease pour devenir une zap */
#tease_duz li{ display: inline-block; height:63px; margin-top: 40px;}
#tease_duz #duz_img { background: transparent url(images/howtozap.png) no-repeat; width: 215px;}
#tease_duz #duz_text { background: transparent url(images/text_tease_duz.png) no-repeat; width: 541px;margin-left: 21px;}
#tease_duz a { display: block; height: 100%; width: 100%;}

/* titre pour la page d'accueil' */ 
#derniere_nouv { margin: 40px 0 10px 13px;  width: 480px; height: 45px; background: transparent url(images/title_nouv.gif) no-repeat; }
#derniere_nouv a {display: block; float: right; height: 100%; width: 62px;}

#howTo_zap { clear: both; height: 190px; width: 100%; position: relative; margin: 5px auto 30px auto;}

#howTo_zap li { 	width: 33.3%; float: left; height: 200px; position: relative; text-align: left; }
#howTo_zap li span { margin-right: 15px; margin-left: 15px; display: block; }
#howTo_zap li:hover {	-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #eee !important; }

.sub-title { 	height: 86px; font-weight: bold; font-size: 1.5em; padding-left: 4.5em; text-align: left;}

#howTo_zap #etape_rp { background: transparent url(images/1.png) no-repeat scroll center 70px;}
#howTo_zap #etape_ins { background: transparent url(images/2.png) no-repeat scroll center 70px;}
#howTo_zap #etape_vez { background: transparent url(images/3.png) no-repeat scroll center 70px; margin-right: 0;}

.icone{width: 72px; height: 63px; position: absolute; top:15px; left:5px;}

#etape_rp .sub-title { padding-top: 1em; margin-bottom: -0.5em;}
#etape_rp .icone { background: transparent url(images/howtozap.png) no-repeat scroll 0 0 ;}
#etape_ins .sub-title, #etape_vez .sub-title { padding-top: 1.5em; margin-bottom: -1em;}
#etape_ins .icone { background: transparent url(images/howtozap.png) no-repeat scroll -70px 0; }
#etape_vez .icone { background: transparent url(images/howtozap.png) no-repeat scroll -140px 0;}
#etape_vez .more { text-align: right; padding-top : 1em;}

#coordonnes { padding: 15px 15px 0 15px; width: 274px; border: 1px solid #d0d0d0; border-right: 0; border-top-color: white; }
#sidebar #news_feed { padding: 5px 15px 15px 15px; width: 274px; border: 1px solid #d0d0d0; border-top: 0; border-right: 0; position: absolute; top: 10px; right:0;}
#news_feed li{ 	padding-bottom: 10px; font-size: 1em; color: #0071a6;}
#news_feed li a:link, #news_feed li a:visited { color: #0071a6;}
#derniere_news{ 	width: 562px; padding: 21px 15px 19px 16px; border-right: 1px solid white; position: absolute; top: 0; left: 0;height: 275px;}
#derniere_news .title, #news_feed .title, #coordonnes .title { font-size: 18px; line-height: 24px; color: #0071a6; font-weight: bold;}

#sponsors { 	position: relative; margin: 0 auto; width:900px; height: 77px;}
#sponsors li{ 	display: block; margin-left: 48px;float:left}
#sponsors li a img {padding-top: 20px;}
#provider {clear: both; color: #3c5f71; position: relative; margin: 10px auto;width: 900px;}

#bandeau_mjz { display: block; background: transparent url(images/bandeau_bottom.jpg) no-repeat scroll center 0; width: 100%; height: 175px; color: transparent; margin-top: 50px;}

/* Style pour la page Tout sur Zap */
#title_tsz { background: transparent url(images/titles.png) no-repeat scroll 0 -86px; height: 45px;margin: 40px 0 10px 10px;}
#carte_p_a { position: relative; margin: 0 auto; border:0;}

#sidebar { float:right; width: 305px; margin-left: 3px; background: transparent url(images/back_news_indi.gif) repeat-y scroll top right; border: 1px solid white; border-top: 0; border-right: 0; }
#news_feed { background: transparent url(images/back_news_indi.gif) repeat-y scroll top right; border-left: 1px solid white; }

.graybox h2 { color: #0071a6; font-size: 18px; font-weight: bold; padding: 5px 0 5px 0; /*border-top: 1px solid #cbcbcb;*/}

#sidebar ul li { font-size: 14px; font-weight: bold; }
#sidebar ul li ul { padding: 10px 0 10px 15px; }
#sidebar ul li ul li { font-size: 0.9em; font-weight: normal;}
#sidebar h2 { padding-left: 15px; font-size: 18px; line-height: 24px; font-weight: bold;}

#sidebar a:link, #sidebar a:visited, #sidebar a:active { color: #0071a6;}

#liste_pages #recherche{ border-top:0;}
#liste_pages .cat-item, .cat-item-standalone, #liste_pages .page_item { text-transform: uppercase; padding: 12px 0 12px 15px; border: 1px solid #d0d0d0; border-right:0;border-top-color: white; font-size: 18px; }

#text_content h2, #text_content h3 { text-transform: uppercase; width: auto; height: auto; margin: 25px 0 10px 0; padding: 0;color: black;}
#text_content h4 { font-weight: bold; margin: 24px 0 10px 0;}
#text_content h3, #text_content div.isa h3 { font-size: 18px; font-weight: normal; margin: 36px 0 10px 0; }
.featured h3.first { margin: 22px 0 10px 0 !important; }
/* Search Form style */
#search { height: 41px; padding: 10px 0 0 11px; border: 1px solid #d0d0d0; border-top:0; border-right:0;}
#search div { float:left;}
#searchGoButton { text-indent: -999em; font-size: 0em; background: transparent url(images/loupe.gif) no-repeat; width: 27px; border-top: 1px solid white;}
#searchInput, #searchGoButton { border:0; border-top: 1px solid #cdcdcd;height: 27px;}
#searchInput { width: 248px; height: 23px; padding:3px 0 0 4px; font-size: 18px; line-height: 24px; color: #cfcfcf;font-weight: normal;}
#search_title {  background: transparent url(images/recherche.png) no-repeat scroll 10px 0; height: 45px;margin: 40px 0 12px 0;}


/* Comment Style */
#title_comment { background: transparent url(images/commentaires.png) no-repeat scroll 12px 0; width:355px;height:46px;}
#title_comment a {display: block; float: right; height: 100%; width: 62px;}
#title_comment a:hover { text-decoration: none;}
#comment_box { background: #0071A6; width:900px; color: white;}
#comment_box a:link, #comment_box a:visited, #comment_box a:active { color: white; text-decoration: underline;}
.commentlist .avatar { position: absolute; left: 10px; top: 10px;}
.commentlist li {display: block; position: relative;  padding-bottom: 15px; border-bottom: 1px solid #003879; border-top: 1px solid white; background: transparent url(images/comment_alt.png) repeat-y;}
.commentlist .signature { position: absolute; bottom:5px; right: 10px;}
.commentlist .comment_text { padding: 20px 0 20px 100px; width: 76%; }
.commentlist .alt { background: none; border-top: 0;}
#leave_comment{ height: 290px; position: relative;}
#respond { color: white; padding: 10px 0 10px 15px;text-indent:-5000px; background: transparent url(images/voscommentaires.png) no-repeat scroll 10px 5px; width:361px;height:26px}
.mod_warning { padding-left: 100px; font-weight: bold;}
.comment_info { float: left; width: 305px;}
.comment_info input { color: #d0d0d0; line-height: 2px;font-size: 18px; padding:4px 0 0 4px;border:0 ;border-top: 1px solid #00547a; margin-left: 25px; height: 23px;width: 277px;}
.comment_info li { margin-bottom:7px;}
#comment_cont { position: absolute;right: 15px;bottom: 52px; }
#comment { width: 550px; border:0 ;border-top: 1px solid #00547a; }
#comment_box #submit { width: 139px; height: 40px; background: transparent url(images/btn_soum.gif) no-repeat; border:0; right: 15px; bottom: -3px;position: absolute; display: block;}
#bas_comment { height: 12px; background: transparent url(images/bottom_comment.gif) no-repeat scroll -1px 0;}
#haut_comment { height: 16px; background: transparent url(images/top_comment.gif) no-repeat;}

/* single news style */
#news_container {background-image: url(images/back_content_tsz.gif); overflow: hidden;}
#news_container #haut { background-image: url(images/top_news_indi.gif);}
#news_container #bas { background-image: url(images/bottom_nouv.gif) no-repeat;}
#sidebar #news_feed { position: relative; top: 0; }
#news_feed h4 { font-weight: bold; }
#news_feed p { font-weight: normal; color:black;}
#news_feed .news { font-weight: normal;}

/* styles pour les bouttons suivant et prÃ©cÃ©dents */
.navigation .alignleft a { display:block; background: transparent url(images/btn_prev.gif) no-repeat; width: 255px;height: 42px;} 
.navigation .alignright a {  display:block; background: transparent url(images/btn_suiv.gif) no-repeat; width: 225px;height: 42px;} 
.navigation .alignright {float:right; }
.navigation .alignleft { float: left;}
.navigation { height: 100px;width: 900px; position: relative; margin: 0 auto;}

/* Style pour les ligne informative des posts */
.postmetadata { text-align: right; margin: 10px 0 55px 0;}
.postmetadata p { margin:0;}
.postmetadata .share_fb { padding-left: 18px; display: inline-block; background: transparent url(images/logo_fb.gif) no-repeat; }
.postmetadata .share_deli { padding-left: 18px; padding-right: 5px; display: inline-block; background: transparent url(images/logo_del.gif) no-repeat;}

#text_content p.post_info, #text_content p.post_social { font-size: 12px; line-height: 18px; margin: 0; }


.accueil #news_feed { border:0;}

/* Style pour les pages */
#text_content ul li { list-style-type: disc; margin-left: 25px;}
#text_content ol li { list-style: decimal; margin-left: 25px;}
#text_content ol.ref { margin-top: 36px; font-size: 12px; line-height: 16px; }
#text_content ol.ref li { margin-top: 6px;}

#tout_sur_zap .legende { text-align: center; text-decoration: underline;font-weight: normal;}

/* Style pour devenez une zap */
#title_duz { background: transparent url(images/duz.png) no-repeat; height: 45px;} 
#title_nomade { background: transparent url(images/zn.png) no-repeat; height: 45px;} 

.joindre { padding: 13px; background-color: #aacff5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 46%; float: left; margin-bottom: 24px; }
.couts, .reseau  { padding: 13px; background-color: #aacff5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 46%; float: right; margin-bottom: 24px; }

.soutien, .visibilite, .frequentation, .entente { padding: 13px; margin: 0 0 13px 26px; background-color: #aacff5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.egalement { float: right;  width: 37%; }
.entent { padding-top: 13px;}

.qui { clear: both; }

#text_content div h3 { margin: 0; }
#text_content h1#title_duz, #text_content h1#title_nomade { margin: 40px 0 10px 0; }
.featured { margin-left: 13px; margin-right: 13px; }

img.router { float: right; }
.couts { background: #fff; }

.definition { font-size: 18px; margin-top: 24px; text-align: center; }
.definition em { font-weight: bold; text-transform: uppercase; }
.definition span { font-family: Georgia, Times, serif; }

#text_content ul.blist li ul li { list-style: circle; }
#text_content ul.blist li ul { margin-top: 7px; margin-bottom: 7px; }
#text_content .isa { margin-left: 50px; margin-right: 50px;}
#text_content .isa ul, #text_content .isa p { font-size: 16px; margin-top: 28px; margin-bottom: 28px;}
#text_content .isa ul.blist li { margin-top: 14px; margin-bottom: 14px; }
#text_content .isa ul.blist li ul { margin-top: 7px; margin-bottom: 14px; margin-left: 21px; }
#text_content .isa ul.blist li ul li { margin-top: 0; margin-bottom: 0; }

#contactez_nous { margin-left: auto; margin-right: auto; width: 900px; text-align: center; background: transparent url(images/bandeau_bottom.jpg) no-repeat scroll center -175px; color: #fff; padding: 8px 0 6px 0; font-size: 14px; }
#contactez_nous span { text-transform: uppercase; }
#contactez_nous a { color: #fff; }

h2#merci { background: url(images/sponsors/partenaires.gif) no-repeat center center; }

.commerce, .pleinair { float: left; width: 31%; }
.commerce ul, .pleinair ul, .paragraph li { margin-top: 14px; }
#btn_contact { width:204px;height: 56px; float: right; background: transparent url(images/contactez-nous.png) no-repeat; clear:both;}
#btn_contact a { display:block; width:100%; height: 100%;}
.clearer { clear: both; }


#liste_pages .current_page_item a { text-decoration:underline;}

#news_feed img {display: none;}

#provider img { margin-bottom: -7px;}
#der_nouv {height: 50px;}
.connect { border-right: 1px solid #ddd; padding-right: 10px; }

/* Syle wiki: general */
.printfooter { display: none; }
textarea { width: 100%; padding: .1em; }
#editpage-copywarn p { font-size: 70%; }
h1 .editsection { float:right; font-size: 53%; color: #0071a6; }
h2 .editsection { float:right; font-size: 53%; color: #0071a6; }
h3 .editsection { float:right; font-size: 53%; color: #0071a6; }
h4 .editsection { float:right; font-size: 53%; color: #0071a6; }
h5 .editsection { float:right; font-size: 53%; color: #0071a6; }
h6 .editsection { float:right; font-size: 53%; color: #0071a6; }
.code {
	font-size: 53%;
	padding: 1em;
	color: white;
	border: none;
	border-left:4px solid #b4b4b4;
	background-color: #0080B2;
	line-height: 1.1em;
}

/* Style wiki: bandeau utilisateur */
#bandeau_utilisateur { background: url(images/user.gif) top left no-repeat; padding-left: 20px; margin-top: 15px; margin-bottom: 10px;}
#bandeau_utilisateur .nom {  margin-left: 100 px; color: #0071a6; }
#bandeau_utilisateur ul { list-style-type : none; }
#bandeau_utilisateur li { display : inline; padding : 0 3px; }

/* Style wiki: menu */
.selected a { text-decoration:underline; }
.new a { text-decoration: line-through; }
#ca-talk, #n-portal, #n-currentevents { display: none; }
