/* STYLES DU BLOG !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@import "layout.css";
/* @import "layout-gauche.css"; */

/* Les éléments HTML en général
-------------------------------------------------------- */
body{
  /*background-image:url(img/Sans-titre-1_01.jpg);
	background-color:#424242;*/
	background-color:#F3EDD7;
  background-image:url(img/Sans-titre-1_01.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#656565;
	font-size: 70%;
	font-family: Georgia, serif;
}

/* Featured / Slider */

#featured { }
#featured #page-title { position:relative; }
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:860px; /*height:320px;*/ overflow:hidden; position:relative; margin-left: 50px;}
.slides { position:absolute; top:0; left:0;}
.slides div.slide { position:absolute; top:0; width:860px; display:none; }

#loopedSlider { width:950px; margin:0 auto; padding:40px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:120px; left:0px; }
#loopedSlider li#n { position:absolute; top:120px; right:0px; }

#featured h2 { color:#FFFBCF; font-size:40px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; }
#featured h4 { font-size:18px; color:#FFFBCF; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#FFFBCF; line-height:20px; }



h1, h2, h3, h4, h5, h6{
	font-family:Georgia, serif;
}

h1{font-size: 1.7em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 0.8em;}

#crea, #crea a, #crea a:visited{
position: absolute;
top: 43px;
left: 45%;
width: 180px;
height: 16px;
background:transparent;
z-index: 56;
font-style: italic;
font-size: 10px;
color:#D0F1FF;
text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------*/
.promo{
	color: #85A9A5;
	font-size: 1.1em;
}
.tarifs {
	line-height: 1.1em;
	color: #656565;
	font-size: 1.1em;
}

.tarifs li {
	background: url(img/bgPointVerif.png) no-repeat 10px center;
	border-bottom: 1px dotted #ccc;
	padding: 7px 10px 7px 42px;
}

.tarifs li.alterner {
	background-color: #E6E1CB;
}

.tarifs li.alterner_der {
	background-color: #E6E1CB;
  border-bottom-style: none;
}

.tarifs li.der {
	border-bottom-style: none;
}



#categories{
	/*background-image:url(img/sideNav_06.jpg);*/
	border: 0;
	height:10px;
	top:126px;
	line-height:3;
	position:absolute;
	vertical-align:top;
	text-align:center;
	padding-left:85px;
}

#categories ul{
}
#categories a{
	margin-bottom:50px;
	padding-right:20px;
	color:#E2F9F7;
	text-decoration: none;
	/*background-image:url(img/Sans-titre-1_04.jpg);
	background-repeat:no-repeat;
	background-position:right;*/
}
#categories a:hover{
	color:#FFF9B3;
	text-decoration: none;
}




/*-------------------FORMATAGE ACTION SCRIPT----------------------------------------*/
pre, code{
	font-size: 1.2em;
}
pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
	background-color:#FFFFFF;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
	border: none;
}

#clicLogo{
position: relative;
top: 7px;
width: 369px;
height: 130px;
z-index: 100;
}


/*-MENU DU HAUT-------------------------------------------------------*/
#btnTarifs a, #btnTarifs a:visited{
position: absolute;
top: 46px;
left: 55.5%;
width: 110px;
height: 16px;
background:transparent;
z-index: 103;
font-style: italic;
color:#D0F1FF;
text-decoration: none;
}
/*--------------------------------------------------------*/
#btnPortfolio a, #btnPortfolio a:visited{
position: absolute;
top: 46px;
left: 64%;
width: 50px;
height: 16px;
background:transparent;
z-index: 104;
font-style: italic;
color:#D0F1FF;
text-decoration: none;
}
/*--------------------------------------------------------*/
#btnBlog a, #btnBlog a:visited{
position: absolute;
top: 46px;
left: 72%;
width: 50px;
height: 16px;
background:transparent;
z-index: 101;
font-style: italic;
color:#D0F1FF;
text-decoration: none;
}
/*--------------------------------------------------------*/
#btnContact a, #btnContact a:visited{
position: absolute;
top: 46px;
left: 77%;
width: 60px;
height: 24px;
background:transparent;
font-style: italic;
color:#D0F1FF;
text-decoration: none;
z-index: 130;
}




