/*-----------------------------------------------------------------------*/
/* ----------- 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 : lightgrey [ traits ]        */
/* gris foncé : #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; }

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


/*--------------------- Définitions 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;}
h2 {font-size: 1.6em; color: #777777;}
h3 {font-size: 1.2em; color: #000;border-bottom: 0px solid lightgrey;}

/* 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,
#contenu img{background: ; padding: 3px; border: 2px solid #bbbbbb;}

/* textes */
small{display: block; font-size: 0.9em;color: #777777;}
.texte_intro{font-size: 0.95em;line-height: 1.25em;}
.texte p{line-height: 1.4em; margin:14px 0px 14px 0px;}
.texte h3{margin: 14px; padding: 0px;}

/* entete */
#entete {float:left;width: 934px;margin:7px 7px 14px 7px;border-bottom: 2px solid lightgrey;}
#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:2px solid lightgrey; padding:0px 0px 0px 14px;}
#entete .navigation a{color: #000;}
#entete .navigation a:hover, #entete .navigation a.on{color: #EE7700 ;text-decoration:none;font-weight:light;}

/* trace */
#hierarchie {font-size: 0.9em; color: #777777; margin: 7px 0px 7px 0px;}
#hierarchie a, #hierarchie a:hover {color: #777777; text-decoration:none;}
.page_r_photos #hierarchie,
.page_r_breves #hierarchie,
.page_r_escapades #hierarchie {margin: 7px;}
 

/* Forums */
.forum {clear: both;margin-top:28px;}
.forum .repondre{margin: 7px 0px 7px 0px;}
.forum .comment-message {margin: 14px 0px 7px 0px; border-top:1px dashed lightgrey;}
.forum .comment-message .comment-meta {height:30px;background-image: url(img/com_forum2.png);background-repeat:no-repeat;float:left;margin: 14px 0px 0px 0px;width:175px;padding-left:44px;}
.forum .comment-message .comment-meta .comment-author {font-size: 1.1em;display:block;}
.forum .comment-message .comment-meta .comment-date {color: #777777;}
.forum .comment-message .comment-content {float:right; width:381px;line-height: 1.4em;margin: 14px 0px 0px 0px;}


/* Spacer */
.spacer {clear: both;}

/*------------------------------ Rubriques  ------------------------------*/
/* Global Rubriques Sommaire */
.page_r_photos .cartouche,
.page_r_breves .cartouche,
.page_r_escapades .cartouche{margin:7px;}
.page_r_photos .cartouche .published,
.page_r_breves .cartouche .published,
.page_r_escapades .cartouche .published{display: block; font-size: 0.9em;color: #777777;} /*identique small*/
.page_r_photos .chapo,
.page_r_breves .chapo,
.page_r_escapades .chapo {padding: 0px;font-size: 1.3em;line-height: 1.3em;margin:21px 7px 21px 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 Brèves */
.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 {line-height: 1.4em;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: 270px;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;}
.page_r_escapades .bloc_escapades .date{text-transform : capitalize;}
/* Détail escapade */
.page_r_detail_escapade #navigation .encart .art_rub_conteneur{position: relative;height:70px;}
.page_r_detail_escapade #navigation .encart li{margin-top:14px;}
.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_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  ------------------------------*/
/* Articles Photos */
/* Articles Breves */
.page_a_breves #navigation h2{margin: 7px 0px 14px 0px;}
.page_a_breves #navigation {margin:7px 0px 7px 0px;width:316px;}
.page_a_breves #navigation #documents_portfolio{float:left;margin: 0px 0px 0px 0px;}
.page_a_breves #navigation .bloc_portfolio {float:left; height: 91px;width:91px; margin: 7px;}
.page_a_breves #navigation .encart {float:left; margin: 7px 7px 7px 7px;/*border: 1px solid lightgrey;padding:7px;background: #F7F7F7;*/}
.page_a_breves #navigation .encart ul{margin:7px 0px 14px 0px;}
.page_a_breves #navigation .encart li{clear: both;border-top: 0px solid lightgrey;}
.page_a_breves #navigation .encart li .logo{float:left; width: 35px;margin: 0px 0px 7px 0px;}
.page_a_breves #navigation .encart li .titre{float:left;width: 261px;height: 29px;margin: 0px 0px 7px 0px; padding: 4px 0px 0px 6px;}
/* Articles Escapades */
.page_a_escapades #navigation .encart li{background:lightgrey;margin: 14px 0px 0px 0px;height: 70px;padding:7px;}
.page_a_escapades #documents_portfolio{float:left;margin: 0px 0px 0px 0px;}
.page_a_escapades .bloc_portfolio {overflow: hidden;float:left; height: 140px;width:140px; margin: 7px;}
/*------------------------------ pied ------------------------------------*/
#pied {clear: both; margin: 14px 7px 0px 7px; text-align: center; font-size: 0.90em;border-top: 2px solid lightgrey; padding:14px 0px 0px 0px;}
#pied a { color: #777777; }
#pied img { vertical-align: middle; }