/* Feuille de Style Globale /// Desbenoit.net
auteur : seb desbenoit @ sev communication */




@font-face {
	font-family: 'Museo500';
	src: url('polices/museo500-regular-webfont.eot');
	src: local('☺'), url('polices/museo500-regular-webfont.woff') format('woff'), url('polices/museo500-regular-webfont.ttf') format('truetype'), url('polices/museo500-regular-webfont.svg#webfontFTxRXNWM') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* Paramètres Généraux */ 

body {
	font-family: Georgia, serif;
	background: url('../img/nvxFond.png');
	/* pour IE */
	margin: 0;
	padding: 0;
	/* fin pour IE */
}

#entete {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

.container{
	width: 775px;
	margin: 0px auto;
	padding: 23px 0px 43px 0px;
}

h1 {
	font-family: 'Museo500', Helvetica;
	color: #888;
	font-weight: normal;
	font-size: 30px;
}

h1 em {
	color: #40B9D4;
	font-weight: normal;
	font-style: normal;
}

#introduction {
	margin-top: 23px;
	height: 367px;
	min-height: 367px;
	background: url('/img/Desbenoit-Bleu.png') top left no-repeat;
	color: #D8EDF0;
}

#introduction.Erreur {
	background: url('/img/Presentation-404.png') top left no-repeat;
}

#introduction.Paris {
	background: url('/img/Paris.png') top left no-repeat;
}

#introduction.Grenoble {
	background: url('/img/Grenoble.png') top left no-repeat;
}

#introduction.Annecy2011 {
	background: url('/img/Annecy2011.png') top left no-repeat;
}

#introduction.Soissons2011 {
	background: url('/img/Soissons.png') top left no-repeat;
}

#introduction.Paris2011 {
	background: url('/img/Paris.png') top left no-repeat;
}


#introduction a {
	color: #E6F5F7;}

#introduction em {
	font-style:italic;
	}
	
#introduction a em {
	text-decoration: none;
	}
	
#introduction a:hover, 
#introduction a:focus  {
	opacity: 1;
}

#presentation {
	position: relative;	
	float: left;
	width:  240px;
	font-size: 16px;
	line-height: 28px;
	padding: 13px 10px 10px 10px;
	color: #E6F5F7;
}

#introduction a:hover, 
#introduction a:focus  {
	color: #FFF;
}

#exemple h2 {
	position: relative;
	float: left;
	width:  480px;
	margin-top: 245px;
	font-size: 20px;
	line-height: 28px;
	padding: 13px 10px 10px 20px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
	font-weight: normal;
	font-family: 'Museo500', helvetica, sans-serif;
}

#presentation strong {
	font-style: italic;
}

#contenu {
	margin: 0px 0px 0px 0px;
	padding-bottom: 44px;
	position: relative;
}

#colonneDeGauche {
	float: left;
	width: 400px;
	margin-top: -15px;
	font-family: 'Museo500', helvetica, sans-serif;
	color: #DDD;
	line-height: 19px;
}

#mentionslegales {
	clear: both;
	width: 500px;
	font-family: 'Museo500', helvetica, sans-serif;
	color: #fff;
	line-height: 19px;
}

#liens {
	margin-top: 12px;
	float: right;
	width: 255px;
	color: #DDD;
	font-size: 16px;
	line-height: 28px;
	font-family: 'Museo500', helvetica, sans-serif;
	padding: 0;
}

a #Nom{
	border-bottom: 1px solid #FFF;
}

a #Nom:hover, 
a #Nom:focus {
	border-bottom: 1px solid #999;
}

#contenu a{
color: #FFC571;
text-decoration: none;
}

#liens a {
	color: #DDD;
}

#liens h3 {
	color: #FFF;
	font-size: 24px;
}

#colonneDeGauche a, #liens a strong{
	color: #FFC571;
	font-family: 'Museo500', helvetica, sans-serif;
	border-bottom: 0;
}

#liens a:hover{
	text-decoration: underline;
}

a img {
	border: 0;
}

a.lienblog {
	opacity:0.7;
	text-decoration: none;
}

a.lienblog:hover, a.lienblog:focus {
	opacity:1;
}