#form{
position: absolute;
top: 440px;
left: 23%;
width: 252px;
height: 130px;
z-index: 107;
}
#txthome{
position: absolute;
top: 305px;
left: 6%;
width: 320px;
height: 130px;
z-index: 106;
}
textarea{
	border: 1px solid #424242;
}

input{
border:none;
	color:#999999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#424242;
	color:#999999;
}

a{
  color: inherit;
	font-weight: bold;
  text-decoration: none;
}

a:visited{
	font-weight: bold;;
	text-decoration: underline;
}

a:hover{
	font-weight: bold;
	text-decoration: underline;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
img {
	border: none;
	vertical-align: middle;
	border: 0;
	margin : 0;
	padding : 0;
}
/*#page1{
	width:100%;
	background-image:url(img/Sans-titre-1_01.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color: inherit;
	background-color:black;
}*/

#paddingDeMerde{
padding-left:0px;
}
/* L'entête
-------------------------------------------------------- */
#ancre{
display: none;
margin: 0;
padding: 0;
}
#top{
background-image:url(img/top_03.jpg);
background-repeat: no-repeat;
text-align: left;
height:135px;
padding-left: 35px;
margin-left: 35px;
/*détermine hauteur de content + side bar*/
/*padding-left:287px;*/
}
/*#top h1{
	height: 160px;
	margin: 0;
	padding: 0;
	border : 0;
}

#top h1 a{
text-decoration: none;
font-family: Georgia, serif;
font-size: 25px;
font-style: italic;
font-weight: bold;
letter-spacing: normal;
line-height: 1.4em;
color:#CECECE;
border: 0;
margin: 0;
padding: 0; 
}

#top img{
	border : 0;
	margin : 0;
	padding : 0;
}*/

/* Le contenu
-------------------------------------------------------- */
.day-date{
	font-size:9px;
	padding-left: 20px;
	margin-left: -25px;
	color:#717171;/*
	background: transparent url(img/day-date.gif) no-repeat left center;*/
}

.prout{
padding-top:5px;
}


.post-title{
	margin: 0;
	height: 60px;
	color:#EDEDED;
	background-image:url(img/list_01.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-size:13px;
	line-height: 210%;
}

.post-title a{
	color:#EDEDED;
	background: transparent;
	text-decoration: none;
}

.post-title a:visited{
	color:#EDEDED;
	background: transparent;
	text-decoration: none;
}

.post-title a:hover{
	color:#EDEDED;
	background: transparent;
	text-decoration: none;
}

.post-info{
	padding-top: 5px;
	color: #C4C4C4;
	background: transparent;
	/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
	color: #C4C4C4;
	background: transparent;
	text-decoration: none;
}

.post-info a:visited{
	color: #C4C4C4;
	background: transparent;
	text-decoration: none;
}

.post-info a:hover{
	color: #C4C4C4;
	background: transparent;
	text-decoration: none;
}


/*#content h4 {
	color: #D00072;
	position: relative;
	padding: 7px 0 7px;
	margin: 0;
}*/


.post-content{
}

.post-content p{
text-align: left;
margin: 0;
padding:0 0 10px 0;
}

.post-content.actionscript pre{
	background-color:red;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
background: url(img/list_03.png) no-repeat bottom;
width:100%;
text-align: left;
vertical-align: bottom;
height:25px;
padding-top:0px;
}
.post-info-co a{
	text-decoration: none;
}

.post-info-co .under{
height:16px;
line-height:16px;
font-size:11px;
margin-bottom:10px;
}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #E6E1CB;
	margin: 1em 0;
	padding: 1ex 1em;
	width:428px;
}
#comments{
padding-top:10px;
}
#comments h3{
color:#4B646B;
}
/* commentaires
-------------------------------------------------------- */
.comment-number a{
color:#4B646B;
}
.comment-author, .comment-author a{
color:#4B646B;
}
#main{
}
/* La barre de navigation
-------------------------------------------------------- 
.pink{
color:#F3007D;
}
.pink a, a:hover, a:visited{
color:#F3007D;
text-decoration:none;
}*/

