@import url("reset.css");
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
body{
	color:#000;
	font-size:72%;
	background:#c7bba1 url(../img/background.jpg);
}
br.spacer{
	width:1px;
	height:1px;
	clear:both;
}
a{
	color :#000;
	outline:none;
}
a:hover{
	text-decoration:none;
}
p{
	font-size:1.04em;
	margin-bottom:6px;
}

h1 {
	text-indent:-9000px;
}
.submit {
color:#fff;
background:#333;
border: solid 1px #555 #000 #000 #555;
border-color:#000;
text-align:center;
margin-left:100px;
}
/* MENU
--------------------------------------------------------------------------------------------------------------------------------------*/
#menu{
	position:absolute;
	bottom:1px;
	right:0px;
}
#menu li{
	float:left;

}

#menu li a{
	float:left;
	margin-left:4px;
	height:33px;
	width:137px;
	display:block;
	text-indent:-9000px;
}
#menu li a.boutique{
	background:url(../img/catch-boutique.png) 0px 0px no-repeat;
}
#menu li a.com{
	background:url(../img/catch-communaute.png) 0px 0px no-repeat;
}
#menu li a.blog{
	background:url(../img/catch-blog.png) 0px 0px no-repeat;
}
#menu li a.boutique:hover{
	background:url(../img/catch-boutique.png) 0px -33px no-repeat;
}
#menu li a.com:hover{
	background:url(../img/catch-communaute.png) 0px -33px no-repeat;
}
#menu li a.blog:hover{
	background:url(../img/catch-blog.png) 0px -33px no-repeat;
}
#menuBis{
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
#menuHide a{
	text-indent:-9999px;
}
/* Zone BOUTIQUE
--------------------------------------------------------------------------------------------------------------------------------------*/
#masques {
	display:inline;
}
#visuel_masques { 
	height:219px;
	width:579px;
	background:#ccb27b url(../img/visuel_boutique.jpg) no-repeat top left;
	margin:4px 0 0 7px;
	padding-top:3px;
}
#acces_boutique {
	position:absolute;
	top:57px;
	left:30px;
	height:77px;
	width:202px;
	background:url(../img/acces_boutique.png) no-repeat top left;
}
#acces_boutique:hover { background:url(../img/acces_boutique.png) no-repeat 0 -77px; }
#masque_demo {
	position:absolute;
	top:7px;
	left:260px;
	height:202px;
	width:131px;
	background:url(../img/masque_demo.png) no-repeat top left;
}
#semipro {
	position:absolute;
	bottom:10px;
	left:245px;
	font-size:11px;
}
.b_entree  {
	display:block;
	position:absolute;
	left:433px;
	text-indent:-9000px;
	width:151px;
}
#junior { background:url(../img/junior.jpg); top:10px; height:69px; }
#amateur { background:url(../img/amateur.jpg); top:82px; height:71px; }
#deluxe{ background:url(../img/deluxe.jpg); top:155px; height:73px; }
#junior:hover { background:url(../img/junior.jpg) no-repeat 0 -72px; }
#amateur:hover { background:url(../img/amateur.jpg) no-repeat 0 -71px; }
#deluxe:hover { background:url(../img/deluxe.jpg) no-repeat 0 -73px; }

.sondage {
	width:282px;
	height:223px;
	background:#C7BBA1 url(../img/top.jpg) no-repeat top left;
	position:absolute;
	margin:3px 6px 7px 6px;
	display:inline;
	right:0px;
	top:3px;
}
.sondage p {
	margin-top:8px;
}
#container {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
margin-top:14px;
}
#poll-container {
	margin:15px;
}
#question {
	font-weight:bold;
}

/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 123px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#363636;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	width:880px;
	margin:0 auto 10px;
	background:url(../img/bg_bas.png) no-repeat left bottom #000;
	padding:0 20px 10px;
	
}

#header{
	width:880px;
	height:169px;
	background:url(../img/head.jpg) no-repeat left bottom #000;
	position:relative;
}
.head #header{
	background:url(../img/head_contenu.jpg) no-repeat left bottom #000;
}
#content{
	width:860px;
	margin-bottom:10px;
	background:url(../img/bas_blog.png) no-repeat left bottom #fff;
	position:relative;
	padding:11px 10px;
}

.head #content{
	padding:11px 15px;
	width:850px;

}

