/**
* CSS
* 
* @version 1.1
* @author Baptiste Vallon Designer Graphiste 2011

*/
* {
	margin: 0;
	padding: 0;
}
html, body { height:600px; }

/* LES FONTS : code pour utiliser des typos spécifiques */
@font-face {
    font-family: 'HelveticaNeueLTStd87HvCn';
    src: url('http://www.baptistevallon.com/files/font/helveticaneueltstd-hvcn-webfont.eot');
    src: url('http://www.baptistevallon.com/files/font/helveticaneueltstd-hvcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://wwww.baptistevallon.com/files/font/helveticaneueltstd-hvcn-webfont.woff') format('woff'),
         url('http://www.baptistevallon.com/files/font/helveticaneueltstd-hvcn-webfont.ttf') format('truetype'),
         url('http://www.baptistevallon.com/files/font/helveticaneueltstd-hvcn-webfont.svg#HelveticaNeueLTStd87HvCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('http://www.baptistevallon.com/files/font/helveticaneueltstd-bdcn-webfont.eot');
    src: url('http://www.baptistevallon.com/files/font/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.baptistevallon.com/files/font/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('http://www.baptistevallon.com/files/font/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('http://www.baptistevallon.com/files/font/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 4px solid #000000;
    font-family: Helvetica,Verdana,sans-serif;
    font-size: 11px;
	background-color: #e6e2e1;
}

/* WRAPPER est une div qui contient tout le site, ce qui permet de positionner le site, centrer le site */
	#wrapper { 
	margin: 0 auto 0;
    text-align: left;
    width: 998px; 
	}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* COMPORTEMENT DES LIENS */
	
	/* couleurs pour tous les liens */
	a:link { 
	text-decoration: none; /* none = non souligné, d'autres options incluent line-through or overline */
	color: #7F7F7F; 
	}
	
	/* définit les propriétés des liens quand la souris survole */
	a:hover { 
		color:#000000; 
		text-decoration:none; 
	}
	
	a:active { 
		color:#7F7F7F; 
	}
	
	/* souligne les liens que vous avez déjà cliqué. Cela peut être utile pour les utilisateurs qui souhaite identifier les éléments qu'ils ont déjà vu*/
	a:visited { 
	text-decoration: none;
	color:#000000; /* la couleur peut également être modifiée */
	}
	

	/* toute img qui est un lien */
	a img { 
	border: none; 
	}

	/* Pré-Nav texte - Peut être consulté dans la partie administration d'indexhibit */
	
	
	.top-section {
		padding-top: 100px;
		padding-right: 0px;
		padding-bottom: 2px;
		padding-left: 0px;
		font-size: 18px;
		line-height: 0px;
		color: #000000;
		font-family: Helvetica, sans-serif;
		border-bottom:5px solid #000000;
		width: 960px;
	}


/* MENU */

	#menu {
		background-color: #FFFFFF;
		font-family: Helvetica,sans-serif;    	
    	position: absolute;
   		top: 4px;
    	width: 220px;
		
	}
	
	
	/* Cette partie contrôle tout les paramètres des sections qui sont crée */ 
	#menu ul {
		font-size:9px;
		font-family:'HelveticaNeueLTStd77BdCn', Helvetica, sans-serif;
		font-style: normal;
		list-style: none;
		margin-top: 0px;
		color:#000000;
		margin-right: 0px;
		margin-bottom: 0px; /* définit l'espace entre chaque section */
		margin-left: 0px;
		/* PADDING définit l'espacement autour du menu - ce qui est normalement réglé pour correspondre à des options de remplissage dans # contenu mais peut être modifiée séparément
		LE PADDING, c'est la distance entre le bord d'un élément HTML et son contenu 
		padding: 10px 10px 10px 10px; Les valeurs définissent l'espace entre les éléments HTML dans cet ordre : haut droite bas gauche 
		A SAVOIR !
		Si vous ne renseignez qu'une valeur, elle sera prise par défaut pour les autres espaces entre les éléments HTML 
		Si vous renseignez deux ou trois valeurs, elles seront la références pour les cotés opposés. 
		Vous pouvez définir des marges à zéro. Si vous ne définissez pas les marges, elles prennent 0 comme valeur par défaut.
		ATTENTION Il ne faut pas mettre "px" si la valeur est zéro
		*/
		padding-right: 35px;
		padding-left: 20px;
		padding-left: 34px;
	}
	

	#menu ul li {
		line-height: 18px;
		margin-top: 0px;
		margin-bottom: 0px;
		color:#000000;
		font-size:12px;
	}
	
	#menu ul li a { 
		color:#000000; 
		text-decoration:none;
		font-style:normal; 
	}
	
	#menu ul li a:active { 
		font-weight: normal; 
		color:#000000;  
	}
	
	#menu ul li a:hover { 
		color:#777777;  
		text-decoration:none; 
	}
	
	
	/* Ce qui suit définit le style pour les titre des sections dans le menu */
	#menu ul li.section-title {
		font-size: 18px;
		font-family: 'HelveticaNeueLTStd77BdCn', Helvetica, sans-serif;
		font-weight:bold;
		font-style: none;
		border-top: 1px dotted #666666;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin: 8px 0;
		color:#000000;
		cursor: pointer;
	}
	
	#menu ul li.section-title a:hover {
		color:gray;
	}
	
	#menu ul ul.sub-menu{
		display:none;
		padding:0;
		margin:0;
	}
	#menu ul ul.menu-active{ display:block; }
		
	/* Style pour la partie "Built with Indexhibit" dans le menu */	
		
		#menu ul.built {
			margin-bottom: 0;
		}
	
		#menu ul.built li {
			padding-top: 25px;
			color: #000000;
		}
		
		/* Style de couleurs et text-decoration pour les liens dans la partie "Built with Indexhibit" */
		#menu ul.built a {
			text-decoration: underline;
		}
		
		#menu ul.built a:hover { 
			color:#fff; 
			background:#000000; 
			text-decoration:none; }
		

	/* Ceci définit le style pour le texte Post-Nav texte qui peut être consulté dans la partie administration d'indexhibit */
		
		#copy {
			font-size: 9px;
			color: #373023;
			font-family: Helvetica, sans-serif;
			font-style: italic;
		}
		
		#copy ul li {
			margin-top: 5px;
			padding-top: 20px;
		}