#divFeed{
font-family: Arial;
border: 1px dotted #CBC6B4;
background-color:#F3EDD7;
height:100%;
overflow: auto;
width:320px;
text-align: left;
padding-bottom: 2px;
color : #9C1548;
visibility: hidden;
}

#divRecommand{
border: 1px dotted #CBC6B4;
background-color:#F3EDD7;
height:100%;
overflow: auto;
width:320px;
text-align: center;
padding-bottom: 2px;
visibility: hidden;
}

#divPub{
visibility: hidden;
}

#divFriend{
border: 1px dotted #CBC6B4;
background-color:#F3EDD7;
height:100%;
overflow: auto;
width:320px;
text-align: center;
padding-bottom: 2px;
visibility: hidden;
}




#sidebar .ad p {
	padding: 0 0 1.6em;
}

#sidebar .content {
	padding: 0 8px 10px 18px;
}
#sidebar .ad {
	margin: -5px 0 0 -2px;
	float: left;
	position: relative;
	z-index: 4;
}
.ad-btn {
	margin: 0;
	padding: 0;
}
.ad-btn a {
	margin: 7px 7px 7px 7px;
	display: block;
	float: left;
}
#sidebar h4 {
	color: #33413F;
	position: relative;
	padding: 7px 0 7px;
	margin: 0;
}
#sidebar h2, #sidebar h3{
	color: #C0C0C0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}
#horizGoogle{
padding-top:15px;
float:left;
height:33px;
	width:730px;
}
#search{
float:left;
	height:33px;
	width:210px;
}

#search fieldset, #search p{
padding-left:7px;
	/*margin: 0;
	padding: 0;
	margin-top:10px;
	padding-top:8px;
	padding-left:8px;*/
}
/* L O U P E  ! ! ! ! !*/
#q{
	padding-left: 10px;
	background: #171E21;
	color:#89B5C6;
	vertical-align:top;
	font-size:12px;
	height:17px;
	width:120px;
}


/* Le pied de page
-------------------------------------------------------- */
#footer{
height:70px;
text-align:center;
}

#footer a{
	color: #666;
	border : 0;
	margin : 0;
	padding : 0;
}

/* L'anti spam
-------------------------------------------------------- */
#filtre{
	color: #666;
	border : 0;
	margin : 0;
	padding : 0;
}
/*
-----------------------------------------------------------*/

#archives{
text-align:left;
float:left;
width:120px;
}
#archives a{
font-size:9px;
text-decoration:none;
}

#archives a:visited{
font-size:9px;
text-decoration:none;
}
.links{
float:left;
text-align:left;
width:120px;
}
.music{
float:left;
text-align:left;
width:200px;
}
.music a{
font-size:9px;
text-decoration:none;
}
.links a{
font-size:9px;
text-decoration:none;
}

.links a:visited{
font-size:9px;
text-decoration:none;

}
.links li{
list-style:none;
}

.links ul{
margin: 0;
padding: 0;
}
.txtFoot1{
}
#sidebar div#syndicate a{
letter-spacing:0.2em;
font-size:9px;
color:black;
padding-left:10px;
text-decoration:none;
}
/* Extra blocks
-------------------------------------------------------- */

/*#block2 {
}
#block3 {
}
#block4 {
}
#block5 {
}
#block6 {
}*/

/* P A G I N A T I O N */
.pagenav {
	font-size: 1.5em;
	text-align:center;
	color:#7195A4;
}
p.pagenav {
padding:10px;
margin:10px;
}
p.pagenav a {
	padding:2px;
	text-decoration: none;
	font-size:90%;
	color:#7195A4;
}