/* BLOG / BOUTIQUE
--------------------------------------------------------------------------------------------------------------------------------------*/

#col_gauche{
	width:560px;
}

#col_droite{
	width:266px;
}
.categorie{
	background:url(../img/cate_bottom.png) no-repeat left bottom #ede9e1;
	width:262px;
	color:#8b806a;
	margin-bottom:14px;
	font-size:1.05em;
}
.categorie h3{
	background:url(../img/cate_top.png) no-repeat left bottom #ede9e1;
	color:#FFFFFF;
	height:27px;
	padding-left:10px;
	padding-top:6px;
	width:252px;
	font-size:1.05em;
}

.categorie .cate_content{
	padding:4px 10px 10px 10px;
}
.categorie .cate_content ul li{
	margin-bottom:2px;
}
.categorie .cate_content ul li a{
	font-weight:bold;
	color:#8b806a;
}

/* SLIDESHOW */
div#galerie 
{ 
    width: 434px ; 
    margin: 4px 0 8px 6px ; 
    text-align: center ; 
	float:left;
} 
ul#galerie_mini 
{ 
    margin-top: 4px; 
    padding: 0 ; 
    list-style-type: none ; 
}
#galien {
	display:inline;
	position:absolute;
}
#galerie_mini a {
	text-decoration:none;
	color:#fff;
}
ul#galerie_mini li 
{ 
	background:url(../img/push.jpg);
	height:42px;
	width:126px;
	border: solid 1px #000;
	border-top: 0px;
	padding:12px 9px 0;
	font-weight:bold;
} 
ul#galerie_mini li:hover, ul#galerie_mini li.on{
	background:url(../img/push.jpg) 0 -54px #000000;
}
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
dl#photo dt 
{ 
    color: #fff; 
	font-family:Arial;
	font-size:12px;
	position:absolute;
	width:414px;
	text-align:left;
	top:160px;
	padding:5px;
	z-index:100;
} 
dl#photo dd 
{ 
    margin: 0 ; 
} 
dl#photo img 
{
border-bottom:solid 1px #000; 
} 

/* TITRES BLOG */
.flux{
	width:282px;
	height:221px;
	background:#C7BBA1 url(../img/top.jpg) no-repeat top left;
	position:relative;
	float:right;
	position:absolute;
	margin:3px 0 0 152px;
	display:inline;
}
#acces_blog {
	width:141px;
	height:36px;
	background:url(../img/blog.jpg) no-repeat top left;
	float:left;
}
#acces_blog:hover {
	background:url(../img/blog.jpg) no-repeat 0 -36px;
}
#twitter {
	width:141px;
	height:36px;
	background:url(../img/twitter.jpg) no-repeat top left;
	float:right;
}
#twitter:hover {
	background:url(../img/twitter.jpg) no-repeat 0 -36px;
}
#b_com .flux {
	margin:3px 0 0 11px;
	height:auto;
}
.bottombox { background:url(../img/bottombox.jpg) no-repeat top; height:12px; }
.flux h5, .sondage h5 {
	color:#fff;
	margin : 6px auto 0;
	text-align:left;
	font-size:14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	padding-left:7px;
	}
#b_com .flux h5{
	color:#fff;
}
.rss {
	position:absolute;
	right:5px;
	top:5px;
}
.fluxtitre {
	padding-top:15px;
	font-size:12px;
}
.date {
	font-weight:bold;
}
.fluxtitre a {
	text-decoration:none;
}
.titre1, .titre3, .titre5, .titre2, .titre4, .titre6 {
	padding:0 5px;
	height:30px;
	overflow:hidden;
}
.titre1:hover, .titre3:hover, .titre5:hover, .titre2:hover, .titre4:hover, .titre4 a:hover, .titre6:hover {
background:#0083C7;
}
.titre1, .titre3, .titre5 {
	background:#ACA38E;
}
	

/* ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------*/
.blocs{
	width:880px;
	margin-bottom:10px;
	background:/*url(../img/bas_com.png) no-repeat left bottom*/ #fff;
	position:relative;
	padding-top:3px;
}
#b_boutique{
	padding-bottom:7px;
}

