html,body { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-size: 16px; color: #000; background-color: #efeded; }
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%; }

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; }

h1, h2, h3, h4, h5, h6 { margin: .2em; padding: .2em; }
h1 { text-indent: 2%; font-size: 1.3em; }
h2 { text-indent: 4%; font-size: 1.3em; font-style: italic; }
h3 { text-indent: 6%; font-size: 1.2em; }
h4 { text-indent: 8%; font-size: 1.2em; font-style: italic; }
h5 { text-indent: 10%; font-size: 1.1em; }
h6 { text-indent: 12%; font-size: 1.1em; font-style: italic; }

#entete { width: 100%; background-color: #558; font-size: .8em; text-align: right; }
#entete div.souscadre { width: 100%; height: 224px; padding: 0; margin: 0; background: url("http://photos.romainpetit.fr/v5/img/entete_sous_album_couleurs.png") top left repeat-x; }
#entete div.cadre { max-width: 908px; height: 140px; padding: 42px 0 42px 42px; margin: 0 auto 0 auto; background: url("http://photos.romainpetit.fr/v5/img/entete_sous_album_cadre.png") top left no-repeat; }
#entete div.image { max-width: 800px; height: 140px; margin: 0 auto 0 0; background: url("http://photos.romainpetit.fr/v5/img/entete_sous_album.jpg") top left no-repeat; }
#entete ul.menu { list-style-type: none; text-align: center; margin: 0; padding: .8em 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: #f3f6f6; border-bottom: .1em dashed #f3f6f6; padding: .2em; }
#entete a:hover { text-decoration: none; border-bottom: .1em solid #f3f6f6; }
#entete_degrade { width: 100%; height: 9px; background: url("http://photos.romainpetit.fr/v5/img/degrade_noir_vers_transparent.png") repeat-x; }

#haut { overflow: auto; width: 100%; }
#haut div.colonne1 { float: left; width: 68%; margin: 0 1% 0 1%; }
#haut div.colonne2 { float: right; width: 28%; margin: 0 1% 0 1%; }
#haut div.titres, #haut div.albumsparents { padding: 5px; border: 1px solid #ddd; background-color: #fff; 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; box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; }
#haut div.albumsparents { font-size: .8em; }
#haut ul.menu { list-style-image: url("http://photos.romainpetit.fr/v5/img/fleche.png"); list-style-type: square; padding-left: 1.6em; }
#haut .bandeau { background-color: #484; color: #fff; padding: 5px; margin: 0; }
#haut div.clear { width: 100%; height: 10px; clear: both; }

#album { width: 96%; padding: 0 2% 0 2%; margin: 0; background-color: #efeded; }

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

#images { /*utilisé comme ancre*/ padding: 0; margin: 0; visibility: hidden; }

#album div.categories, #album div.images, #album div.autres { overflow: hidden; width: 100%; text-align: center; }
#album div.categorie, #album div.image { float: left; width: 25%; min-width: 178px; height: 157px; padding: 20px 0 0 0; margin: 0; background: url("http://photos.romainpetit.fr/v5/img/diapo_sous_photo.png") top center no-repeat; text-align: center; }
#album p.categorie, #album p.image { width: 164px; padding: 0; margin: 0 auto 0 auto; color: #057; font-weight: bold; font-size: .8em; }

#album div.photo { text-align: center; }
#album img.photo { padding: 8px; background-color: #fff; border: 8px solid #855; 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; box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; }
#album div.photoinfos { width: 98%; margin-left: auto; margin-right: auto; background-color: #fff; border: 8px solid #f90; 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; box-shadow: 2px 2px 4px #666; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; }
#album div.precedente, #image div.suivante { float: left; width: 25%; }
#album div.infos { float: left; width: 50%; }
#album ul.infos { list-style-type: none; margin: 0; padding: 0; }
#album h3.photo { text-indent: 0; margin: 0; padding: .4em; text-align: center; }
#album h4.photo { background-color: #f90; color: #fff; padding: 5px; margin: 0; }
#album div.carte { width: 760px; margin: 5px auto 5px auto; padding: 0; border: 2px solid #f90; text-align: center; }

#album ul.tags { list-style-type: none; margin: 0; padding: 0; text-align: justify; }
#album li.tag { display: inline; /*white-space: nowrap; Ne fonctionne pas sous IE*/ margin: 20px; }
#album a.tag1 { font-size: .8em; }
#album a.tag2 { font-size: 1em; }
#album a.tag3 { font-size: 1.2em; }
#album a.tag4 { font-size: 1.4em; }
#album a.tag5 { font-size: 1.6em; }

#album blockquote { text-align: justify; border: 2px dotted #bbb; padding: 5px; }

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

#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%; height: 100%; border-top: 6px solid #966; padding: 2em 0 2em 0; margin: 0; background-color: #a89; font-size: .8em; color: #f3f6f6; text-align: center; }
#pied a:link, #pied a:active, #pied a:visited { text-decoration: none; color: #f3f6f6; border-bottom: .1em dashed #f3f6f6; padding: .2em; }
#pied a:hover { text-decoration: none; border-bottom: .1em solid #f3f6f6; }

/* 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;}