.Style4 { 
font-size : x-small;
} 
body { 
background-image:url(http://www.photos-vosges.fr/images/fond.gif);
background-repeat:repeat-x;
background-position: top left;
background-color: #000000;
margin : 0;
padding : 0;
font : small Verdana, Arial, Helvetica, sans-serif;
line-height : 1.4em;
color : #fff;
text-align : center;
} 
.title, .index { 
text-align : center;
} 
#content { 
position : relative;
margin : 0;
padding : 26px 15px 0;
} 
.photosolo #content { 
padding : 10px 0 15px;
} 
.index #content, .archive #content { 
width : 720px;
margin-left : auto;
margin-right : auto;
} 
.title #content { 
width : 733px;
margin-left : auto;
margin-right : auto;
padding : 40px 20px 0;
text-align : left;
} 
.comments-entry #content { 
max-width : 50em;
margin-top : 1em;
margin-left : 133px;
padding-top : 0;
} 
.recentcomments #content { 
width : 750px;
max-width : 50em;
margin-left : auto;
margin-right : auto;
} 
.recentcomments > #content { 
width : auto;
} 
a { 
color : #258;
text-decoration : none;
} 
a:hover, a:active { 
color : #933;
} 
a img, a.btn, a.btn:visited, a.i, a.i:visited, a.i:hover { 
border-width : 0;
} 
a.btn img, a.i > img { 
position : relative;
top : 2px;
} 
#photo_container a { 
border-bottom : 0;
} 
h2 { 
margin : 0.5em 0 0.75em;
font : 120% "Trebuchet MS", Verdana, Sans-serif;
color : #fff;
} 
h2 .btn { 
margin-left : 0.25em;
font-weight : normal;
color : #fff;
} 



h3 { 
margin : 0.5em 0 0.75em;
font : 120% "Trebuchet MS", Verdana, Sans-serif;
color : #fff;
} 

.iconlist
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size : 14px;
  font-family : "Gill Sans", "Trebuchet MS", Verdana, Sans-serif;
}

li.pdf
{
  background-image: url('http://www.photos-vosges.fr/images/puce.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}






.index h2, .archive h2, .recentcomments h2 { 
background : url("../img/slide_minis.png") no-repeat 50% 0 !important;
background : url("../img/slide_minis.gif") no-repeat 50% 0;
} 
.index h2, .archive h2, .recentcomments h2, #addcomment h2 { 
margin : 0 0 8px;
padding : 24px 0 0;
font-size : 10px;
line-height : 1.4em;
font-family : "Gill Sans", "Trebuchet MS", Verdana, Sans-serif;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 0.2em;
text-align : center;
color : #fff;
} 
.galleries h2 { 
position : relative;
top : -10px;
margin-bottom : 0;
} 
ul { 
margin : 0.5em 0 1.5em;
padding : 0;
font-size : 10px;
line-height : 1.6em;
} 
li { 
background : url("../img/bullet_white.gif") no-repeat 5px 0.55em;
margin : 0;
padding : 0 0 0 15px;
list-style : none;
} 
dl { 
margin : 0.5em 0 1em;
padding : 0;
} 
dt { 
font-weight : bold;
} 
dd { 
margin : 0 0 1em;
padding : 0;
} 
form { 
margin : 0 0 0.75em;
} 
input.text, textarea { 
border : 1px solid;
border-color : #999 #fff #fff #999;
} 
input.text:focus, textarea:focus { 
background : #ffc;
} 
#btn-preview, #btn-post { 
background : #888;
padding : 2px 5px;
border : 2px solid;
border-color : #aaa #666 #666 #aaa;
font : 100% Verdana, Sans-serif;
text-transform : uppercase;
color : #fff;
} 
#btn-post { 
background : #354;
border-color : #576 #243 #243 #576;
} 
p { 
margin : 0 0 0.75em;
} 
body p { 
margin : 0;
} 
.buttons p { 
margin : 0;
} 
.sub { 
font-size : 10px;
line-height : 1.6em;
} 
.note, .error { 
color : #fff;
} 
.inset, .inset2 { 
float : left;
margin : 3px 10px 5px 0;
} 
.inset2 { 
float : right;
margin : 3px 0 5px 10px;
} 
img.inset, img.inset2 { 
display : block;
} 
.reset { 
clear : both;
display : block;
height : 1px;
font-size : 1px;
line-height : 1px;
} 
hr.reset { 
overflow : hidden;
visibility : hidden;
} 
th, td { 
text-align : left;
vertical-align : top;
} 
input, textarea, select, code { 
margin : 1px 0;
font : 117%/1.2em Monaco, Monospace;
} 
.mainbutton { 
margin : 0;
padding : 5px 0 10px;
font-size : 10px;
line-height : 1.6em;
text-align : center;
} 
#commentblock .mainbutton { 
padding-top : 0;
} 
h1 {
  margin:0 0 1px;
  padding:0 0 .35em;
  border-bottom:1px solid #ddd;
  font:100% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  color:#006599;
  line-height:1.2em;

  text-transform:uppercase;
  letter-spacing:0.15em;
  }