/* CONTENU */

	#content {
		margin-top: 0px;
		margin-left: 243px; /* définit l'espace de sorte que le contenu commence à droite quand le menu se termine (si vous modifiez ce paramètre vous modifié également la largeur de # menu) */
	    top: 0;
		width: 710px;
		background-color: #FFFFFF;
	    
	    /* définit l'espacement autour de la zone de contenu - ce qui est normalement réglé pour correspondre à des options de remplissage dans le menu # mais peut être modifiée séparément */
		padding-top: 40px;  /* changer pour correspondre à padding-top dans # menu si vous voulez les aligner */
		padding-right: 15px;
		padding-bottom: 80px;
		padding-left: 30px;
		background-color:#FFFFFF;
	}

	.container {
		margin-bottom: 25px;
	}

	#content p { /* définit les propriétés de tous les paragraphes dans la zone de contenu */
		color:#7F7F7F
		width: 600px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px; /* définit l'espace entre les paragraphes */
		margin-left: 0px; 	
	    line-height: 18px; /* Jouer sur l'interlignage */
		padding-right: 50px;
	}

	p { /* définit les propriétés de tous les paragraphes  */
    	font-style: normal;
		colour: #7f7f7f;
		font-family: Helvetica, sans-serif;
		margin-top: 0;
   		margin-right: 0;
    	margin-bottom: 9px;
   		margin-left: 0;
		padding-left: 34px;
	}

/* RUBRIQUES */
	
	/* lors de la saisie de votre texte dans la partie admin il faut suivre ce format

<h1> Mon titre que j'ai envie d'avoir dans une typo plus grande parce que c'est mon titre </ h1>

Commençons par h1 qui sera la cap la plus grande. vous pouvez ne pas avoir besoin des 4 mais ils sont ici si vous en avez besoin !
	*/
	
	h1 { 
		font-family: Helvetica, sans-serif;
		font-size: 40px;
		line-height: 20px;
		font-weight: normal;
		color: #000000; /* Cette couleur remplace la couleur définie dans le «body». Supprimer cette ligne si vous souhaitez que les couleurs des rubriques correspondent au reste de votre style */
		padding-top: 15px;
		padding-bottom: 15px; /* définit l'espacement entre le titre et le paragraphe ci-dessous */
	}
	
	h2 { 
		font-family: Verdana;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: normal;
		padding-bottom: 10px; /* définit l'espacement entre le titre et le paragraphe ci-dessous*/
		padding-top: 15px;
	}
	
	h3 { 
		font-family: Helvetica, sans-serif;
		text-transform: 
		uppercase: italic;
		font-size: 18px;
		color: #ffffff;
	}
	
	h4 { 
		font-size: 12px; 
	}
	
	.title_style {font-family: 'HelveticaNeueLTStd77BdCn'; font-size: 18px;}
	.sous_titre {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-style:italic; color: #696969;}
	.title2 {font-family: 'HelveticaNeueLTStd77BdCn'; font-size: 15px;}
	.blanc {font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #FFFFFF;}

/* IMAGES */

	#img-container p.nav { 
		position: relative; 
		width: 120px; 
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 34px;
		margin-top: 56px;
}

	#img-container	{ 
		margin: 0px 20px 0px 32px; 
		padding: 0; 
		height: 100%;
	}
	
	#img-container p	{ 
		width: 400px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		border-color: #dbe2e0; /* effacer les 3 lignes suivantes si vous ne voulez de bordure sur vos images */
		border-width: 1px; 
		border-style:  solid;
	}
	
	#once { clear: left; }
	
	
/* SLIDE SHOW - Navigation */
	

	p.nav a {
		color: #000;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-left: 0px;
		font-size: 11px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-style: normal;
	}
	
	p.nav a:hover {
		color: #666666;
		font-style: normal;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-family: Helvetica, sans-serif;
		padding-left: 20px;
	}
	
	.clear-both { clear: both; }
	
	/* Galerie */
	#mosaique{
		margin: 20px 35px;
	}
	
	#mosaique #projet{
		height: 117px;
		overflow: hidden;
		width: 204px;
		display:inline-block;
	}
	
	#mosaique #projet a{
	}
	
	#mosaique #projet .lien_survol h2{
		color: #FFFFFF;
		font-family: 'HelveticaNeueLTStd77BdCn';
		padding: 130px 10px 10px;
		position: relative;
		line-height:0.85;
	}
	
	#mosaique #projet .lien_survol{
		height: 117px;
		margin-bottom: -117px;
		padding: 0;
		position: relative;
		width: 100%;
	}
	#mosaique #projet .lien_survol .fond{
		background-color:#333;
		opacity:0;
		width:204px;
		height:117px;
		margin-bottom:-117px
	}
	
	#mosaique #projet img{
		height: auto;
	    max-width: 204px
	}