/* Eléments principaux de la page  Eléments principaux de la page  Eléments principaux de la page  Eléments principaux de la page */


body
{  
    	font-family: "Times New Roman", "Trebuchet MS", Arial, sans-serif;
    	color: #303030;
	background-image:url(images/DSCN6038.png);
		
}


/* header*/   /* header*/   /* header*/   /* header*/   /* header*/   /* header*/   /* header*/   /* header*/   

#bloc_page 	/* largeur de la page */
{
    width: 1000px;
    margin: auto;
}

header
{
	background: url('images/separateur.png') repeat-x bottom;
	width:100%;
}

#titre_principal
{
	display: inline-block;
}

.fontanet			/* taille titre "ontanet" */
{
	font-size:3.4em;
	left : -17px;
}

header h1				/*position titre par rapport initiales*/
{
	position: relative;
	top : -18px;
	left : -14px;
}

#logo, header h1			/*taille titre "ontanet" et bio, contact*/
{
    font-family: 'Times New Roman', serif;
    font-size: 2em;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 15px;
}

.position
{
	padding-top:70px;
}

a
{
	color:#303030;
}

a:hover 
{
	color:#EDCD1A;
	text-decoration:none;
}

/* tableau */   /* tableau */   /* tableau */   /* tableau */   /* tableau */      /* tableau */   

.table, table td
{
	width:100%;
	white-space: nowrap
}

.taille				/* taille des carrés de la page index*/
{
	max-width:192px;
	max-height:192px;
	text-align:center;
}



#left a:hover img	/* survol images horizontales*/
{
	outline: 3px solid #EDCD1A;
	margin: 0px;
	padding: 0px;
}

.noms
{
	font-size:1.2em;
}

/* Footer */   /* Footer */   /* Footer */   /* Footer */   /* Footer */   /* Footer */   Footer */   


nav a
{
     padding-bottom:3px;
}

.ligne
{
	background: url('images/separateur.png') repeat-x bottom;
	width:100%;
}

#soulignement
{
	text-decoration:none;			/*supprime le soulignement du lien*/
}


.tweet	/* info sur la dernière image publiée */
{
	text-decoration:none;			/*supprime le soulignement du lien*/
    	margin-left:39.5%;
	text-align:center;
	float: left;
	padding: 1.5em; 				/* positionne page projet en cours sur la meme largeur */

	padding-top:40px;			/*éloigmenent du haut de la page*/
	width:95px;

	font-size:2em;
	border:1px solid black;
	
}

#mes_liens			/*position des liens*/
{
	width: 30%;
	margin-left:0px;
	padding: 1.5em; 
}

#mes_liens h1
{
	text-align:left;
	font-size:1.2em;
}

#mes_liens ul
{
    	list-style-image: url('images/ico_liensexterne.png');
	font-size:1em;
	text-decoration:none;
}



/* page femme homme entier morceau portrait */	/* page femme homme entier morceau portrait */ 

#bloc_pagefemme /* largeur de la page  valable pour les autres pages */
{
    	width: 100%;


}

#accueil			/* en haut à gauche*/
{
	margin-left: 7%;
	position: relative;
	left : -5%;
	border-bottom:1px solid #303030;

	font-size: 35px;
} 

#accueilCARRE			/* en haut à gauche*/
{
	margin-left: 10.5%;
	position: relative;
	left : -5%;
	border-bottom:1px solid #303030;

	font-size: 35px;
} 

#accueilBIS			/* en haut à gauche*/
{
	margin-left: 1%;


	border-bottom:1px solid #303030;

	font-size: 35px;

}

} 

#droite				/* en haut à droite dénomination de la page*/
{

	text-align:right;
}

#galeries img		/*  pour conserver les carrés sur 2 colonnes*/
{
	width:40%;
}

#galeries
{
	margin-left: 6px;
	width:15%;
	text-align: center;
	z-index:10;
}