.auto #titleimg { 
background : #fff;
position : relative;
top : 3px;
left : 3px;
float : left;
width : 500px;
height : 380px;
margin : 0 0 10px 0;
padding : 0;
border-width : 0;
} 
.auto .v #titleimg { 
width : 380px;
height : 500px;
} 
html > body .auto #titleimg { 
background : url("../img/bg_shadow.png");
} 
.auto #titleimg img { 
display : block;
position : relative;
top : -3px;
left : -3px;
border : 10px solid #fff;
} 

#gallerydesc { 
position : relative;
margin : -110px 29px 0 405px;
font-size : 10px;
line-height : 1.6em;
} 
.auto #gallerydesc, .v #gallerydesc { 
float : right;
width : 218px;
position : static;
margin : 0;
} 
.v #gallerydesc { 
width : 338px;
} 
#gallerydesc p { 
margin : 0 0 0.75em;
} 
#gallerydesc .date { 
display : block;
margin-bottom : 0.5em;
} 
#secondary { 
float : left;
width : 705px;
padding : 10px 0 0 15px;
margin : 0;
} 
.index .module { 
float : left;
width : 210px;
margin : 0 17px 0 0;
padding : 0 4px;
text-align : left;
} 
.module p { 
font-size : 10px;
line-height : 1.6em;
} 
.galleries { 
background : #000000;
float : left;
width : 720px;
margin : 0 0 15px;
padding : 1px 0;
text-align : center;
border : 1px solid white;
} 
.index .galleries { 
margin-bottom : 10px;
padding-bottom : 1px;
} 
.galleries ul { 
float : left;
width : 100%;
margin : 0;
padding-left : 9px;
list-style : none;
text-align : left;
} 
.galleries li { 
background : url(../img/bg_thumb.png) no-repeat 0 -1px !important;
background : url(../img/bg_thumb.gif) no-repeat 1px -1px;
position : relative;
float : left;
width : 220px;
margin : 0;
padding : 4px 7px 15px 7px;
} 
.galleries img { 
padding-left : 4px;
} 
div.useslides ul li { 
background-position : 64px 0;
padding-top : 130px;
text-align : center;
} 
.galleries h3 { 
margin : 0.5em 10px 0.25em 4px;
font : bold 100% Verdana, Sans-serif;
line-height : 1.2em;
} 
.useslides h3 { 
margin-right : 0;
} 
.galleries h3 a, .galleries a.img { 
border-width : 0;
} 
.useslides li .img { 
left : 65px;
} 
.galleries ul p { 
margin : 0.35em 10px 0 4px;
} 
.useslides ul p { 
margin-right : 0;
} 
em.date { 
font-style : normal;
} 
#feeds { 
float : left;
width : 100%;
margin : 0 0 10px;
} 
#feeds ul { 
margin : 15px 0 0;
padding : 9px 0;
font-size : 10px;
line-height : 1.6em;
list-style : none;
text-align : center;
} 
#feeds li { 
background-color : transparent;
background-image : none;
float : none;
width : auto;
display : inline;
margin : 0 2px;
padding : 0;
text-align : center;
} 
#feeds li a { 
background-color : #eee;
padding : 8px 5px;
border : 1px solid #fff;
} 
#feeds li a:hover { 
background-color : #ddd;
} 
.gallerydata { 
width : 100%;
border-top : 1px solid #ccc;
font-size : 100%;
} 
.gallerydata th, .gallerydata td { 
padding : 5px;
border-bottom : 1px solid #ccc;
font-size : 10px;
line-height : 1.6em;
font-weight : normal;
} 
.gallerydata td { 
text-align : right;
white-space : nowrap;
} 
#favlist { 
float : left;
width : 204px;
margin : 0 -3px 0 0;
padding : 0 0 0 6px;
list-style : none;
} 
#favlist li { 
background : url("../img/bg_slide_sm.gif") no-repeat 0 0;
float : left;
width : 62px;
margin : 0 6px 6px 0;
padding : 0;
} 
#favlist > li { 
background-image : url("../img/bg_slide_sm.png");
} 
#favlist li a { 
display : block;
float : left;
width : 48px;
height : 36px;
padding : 12px 8px 14px 6px;
border-width : 0;
text-align : center;
} 
#favlist li a.v { 
width : 36px;
height : 48px;
padding : 6px 14px 8px 12px;
} 
#favlist li a img { 
display : block;
width : 46px;
height : 34px;
border : 1px solid;
border-color : #ccc #eee #eee #ccc;
} 
#favlist li a.v img { 
width : 34px;
height : 46px;
} 
.galleryinfo { 
clear : left;
float : left;
width : 22%;
margin : 0;
font-size : 10px;
line-height : 1.4em;
margin-top : 30px;
} 
.galleryinfo h1 { 
margin : 0 0 0.5em;
text-align : left;
text-transform : none;
letter-spacing : 0;
} 
.galleryinfo .desc { 
line-height : 1.6em;
margin-bottom : 1em;
} 
.galleryinfo form { 
margin : 0 0 0.5em;
padding : 5px 0;
} 
.galleryinfo fieldset { 
margin : 0 0 0.75em;
padding : 0.25em 0 0.5em;
border-width : 0;
border-bottom : 1px dotted #ccc;
} 
.galleryinfo form strong { 
display : block;
margin : 0;
padding : 0 0 0.25em;
color : #000;
} 
.galleryinfo fieldset div { 
margin : 0 0 0.25em;
} 
p.desc { 
text-align : left;
} 
.slides { 
float : right;
width : 75%;
margin : 0 0 15px;
padding : 0;
list-style : none;
font-size : 10px;
line-height : 1.4em;
} 
.slides li, .slides p, p.slides, .useslides ul li { 
background : url("../img/bg_slide.gif") no-repeat 0 0;
} 
.slides li, .slides p, p.slides { 
display : block;
float : left;
width : 123px;
margin : 0 10px 10px 0;
padding : 0;
} 
.slides > li, .slides > p, dd > p.slides, .useslides > ul li { 
background-image : url("../img/bg_slide.png");
} 
.slides a, .slides a:visited, .slides a:hover, .useslides a.img, .useslides a.img:visited, .useslides a.img:hover { 
display : block;
width : 90px;
height : 110px;
padding : 10px 0 0 9px !important;
padding : 10px 5px 0 5px;
border-width : 0;
text-align : center;
} 
.slides a, .slides a:visited, .slides a:hover { 
float : left;
} 
.slides a.v, .slides a.v:visited, .slides a.v:hover, .useslides a.v, .useslides a.v:visited, .useslides a.v:hover { 
background-position : 10px 50%;
width : 70px;
height : 92px;
padding : 14px 28px 17px 25px;
} 
.slides img, .useslides .img img { 
display : block;
border : 1px solid;
border-color : #aaa #ddd #ddd #aaa;
} 
#main { 
text-align : center;
} 
#photo_container { 
float : right;
width : 500px;
text-align : center;
margin : 0 0 10px 0;
} 
#photo_container img { 
border : 10px solid #fff;
} 
#photo_container a:link { 
text-decoration : none;
} 
p#photo { 
background : #bbb;
display : block;
float : right;
position : relative;
top : 3px;
left : 3px;
width : 500px;
margin : 0 0 10px 0;
border-width : 0;
} 
html > body p#photo { 
background : url("../img/bg_shadow.png");
} 
p#photo img { 
display : block;
position : relative;
top : -3px;
left : -3px;
border : 10px solid #fff;
} 
.v p#photo { 
width : 380px;
margin-left : 60px;
margin-right : 60px;
} 
#prev, #next { 
position : absolute;
float : none;
top : 25px;
left : 0;
width : 50% !important;
width : 300px;
margin : 0;
text-align : right;
font-size : 10px;
line-height : 1.6em;
font-weight : bold;
height : 100px;
} 
#next { 
left : auto;
right : 0;
text-align : left;
} 
#prev { 
margin : 0 !important;
margin-left : -220px;
position : absolute;
} 
#prev p { 
float : right !important;
float : left;
margin : 0;
padding : 0;
} 
#prev > p { 
padding-right : 242px;
} 
#next p { 
background-position : 265px 0;
float : left;
margin : 0;
padding : 0 0 0 265px;
} 
.slides p a em { 
top : -15px;
right : -270px;
width : 270px;
height : 180px;
padding : 0 50px;
} 
.slides#prev p a em { 
text-align : right;
} 
.slides#next p a em { 
text-align : left;
} 
.slides p a em, #fullc p a em { 
position : absolute;
left : auto;
} 
#fullc { 
height : auto;
width : 500px;
} 
.slides > p a em { 
right : 0;
} 
#next p a em { 
left : 0;
right : auto;
} 
.v .slides p a em { 
width : 190px;
height : 500px;
} 
#prev a em { 
background : url("../img/photonav_prev.gif") no-repeat 50% -100px;
} 
#prev a > em { 
background-image : url("../img/photonav_prev.png");
} 
#next a em { 
background : url("../img/photonav_next.gif") no-repeat 50% -100px;
} 
#next a > em { 
background-image : url("../img/photonav_next.png");
} 
#prev a:hover em, #next a:hover em, #prev a:active em, #next a:active em, #full a:hover em, #full a:active em { 
background-position : 50% 10px;
cursor : pointer;
} 
#desc { 
float : right;
width : 50%;
margin-left : -250px;
padding-top : 145px;
font-size : 10px;
line-height : 1.6em;
} 
desc h1 { 
background : url("../img/divider_r.gif") no-repeat 265px 0;
max-width : 30em;
margin : 0;
padding : 10px 15px 5px 265px;
border-width : 0;
font : bold 100% Verdana, Sans-serif;
line-height : 1.6em;
letter-spacing : 0;
text-transform : none;
text-align : left;
} 
#desc > h1 { 
background-image : url("../img/divider_r.png");
} 
#desc p { 
max-width : 30em;
margin : 0 0 0.75em;
padding : 0 15px 0 265px;
} 
#desc p.posted { 
margin-top : 1.25em;
} 
#meta { 
position : absolute;
top : 170px;
left : 0;
width : 50%;
} 
#meta ul { 
margin : 0;
padding : 0 15px 0 15px;
font-size : 10px;
line-height : 1.6em;
} 
#meta > ul { 
padding-right : 265px;
} 
#meta li { 
background : none;
margin : 0;
padding : 0;
text-align : right;
} 
#meta li.count { 
background : url("../img/divider_l.gif") no-repeat 100% 0;
padding-top : 10px;
padding-bottom : 5px;
} 
#meta ul > li.count { 
background-image : url("../img/divider_l.png");
} 
.count { 
font-style : italic;
} 
.galleryinfo .count { 
background : #ccc;
display : block;
margin : 0 0 0.5em;
padding : 2px 5px;
font-style : normal;
} 
#info p.count { 
margin : 3em 0 1.5em;
padding : 5px 0;
border : solid #bbb;
border-width : 1px 0;
font-size : 100%;
line-height : 1.6em;
} 
input.btn, .header form select { 
vertical-align : middle;
font-size : 100%;
} 
#commentblock { 
display : block;
width : 480px;
margin : auto;
text-align : left;
clear : both;
position : relative;
margin-top : 20px;
} 
#commentblock h2, #commentblock p.sub { 
text-align : center;
font-weight : normal;
} 
#commentblock h2 { 
margin-top : 0;
font : 10px Verdana, Sans-serif;
color : #000;
} 
#commentblock h2 a { 
margin-left : 0.25em;
font-weight : normal;
border-width : 0;
color : #000;
} 
#commentblock h2 a img { 
position : relative;
top : 2px;
} 
#commentblock div p { 
text-align : center;
} 
#showcomments, #hidecomments, #addcommentbutton { 
display : none;
} 
#addcomment h2 { 
margin-top : 0.5em;
text-align : left;
} 
#comment-photo { 
background : #bbb;
padding : 45px 15px 12px;
border-bottom : 3px solid #aaa;
} 
#comment-photo #desc { 
float : none;
width : auto;
margin-left : 133px;
padding : 22px 0 2px;
} 
#comment-photo #desc h1 { 
background : none;
padding : 0;
} 
#comment-photo #desc p { 
margin : 0;
padding : 0;
} 
#comment-photo ul.slides { 
float : left;
width : 133px;
margin : 0;
} 
#comment-photo .slides li { 
margin-bottom : 0;
margin-right : 0;
} 
dl.commentlist, ul.commentlist { 
margin-bottom : 1.5em;
font-size : 10px;
line-height : 1.6em;
} 
#commentblock .commentlist { 
margin-bottom : 1em;
} 
.commentlist dt, .commentlist li p.commenter { 
padding : 8px 0 0.25em;
font-weight : normal;
} 
.commentlist dd, .commentlist li { 
background-image : none;
padding : 2px 18px 4px;
margin : 0 0 0.5em;
border-bottom : 1px dotted #bbb;
} 
.commentlist .postno { 
background : url("../img/icon_pushpin.gif") no-repeat 0 50%;
border-width : 0;
padding : 0 0 0 18px;
margin-right : 2px;
font : 150% "Gill Sans", "Trebuchet MS", Georgia, Serif;
color : #000;
} 
.commentlist a.postno { 
border-bottom-width : 0;
border-style : none;
} 
p.comment-error { 
margin : 0 0 1.5em;
color : #000;
} 
#comment-notes { 
margin-top : 2em;
} 
#comment-notes p { 
font-size : 10px;
line-height : 1.6em;
color : #000;
} 
.commentlink, .commentlink:visited { 
background : url("../img/icon_pushpin.gif") no-repeat 0 50%;
border-width : 0;
padding-left : 17px;
white-space : nowrap;
} 
a.commentlink, a.commentlink:visited { 
color : #359;
font-weight : normal;
} 
a.commentlink:hover { 
color : #933;
border-color : #ccb;
text-decoration : none;
} 
.recentcomments .commentlist { 
float : left;
width : 100%;
margin : 0 0 15px;
padding : 0;
list-style : none;
} 
.recentcomments .commentlist li { 
background-color : #eee;
float : left;
width : 100%;
min-height : 138px;
height : 138px;
margin : 0 0 15px;
padding : 0 0 15px;
border-bottom-width : 0;
} 
.recentcomments .commentlist > li { 
height : auto;
} 
.recentcomments li p { 
margin-left : 148px;
margin-right : 15px;
} 
.recentcomments li p.commenter { 
margin-left : 0;
padding-top : 20px;
padding-left : 148px;
font-style : italic;
} 
.recentcomments p.slides { 
background-position : 15px 0;
height : 123px;
margin : 15px 10px 0 0;
padding-left : 15px;
} 
.commenton { 
margin-bottom : 5px;
padding-top : 0.5em;
border-top : 1px solid #ccc;
color : #000;
} 
.commenton a { 
font-weight : bold;
} 
ul.slides { 
margin-top : 30px;
} 
#comments-form table { 
width : 100%;
margin : 0;
padding : 0;
border-width : 0;
font-size : 100%;
color : #000;
} 
#comments-form td { 
width : 100%;
} 
#comments-form td, #comments-form th { 
padding : 5px 10px 5px 0;
border-bottom : 1px dotted #bbb;
font-weight : normal;
font-size : 10px;
} 
#comments-form th { 
white-space : nowrap;
} 
#comments-form td.buttons, #comments-form th.buttons { 
border-width : 0;
text-align : right;
} 
#comments-form label { 
cursor : pointer;
} 
#comments-form label:hover { 
color : #963;
} 
#comments-form textarea { 
background : #fff;
display : block;
width : 97%;
color : #000;
} 
#comments-form textarea:focus { 
background : #ffc;
} 
#comments-form form p { 
margin : 0.5em 0;
} 
#comments-form .text { 
width : 65%;
} 
#footer { 
clear : both;
width : 100%;
padding : 0;
font-size : 10px;
line-height : 1.8em;
text-align : center;
color : #888;
} 
#footer p { 
margin : 0 15px;
padding : 5px 0;
} 
#footer hr { 
display : none;
} 
#footer a { 
font-weight : normal;
color : #678;
} 
#footer a:hover, #footer a:active { 
color : #933;
border-bottom-width : 1px;
} 
.noshow { 
display : none;
} 
.galleryinfo ul.pagelist { 
padding : 0;
margin : 0;
list-style-type : none;
padding : 0.5em 0 0 0;
border-top : 1px dotted #ccc;
} 
.galleryinfo ul.pagelist li { 
padding : 0;
margin : 0;
background : none;
display : inline;
list-style-type : none;
} 
.galleryinfo ul.pagelist li a, ul.pagelist span.disabledlink { 
margin : 0 4px;
} 
.galleryinfo ul.pagelist li.current a { 
cursor : default;
border : 0;
color : #333;
} 
.galleryinfo ul.pagelist li.prev { 
margin-right : 0;
} 
.galleryinfo ul.pagelist li.next { 
margin-left : 0;
} 
.galleryinfo .disabledlink { 
cursor : default;
} 
.galleryinfo .pagenav { 
clear : both;
} 
li p em { 
color : #666;
float : right;
padding-left : 4px;
} 
body.photosolo h1 { 
border : 0;
margin-top : 10px;
padding : 0;
font-size : 150%;
} 
body.photosolo #photo_container p { 
font-size : 10px;
} 
body h1 { 
margin-top : 10px;
} 
body.gallery p { 
text-align : left;
} 
#commentblock img { 
border : none;
} 
h3.big { 
font-family : "Gill Sans", "Trebuchet MS", Verdana, Sans-serif;
font-size : 120%;
font-weight : 400;
text-transform : uppercase;
letter-spacing : 0.2em;
text-align : center;
margin : 10px 0;
} 
#path { 
position : absolute;
top : 0;
left : 0;
width : 100%;
margin : 0;
padding : 4px 0 4px;
font-size : 10px;
color : #666;
text-align : center;
} 
#path a { 
font-weight : normal;
border-bottom : 1px dotted #666;
color : #666;
} 
p#path a.active, p#path a:hover { 
color : #fff;
} 
p#path a.active { 
color : #fff;
border-bottom-color : #fff;
} 
.photosolo #content { 
margin-top : 25px;
} 
#pagelist ul { 
display : block;
} 
#pagelist ul li { 
float : left;
} 
.gauche { 
float : left;
margin-right : 5px;
} 
.droite { 
float : right;
margin-left : 5px;
} 
#txt350 { 
text-align : left;
margin : 5px auto 5px auto;
padding : 5px;
width : 500px;
background : #000;
border : 1px solid #fff;
} 
#fondbk { 
text-align : left;
margin : auto auto auto auto;
width : 100%;
background : #000;
border : 1px solid black;
} 
#telech { 
float : left;
text-align : center;
margin : 5px 5px 5px 5px;
padding : 5px;
width : 150px;
background : #000;
border : 1px solid #fff;
} 
#infos { 
float : left;
margin : 5px 5px 5px 5px;
padding : 5px;
width : 168px;
height : 440px;
background : #000;
border : 1px solid #fff;
} 
#partenair { 
float : left;
text-align : center;
margin : 5px 5px 5px 5px;
padding : 5px;
width : 530px;
background : #333;
border : 1px solid #fff;
} 
a.titre#\31 { 
font-family : Arial;
font-style : normal;
text-decoration : none;
color : #000;
} 
.monstyle img { 
margin : 5px 5px 5px 0;
float : left;
} 

