/*
THEME NAME: Cloud
THEME URI: http://www.axome.com/
DESCRIPTION: Cloud, pour Jerome Neuveglise
VERSION: 1.1
AUTHOR: AXOME & Jerome Neuveglise
AUTHOR URI:<a href="http://www.axome.com/">AXOME.com</a>
TAGS: AXOME
*/

* { margin: 0; padding: 0; }

body {
	background: #EEFAFF url(images/bg.png) center top repeat-x;
	font-family: georgia,serif;
	color: #10a1e0;
	font-size: 1em;
	text-align: justify;
	text-justify: newspaper;
}

p {
	text-align: justify;
	text-justify: newspaper;
}

img {
	border: 0;
}

/* a { color: #ff8a00; text-decoration: none; }*/
a { color: #ffb866; text-decoration: none; }
/* a:hover { color: #28a2d7; text-decoration: underline; } */
a:hover { color: #ff8a00; text-decoration: underline; }
h2.entry-title a { color: #10a1e0; }


#content ul { padding: 4px 0 8px 15px; list-style-position:inside; text-indent: 20px; }
#content ul li {
	padding: 0;
}
#content p { padding: 8px 0; }


div.skip-link {
	position:absolute;
	right:1em;
	top:1em;
}


img#wpstats { display: none; }





div#wrapper {
	width: 980px;
	margin: 0 auto;
}

div#centre {
	float: left;
	width: 770px;
	overflow: hidden;
}



#access { height: 67px; padding-left: 10px; }

div.post {
margin-bottom: 3em;
}

div.entry-content {
padding-bottom: 1em;
}

div.entry-meta {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius:5px;
	background:#EBF9FF none repeat scroll 0 0;
	border:2px solid #DEF5FF;
	font-size:0.7em;
	padding:6px;
	margin: 1em 0 1em 0;
	border-radius: 5px;

}

.entry-title,.entry-meta {
	clear:both;
}

div#menu { height: 46px; padding-top: 16px; }
div#menu ul { list-style-type: none; margin: 0; padding: 0; }
div#menu ul li {
	float: left;
	height: 31px;
	padding-bottom: 8px;
	margin: 0 8px 0 2px!important;
}

div#menu ul li a span.brd1,
div#menu ul li a span.brd2 {
	display: block;
	float: left;
	width: 17px;
	height: 31px;
	background: transparent url(images/nav.png) no-repeat;
}
div#menu ul li a span.brd2 { background: transparent url(images/nav.png) right top no-repeat;}

div#menu ul li a strong {
	display: block;
	float: left;
	height: 23px;
	padding-top: 8px;
	background: transparent url(images/nav.png) no-repeat center top;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.9em;
}

div#menu ul ul,
div#menu ul ul li,
div#menu ul ul li div { display: none!important; }

div#menu ul li a:hover { text-decoration: none; }

div#menu ul li.current_page_item,
div#menu ul li.current_page_parent { background: transparent url(images/nav_current.png) center 31px no-repeat; }

div#menu ul li.current_page_item a strong,
div#menu ul li.current_page_parent a strong,
div#menu ul li a:hover strong { background: transparent url(images/nav_o.png) no-repeat center top; }
div#menu ul li.current_page_item a span.brd1,
div#menu ul li.current_page_parent a span.brd1,
div#menu ul li a:hover span.brd1 { background: transparent url(images/nav_o.png) no-repeat; }
div#menu ul li.current_page_item a span.brd2,
div#menu ul li.current_page_parent a span.brd2,
div#menu ul li a:hover span.brd2 { background: transparent url(images/nav_o.png) right top no-repeat;}










/* header d'un article */
h3#titre_rub {
	background: transparent url(images/haut_rub.png) no-repeat;
	color: #fff;
	text-transform: uppercase;
	height: 40px;
	font-size: 1.6em;
	overflow: hidden;
	text-align: center;
	padding-top: 18px;
}


div#sousnav { height: 46px; padding-top: 10px; }
div#sousnav ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
div#sousnav ul li {
	float: left;
	height: 31px;
	padding: 0 0 8px 0;
	margin: 0 10px 0 0;
}
div#sousnav ul li div {
	padding-left: 17px;
	background: transparent url(images/snav.png) no-repeat;
}
div#sousnav ul li a {
	display: block;
	height: 22px;
	padding-top: 9px;
	text-transform: uppercase;
	color: #fff;
	background: transparent url(images/snav.png) right top no-repeat;
	padding-right: 17px;
	font-size: 0.85em;
}
div#sousnav ul ul { display: none; }

div#sousnav ul li a:hover { text-decoration: none; }

