/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/

/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/

html{font-size: 100%} /* Fix bug d'IE 6-7 */

html, body, form, fieldset, dl, dd{
	margin:0;
	padding:0;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
}

p, select, input, caption, label, tr, td, table, textarea{
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	font-size:1,2em;
	text-align:left;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6, span{
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	line-height:1em;
	margin:0;
}

img, fieldset, table{border:none}

form, p, ul, li, fieldset, input{
   margin:0;
   padding:0;
}

a:hover {
	text-decoration: none;
}

ul, li{list-style:none}

ol li{	list-style:decimal inside}

address{font-style: normal}
	
/* CLEAR */
.clear{
	clear:both;
	display:block;
	height:0px;
	visibility:hidden;
}

.breaker {
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}


/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
#content {
	position :relative;
}
.alignleft {
	float : left;
	margin-right: 15px;
	margin-bottom: 15px;
}

ul.socialLinks{
	position:absolute;
	top:4px;
	right:30px;
	
}
ul.socialLinks li {
	list-style:none;
	float:left;
	margin:0 3px 0 0;
}
ul.socialLinks li a {
	display:block;
	text-indent:-9000px;
	outline:none;
	width:27px;
	height:27px;
}

ul.socialLinks li.delicious { background:url(./images/ico_delicious_on.gif) left top no-repeat; }
ul.socialLinks li.facebook { background:url(./images/ico_facebook_on.gif) left top no-repeat; }
ul.socialLinks li.twitter { background:url(./images/ico_twitter_on.gif) left top no-repeat; }
ul.socialLinks li.rss { background:url(./images/ico_rss_on.gif) left top no-repeat; }
ul.socialLinks li.spotify { background:url(./images/ico_spotify_on.gif) left top no-repeat; }
ul.socialLinks li.youtube { background:url(./images/ico_youtube_on.gif) left top no-repeat; }
ul.socialLinks li.lastfm { background:url(./images/ico_lastfm_on.gif) left top no-repeat; }
ul.socialLinks li.dailymotion { background:url(./images/ico_dailymotion_on.gif) left top no-repeat; }

	
	

	
h2.entry-title {
	margin-bottom: 20px;
	text-transform: uppercase;
}
.entry p {
	margin-bottom: 15px;
}
.entry p img {
	margin: 10px;
	margin-bottom: 20px;
}


body{
	color:#000;
	font-size:75%;	/* 1em = 12px */
}

a{color:#000}
a:hover{text-decoration:none}
.noHover a, a.noHover, .noUnderline a, a.noUnderline{text-decoration:none}
.noUnderline a:hover, a.noUnderline:hover{}
.arial{font-size:0.8em;}

.txtHidden{
	position:absolute;
	left:-9999em;
}

#page{
	width:910px;
	margin:auto;
	background:url(./images/bg_page.png) 203px top no-repeat;
}

#slider .smoke {			
	background: rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.7);
	width:430px;
	height:80px;
	margin-top:160px;
}
#slider li p{ 
	color:white;
	font-family:arial;
	font-size:0.8em;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}
#slider li p a{
	text-decoration:none;
	color:white;
	font-size:1.0em;
}


/* SIDEBAR LEFT
--------------------------------------------------------------------------------------------------------------------------------------*/

#sidebarLeft{
	width:210px;
	float:left;
	padding-top:40px;
}

#sidebarLeft h1{
	padding-left:10px;
	text-align:center;
	margin-bottom:30px;
}

/********** COLOR MENU **********/

#mainMenu{
	margin-bottom:12px;
}

#mainMenu li{
	width:100%;
	font-size:1.25em;
	overflow:hidden;
	margin-bottom:1px;
}

#mainMenu a{
	display:block;
	float:left;
	padding:5px 10px;
}

#mainMenu a.item1:hover{background-color:#afe8cb}
#mainMenu a.item2:hover{background-color:#f1f2a9}
#mainMenu a.item3:hover{background-color:#b8ecf1}
#mainMenu a.item4:hover{background-color:#ffe3a8}
#mainMenu a.item5:hover{background-color:#ffbbfe}
#mainMenu a.item6:hover{background-color:#bebdf4}

#mainMenu a.item1_current{background-color:#afe8cb}
#mainMenu a.item2_current{background-color:#f1f2a9}
#mainMenu a.item3_current{background-color:#b8ecf1}
#mainMenu a.item4_current{background-color:#ffe3a8}
#mainMenu a.item5_current{background-color:#ffbbfe}
#mainMenu a.item6_current{background-color:#bebdf4}


/********** MENU PAGES **********/

#menuPages{
	padding:15px 0 5px;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}

#menuPages li{
	width:100%;
	font-size:1.25em;
	overflow:hidden;
}

#menuPages a{
	display:block;
	float:left;
	padding:5px 10px;
}