.monstyle2 img { 
margin : 5px 5px 5px 5px;
float : right;
} 

div#bienvenu { 
float : left;
margin : 5px 5px 5px 0px;
padding : 5px;
width : 168px;
background : #000;
font-size : 10px;
border : 1px solid #fff;
} 
div#gbienvenu { 
float : left;
margin : 5px 5px 5px 5px;
padding : 5px;
width : 358px;
background : #000;
font-size : 10px;
border : 1px solid #fff;
} 


div#citation {
	background : #000;
	font-size : 10px;
	width : 370px;
	margin : 5px 5px 5px 5px;
	color: #FFFFFF;
} 
h4 {
  font:100% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  color:#006599;
  }





div#fairedon { 
float : left;
margin : 0px 0px 0px 0px;
padding : 5px;
width : 340px;
background : #000;
border : 1px solid #fff;
font-size : 10px;
} 



.Style3 { 
font-size : 10px;
} 
.titremois { 
font-family : Helvetica, Arial;
font-size : 13px;
font-weight : bold;
color : #006699;
background : #eceaff;
} 
.titremois:link { 
font-family : Helvetica, Arial;
font-size : 13px;
font-weight : bold;
color : #006699;
background : #eceaff;
text-decoration : none;
} 
.titremois:visited { 
font-family : Helvetica, Arial;
font-size : 13px;
font-weight : bold;
color : #006699;
background : #eceaff;
text-decoration : none;
} 
.titremois:hover { 
font-family : Helvetica, Arial;
font-size : 13px;
font-weight : bold;
color : #ff0000;
background : #eceaff;
text-decoration : underline;
} 
.titrejours { 
font-family : Helvetica, Arial;
font-size : 9px;
color : #006699;
background : #eceaff;
} 
.titrenum { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #006699;
background : #eceaff;
} 
.titrenum2 { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #aaaaaa;
background : #eceaff;
} 
.titreweek { 
font-family : Helvetica, Arial;
font-size : 9px;
color : #aaaaaa;
background : #eceaff;
} 
.titreweek2 { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #aaaaaa;
background : #eceaff;
} 
.titrewend { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #006699;
background : #000000;
} 
.titrewend2 { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #aaaaaa;
background : #000000;
} 
.titrenow { 
font-family : Helvetica, Arial;
font-size : 11px;
color : #006699;
background : #ff6600;
} 
.Style3 { 
color : #ff6600;
} 