p.pagenav a:hover {
	font-weight:bold;
	color:#7195A4;
}

p.pagenav strong {
	padding:2px;
}

/*-------------------CONTACT----------*/
.contactTable{
margin-left:50px;
}

.contactInput{
height:16px;
width:370px;
color:#B7B7B7;
font-size:11px;
padding:3px;
background-color:#4C4C4C;
}
.contactText{
font-size:11px;
width:370px;
color:#B7B7B7;
background-color:#4C4C4C;
font-size:10px;
padding:3px;
}
.asterix{
color: #F3007D;
}
.btnEnvoi{
width:91px;
height:22px;
background: transparent url(img/envoyer.jpg) no-repeat center;
}

.cornL{
background-image: url(img/corL.jpg);
background-repeat:no-repeat;
padding-left:13px;
background-position:left center;
}
/*-------------------conteneur vierges----------*/
.contain1{

}

/*-------------------Nuage de Tags----------*/
#tagcloud {
padding-left:50px;
padding-right:100px;
height:640px;
text-align: center;
background-image: url(img/nuage.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sidebar div#tagcloud a { 
text-decoration: none;
font-family: Georgia, serif;
font-style: italic;
letter-spacing: normal;
line-height: 1.4em;
color:#638A85;
}

#sidebar div#tagcloud a:hover { color:334141; }

#sidebar div#tagcloud a:visited { color:334141; }

#tagcloud ul { margin: 0; padding: 0; display: block; }

#tagcloud li { display: inline; margin: 0; padding: 0; background-image: none; }

/* niveaux des tags */
#tagcloud li.level-1 { font-size: 1.3em; }
#tagcloud li.level-2 { font-size: 1.5em; }
#tagcloud li.level-3 { font-size: 1.7em; }
#tagcloud li.level-4 { font-size: 1.9em; }
#tagcloud li.level-5 { font-size: 2.1em; }

/* couleur des liens des tags */
#tagcloud li.level-1 a { color: #828282; }
#tagcloud li.level-2 a { color: #828282; }
#tagcloud li.level-3 a { color: #828282; }
#tagcloud li.level-4 a { color: #828282; }
#tagcloud li.level-5 a { color: #828282; }

/*-------------------SLIDE PANEL A été modifié en slide-bottom ----------*/
#margegauche{
width:22%;
float:left;
height:100%;
}
a:focus {
	outline: none;
}
#panel {
	background-color:#828745;
	height: 250px;
	display: none;
	color:#FFFFC0;
background-image:url(img/palmier.png);
background-repeat:no-repeat;
background-position:center bottom;
}
#panel a{
	color: #FFFFA1;
}
#panel a:visited{
	color:#FFFFC0;
	font-weight:bold;
}
.slide-bottom {
	margin: 0;
	padding: 0;
	border-top: solid 1px #656565;
	background: transparent url(img/btn-panel.png) no-repeat center top;
	background-color:#424242;
}
.btn-slide-bottom {
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font-size:9px;
	color: #fff;
	text-decoration: none;
}
.slide-bottom a{
text-decoration:none;
color:#666666;
}
.active {
	background-position: right 12px;
}
/*------------------FOOTER--------------------*/
#block1 {
  height:441px;
	font-size:9px;
	background-color:#33413F;
	vertical-align:bottom;
	padding-left:17%;
}
#about,#contact{
float:left;
padding-left:10px;
text-align:left;
}
#contact {
width:300px;
}
#about {
width:560px;
height:441px;
background:url(img/infos.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#infos {
width:200px;
color:#F3EDD7;
font-size: 13px;
left:270px;
position:relative;
top:189px;
}

#infos a, #infos a:hover, #infos a:visited{
color:#F3EDD7;
font-size: 13px;
text-decoration: none;
}

#me h1{
position:relative;
width:500px;
color:#D0F1FF;
font-size: 13px;
font-style: italic;
left:40px;
top:10px;
}