div#sousnav ul li.current_page_item { background: transparent url(images/snav_current.png) center bottom no-repeat; }
div#sousnav ul li.current_page_item div { background: transparent url(images/snav_o.png) no-repeat; }
div#sousnav ul li.current_page_item div a { background: transparent url(images/snav_o.png) right top no-repeat; }









/* contenu */

div#container {
	padding: 0 73px 0 33px;
}

div#container h2 {
	font-size: 2em;
	border-bottom: 1px solid #c8eeff;
	margin-bottom: 18px;
}

div#content {
	background: transparent url(images/fond_rub.png) center top repeat-y;
	padding: 0 35px 20px 35px;
	min-height: 450px;
}






form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input {
font-size:1em;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:30px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#EBF9FF none repeat scroll 0 0;
border:2px solid #DEF5FF;
padding:6px;
}

div.comment-author {
}

div.comment-meta {
font-size: 0.7em;
}

div.comments p {
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
padding-top:1em;
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
padding-bottom:3em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.navigation div.nav-next a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-radius-topright:5px;
border-radius-bottomright:5px;
}

div.navigation div.nav-next a, div.navigation div.nav-previous a{
font-size:0.8em;
border: 1px solid #ffc580;
padding: 3px 7px;
}

div.navigation div.nav-previous a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
}


div.navigation div.nav-previous {
float:left;
}

div#menu ul li,div.gallery dl {
float:left;
}


/* header = partie droite */
div#header {
	float: left;
	width: 210px;
	overflow: hidden;
}
div#header h1 { margin: 0; padding: 0; height: 250px; }
div#header h1 a {
	display: block;
	height: 231px;
	background: transparent url(images/logo.png) no-repeat;
}
div#header a span { display: none; }

div#blog-description { display: none; }

div#planet { padding-top: 60px; }
div#planet a {
	display: block;
	height: 130px;
	background: transparent url(images/logo_pourcent.png) center top no-repeat;
}

div#flag { padding-top: 40px; text-align: center; }

input#author,input#email,input#url {
	width:45%;
}





/* pied de page */
div#pied_axome {
	clear: both;
	background: #362112 url(images/footer.jpg) no-repeat center top;
	padding-bottom: 30px;
	height: 130px;
}
div#pied_axome ul { list-style-type: none; }
div#contenu_pied {
	width: 980px;
	margin: 0 auto;
	background: transparent url(images/bas_rub.png) 243px top no-repeat;
	padding: 40px 0 0 0;
	height: 90px;
}

div#primary { color: #fff; width: 670px; float: left; padding-top: 45px; }
div#primary a { color: #fff; padding: 0 5px; }
div#primary a:hover { text-decoration: none; }


div#secondary { width: 270px; float: right; }

/* boutons pied de page */

div#secondary a {
	display: block;
	float: left;
	width: 82px;
	height: 80px;
	text-indent: -3000em;
}
div#secondary a#bt_fb { background: transparent url(images/facebook.png) no-repeat center center; }
div#secondary a#bt_tw { background: transparent url(images/twitter.png) no-repeat center center; }
div#secondary a#bt_feed { background: transparent url(images/rss.png) no-repeat center center; }










span.edit-link { display: inline; clear: both; padding: 8px; }
span.edit-link a {
	background-color: #f30;
	border: 3px solid #f30;
	color: #fff;
	font-family: arial,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}
span.edit-link a:hover { text-decoration: none; color: #A1DAF3; }

span#flag a img {
	padding-top: 45px;
	border: 0;
}



/* home */

div#biberon {
	float: left;
	width: 300px;
	height: 505px;
}
div#biberon a {
	display: block;
	width: 300px;
	height: 505px;
}

div#biberon a span { display: none; }

div#axome_home {
	background: transparent url(images/centre_home.png) 40px top no-repeat;
	height: 505px;
}
div#axome_home_contenu {
	float: left;
	width: 338px;
	padding: 30px 115px 0 10px;
}

div#axome_home ul {
	height: 80px;
	text-align: center;
	color: #a4c526;
	font-size: 2.2em;
	overflow: hidden;
	list-style-type: none;
}
div#axome_home ul li { display: block; height: 80px; overflow: hidden; }


div#axome_home h3 {
	padding: 15px 15px 10px 20px;
	font-size: 1.3em;
}

div#axome_home p {
	padding: 5px 15px;
}

body.home div#contenu_pied {
	background: transparent url(images/centre_home.png) 250px -505px no-repeat;
}









#slide_ben {
	height: 80px;
	width: 338px;
	overflow: hidden!important;
}

#axome_home #slide_ben ul {
	list-style-type: none;
	width: 3000px;
	height: 80px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#axome_home #slide_ben ul li {
	float: left;
	width: 338px;
	margin: 0;
	font-weight: bold;
}