div#bandeau {
	width:900px;
	height:50px;
	background-color:#00CCFF;
	}
div#menu {
	float:left;
	width:200px;
	height:400px;
	background-color:#FF6699;
	}
div#menu_haut {
	width:200px;
	height:200px;
	background-color:#66CC33;
	}
div#menu_bas {
	width:200px;
	height:200px;
	background-color:#CC99CC;
	}
div#contenu {
	float:left;
	width:700px;
	height:400px;
	background-color:#FFCC00;
	}
div#bloc_news {
	float:right;
	width:150px;
	height:150px;
	background-color:#FF3300;
	}
div#pied_page {
	clear:both;
	width:900px;
	height:50px;
	background-color:#33FF99;
	}
	
	
/* CSS rubrique partenaires */

div#cadrepartenaire {
	border: 1px solid #FFFFFF;
	width:555px;
	margin : 10px 0px 10px 0px;
	background-color:#000000;
	text-align:left;
	}
div#cadretitre {
	clear:both;
	width:545px;
	height:40px;
	background-color:#FFFFFF;
	color:#006699;
	padding: 0 0 0 10px;
	text-align:left;
	margin: 0 0 10px 0;
	}
div#nbrclics {
	float:right;
	width:40px;
	height:30px;
	background-color:#333333;
	text-align: center;
	font-size: 14px; 
	color:#FF0000;
	}
