body {

	
	

	
	background : url('../img/fond/fond2.jpg') #f6de94  center 0 ;
border-top: 1px solid silver;
}


body, ul , li, p {
	margin : 0;
	padding : 0;
}

#main {

	width:1024px;
	margin : 60px auto;
	

position : relative;

box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.1);

}

#logo{
	
	
	position : absolute;
	top : -40px;
	left :30px;
	z-index:  20;
}
#logo a{
	display : block;
	
	width : 235px;
	height :193px;
	overflow:hidden;
}

header{
	background-color :#d5c29d;
	height :190px;
}



#centre{
	background-color : white;
	min-height : 800px;
	padding:45px 75px 90px 75px;;
}



#footer{
	background: rgba(82,82,82,1);
background: -moz-linear-gradient(top, rgba(82,82,82,1) 0%, rgba(124,124,124,1) 100%);
background: -webkit-linear-gradient(top, rgba(82,82,82,1) 0%, rgba(124,124,124,1) 100%);
background: -o-linear-gradient(top, rgba(82,82,82,1) 0%, rgba(124,124,124,1) 100%);
background: -ms-linear-gradient(top, rgba(82,82,82,1) 0%, rgba(124,124,124,1) 100%);
background: linear-gradient(to bottom, rgba(82,82,82,1) 0%, rgba(124,124,124,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#7c7c7c', GradientType=0 );
	height :525px;
	padding : 20px 0 20px 60px;
}


#footer .bloc_footer{
	
	float : left ;
	width : 285px;
	margin : 51px 0 0 10px;
	
}

#footer .titreFooter a{
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	color :#dd9a26;
	text-decoration : none;
	padding :  0 0 3px 8px;
	display : block;
	width :92%;
	border-bottom : 1px solid rgba(221,154,38,0.3);
}
#footer .titreFooter a:hover,
#footer .titreFooter a:active,
#footer .titreFooter a:focus{
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	color :white;
	
}


#footer ul{
	
	margin : 5px 0 25px 0;
}
#footer ul li{
	font : 18px 'stentiga' ,Helvetica, Arial, Sans-serif;
	padding : 6px 0 6px 35px ;
	background :  url('../img/fond/puce_footer.png') no-repeat  5px center;
	list-style-type: none;
}


#footer ul li a {
	color :white;
	text-decoration : none;
}


#footer ul li a:hover ,#footer ul li a:active,#footer ul li a:focus {
	color :#dd9a26;
	text-decoration : none;
}

.espace{
	margin-bottom : 35px;
}

@font-face {
    font-family: 'stentiga';
    src: url("../fonts/stentiga/stentiga.ttf");
    font-weight:400;
}

@font-face {
    font-family: 'myriad-pro';
    src: url("../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF");
    font-weight:400;
}

@font-face {
    font-family: 'coolvetica';
    src: url("../fonts/coolvetica/coolvetica_rg.ttf");
    
}





.clearFloat{
	clear:both;
	line-height :0 	;
	font-size : 0;
}




.bigTitre{
	margin : 20px 0 40px -75px;
	width :350px;
	color : white;
	font : 25px 'stentiga' ,Helvetica, Arial, Sans-serif;
	background-color : #3860b8;
	padding :8px 8px 8px 30px;
	
}

.sousTitre{
	margin : 0 0 40px 0;
	width :820px;
	/*color : #58585a;background-color : #d5c29d;*/
	color : #677cb3;
	font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;
	
	padding :8px 8px 8px 30px;
	
background: rgba(249,251,250,1);
background: -moz-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -o-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
background: linear-gradient(135deg, rgba(249,251,250,1) 0%, rgba(238,239,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbfa', endColorstr='#eeeff3', GradientType=1 );
-webkit-box-shadow: inset 0 0 0 4px #e4e8eb;
-moz-box-shadow: inset 0 0 0 4px #e4e8eb;

}


.top_hashtag{
	padding-top : 40px;
	
}



#menuMob{
	position : fixed;
	top :300px;
	right : 50%;
	margin-right:-514px;
	overflow:hidden;
	width :330px;
	z-index:6000;
}

#menuMob li  {
	list-style-type: none;
	padding-bottom : 5px;
	border-radius:5px;
}

#menuMob li a {
	margin : 0 0 0 310px;
	text-align : right;
	width :300px;
		border-radius:8px;
	color: white;
	font : 20px 'stentiga' ,Helvetica, Arial, Sans-serif;
	
	padding :8px 50px 8px 50px;
	display : block;
	text-decoration : none;
	height : 20px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434a70+0,331e2c+100 */
background: rgb(67,74,112); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(67,74,112,1) 0%, rgba(51,30,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(67,74,112,1) 0%,rgba(51,30,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(67,74,112,1) 0%,rgba(51,30,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434a70', endColorstr='#331e2c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#menuMob li a:hover {
margin : 0 0 0 0;
	padding : 8px 50px 8px 15px;
}