#b_com{
	background:url(../img/bas_blog.png) no-repeat left bottom #fff;
	font-size:110%;
}
.vignette{
	width:68px;
	left:-63px;
	position:absolute;
	text-indent:-9000px;
	top:-4px;
	height:67px;
}
#v_boutique{
	background:url(../img/v_boutique.png) no-repeat left bottom;
	top:-4px;
}
#v_com{
	background:url(../img/v_co.png) no-repeat left bottom;
	top:-3px;
}
#v_blog{
	background:url(../img/v_blog.png) no-repeat left bottom;
	z-index:10000;
}

#communaute{
	width:550px;
	height:237px;
	background:url(../img/bgcom.jpg) no-repeat bottom left;
	position:relative;
	float:left;
	padding-left:30px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	display:inline;
}
span#introcom{
text-decoration:none;
}
#communaute h3 {
	margin-top:48px;
	color:#191717;
	font-size:21px;
	margin-bottom:10px;
}
#communaute #introcom{
	color:#3b3638;
	font-size:13px;
	line-height:16px;
}
#communaute h4 {
	margin-top:27px;
	color:#151414;
	font-size:20px;
	margin-bottom:10px;
}
#communaute h4 .punch{
	text-transform: uppercase;
	color:#bc1723;
	font-size:16px;
}
#inscription{
	width:202px;
	height:64px;
	right:328px;
	top:161px;
	position:absolute;
	text-indent:-9000px;
	z-index:99;
	background:url(../img/inscription.jpg) no-repeat top left;
}
#inscription:hover{
	background:url(../img/inscription.jpg) no-repeat 0 -64px;
}

.head h2{
	margin:0 0 20px 0px;

}
h2{
	font-size:2em;
	color:#aba08a;
	margin:0 0 20px 60px;
}
h2 a{
		color:#aba08a;
		text-decoration:none;
}

a.suite{
	color:#bc1723;
	font-weight:bold;
	float:right;
	margin:0 18px 24px 0;
}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
.footer{
	color:#c7bba1;
	margin:4px auto;
	width:593px;
	height:10px;
	
}
.footer li{
	float:left;
	margin-right:4px;
}
.footer a{
	color:#c7bba1;
}

.big_pict{
position:absolute;
left:0;
top:0;
z-index:10;
display:none;
}

#photo dd{
	position:relative;
	width:434px;
	height:219px;
	background:#000000;
}
.pollques{
	font-weight:bold;
}
/* FORM */
form {
	margin-top:20px;
}
form fieldset {
	margin-bottom:20px;
}
form fieldset label {
	display:block;
	/* float:left; */
	font-size:1em;
	margin-bottom:7px;
	padding-top:4px;
	/* width:110px; */
}
form fieldset .inputText {
background:transparent url(../img/bg_input.gif) no-repeat scroll left top;
border:1px solid #897c61;
color:#000000;
float:left;
font-size:1.2em;
height:15px;
margin-bottom:7px;
padding:4px 5px;
width:236px;
}
form fieldset .inputText:focus {
background-position:left bottom;
}
form fieldset span.opt {
float:left;
margin-left:10px;
padding-top:4px;
}
form fieldset textarea {
background:transparent url(../img/bg_textarea.gif) no-repeat scroll left top;
border:1px solid #897c61;
color:#000000;
float:left;
font-size:1.2em;
height:144px;
margin-bottom:10px;
padding:5px;
width:456px;
}
form fieldset textarea:focus {
background-position:left bottom;
}
form fieldset p.btnEnvoyer {
/* padding-left:110px;*/
}

.top_page {
background:#FFFFFF url(../img/haut_boutique.png) no-repeat scroll left top;
display:block;
height:13px;
left:0;
position:absolute;
top:0;
width:30px;
}
#header h1 a {
height:150px;
left:60px;
position:absolute;
top:10px;
width:340px;
}
#liens_footer{
	overflow:hidden;
	width:928px;
	margin:15px auto 20px;
}
#liens_footer ul{
	float:left;
	margin-right:12px;
}
#liens_footer ul.last{
	margin-right:0;
}
#liens_footer a{
	text-decoration:none;
	color:#3B3638;
	font-size:0.9em;
}
#liens_footer a:hover{
	text-decoration:underline;
}
#liens_footer li.principal a{
	color:#fff;
	font-weight:bold;
}
#b_liens {
	padding: 21px 0 1px 28px;
	background:#000 url(../img/footer.jpg) no-repeat;
}
.indent{
position:absolute;
text-indent:-9000px;
}