div#totalclics {
	text-align: center;
	font-size: 22px; 
	color:#FF6600;
	}
	
div#imgfloat {
	float : left;
	margin : 0px 10px 10px 10px;
	width : 130px;
	height:130px;
	background-color:#333333;
	color: #FFFFFF;
}
div#partmail {
	float:left;
	width:267px;
	height:20px;
	background-color:#666666;
	padding: 0 0 0 10px;
	}
div#parturl {
	float:right;
	width:267px;
	height:20px;
	background-color:#006699;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	}
div#cadrebas {
	clear:both;
	width:555px;
	height:20px;
	background-color:#000000;
	}
.titrepart {
	font-size:14px; 
	font-weight:bold ; 
	text-align:left;
	}
.lienurl a:link {color: #FFFFFF ;}
.lienurl a:hover { color: #CCCC00;}
.lienurl a:visited {color: white ;}

/* CSS rubrique fonds d'écrans */
div#wallpapers { text-align:center;
	width:175px;
	border: 1px solid #FFFFFF;
	background-color:#333333;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}
img.pixwall { 
  border-bottom-color: #006699; 
} 

.floatleft{
float: left;
} 

/* CSS rubrique livre d'or */
div#hautlivreor { 
	width:250px;
	margin : 0 10px 0 10px; 
	background-color:#74AE10;
	text-align:left;
	padding: 0 0 0 10px;
	}
div#formlivreor { 
	border:#FFFFFF solid 1px;	 
	border-left: 3px solid #74AE10;
	width:535px;
	margin : 0 10px 10px 10px; 
	background-color:#333333;
	text-align:left;
	}
