/*-----------------------------------------------------------------------*/
/* ----------- Reset CSS par Eric Meyer http://meyerweb.com/ ------------*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}

/*-----------------------------------------------------------------------*/
/*--------------------- Debut du CSS webmarinajc.fr ---------------------*/
/*-----------------------------------------------------------------------*/

/* Couleurs --------------------------------*/
/* orange : #ee7700 [ liens ]               */
/* gris clair : #bbbbbb [ traits ]        */
/* gris fonce : #777777 [ titres small ]    */
/* ---------------------------------------- */


html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.88em; font-family: Arial, Helvetica, sans-serif; color: #000;background: #FFF; }

#page { position: relative; background-image: url(img/grille.png);background-repeat:repeat; width: 948px; margin: 14px auto; padding:7px; text-align: left; border:0px solid #bbbbbb; }


/*--------------------- Definitions globales au site  ---------------------*/
#conteneur {clear: both; overflow: hidden;}
#contenu {overflow: hidden;width:618px;float:left;margin:7px;}
#navigation {float:left; width:302px;margin:7px;}

/* titres */
h1 {font-size: 3.7em; font-variant: small-caps; letter-spacing: -3px; color: #999999; margin: 14px 0px 14px 0px; padding: 0px;}
.invisible h1{position: absolute; top: -3000em; height: 1%;}
h2 {font-size: 1.6em; color: #777777;margin: 7px 0px 7px 0px;}
.encart h2{display: block;margin: 0px 0px 7px 0px;padding-top:7px;border-top:0px solid #bbbbbb;}
h3 {font-size: 1.2em; color: #000;}
h3 .spip{text-align: left;}

/* Liens */
a:link, a:visited{text-decoration:none; color: #EE7700;}
a:hover{text-decoration:underline; color: #EE7700;}

/* Images */
.page_a_breves #navigation .bloc_portfolio img,
.page_a_photos #navigation .bloc_photos img,
.page_a_photos #navigation .image img,
.page_r_photos #contenu img,
.page_r_breves #contenu img,
.page_r_escapades #contenu img,
.page_a_breves #contenu img,
.page_a_photos #contenu img,
.page_r_detail_escapade #contenu img,
.page_a_escapades #contenu img,
.page_sommaire .bloc_a_la_une img{background: ; padding: 3px; border: 2px solid #bbbbbb;}

/* textes */
.published,
small{display: block; font-size: 0.9em;color: #777777;}
.forum,
.texte_intro,
.texte p{font-size: 0.95em;line-height: 1.4em;}
.texte p{margin:14px 0px 14px 0px;}
.texte h3{margin: 14px; padding: 0px;}
.date,
.encart li .titre small{text-transform : capitalize;}
#pied {font-size: 0.9em;color: #777777;line-height: 1.2em;}

/* entete */
#entete {float:left;width: 934px;margin:7px 7px 14px 7px;border-bottom: 2px solid #bbbbbb;}
#entete #nom_site_spip{font-size: 4em; float:left;width:460px;letter-spacing: 3px;margin: 10px 7px 14px 0px;}
#entete .navigation{font-size: 1.5em; float:left; width:223px; margin: 0px 0px 14px 7px;border-left:1px solid #bbbbbb; padding:0px 0px 0px 14px;}
#entete a{text-decoration:none;}
#entete .navigation a{color: #000;text-decoration:none;}
#entete .navigation a:hover, #entete .navigation a.on{color: #EE7700 ;text-decoration:none;font-weight:light;}

/* trace */
#hierarchie {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */ 

/* Encart */
.encart ul{margin:0px;}
.encart li{clear: both;}
.encart li .titre{line-height: 1.25em;float:left;width: 296px;margin: 1px 0px 7px 0px; padding: 0px 0px 0px 0px;}

/* Forums */
.forum h2 {margin: 24px 0px 7px 0px;padding-bottom:7px;border-bottom:0px solid #bbbbbb;}
.comments{clear:both;margin-top: 14px;} 
.comments-thread .comments-ul{display:block;clear:both;list-style:none;}
.comment-li{padding: 0px 0px 7px 0px;border-bottom:1px solid #bbbbbb;}
.comments-thread .comments-ul .comments-ul{padding:0;}
.comments-ul .comments-ul .comment-li{padding-bottom:0px;}
.comment{overflow:hidden;}
.comment-li .comment{margin: 0px;}
.comment-li.on{font-weight:normal;}
.comment .permalink{display:none;}
.comment .permalink:focus,.comment .permalink:hover{}
.comment .permalink.in-reply-to{display:none;}
.comment .comment-meta{height:35px;background-image: url(img/com_forum2.png);background-repeat:no-repeat;float:left;margin: 14px 0px 14px 0px;width:175px;padding-left:44px;}
.comment .comment-meta abbr{float:left; width:175px; display:block; margin-top:0px;}
.comment .comment-meta .reviewer{float:left; display:block;margin-top:0px;}
.comment .comment-meta .reviewer .sep{display:none;}
.comment .comment-texte{float:right; width:381px;margin: 14px 0px 14px 0px;} 
.comments-feed {display:none;}

/*formulaire*/
input,textarea,select{font-size:100%;font-family:inherit;}
.formulaire_spip{clear:both;margin-bottom:2em;border:0;text-align:left;font-size:1em;color:#330;}
.formulaire_spip form{margin:0;padding:0;}
.formulaire_spip fieldset{clear:both;margin:0 0 1em 0;padding:0;border:0;}
.formulaire_spip fieldset legend{display:none;}
.formulaire_spip fieldset fieldset{margin-top:1em;}
.formulaire_spip fieldset fieldset legend{font-size:1em;font-weight:normal;}
.formulaire_spip .explication{margin:0.50em 0;color:#444;}
.formulaire_spip ul{margin:0;padding:0;list-style:none;}
.formulaire_spip ul li{clear:both;margin:0;padding:0.50em 0;}
.formulaire_spip label{display:block;text-align:left;color:#444;font-weight:bold;position:relative;}
.formulaire_spip li p{margin-top:0;margin-bottom:0;}
.formulaire_spip .choix label{display:inline;}
.formulaire_spip input.text{width:15em;}
.formulaire_spip textarea{width:99%;}
.formulaire_spip select{width:99%;}
.formulaire_spip .boutons{clear:both;margin:0;padding:0;text-align:right;}
.formulaire_spip .boutons input{margin-left:1em;}   

fieldset.previsu{background:#FDA;margin-bottom:2em;padding:7px;border:1px solid #F57900;}
fieldset.previsu p{}
fieldset.previsu legend{padding:0 0.50em;color:#F57900;font-weight:bold;}
fieldset.previsu li{padding:3px;border:none;}
fieldset.previsu .boutons input{background-color:#F57900;border-color:#F57900;color:#FFF;}

.previsu .comment .comment-meta{background-image: none;float:left;width:216px;margin: 0px 0px 7px 0px;padding-left:0px;}
.previsu .comment .comment-content{float:right;width:374px;margin: 0px 0px 7px 0px;padding-left:0px;}

.reponse_formulaire{font-weight:bold;color:#e86519;font-size:1.20em;}
fieldset.reponse_formulaire{border-color:#e86519;font-weight:normal;}
fieldset.reponse_formulaire.reponse_formulaire legend{color:#F57900;}
.formulaire_spip li.erreur .erreur_message{display:block;color:#C30;font-weight:bold;}
.formulaire_spip li.erreur input.text,.formulaire_spip li.erreur textarea{background-color:#FCC;border-style:solid;border-color:#C30;}
.reponse_formulaire_erreur{margin:0;color:#C30;font-weight:bold;}
.reponse_formulaire_ok{margin:0;color:#53AD20;font-weight:bold;}

/* Plan */
.page_plan #contenu {float:left; width:948px;margin: 7px 0px 7px 0px;}
.page_plan #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */
.plan_col{float:left;position: relative;width:302px;margin:7px;}
.plan_col li{margin-top: 7px;}

/* Divers */
.spacer {clear: both;}
.cartouche{margin: 7px 0px 7px 0px;}
.encart{clear: both;margin:7px 0px 14px 0px;}
.pagination{margin-top:7px;}

/* Auteur */
.page_auteur #navigation li{margin-top:7px;}

/*Carte des articles */
.page_carte #contenu {float:left; width:934px;margin: 7px;}
.page_carte #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */

/* Sommaire */
.page_sommaire #contenu {float:left; width:948px;margin: 7px 0px 7px 0px;}
.page_sommaire #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */
.page_sommaire .bloc_a_la_une {position: relative;float:left; margin: 7px;}
.page_sommaire .bloc_a_la_une a{text-decoration:none;}
.page_sommaire .bloc_a_la_une .titre h1 a:hover{color: #EE7700;}
.page_sommaire .bloc_a_la_une h1{font-size: 2.55em;line-height: 1.2em;text-align:left;display: block;margin: 0px;padding:0px;}
.page_sommaire .bloc_a_la_une .titre{width:206px;height: 276px;position: absolute;right: 0;bottom: 0px;display:block;line-height: 1.4em;margin:5px;padding:7px;background: #F7F7F7;
	/* for IE */
	filter:alpha(opacity=75);
	/* CSS3 standard */
	opacity:0.75;}
.page_sommaire .bloc_3col{position: relative;float:left;width:302px;margin: 0px 7px 0px 7px;}
.page_sommaire .bloc_3col ul{margin:7px 0px 7px 0px;}
.page_sommaire .bloc_3col li{clear: both;}
.page_sommaire .bloc_3col li .titre{line-height: 1.25em;float:left;width: 296px;margin: 2px 0px 7px 0px; padding: 0px 0px 0px 0px;}

/* Global Rubriques Sommaire */
.page_r_photos .cartouche,
.page_r_breves .cartouche,
.page_r_escapades .cartouche{margin:7px;}
.page_r_photos #contenu, 
.page_r_breves #contenu, 
.page_r_escapades #contenu {float:left; width:948px;margin:7px 0px 7px 0px;}
/* Sommaire Photos */
.page_r_photos #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */
.page_r_photos .bloc_photos {position: relative;float:left; width:144px; height: 144px;margin: 7px;}
.page_r_photos .bloc_photos .titre{position: absolute;left: 0;bottom: 0px;display:block;line-height: 1.4em;margin:5px;padding:7px;background: #F7F7F7;width:120px;
	/* for IE */
	filter:alpha(opacity=75);
	/* CSS3 standard */
	opacity:0.75;}
/* Sommaire Breves */
.page_r_breves #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */
.page_r_breves .bloc_article {float:left; width:460px; height: 190px;margin: 7px;}
.page_r_breves .bloc_article h3 {padding-bottom:0px;}
.page_r_breves .bloc_article img{float: left; margin: 0px 14px 0px 0px;}
.page_r_breves .bloc_article small {margin: 7px 0px 7px 0px;}
.page_r_breves .bloc_article .texte_intro {margin: 2px 0px 14px 0px;}
.page_r_breves .bloc_article .texte_intro a,
.page_r_breves .bloc_article h3 a{text-decoration:none; color: #000;}
/* Sommaire Escapades */
.page_r_escapades #navigation {position: absolute; top: -3000em; height: 1%; } /* colonne de droite invisible */
.page_r_escapades .bloc_escapades {overflow: hidden;float:left; height: 290px;width:223px; margin: 7px;}
.page_r_escapades .bloc_escapades .texte_intro {margin: 7px 0px 7px 0px;}
.page_r_escapades .bloc_escapades h3{margin: 7px 0px 7px 0px;padding-bottom:0px;}
/* Detail escapade */
.page_a_escapades #navigation .encart .art_rub_conteneur,
.page_r_detail_escapade #navigation .encart .art_rub_conteneur{position: relative;height:70px;}
.page_a_escapades #navigation .encart li,
.page_r_detail_escapade #navigation .encart li{margin-bottom:14px;}
.page_a_escapades #navigation .encart .art_rub_fond,
.page_r_detail_escapade #navigation .encart .art_rub_fond{position: absolute;left: 0;top: 35px;display:block; width:100%;background: #F7F7F7;height:35px;
	/* for IE */
	filter:alpha(opacity=75);
	/* CSS3 standard */
	opacity:0.75;}
.page_a_escapades #navigation .encart .art_rub_titre,
.page_r_detail_escapade #navigation .encart .art_rub_titre{position: absolute;left: 0;top: 35px;display:block; width:100%;line-height: 1.4em;padding:7px;}


/* Articles Photos */
.page_a_photos #contenu {width:618px;margin:7px;}
.page_a_photos #navigation {width:316px;margin:7px 0px 7px 0px;}
.page_a_photos #navigation .texte p{margin:0px 7px 0px 7px;}
.page_a_photos #navigation h2{margin:7px;}
.page_a_photos .bloc_photos {float:left; height: 65px;width:65px; margin: 7px;}
.page_a_photos #contenu .image{padding: 7px 0px 7px 0px;}


/* Articles Breves */
.page_a_breves #navigation {margin:7px 0px 7px 0px;width:316px;}
.page_a_breves .bloc_portfolio {float:left; height: 91px;width:91px; margin: 7px;}
.page_a_breves #navigation .encart{margin:0px 0px 14px 0px;width:316px;}
.page_a_breves #navigation .encart li .titre{margin-left:7px}
.page_a_breves #navigation h2{margin:7px;}

/* Articles Escapades */
.page_a_escapades .bloc_portfolio {overflow: hidden;float:left; height: 140px;width:140px; margin: 7px;}
/*------------------------------ pied ------------------------------------*/
#pied {color: black;clear: both; margin: 14px 7px 0px 7px;border-top: 2px solid #bbbbbb; padding:0px 0px 0px 0px;}
#pied a{color:  #777777;}
#pied h2{color: black;font-size: 1.1em;}
#pied li{margin-top:7px;}
#pied img {vertical-align: middle; }
#pied .bloc_144{position: relative;float:right;width:144px;margin: 14px 0px 0px 0px;border-left:1px solid #bbbbbb;padding: 0px 0px 7px 6px;}
#pied .bloc_223{position: relative;float:right;width:223px;margin: 14px 6px 0px 0px;border-left:1px solid #bbbbbb;padding: 0px 0px 7px 7px;}
#pied .bloc_302{position: relative;float:right;width:302px;margin: 14px 7px 0px 0px;}