body{font-family:ubuntu,arial,sans-serif; margin:0; padding:0; background:#b5cde2 url(../design/degrade_b5cde2.png) 0 33px repeat-x}

/* Version mobile */
@media (max-width: 799px) {

	body{font-size:18px;}

	/* Header */
	div#header{height:33px; padding:0 10px 0 10px; background:#FFFFFF;} /* border-bottom:1px solid #CCCCCC*/
	a#logo{float:right; height:34px; width:47px} 
	a#symbole{float:left; width:100px; height:34px; background:url(../design/spider.png) 100% 0 no-repeat; margin:5px;} /*defaut:spider.png*/
	div#menuG{display:none}
	div#menuD{display:none}
	img#menuM{float:right; margin:3px 3px 0 20px}
	img#kimunga{display:none} /*width:170px;*/

	
	/* Recherche */
	form.recherche{float:right; margin:5px 1% 0 0; padding:0}
	form.recherche input{border:1px solid grey; margin:0}
	form.recherche input:focus{border:1px solid black;}
	
	/* menu membre */
	ul.menu-tabs{margin:0; padding:0; list-style:katakana inside; height:35px;}
	ul.menu-tabs li{height:33px}
	ul.menu-tabs a{color:#045FB4; font-size:20px; text-shadow:#FFFFFF 0 0 1.5em;}
	ul.menu-tabs a:hover{color:#000000; }

	/* menu membre dans espace membre*/
	div.bloc ul.menu-tabs{margin:0; padding:0; list-style:none; height:33px;}
	div.bloc ul.menu-tabs li{display:inline}
	div.bloc ul.menu-tabs a{float:left; background:#ffffff url(../design/menuleft.png) no-repeat left top; margin:0;	padding:0 0 0 4px; text-decoration:none; line-height:1.5em;}
	div.bloc ul.menu-tabs a span{background:transparent url(../design/menuright.png) no-repeat right top; padding:8px 15px 1px 6px; color:#000000; float: left; cursor:pointer}
	div.bloc ul.menu-tabs a:hover{ background-position:0% -42px;}
	div.bloc ul.menu-tabs a:hover span {background-position:100% -42px;}
	div.bloc ul.menu-tabs a.select{background-position:0% -42px;}
	div.bloc ul.menu-tabs a.select span{background-position:100% -42px;}
	
	/* Classes */
	.divbloc{margin:10px 10px 0 10px; background:#b5cde2;}
	.bloc{margin:10px 5px 0 5px; padding:0 5px 5px 5px; background:#FFFFFF;}
	.blocg .flotd{float:right} 
	.blocg .flotg{float:left}
     span.flotd{float:right}
	.ebook_mini{text-align:center; margin:10px 0 0 0; clear:both}
	.ebook_mini{text-align:center; margin:10px 0 0 0; clear:both}
	.bloctitre{padding:2px 5px 2px 5px; font-weight:bold; margin:0 0 5px 5px; color:#1e3072; font-size:22px}
	.stat{width:100%}

	
	/* Home */
	#colog{padding:0; margin:0 1px 0 1px}
	#colod{padding:0; margin:0 1px 0 1px}
	
	/* Liens */
	a:link, a:visited {color:#1e3072; text-decoration:none;}
	a:hover{ color:#CC3399; text-decoration:none;}
	.bloc a,.blocg a,.blocd a{color:#0066CC; text-decoration:none; }
	.bloc a:hover,.blocg a:hover,.blocd a:hover{color:#333333}
	a.lienHome {font-weight:bold;  display:block; font-size:18px;}
	
	/* Limite de taille */
	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100%}
	div.flotg a{display:block; text-align:center}

	/* Partage rŽseaux sociaux */
	#partager{float:right; width:100px; text-align:left; margin:0 0 0 20px; padding:0; clear:right;}
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}


/* Version classique */
@media (min-width: 800px) {

	/* Header */
	div#header{height:33px; padding:0 50px 0 50px; background:#FFFFFF} /* border-bottom:1px solid #CCCCCC*/
	a#logo{float:right; height:34px; width:47px} 
	a#symbole{float:left; width:100px; height:34px; background:url(../design/spider.png) 100% 0 no-repeat; margin:0 5px 0 5px;} /*defaut:spider.png*/
	div#menuG{float:left; margin-left:7px; padding-top:1px; font-size:15px; font-weight:bold;}
	div#menuD{float:right; padding-top:1px; font-size:15px; font-weight:bold;}
	img#menuM{display:none}
	img#kimunga{margin:0 0 0 42%; float:left;} /*width:170px;*/

	/* Recherche */
	form.recherche{float:right; margin:5px 1% 0 0; padding:0} /*$position:absolute; top:50px; right:5px;*/
	form.recherche input{border:1px solid grey;}
	form.recherche input:focus{border:1px solid black;}
	
	/* menu membre */
	ul.menu-tabs{margin:0; padding:0; list-style:none; height:33px;}
	ul.menu-tabs li{display:inline}
	ul.menu-tabs a{float:left; background:#ffffff url(../design/menuleft.png) no-repeat left -42px; margin:0;	padding:0 0 0 4px; text-decoration:none; line-height:1.5em;}
	ul.menu-tabs a span{background:transparent url(../design/menuright.png) no-repeat right -42px; padding:8px 15px 1px 6px; color:#000000; float: left; cursor:pointer}
	ul.menu-tabs a:hover{ background-position:0% top;}
	ul.menu-tabs a:hover span {background-position:100% top;}
	ul.menu-tabs a.select{background-position:0% top;}
	ul.menu-tabs a.select span{background-position:100% top;}

	/* Classes */
	.divbloc{margin:10px 50px 0 50px; background:#b5cde2;}
	.bloc{margin:10px 50px 0 50px; padding:0 5px 5px 5px; background:#FFFFFF}
	.flotd{float:right}
	.flotg{float:left}
	.ebook_mini{float:right; margin-left:10px}
	.ebook_mini2{float:left; margin-right:10px}
	.bloctitre{padding:2px 5px 2px 5px; font-weight:bold; margin:0 0 5px 5px; color:#1e3072; font-size:20px}
	.stat{float:left; width:30%}

	
	/* Home */
	#colog{padding:0; float:left; width:39%; margin:0 1px 0 1px}
	#colod{padding:0; float:right; width:59%; margin:0 1px 0 1px}
	
	/* Liens */
	a:link, a:visited {color:#1e3072; text-decoration:none;}
	a:hover{ color:#CC3399; text-decoration:none;}
	.bloc a,.blocg a,.blocd a{color:#0066CC; text-decoration:none;}
	.bloc a:hover,.blocg a:hover,.blocd a:hover{color:#333333}
	a.lienHome {font-weight:bold; display:block; font-size:18px;}
	
	/* Partage rŽseaux sociaux */
	#partager{float:right}
}


/* Classes */
.center{text-align:center}
.invisible{	visibility:hidden;}
.souligne{text-decoration:underline}
.barre{text-decoration:line-through}
.gras{font-weight:bold}
.italique{font-style:italic}
.centergras{text-align:center; font-weight:bold}
.cache{display:none}
.blocg{padding:0 5px 5px 5px; background:#FFFFFF; margin:0 0 15px 0}
.titre{margin:2px 10px 0 10px; padding:0; font-size:24px; text-align:center; color:white; text-shadow:0em 0em 0.2em #000} 
.Homebloctitre{padding:10px 0 0 0; font-weight:bold; margin:0 0 0 50px; color:#fff; text-shadow:0em 0em 0.2em #000; font-size:20px}
.HomeLightTitre{padding:2px 5px 2px 5px; color:#D8D8D8; font-size:17px}
.HomeBoldTitre{padding:2px 5px 2px 5px; color:#000; font-size:18px; font-weight:bold;}
.HomeDescription{background:url(../design/puce-noire.png) 0 0 no-repeat; padding-left:20px}
.liens{color:#0066CC; text-decoration:underline; cursor:pointer} 
.liens:hover{color:#333333; cursor:pointer}
.liensV{color:#0066CC; cursor:pointer; margin:0 5px 0 5px} 
.liensV:hover{color:#333333; cursor:pointer}
.cadre{border:1px solid #CCCCCC; padding:10px}
.Ad{float:left; width:170px; padding:0 0 0 12px; margin:10px 0 10px 0; background:url(../design/MenuAd.png) 0 0 no-repeat;}
.dateEdition{color:#666666; font-style:italic; font-size:13px;}
.cadrePhoto{float:right; width:100px; height:100px; overflow:hidden;}
.cadrePhoto2{float:left; width:100px; height:100px; overflow:hidden; margin:10px 20px 0 5px}
.TopMembre{float:right; width:96px; height:96px; overflow:hidden; text-align:center; margin:1px;}
.TopMembre a{display:block; height:60; padding-top:80px; color:#fff; font-size:14px; text-shadow:0em 0em 0.3em #000}
.toptour{font-weight:bold; font-size:18px}
.resume{text-align:center;}
.liste{list-style-type:none; margin:0; padding:0}
.liste li{border-top:1px dashed #CCCCCC; margin:10px 0 10px 0; padding:5px; clear:both}
.TopLiens{list-style-type:none; margin:0; padding:0}
.ToursLies{list-style-image:url(../design/etoile.png); margin:0 0 10px 20px; padding:0}
.petit{font-size:12px; color:#333333}
.auteur{font-size:22px; font-weight:bold; padding-left:5px}
.commentaire{background:url(../design/comment_edit.png) 0 0 no-repeat; padding-left:30px; margin-left:5px}
.illustration{float:left; width:60px; height:60px; margin:10px 10px 10px 0; overflow:hidden;}
.illustration img{width:100%}
.DerniersPubli{list-style-type:square; margin:0; padding:0 0 0 20px}
.check{background:url(../design/check.gif) 0 2px no-repeat; padding-left:15px;}

/* eBook */
#bibliotheque{width:730px; height:850px ;background:url(../design/bibliotheque_fond.jpg) 0 0 no-repeat; padding:76px 100px 0 100px;}
.livre{float:left; width:120px; margin:10px 10px 65px 10px; text-align:center;}
.livre img{cursor:pointer}
.facture{font-size:12px;}

/* Partenaire */
a#LienPartenaire{color:#FFFFFF; background:#0066CC; border:1px solid #0066CC; text-decoration:none; padding:5px; font-weight:bold}
a#LienPartenaire:hover{color:#0066CC; background:#FFFFFF; border:1px solid #0066CC; text-decoration:none;}

/* Home */
#HomeUne{background:#FFFFFF url(../design/icone-magie.png) 2px 0 no-repeat;}
#TopTours{background:#FFFFFF url(../design/icone-magie.png) 2px 0 no-repeat;}
#TopMembres{}
#HomeTours{background:#FFFFFF url(../design/icone-magie.png) 2px 0 no-repeat;}
.reclam{overflow:hidden;}

/* Ajax */
#AjaxReturn{background:rgba(220,220,255,0.9); color:#0066CC; font-weight:bold; font-size:22px; width:40%; position:fixed; left:30%; top:80px; z-index:2} /*background:#006633;*/
.ResInscription{text-align:center;}

/* Liens */
a img{border:none}
.TourPrec{background:url(../design/LeftArrow.jpg) no-repeat; padding-left:20px}
.TourSuiv{background:url(../design/RightArrow.jpg) 100% 0 no-repeat; padding-right:20px}
.Fleche{background:url(../design/RightArrow.jpg) 0 0 no-repeat; padding-left:20px;}
.Twitter{background:url(../design/share-twitter.png) 0 0 no-repeat; padding-left:27px;}
a.ancre{text-decoration:none;}
a.ancre:hover{text-decoration:none;}
a.categorie{font-size:12px; color:#D8D8D8; text-decoration:none; font-weight:normal}

/* elements */
hr{clear: both; visibility:hidden; margin:0; border:0;}
hr.seperateur{visibility:visible; border-top:1px dashed #CCCCCC; margin:10px 0 10px 0}


/* footer */
div#footer{text-align:center}

/*contenu*/
div#contenu{padding:20px 5px 0 5px; overflow:hidden} /* padding:20px 0 0 190px */

/* formulaire */
form#inscription{font-size:18px; margin-bottom:50px}
form#inscription input[type=text], input[type=password]{width:250px; height:20px; border:1px solid grey; margin-bottom:20px; font-size:18px; padding:7px}
form#inscription input:focus{border:1px solid black; background-color:#b5cde2;}
form#inscription input[type=submit]{font-size:18px; width:260px; } /*margin-left:140px*/
form#inscription-partenaire{font-size:18px; margin:50px 0 0 50px}
form#inscription-partenaire input{width:270px; height:20px; border:1px solid grey; margin-bottom:20px; font-size:18px; padding:7px}
form#inscription-partenaire input:focus{border:1px solid black; background-color:#b5cde2;}
form#inscription-partenaire textarea{width:500px; height:100px; border:1px solid grey; margin-bottom:20px; font-size:18px; padding:7px}
form#inscription-partenaire textarea:focus{border:1px solid black; background-color:#b5cde2;}
form#inscription-partenaire input[type=submit]{font-size:18px; font-weight:bold; width:600px; height:40px;}
div#InscriptionInfo{float:right; width:250px; margin-right:45px}
div#Recaptcha{} /*margin-left:137px*/
div#RecaptchaWidget{display:none}
div#connexion{display:none}
div#connexion.visible{display:block; position:fixed; top:40px; left:180px; border:1px dotted #006699; background:#FFFFFF; padding:3px}


/* menu vertical */
ul.menu-vertical{margin:0 0 0 10px; padding:40px 70px 5px 70px; list-style:katakana; float:right; background:transparent url(../design/rideau.jpg) 0 0 no-repeat}
ul.menu-vertical li{height:40px;}
ul.menu-vertical a{text-decoration:none;}
ul.menu-vertical a:hover{background-color:#1e3072; color:#FFFFFF}
ul.menu-vertical a.select{background-color:#1e3072; color:#FFFFFF}

/* navigation */
a.nav{font-size:22px; border:1px solid #000; padding:0 5px 0 5px; margin: 5px 5px 0 0;}
a.nav_2{color:#000000; font-size:22px; border:1px solid #000; padding:0 5px 0 5px; margin: 5px 5px 0 0;}

/* Formulaire membre */
#ImageUpload{cursor:pointer;}
div#MesImages{float:left; width:20%; overflow:hidden}
div#MesImages img.imgUp{cursor:move;}
#TextareaContainer{width:78%; float:left;}
form#ajout-tour input[type=text]{height:20px; border:1px solid grey; margin-bottom:20px; font-size:16px; padding:7px}
form#ajout-tour input:focus{border:1px solid black; background-color:#A6BEDE;}
form#ajout-tour #titre{width:300px}
form#ajout-tour #resume{width:70%;}

/* commentaires */
#FormCommentaire{font-size:18px; width:100%}
#FormCommentaire textarea{width:100%; height:200px; font-size:18px;}
#FormCommentaire input[type=submit]{font-size:18px; width:100%;}
#FormCommentaire input[type=text]{font-size:18px; width:80%; border:1px solid grey;}
#FormCommentaire input:focus{border:1px solid black; background-color:#b5cde2;}
ul.Listecommentaires{width:90%; overflow:hidden; list-style:none; margin:0; padding:0}
ul.Listecommentaires li{margin-bottom:20px; background:url(../design/BulleCommentaire.png) no-repeat 101px 45px;}
ul.Listecommentaires li div.AvatarCommentaire{float:left; margin-right:20px; overflow:hidden; width:100px; height:100px; margin-left:0; border:0; padding:0;}
ul.Listecommentaires li div{margin-left:120px; border:1px solid #CCCCCC; padding:5px;}
ul.Listecommentaires li div div{margin:0; border:1px solid #CCCCCC; padding:0;}


/* liste tours membre */
ol li{padding:5px;}
ol li:hover{background:#F8F8F8}
a#nouveau{background:url(../design/nouveau-document.png) 0 0 no-repeat; padding-left:20px;}
a#aide{background:url(../design/aide.gif) 0 0 no-repeat; padding-left:24px;}
a#cgu{background:url(../design/justice.png) 0 0 no-repeat; padding-left:20px;}

/* liste partenaires */
#listepartenaires{list-style-type:square}

/* Classement des membres */
#TableauKimunautes{width:100%; border-collapse:collapse; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#TableauKimunautes td{font-size:1em;border:1px solid #0066CC;padding:3px 7px 2px 7px;}
#TableauKimunautes th {font-size:1.1em;text-align:left;padding:5px 0 4px 10px; background-color:#ffffff;color:#0066CC;}
#TableauKimunautes tr.alter td {color:#000000;background-color:#EAF1FF;}