div#cadrelivreor {	
	border:inherit solid #666666;
	border-left: 3px solid #74AE10;
	width:555px;
	margin : 10px 0px 10px 0px; 
	background-color:#333333;
	text-align:left;
	}
div#titrelivreor {
	width:545px;
	height:25px; 
	background-color:#666666;
	padding: 0 0 0 10px;
	text-align:left;
	margin: 0 0 10px 0;
	}
div#messagelivreor {
	width:545px;
	background-color:#333333;
	padding: 0 0 0 10px;
	text-align:left;
	}
div#liens {
	float:right;
	width:50px;
	height:20px;
	text-align: right;
	}
/* personnalisation du formulaire du livre d'or */	
input.text, textarea {
	width: 300px;
	background-color: #CCCCCC;
	border: 0;
	margin-right: 0.25em;	
}
input.bouton {
width:300px;
border:1px outset #CCCCCC;
font-weight:bold;
cursor:pointer;
color:#74AE10;
}
input.bouton:hover {
width:300px;
border:1px outset #333333;
background-color:#333333;
}

/* pour la cature photo snapshot */

div#snap {
	background-color:#000000;
	text-align: justify;
	padding : 10px 10px 10px 10px;
	font-size: 10px; 
	color:#FFFFFF;
	}
div#cadresnap { 
	text-align:center;
	width:160px;
	border: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}