#galeries a:hover img		/* cadre petite image gauche au passage souris */ 
{
	outline: 3px solid #EDCD1A;
	margin: 0px;
	padding: 0px;
}

.ecart				/* ecart entre  icone de galerie  */
{
	margin-right:5px;
}



#resultat			/*flèches de défilement sous la colonne des photos petits carrés dans galeries*/
{
	font-family: verdana,arial,sans;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	position: relative;
	top : -20px;
}


#galeries, #affichage		/*alignement en haut de galerie et photo choisie*/
{
	position:absolute;
	top:70px;
}

#affichage		/* cadre d'affichage des 2 images */
{
	width:90%;
	padding-left:5%;
	z-index: 1;
	center;
}


.italien		/*affichage image gauche pagefemme*/
{
	border:1px solid black;
	width:35%;
	margin-left:13%;
}

.swiss			/*affichage image droite pagefemme*/
{
	border:1px solid black;
	float:right;
	width:45%;
	padding-right:0%
}

.italienvv		/*affichage image gauche pagefemme sur page avec 2 images verticales*/
{
	border:1px solid black;
	width:35%;
	margin-left:13%;
}

.swissvv			/*affichage image droite pagefemme sur page avec 2 images verticales*/
{
	border:1px solid black;
	float:right;
	width:35%;
	padding-right:0%
}

.italienvh		/*affichage image gauche verticale sur page avec 1 image verticale à gauche et horizontale à droite*/
{
	border:1px solid black;
	width:35%;
	margin-left:13%;
}

.swissvh			/*affichage image droite horizontale sur page avec 1 image verticale à gauche et horizontale à droite*/
{
	border:1px solid black;
	float:right;
	width:50%;
	padding-right:0%
}

.italienspecial1		/*affichage image gauche pagefemme7 */
{
	border:1px solid black;
	width:35%;
	margin-left:13%;
}

.swissspecial1		/*affichage image droite pagefemme7 */
{
	border:1px solid black;
	float:right;
	width:15%;
	padding-right:0%
}

.italienspecial2		/*affichage image gauche pagefemme9 */
{
	border:1px solid black;
	width:55%;
	margin-left:13%;
}

.swissspecial2		/*affichage image droite pagefemme9 */
{
	border:1px solid black;
	float:right;
	width:55%;
	padding-right:0%
}

.italienspecial3		/*affichage image gauche pagemorceau9 */
{
	border:1px solid black;
	width:45%;
	margin-left:13%;
}

.italienentier		/*affichage image gauche pageentier1 */
{
	border:1px solid black;
	width:20%;
	margin-left:17%;
}

.italienh		/* affichage image gauche pageentier3 */
{
	border:1px solid black;
	width:50%;
	margin-left:13%;
}

.swisslong		/* affichage image droite pageentier3 */
{
	border:1px solid black;
	float:right;
	width:13%;
}




/* page nouveau */  /* page nouveau */  /* page nouveau */  /* page nouveau */  /* page nouveau */  

.accueilnouveau
{
	margin-left: 7%;
	font-size:2em;
}
  
/* page projet en cours*/   	/* page projet en cours*/

.nouveau
{
	margin-top:-22px;
}
.espacedroit
{
		padding-left: 10px;
		padding-right: 50px;
}

.espacedroit2
{
		padding-left: 10px;
		padding-right: 0px;
}

.tailletxt
{
		font-size:1.5em;
}



/* pages bio et liens */		/* pages bio et liens */

.bio
{	padding-top:70px;
	white-space: nowrap;
	font-size: 1.2em;
}



.taillenouveau1				/* taille des carrés de la page nouveau1*/
{
	max-height:620px;
	text-align:center;
}

#taillenouveau			/* taille des carrés de la page nouveau*/
{
	max-height:150px;
	text-align:center;
}


.largeur
{
width:100%;
}


/* page nouveau galerie de détails*/

#galeriesnouveau
{
	margin-left: 6px;
	width:100%;
	text-align: center;
	z-index:10;
}