html,body { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-size: 16px; color: #27272a; }
div#xiti-logo, div#xiti-logo-noscript { display: inline; }
div#xiti-logo a:link img, div#xiti-logo a:active img, div#xiti-logo a:visited img{ border: 0 none; text-decoration: none; }
div#xiti-logo a:hover img { border: 0 none; text-decoration: none; }

a:link img, a:active img, a:visited img { border: 2px solid grey; text-decoration: none; }
a:hover img { border: 2px solid black; text-decoration: none; }
a.lienexterne:after { content: url("http://www.romainpetit.fr/v5/img/lienexternehover.png"); }
a.lienexterne:hover:after { content: url("http://www.romainpetit.fr/v5/img/lienexternehover.png"); }
a.lienexterneurl:after { content: " (" attr(href) ")"; }
a.lienexterneurl:hover:after { content: " (" attr(href) ")"; }
a.blog:after { content: " [BLOG]"; }
a.blog:hover:after { content: " [BLOG]"; }
a.album:after { content: " [PHOTOS]"; }
a.album:hover:after { content: " [PHOTOS]"; }
a.web:after { content: " [WEB]"; }
a.web:hover:after { content: " [WEB]"; }

#navigation { overflow: auto; width: 100%; min-width: 760px; margin: 0; padding: 0; border-bottom: #000 solid 8px; background-color: #fff; }
#navigation div.menu { float: left; padding: 2px; }
#navigation div.logo{ float: right; padding: 2px; }
#navigation ul#menu { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#navigation ul#menu li { display: inline; margin: 0; padding: 0; top: 0; }
#navigation a { float: left; display: block; margin-left: 10px; margin-right: 10px; background: url("http://www.romainpetit.fr/v5/img/sprite_rp_v2.png") top left no-repeat; width: 72px; height: 24px; text-indent: -9000px; }
#navigation a.menublog { width: 45px; background-position: 0 -48px; }
#navigation a.menublog:hover { width: 45px; background-position: 0 -72px; }
#navigation a.menuphotos { width: 67px; background-position: -173px 0; }
#navigation a.menuphotos:hover { width: 67px; background-position: -173px -24px; }
#navigation a.menuweb { width: 34px; background-position: -240px 0; }
#navigation a.menuweb:hover { width: 34px; background-position: -240px -24px; }
#navigation a.menuportfolio { width: 100px; background-position: -72px 0; }
#navigation a.menuportfolio:hover { width: 100px; background-position: -72px -24px; }
#navigation a.menuflux { width: 45px; background-position: 0 -96px; }
#navigation a.menuflux:hover { width: 45px; background-position: 0 -120px; }
#navigation a.menuaccueil { width: 72px; background-position: 0 0; }
#navigation a.menuaccueil:hover { width: 72px; background-position: 0 -24px; }

span.note80, span.note81, span.note82, span.note83, span.note84, span.note85, span.note140, span.note141, span.note142, span.note143, span.note144, span.note145 { display: inline-block; text-indent: -9000px; vertical-align: middle; font-style: italic; }
span.note80, span.note81, span.note82, span.note83, span.note84, span.note85 { width: 46px; height: 10px; background-image: url("http://www.romainpetit.fr/v5/img/sprite_rp_v2.png"); }
span.note80 { background-position: -122px -48px; }
span.note81 { background-position: -122px -58px; }
span.note82 { background-position: -122px -68px; }
span.note83 { background-position: -122px -78px; }
span.note84 { background-position: -122px -88px; }
span.note85 { background-position: -122px -98px; }
span.note140, span.note141, span.note142, span.note143, span.note144, span.note145 { width: 76px; height: 16px; background-image: url("http://www.romainpetit.fr/v5/img/sprite_rp_v2.png"); }
span.note140 { background-position: -45px -48px; }
span.note141 { background-position: -45px -64px; }
span.note142 { background-position: -45px -80px; }
span.note143 { background-position: -45px -96px; }
span.note144 { background-position: -45px -112px; }
span.note145 { background-position: -45px -128px; }

hr { width: 272px; height: 4px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px; border: none; background: url("http://www.romainpetit.fr/v5/img/sprite_rp_v2.png") 0 -144px no-repeat; }
hr.hidden { margin: 2px; padding: 0; visibility: hidden; }
hr.grey60, hr.grey100, hr.dots60, hr.dots100 { background: none; height: 1px; margin-left: auto; margin-right: auto; margin-top: 18px; margin-bottom: 18px; }
hr.grey60, hr.grey100 { background-color: #999; }
hr.grey60 { width: 60%; }
hr.grey100 { width: 100%; }
hr.dots60 , hr.dots100  { border-top: 1px dotted #38446a; }
hr.dots60 {  width: 60%; }
hr.dots100 { width: 100%; }
hr.vague {  background: url("http://blog.romainpetit.fr/v5/img/vague.png") top left no-repeat; height: 18px; width: 100%; border-bottom: 3px solid #38446a; }

p.paragraphe { text-indent: 10%; text-align: justify; }
p.paragraphe:first-letter { font-size: 1.2em; letter-spacing: 0.1em; }
p.gauche { text-align: left; }
p.milieu { text-align: center; }
p.droite { text-align: right; }
div.gauche { text-align: left; }
div.milieu { text-align: center; }
div.droite { text-align: right; }
ul.carre { list-style-type : square; }
ul.rond { list-style-type : disc; }
ul.cercle { list-style-type : circle; }
ul.etoiledemer {  list-style-image: url("http://blog.romainpetit.fr/v5/img/etoile_de_mer.png"); list-style-type: square; }

#entete { width: 100%; min-height: 220px; background-color: #27272a; background: url("http://blog.romainpetit.fr/v5/img/sunset_fond.png") repeat-x; }
#entete_elements { width: 560px; height: 200px; margin-left: auto; margin-right: auto; background: url("http://blog.romainpetit.fr/v5/img/sunset_elements.png") no-repeat center; }
#entete ul { background-color: #27272a; list-style-type: none; text-align: center; margin: 0; padding: .2em 0 1em 0; }
#entete li { display: inline; list-style-type: none; margin: 0; padding: 0 2% 0 2%; text-transform: uppercase; font-size: .8em; }
#entete a:link, #entete a:active, #entete a:visited { text-decoration: none; color: #7d7d7f; border-bottom: .1em dashed #7d7d7f; padding: .2em; }
#entete a:hover { text-decoration: none; border-bottom: .1em solid #7d7d7f; }
#entete_degrade { width: 100%; height: 9px; background: url("http://blog.romainpetit.fr/v5/img/degrade_27272a_vers_blanc.png") repeat-x; }

#blog { width: 100%; background-color: #fff; padding: 0; margin: 0; }

#blog h1 { margin: 0; padding: 10px 0 0 0; text-align: right; font-weight: bold; font-size: 1.6em; color: #474; }
#blog a.h1a:link, #blog a.h1a:active, #blog a.h1a:visited, #blog a.h1a:hover { color: #474;}
#blog h1.billet, #blog h2.billet, #blog h3.billet, #blog h4.billet, #blog h5.billet, #blog h6.billet  { padding: 10px 0 0 0; margin: 0; text-align: justify; font-weight: bold; color: #27272a; }
#blog h1.billet { text-indent: 2%; font-size: 1.3em; font-style: italic; }
#blog h2.billet { text-indent: 4%; font-size: 1.3em; }
#blog h3.billet { text-indent: 6%; font-size: 1.2em; font-style: italic; }
#blog h4.billet { text-indent: 8%; font-size: 1.2em; }
#blog h5.billet { text-indent: 10%; font-size: 1.1em; font-style: italic; }
#blog h6.billet { text-indent: 12%; font-size: 1.1em; }

#blog a:link, #blog a:active, #blog a:visited { color: #27272a; text-decoration: none; border-bottom: 1px dashed #27272a; }
#blog a:hover { color: #27272a; text-decoration: none; border-bottom: 1px solid #27272a; }

#blog div.page { overflow: auto; margin: 0; padding: 0; background: url("http://blog.romainpetit.fr/v5/img/barre_verticale_f90.png") 25% repeat-y; }
#blog div.colonne-gauche { float: left; width: 22%; margin-left: 1%; margin-right: 1%; }
#blog div.billets { float: right; width: 70%; margin-left: 2%; margin-right: 2%; }
#blog ul.sommaire { list-style-type: none; margin: 0; padding: 0 5% 0 5%; font-size: .8em; }

#blog p.rubrique { margin: 0 0 1em 0; padding: .8em; color: #eee; background-color: #27272a; /*border-bottom: 2px solid #999; désactivé si css3 actif*/ box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; text-align: right; font-size: .6em; font-style: italic; text-transform: uppercase; }

#blog p.publication { text-align: right; font-size: .8em; font-style: italic; }

#blog blockquote { text-align: justify; border: 2px dotted #bbb; padding: 5px; }
#blog img.illustration { border: 2px outset #999; }
#blog img.photo { border: 4px outset #999; }

#autrespages { padding: 5px; font-size: .9em; text-align: center; }
#autrespages a { padding: 2px; text-decoration: none; }
#autrespages a:link, #autrespages a:active, #autrespages a:visited { border: 1px solid grey; }
#autrespages a:hover { border: 1px solid black; background-color: #e5e5e5; }

#pied { width: 100%; border-top: 6px solid #f90; padding: 2em 0 2em 0; margin: 0; background-color: #27272a; font-size: .8em; color: #7d7d7f; text-align: center; }
#pied a:link, #pied a:active, #pied a:visited { text-decoration: none; color: #7d7d7f; border-bottom: .1em dashed #7d7d7f; padding: .2em; }
#pied a:hover { text-decoration: none; border-bottom: .1em solid #7d7d7f; }

#blog div.pagecomm { width: 100%; }
#blog form.commentaire { width: 640px; margin-left: auto; margin-right: auto; text-align: left; }
#blog form.commentaire fieldset { border: 1px solid #999; }
#blog form.commentaire fieldset legend { color: #27272a; }
#blog form.commentaire fieldset label { font-size: 12px; }
#blog form.commentaire fieldset label input, #blog form.commentaire fieldset label textarea { display: block; margin: 0.5em 0; }
#blog form.commentaire p { text-indent: 0; text-align: center; }
#blog form.commentaire p.avertissement { color: red; font-size: 22px; border: 1px solid red; background-color: white; padding: 5px; }

/* shadowbox 3.0b */
#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(http://www.romainpetit.fr/librairies/shadowbox/resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(http://www.romainpetit.fr/librairies/shadowbox/resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(http://www.romainpetit.fr/librairies/shadowbox/resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(http://www.romainpetit.fr/librairies/shadowbox/resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(http://www.romainpetit.fr/librairies/shadowbox/resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}