h3 {
	background-color:#000000;
  	margin:0 0 1px;
  	border-bottom:1px solid #ddd;
	font-size: 12px; 
 	color:#FFFFFF;
  }
 div#cadrecom {
	text-align:left;
	border: 1px solid #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	
	}
 div#cadrecomi {
	text-align:left;
	padding : 0px 10px 0px 10px;
		
	}

/* pour les news */
div#newsacc { 
	text-align:left;
	font-size : 10px;
	width:535px;
	padding : 0px 10px 0px 10px;
	margin: 5px 5px 5px 5px;
	}

div#date {
	float:left;
	width:15px;
	height:15px;
	padding: 0 0 0 10px;
	}
div#com {
	float:right;
	height:20px;
	color:#FF0000;
	padding: 0 0 0 10px;
	}
	
/* menu haut */
div#menhaut {
	text-align:right;
	width:880px;
	height:20px;
	color:#FF0000;
	padding: 0 10px 0 10px;
	}	
	
a.men
{color: #FFFFFF; text-decoration: none ; padding: 0 0 0 10px; }
a:hover.men
{ color: #99CCFF;; text-decoration: underline overline ; padding: 0 0 0 10px; } 






 
/* CSS rubrique PPS */
 
div#cadrepps {
	width:555px;
	background-image: url(../images/fd-pps.png);
	height: 100px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-repeat: no-repeat;
	overflow: visible;
	}
div#descpps {
	position: relative;
	width:365px;
	height: 100px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	margin-top: 5px;
		}
div#imgpps {
	float : left;
	width : 100px;
	height:100px;
	color: #FFFFFF;
	background-image: url(../images/ecran.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 5px;
	
}

.descpps {
	height: 75px;
} 
 
div#urlpps {
	float:right;
	width:50px;
	height:100px;
	color: #FFFFFF;
	position: relative;
	vertical-align: text-bottom;
	background-position: bottom;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
div#cadrebas {
	clear:both;
	width:555px;
	height:20px;
	background-color:#000000;}
 
div#cadreinfo {
	float:left;
	background-color:#006698;
	bottom:0;
	width:365px;
	background-position: right bottom;
	text-align: right;
	padding-right: 5px;
		}


/* Vote par étoiles */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(star_small.gif);
	line-height: 10px;
	height: 10px;
}