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

body {font-family: 'Puritan', sans-serif; background: #0e0c0c url(img/fdpage.jpg) repeat-y center;margin: 0;padding: 0;color: #343b4f; font-size:100%;}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl, div, span, li { padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;text-align:left; font-weight:normal; }
ul{list-style:none;}
a img,img a, img {	border: none;}

/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.fltcntr{ display:block; text-align:center; margin:10px 0;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}


/*Tailles typos*/
.fntsz {font-size: 48px;} /*48px*/
.fntsz0{font-size: 36px;} /*36px*/
.fntsz1{font-size: 24px;} /*24px*/
.fntsz2{font-size: 18px;} /*18px*/
.fntsz3{font-size: 14px ;} /*14px*/
.fntsz4{font-size: 12px;} /*12px*/
.fntsz5{font-size: 11px;} /*11px*/
.fntsz6{font-size: 10px;} /*10px*/


.couleur1{color:#FFF;}
.couleur2{color:#343b4f;} /* Bleu Typo */
.couleur3{color: #ddf706;} /* Jaune Flashy */

/*Typo*/
strong,b,.fw{font-weight: 700;}
p{line-height: 130%;}
.typHand{font-family: 'Tangerine', cursive;}
.typSerif{font-family: 'Puritan', sans-serif;}
blockquote{ font-weight:700; margin:3px 0 20px 0; line-height:120%;}

/*liens*/
a:link {color: #ddf706;	text-decoration: none; }
a:visited {color: #a6ba05;text-decoration: none;}
a:hover, a:active, a:focus { color:#00fbfe; text-decoration: none;}

/*Positionnements*/
.container {width: 996px;margin: 0 auto; background:url(img/fd-top.png) no-repeat center top; }
.content {padding: 0 20px 10px 20px; overflow:hidden;}
#top{ margin-top: 34px;}

/*#inBrf{-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 5px;  border:1px solid #000;padding:10px 2%; min-height:150px; behavior: url(plugin/PIECSS3/PIE.htc);}*/

#top h1{ padding-top:13px;}
#top h2{ padding-left:205px;}
#top ul{ float:right; margin-top:15px;}
#top li{float:left;}
#top li a{float:left; padding: 10px 20px;margin-right:2px; text-decoration:none;}
#top li a:link,#top li a:visited{background: #8b8f9a; color:#FFF;}
#top li a:hover,#top li a:active{background: #6d6e6f; color:#FFF;}
#top li a.spcl{background: #c4d3d5; color:#1f222a;}
#menu{}

#accColGch{float:left; width:700px; margin-top:10px; position:relative;}
#pageColGch {background:url(img/texture.jpg) repeat; color:#FFF; padding:20px 10px;float:left; width:680px; margin-top:10px; min-height: 480px;}

.acctxt{background:url(img/texture.jpg) repeat; color:#FFF; padding:20px 30px; width:640px; margin-bottom:20px;}
.acctxt h2{ margin-bottom:10px;}
.acctxt p{width:320px;}
.accFla{position:absolute; top:-6px; right:0;}

#accueil h3{font-family: 'Tangerine', cursive; font-weight:700; font-size:36px; padding-left:30px; background: url(img/love.gif) no-repeat center left; color:#343b4f;}
#pageColGch h3{font-family: 'Tangerine', cursive; font-weight:700; font-size:36px; color:#FFF; background:none; padding-left:0; float:left; margin-bottom:15px;}
#pageColGch .nav{float:right; font-size:80%;}
#pageColGch .nav a{padding-left:10px;}
#pageColGch a{background-color:#1F222A; display:block; float:left; margin-right:10px; padding:5px 10px;}

.itemList{padding: 20px; background:rgba(0,0,0,0.3); overflow:hidden; margin-bottom:8px;}
.itemList .img{float:left; width:100px;}
.img img{border:2px solid #FFF;}
.img p{text-align:center; font-size:80%; padding-top:3px;}
.itemList .txts{float:right; width:83%; font-size:90%;}
.fiche .txts{float:left; width:50%; font-size:90%; margin-right:10px;}
.fiche .photos{float:right; width:47%; text-align:right;}
.photos img{ margin-bottom:5px; border:3px solid #FFF;}

.txts .descript1{margin:0 0 8px 0;}
.txts .descript2, .txts .descript3{margin:8px 0;}
.txts img{margin:8px 2px;}
.txts .nom,.txts .descript1, .txts .descript2, .txts .descript3, .lienInteret, .lienFiche{font-weight:700;}
.lienFiche a{margin-top:10px;}
.coupdecoeur {background:url(img/love.png) no-repeat right top;}
.vendu {background: url(img/vendu.png) no-repeat center center;}

.statique{padding:10px 20px;}
.statique p{margin-bottom:10px;}
.statique img{border:#1F222A 6px solid;}

#demo1{height:130px; width:685px; margin-bottom:20px; padding:10px 0;}
#demo1 div{margin:3px; height:120px;width:100px;}
#demo1 div:hover{background-color:#22252e;}
.diap { background:#efefef; border:1px solid #000; font-size:12px; padding:3px;}
.diap img{ border:1px solid #000; margin:1px 5px;}
.diap p{height:60px;}
.diap a{color:#343b4f;}
#demo1 div:hover a{color:#FFF;}

.acc-blck{background:url(img/texture.jpg) repeat; min-height:170px; color:#FFF; }
.acc-blck p{font-size: 14px ; padding:2px 25px;}
.acc-blck div, .acc-blck>H4{padding: 2px 14px 8px 14px; background:#2b3141 url(img/fd-H4.gif) repeat-x bottom; font-family: 'Tangerine', cursive; font-weight:700; font-size:36px; color:#FFF;}
#gch{ float:left;width:290px;}
#gch H4{ padding-left:35px; background:url(img/house.gif) no-repeat left 4px;}
#drt{ float:right;width:390px; margin-right:0; }

/*droite*/
#accColDrt{float:right; width:240px; margin-top:10px;
/*position:absolute;left:50%;margin-left:240px; */
}
.block {background: url(img/fd-block.gif) repeat-x top; padding:20px 0;}
.titre{ background: url(img/fdtitre.gif) no-repeat; line-height: 40px; margin:0 0 10px -15px; color:#ddf706; text-align:right; padding-right:100px; text-transform:uppercase; font-size:18px;}
.sstitre { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#FFF; background: url(img/puce.gif) no-repeat; padding:5px 0 10px 30px;}
.sstitre a{color:#FFF;}
.sstitre a:hover{color:#ddf706;}
.block ul{ margin-left:40px; font-size:14px; background-color:#cfcfe6; margin:0 2px 10px 20px; padding:8px; -webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;  border:1px solid #000; behavior: url(plugin/PIECSS3/PIE.htc);}
.block li a{color:#1f222a; padding-left:20px; background: url(img/puceli.gif) no-repeat left 3px;}
.block li a:hover{color:#3263a7; background: url(img/puceli2.gif) no-repeat left 3px;}


/*Copyright*/
#copyright{color:#4c4c4c; margin:20px 0;}
#copyright a{text-decoration:none; color:#015859;  }
#copyright a:hover{color:#015859;}