/*
Theme Name: Emergence
Theme URI: http://www.multiforme.fr
Author: Lucie Bombled

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
Modifications by  Lucie Bombled || http://www.multiforme.fr
*/
 
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2a2828;
	font-size:12px;
	z-index:100;
	background-image: url(images/fondsite.jpg);
	background-color: #181717;

}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

h1{font-weight:bold;
	font-size:1.2em;
	color:#ae410b;}
h2{font-size:1.1em;
color:#ae410b;
font-weight:100;
margin-top:4;
padding-top:0;
text-align:left;
font-weight:bold;}
h3{font-size:0.9em;
color:#014948;
font-weight:bold;
	padding:10px 50px 0px 30px;

text-align:left;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #CCC;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #AE410B;
	
}

a:visited{
	color: #AE410B;
}

a:hover{
	color: #AE410B;
	text-decoration:none;
}
p{
		padding:0px 0px 0px 0px;
		font-size:1em;
			color:#2a2828;

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

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

/* La page
-------------------------------------------------------- */
#page{
	width:980px;
	text-align: left;
	margin:auto;
	display:block;
	position:relative;
}

/*bloc page*/

#blocpage{
	display:block;
	position: relative;
	 top:0px;
	 left:0px;
	 width:980px;

}
#entete{

	background:url(images/header.jpg) no-repeat top center;
	height:136px;
	width:980px;
	clear:both;
}
.gauche{
	background-image: url(images/gauche.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:201px;
	height:563px;
	position:relative;
	display:block;
	overflow:hidden;
	/*overflow:auto;*/
		float:left;

	}


.milieu {
	background-image: url(images/fondpage.jpg);
	background-repeat:repeat-y;
	width:758px;
	position:relative;
	display:block;
	/*overflow:hidden;*/
	/*overflow:auto;*/
	float:left;
	height:580px;
	min-height:580px;

}
*>.milieu {
    height: auto;
}

.droite{
	background-image: url(images/droite.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:41px;
	height:563px;
	position:relative;
	display:block;
	}


#menueme {
	position:relative;
	display:block;
	width:757px;
	left: 0px;
	 top:0px;

}
#menugauche{
	display:block;
	position:absolute;
	width:22px;
	height:48px;
	float:left;
	left:0px;
	background:url(images/menugauche.jpg) no-repeat top right ;
}
#accueil a{
	display:block;
	position:absolute;
	width:94px;
	height:48px;
	float:left;
	left:22px;
	background:url(images/accueil_off.jpg) no-repeat top right ;
}
#accueil a:hover{
	background:url(images/accueil_on.jpg) no-repeat top right ;
}
#presentation a{
	display:block;
	position:absolute;
	width:137px;
	height:48px;
	float:left;
	left:116px;
	background:url(images/presentation_off.jpg) no-repeat top right ;
}
#presentation a:hover{
	background:url(images/presentation_on.jpg) no-repeat top right ;
}
#videos a{
	display:block;
	position:absolute;
	width:74px;
	height:48px;
	float:left;
	left:253px;
	background:url(images/videos_off.jpg) no-repeat top right ;
}
#videos a:hover{
	background:url(images/videos_on.jpg) no-repeat top right ;
}
#photos a{
	display:block;
	position:absolute;
	width:86px;
	height:48px;
	float:left;
	left:327px;
	background:url(images/photos_off.jpg) no-repeat top right ;
}
#photos a:hover{
	background:url(images/photos_on.jpg) no-repeat top right ;
}

#filmo a{
	display:block;
	position:absolute;
	width:135px;
	height:48px;
	float:left;
	left:413px;
	background:url(images/filmo_off.jpg) no-repeat top right ;
}
#filmo a:hover{
	background:url(images/filmo_on.jpg) no-repeat top right ;
}
#contact a{
	display:block;
	position:absolute;
	width:80px;
	height:48px;
	float:left;
	left:548px;
	background:url(images/contact_off.jpg) no-repeat top right ;
}
#contact a:hover{
	background:url(images/contact_on.jpg) no-repeat top right ;
}
#liens a{
	display:block;
	position:absolute;
	width:80px;
	height:48px;
	float:left;
	left:628px;
	background:url(images/liens_off.jpg) no-repeat top right ;
}
#liens a:hover{
	background:url(images/liens_on.jpg) no-repeat top right ;
}
#menudroite{
	display:block;
	position:absolute;
	width:49px;
	height:48px;
	float:left;
	left:708px;
	background:url(images/bord1.jpg) no-repeat top right ;
}

#barre{
	background:url(images/sousmenu.jpg) no-repeat top right ;
	width:757px;
	height:44px;
	clear:both;
	display:block;
	position:relative;
	top:40px;
	left:0px;

}
/* Le contenu
-------------------------------------------------------- */

#content {
display:block;
position : relative;
width:700px;
clear:both;
top:30px;
left:30px;
}

.blocsgauches{
	width: 200px;
	display:block;
	position:relative;
		float: left;
}

.billet{
color:#1a2f42;
	font-weight:normal;
	width: 480px;
	text-align:left;
		float: left;
		display:block;
	position:relative;
margin-left:15px;
padding-bottom:20px;

}
.unecol{
display:block;
position:relative;
width:700px;
clear:both;
top:0px;
left:0px;
margin-bottom:60px;
}


/* Le pied de page
-------------------------------------------------------- */


#footer{
clear:both;
	margin: 0;
	padding: 0;
	color: #fcfaec;
	width:980px;
	height:29px;
	text-align:center;
	position:relative;
	line-height:1.6em;
		font-size:0.9em;
		left:100px;

	
	
}

#footer a{
	color: #fcfaec;
	font-size:0.9em;
	text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}