#menuPages a.item_metier1:hover{background-color:#ececec}
#menuPages a.item_metier2:hover{background-color:#e3e3e3}
#menuPages a.item_metier3:hover{background-color:#d4d4d4}
#menuPages a.item_metier4:hover{background-color:#b1b1b1}

#menuPages a.item_metier_current1{background-color:#ececec}
#menuPages a.item_metier_current2{background-color:#e3e3e3}
#menuPages a.item_metier_current3{background-color:#d4d4d4}
#menuPages a.item_metier_current4{background-color:#b1b1b1}

.last{
	border: 0;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#content{
	float:left;
	width:430px;
	padding:40px 35px 0;
	font-size:1.20em;
}

#content .mainVisu{
	display:block;
}

#titleContent{
	font-size:0.75em;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(./images/ico_arr_btm.png) center bottom no-repeat;
}

#pushContact{
	font-size:1.1em;
	padding-top:5px;
	font-weight:bold;
	margin-bottom:15px;
	background:url(./images/ico_arr_top.png) center top no-repeat;
}
#pushContact a {
	color: #fff;
}

#titleContent span, #pushContact span{
	display:block;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background-color:#000;
}

#content .devis{
	font-size:0.92em;
	margin-bottom:5px;
	line-height:1.5em;
	font-variant:small-caps;
}

#content .actu{
	color:#979797;
}

#logoBtm{
	margin-top:20px;
}

/********** FEEDS **********/

#feeds{
	margin-bottom:15px;
}

#feeds li{
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #ededed;
}

#feeds h3{
	margin-bottom:5px;
	padding-left:28px;
	font-size:0.82em;
	padding-top:2px;
	min-height:26px;
	height:auto !important;
	height:26px;
	text-transform:uppercase;
	background:url(./images/ico_com.png) left top no-repeat;
}

#feeds .content{
	width:100%;
	overflow:hidden;
}

#feeds .visu{
	width:57px;
	float:left;
}

#feeds .desc{
	width:300px;
	float:left;
	font-size:1.0em;
	line-height:1.33em;
}

#feeds .link{
	float:right;
	display:block;
	width:27px;
	height:27px;
	background:url(./images/ico_twitter.png) left top no-repeat;
}

#feeds a.delicious { background:url(./images/ico_delicious.gif) left top no-repeat; }
#feeds a.facebook { background:url(./images/ico_facebook.gif) left top no-repeat; }
#feeds a.twitter { background:url(./images/ico_twitter.gif) left top no-repeat; }
#feeds a.rss { background:url(./images/ico_rss.gif) left top no-repeat; }
#feeds a.spotify { background:url(./images/ico_spotify.gif) left top no-repeat; }
#feeds a.youtube { background:url(./images/ico_youtube.gif) left top no-repeat; }
#feeds a.lastfm { background:url(./images/ico_lastfm.gif) left top no-repeat; }
#feeds a.dailymotion { background:url(./images/ico_play.gif) left top no-repeat; }



#feeds .last{
	border:0;
	margin-bottom:0;
}

/* SIDEBAR RIGHT
--------------------------------------------------------------------------------------------------------------------------------------*/

#sidebarRight{
	width:200px;
	float:left;
	color:#a8a8a8;
	padding-top:40px;
	text-align:right;
}

#sidebarRight h2{
	color:#a8a8a8;
	font-size:1.40em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}

#sidebarRight .links{
	margin-bottom:10px;
	border-bottom:1px solid #bebebe;
	font-size:1.20em;
}

#sidebarRight .links li{
	margin-bottom:10px;
}

#sidebarRight a{
	color:#a8a8a8;
}
#sidebarRight a:hover,
#sidebarRight .item_current {
	color:#000;
}

#sidebarRight .last{
	border:0;
}

/********** SOCIAL **********/

#social{
	margin-bottom:215px;
}

#social li{
	margin:0 2px;
	display:inline;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#footerMore,
#footer {
	clear:both;
	width:430px;
	margin: 0 auto;
	margin-top: 10px;
}
	.footer_follow {
		float: left;
		width: 200px;
	}
		.footer_title {
		}
		.footer_follow ul li {
			list-style:none;
			float:left;
			margin-left: 2px;
		}
		.footer_follow ul li a {
			display:block;
			text-indent:-9000px;
			outline:none;
			width:27px;
			height:27px;
		}
		.footer_follow li.facebook { background:url(./images/ico_facebook_on.gif) left top no-repeat; }
		.footer_follow li.twitter { background:url(./images/ico_twitter_on.gif) left top no-repeat; }
		.footer_follow li.rss { background:url(./images/ico_rss_on.gif) left top no-repeat; }
		
		
	.footer_contact {
		float: left;
		width: 200px;
	}
		
		.contact_right {
			float: left;
		width: 200px;
		}