@charset "utf-8";
/* CSS Document */

*{font-family:Arial, Helvetica, sans-serif;}
@font-face { font-family: 'Rough Typewriter'; src: url('font/rough_typewriter.otf'); } 
body {
	position:relative;
	background: url(images/bg2.jpg) repeat;
	margin:0 auto;
}
a img{border:0;}
#header{position:relative; height:90px; display:block; background: url(images/header.png) repeat-x; margin:0 auto;}
#header_zone{position:relative; width:1240px; margin:0 auto;}

#page{position:relative; width:1240px; margin:0 auto; display:block;}

#logo{position:absolute; top:-10px; left:0px}
#reseauxsociaux{position:absolute; top:40px; right:30px}
#content{float:left; width:720px; padding:50px 20px 10px 30px;}
#sidebar{float:left; width:460px; padding:0 0 0 10px;}

.clear{clear:both;}

h1{padding:5px 10px; font-family: 'Rough Typewriter', Arial, Helvetica, sans-serif; background:#000; color:#FFF; display:inline-block; font-size:25px;}
h1 span{margin:2px; font-family: Arial, Helvetica, sans-serif; display:block; font-size:11px; color:#999; font-weight:normal;}

h2{padding:5px 10px; font-family: 'Rough Typewriter', Arial, Helvetica, sans-serif; background:#000; color:#FFF; display:inline-block; margin:2px; }
h2 span{margin:2px; font-family: 'Rough Typewriter', Arial, Helvetica, sans-serif; display:inline-block;}

item{ position:relative; background:#FFF; padding:10px; clear:both; display:block; margin:20px 30px 30px;}
itemscotch{position:absolute; top:-18px; text-align:center; display:block; width:100%;}
itemimg1{float:left; overflow:none; width:150px; height:150px; background:#CCC center no-repeat; margin-right:10px;}
itemimg2{float:right; overflow:none; width:150px; height:150px; background:#CCC center no-repeat; margin-left:10px;}
itemauthor{font-size:11px; color:#999; display:block;}
h3{font-size:22px; color:#000; display:block; margin:0;}
itemcontent{font-size:12px; color:#000; display:block; padding:2px 0;}
itemcontent a{ color:#961d1d; font-weight:bold;}

#navigation{margin:0; padding:0; position:relative;}
#navigation li{list-style:none; font-size:11px; margin:0;}
#navigation li a{color:#ad1a1a;}
#navigation li.prev{float:left; width:45%;  text-align:left;}
#navigation li.next{float:right;  width:45%; text-align:right;}


.blog_info{float:right; font-size:10px; color:#999;}
.blog_info img{height:15px;}

#infos_suppl{width:200px; float:right; margin:0 0 0 10px; padding:5px 5px 10px; background:#EEE url(images/remarques_bottom.jpg) bottom right no-repeat;}
#infos_suppl h3{color:#666; text-align:right; padding:0 2px; background:url(images/remarques_top.jpg) top left no-repeat; height:20px; font-size:20px;}
#infos_suppl p{font-size:11px; font-style:italic; color:#000; padding:0 2px 2px;  text-align:left;}
#infos_suppl p span{font-size:12px; font-weight:bold;}
#infos_suppl img{margin:5px 15px;}

#galerie{margin:10px 10px 0; padding:0; clear:both; background-color:#FFF;}
#galerie li{display:inline-block; margin:0 2px 2px 0; padding:0; list-style:none; width:75px; height:75px; overflow:hidden; position:relative;}
#galerie li a{display:table-cell; margin:0; list-style:none; vertical-align:middle; text-align:center; padding:0;}
#galerie li a img{display:inline-block; max-width:140px; max-height:140px; vertical-align:middle; padding:0; margin:0;}

#profil{ position:relative; padding:10px; margin:15px 21px 30px; background:#FFF; font-size:12px;}
#profil p.img{text-align:center;}
#profil p.img img{max-width:100%; max-height:350px;}

#lesblogueurs{ position:relative; padding:5px 0 10px; margin:15px 21px 30px; background:#FFF;}
#lesblogueurs img.blogueur{margin:10px 0 0 11px;}

#ndvenchiffres{ position:relative; padding:0; margin:15px 21px 30px;}
#ndvenchiffres ul{ margin:0px; padding:0 2px; background:#242424;}
#ndvenchiffres ul li{list-style:none; padding:0; font-size:14px; background:url(images/ndvenchiffres.png) left top no-repeat; color:#FFF; height:26px;}
#ndvenchiffres ul li:last-child{border:0;}
#ndvenchiffres ul li strong{font-size:21px; display:inline-block; text-align:right; width:155px; padding:2px 0px;  letter-spacing:7px; color:#999;}

sidebarscotchleft{text-align:right; position:absolute; top:-25px; right:-20px; display:block; pointer-events: none;}
sidebarscotchright{text-align:left; position:absolute; bottom:-25px; left:-20px; display:block; pointer-events: none;}

sidebaragrafeleft{text-align:right; position:absolute; top:0px; right:-20px; display:block;}
sidebaragraferight{text-align:left; position:absolute; bottom:0px; left:-20px; display:block;}

#footer{clear:both; position:relative; background:url(images/footer.png) repeat-x bottom center; height:28px; padding:15px 0 0; text-align:center; font-size:11px;}

#pub1{position:absolute; top:55px; left:250px; padding:26px 10px 16px 23px; background: url(images/pub1.png); width:468px; display:block;}
#pub2{padding:26px 10px 34px 10px; background: url(images/pub2.png) top center no-repeat; width:364px; margin:10px 50px;}

.comments{position:relative; background:#FFF;  font-size:12px; padding:10px; clear:both; display:block; margin:10px 30px;}
#form_comments{position:relative; background:#FFF;  font-size:12px; padding:10px; clear:both; display:block; margin:20px 30px 30px;}
#form_comments label, #form_comments input[type=text], #form_comments textarea{width:100%; display:block;}
#form_comments textarea{height:80px; display:block;}
#action{text-align:right;}
.who{font-weight:bold;}


#menu_accueil{position:absolute; top:0px; left:250px}
#menu_accueil ul{font-size:14px; margin:0; padding:0;}
#menu_accueil ul li{display:inline-block; color:#630; padding:12px 5px;}
#menu_accueil ul li.active{border-top:3px solid #630; padding-top:9px;}
#menu_accueil ul li:first-child{border-left:0;}
#menu_accueil ul li a{color:#630; text-decoration:none;}

#login{position:absolute; top:0px; right:0; font-size:14px; padding:7px 0; color:#630; text-align:right;}
#login input[type=text], #login input[type=password]{ width:80px; font-size:14px; border:1px solid #630;}
#login input[type=submit]{font-size:14px; background:#630; color:#FFF; border:1px solid #630;}
#login a{color:#630;}

item{ position:relative; background:#FFF; padding:10px; clear:both; display:block; min-height:150px; margin:20px 30px 30px;}
itemscotch{position:absolute; top:-18px; text-align:center; display:block; width:100%;}
itemimg1{float:left; overflow:none; width:150px; height:150px; background:#FFF center no-repeat; margin-right:10px;}
itemimg2{float:right; overflow:none; width:150px; height:150px; background:#FFF center no-repeat; margin-left:10px;}
itemauthor{font-size:11px; color:#999; display:block;}
h3{font-size:22px; color:#000; display:block; margin:0;}
itempubDate{font-size:11px; color:#333; display:block;}
itemcontent{font-size:12px; color:#000; display:block; padding:2px 0;}
itemcontent a{ color:#961d1d; font-weight:bold;}

#photodujour{ position:relative; padding:10px; margin:15px 21px 30px; background:#FFF; text-align:center}
#photodujour img.photodujour{max-width:100%; max-height:350px;}
#photodujour p{width:100%; font-size:11px; margin:2px 0; text-align:right; font-style:italic;}


.article_edit{float:right;}
.article_edit a{display:inline-block; width:20px; height:20px;}
.article_edit a span{display:none;}
.edit{background:url(images/edit.gif) no-repeat center;}
.del{background:url(images/del.gif) no-repeat center;}

#admin_menu{ position:relative; margin:15px 21px 30px; padding:5px; background-color:#900;}
#admin_menu h3{border-bottom:#FFF; margin:10px 0 5px; color:#FFF;}
#admin_menu ul{list-style:none; font-size:12px; margin:0 10px 5px; padding:0;}
#admin_menu ul li{list-style:none; padding:3px 5px; border-top:1px solid #FFF; margin:0;}
#admin_menu ul li:first-child{border-top:0;}
#admin_menu ul li a{color:#FFF; text-decoration:none;}

#comments{background-color:#CCC; text-align:center; font-size:12px; cursor:pointer;}
.comments{font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color:#EEE; border-top:1px solid #999; padding:5px;}
.comments .who{font-weight:bold; margin:0 5px 0 0; color:#900;}
.comments .date, .comments .date *{font-size:10px; font-style:italic; font-weight:normal; color:#777;}
.comments_content{ padding:2px;}
.comments_actions{float:right;}
.comments_actions a{text-decoration:none; border:1px solid #000; padding:0 2px; color:#000; font-size:10px;}

#content form *{font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#content label{width:100%; display:block; margin-top:5px;}
#content textarea{width:100%; height:250px;}
#content #textarea_remarque_jour{width:100%; height:60px;}
fieldset{margin-bottom:20px; padding:10px;}
#content legend{font-size:14px; font-weight:bold;}

.center{text-align:center;}
.input_all{width:100%;}

#visu_photos_selected {width:100%; margin:0; padding:0;}
#visu_photos_selected li{display:inline-block; width:80px; height:80px; text-align:center; border:1px solid #666;vertical-align:middle;}
#visu_photos_selected li a{display:table-cell; vertical-align:middle; width:78px; height:78px; }
#visu_photos_selected li a img{max-width:75px; max-height:75px; vertical-align:middle;  border:0;}

#recits_voyages{ position:relative; padding:25px; margin:15px 21px 30px; background:#FF9; font-size:14px;}
#recits_voyages a{color:#000; text-decoration:none; border-right:1px solid #000; padding:0 5px;}
#recits_voyages a:first-child{padding-left:0;}

#partage{margin:0; padding:0; list-style:none; text-align:right;}
#partage li{display:inline-block; padding:0 2px; vertical-align:middle;}