/*  //////////////// RESET CSS de ERIC MEYER ///////////// */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1; /* /////////ESPACEMENT ENTRE LES LIGNES */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FIN de RESET CSS ///////////// */

/*  //////////////// POUR PAGE ERREUR 404 //////////////// */
#PageErreur404 p {
	letter-spacing:1px;
	font-size:20px;
	text-align:center;
	color:#CF7E00;
}
/* Widget content container */
#goog-wm {
	margin-top:100px;
	margin-left:50px;
	margin-right:50px;
  padding-left: 2em;
  padding-bottom: 2em;
  border: 3px solid #CF7E00;
  background-color: white;
}
 /* Heading for "Closest match" */
#goog-wm h3.closest-match {
  color: #8f2831;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;;
  font-size: 170%;
  margin: 0;
}
 /* "Closest match" link */
#goog-wm h3.closest-match a { } 

 /* Heading for "Other things" */
#goog-wm h3.other-things {
	margin-left:0;
	padding-bottom:2em;
  color: #CF7E00;
  font-size:18px;
}  
 /* "Other things" list item */
#goog-wm ul li { } 

 /* Site search box */
#goog-wm li.search-goog {
 display: block; 
}
#goog-wm-sb {
	margin-left:1em;
	padding-bottom:20px;
}
/*  //////////////// FIN de POUR PAGE ERREUR 404 //////////////// */

/* ///////////////  MENU ////////////////////// */
#menu{
	display:inline;
	padding-left:0;
	margin-left:42px;
	margin-top:0px;
}
#menu li {
	display: inline;
	list-style-type:none;
	font-size:13px;
	letter-spacing:2px;
	padding-right:45px;
}
#Liencontact {
	padding-right:0px;
}
#menu li a:link{
	color: #9F9F9F;  /* gris */
}
#menu li a:visited{
	color: #9F9F9F;  /* gris */
	list-style-type:none;
}
#menu li a:hover{
	color: #FF9900;	 /* orange vif */
}
#menu li a:active{
	color:white;
	list-style-type:none;
}
/* FIN de MENU ////////////////////// */	

/*  /// POUR FOOTER /// */
#footer { 
	width:950px;
	position:relative;
	left:50%;
	margin-left:-475px;
	text-align:right;
	margin-top:0px;
	padding-top:0px;
	color: #9F9F9F;  /* gris */
	font-size:12px;
	padding-bottom:20px;
}
#footer li{ 
	display:inline;
	list-style-type:none;
	padding-right:10px;
	width:auto;
}
#footer li a{    
	border-right:1px solid #333333;  /* gris comme border centre page*/
	padding-right:10px;
	padding-left:0;
	width:auto;
	text-align:center;
}
#footer li a:link{
	color: #9F9F9F;  /* gris */
}
#footer li a:visited{
	color: #9F9F9F;  /* gris */
	list-style-type:none;
}
#footer li a:hover{
	color: #FF9900;	 /* orange vif */
}
#footer li a:active{
	color:white;
}
#footer #copyright {
	padding-right:40px;
}
#footer #FooterExpoPhoto {
	border-left:1px solid #333333;  /* gris comme border centre page*/
	padding-left:10px;
}
/* /// FIN FOOTER /// */

/*  //////////////// POUR LIEN de la PAGE ACTIVE //////////////// */
#Paccueil #Lienaccueil a{
	color:#FF9900;
}
#Pphoto #Lienphoto a{
	color:#FF9900;
}
#Pvideo #Lienvideo a{
	color:#FF9900;
}
#PLiens #LienLiens a{
	color:#FF9900;
}
#Peducomedia #Lieneducomedia a{
	color:#FF9900;
}
#PsiteWeb #LiensiteWeb a{
	color:#FF9900;
}
#Pcv #Liencv a{
	color:#FF9900;
}
#Pcontact #Liencontact a{
	color:#FF9900;
}
#PmentionsLegales #MentionsLegales a{
	color:#FF9900;
}
#Pexpo #FooterExpoPhoto a{
	color:#FF9900;
}
#PprojectionFestival #FooterProjection a{
	color:#FF9900;
}
#Pbiographie #FooterBiographie a{
	color:#FF9900;
}
/*  //////////////// FIN de POUR LIEN de la PAGE ACTIVE //////////////// */

/*  //////////////// POUR TOUTES les PAGES ////////////////////// */
body {
	background-color: #000000;  /* noir */
	line-height: 2;
	font-family:"Trebuchet MS", arial, helvetica,sans-serif ;
}
body p{
	color: #9F9F9F;  /* gris */
	font-size:12px;
}	
body a{
	text-decoration:none;
}
.centrePageDefini {
	margin-top:20px;
	width:950px;
	height:620px;
	border:1px solid #333333; /* gris foncé */
	position:relative;
	left:50%;
	margin-left:-475px;
	background:url(../image/fondtitre1.png) no-repeat;
}
.centrePage {
	margin-top:20px;
	width:950px;
	border:1px solid #333333; /* gris foncé */
	position:relative;
	left:50%;
	margin-left:-475px;
	background:url(../image/fondtitre1.png) no-repeat;
}
.fondMarronDefini {
	background-color:#1C1C1C;
	height:470px;
	width:870px;
	margin-left:40px;
	margin-top:20px;
}
.fondMarron {
	background-color:#1C1C1C;
	width:870px;
	margin-left:40px;
	margin-top:20px;
	padding-bottom:20px;
	height:auto;
	margin-bottom:40px;
}
.fondMarronDiaporama {
	background-color:#1C1C1C;
	width:870px;
	margin-left:40px;
	margin-top:20px;
	padding-bottom:0px;
	height:auto;
	margin-bottom:5px;
}
#AvecLienRetourPageEnBas { /* fondMarron pour les pages avec un lien retour dessous Pour rectifier:margin-bottom:40px;de .fondMarron + lien=trop de margin*/
	margin-bottom:5px;
}
.textePhotoEtVideo {
	text-align:center;
	padding-top:20px;
}
.titrePagesExpoEtFestival {
	font-size:20px;
	font-variant:small-caps;
	letter-spacing:3px;
}
#photographe {
	display:none;
	padding-right:0;
	padding-left:0;
}
#montpellier {
	display:none;
	padding-right:0;
	padding-left:0;
}
@font-face{
	font-family: 'TrueCrimesRegular';
	src: url(../typo/True-Crimes-fontfacekit/true-crimes.eot);
	src: local('True Crimes'), local('TrueCrimes'), 
		url(../typo/True-Crimes-fontfacekit/true-crimes.woff) format('woff'), 
		url(../typo/True-Crimes-fontfacekit/true-crimes.ttf) format('truetype'), 
		url(../typo/True-Crimes-fontfacekit/true-crimes.svg#TrueCrimes) format('svg');
}
h1.fontface {font: 25px 'TrueCrimesRegular', "Trebuchet MS", arial, helvetica,sans-serif ;}
h1.fontface { margin-top:23px; margin-bottom:13px;}
h1 {
	color: #CF7E00;  /* orange */
	font-size:22px;
	font-variant:small-caps;
	letter-spacing:6px; 
	word-spacing:5px;
	margin-left:20px;
	margin-top:10px;
}
h2 {
	font-size:13px;
	display: inline;
	color:#CF7E00;  /* orange */
}
h3{
	color: #CF7E00;  /* orange */
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px; 
	margin-left:20px;
	padding-top:10px;
	padding-bottom:5px;
	height:20px;
}
h4 {
	color: #9F9F9F;  /* gris */
	font-size:13px;
	margin-left:20px;
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
}
h5 {
	color: #9F9F9F;  /* gris */
	font-size:13px;
	margin-left:20px;
	height:16px;
}
/* //  pour DIAPORAMAS // */
.titreDiaporamaEtFilm {
	float:left;
	width:auto;
	margin-right:20px;
}
.diaporamaEtFilm {
	padding-top:33px;
}
#infosPhotosEtFilms{
	padding-top:14px;
}
/* //  FIN de pour DIAPORAMAS // */
.slideshow {   /* //  DIAPORAMA pour PHOTOS et FILM GHOSTFACTORY // */
	background-color:#1C1C1C;
	padding-top:50px;
	padding-bottom:0px;
	padding-left:180px;
}
.petitePhotoOeilLien{  /* //  PETITE PHOTO OEIL pour LIEN vers pages : EXPO, PROJECTION, CV, CONTACT // */
	background-image: url(../image/oeilVero1.jpg) ;
	width:32px;
	height:32px;
	margin-left:20px;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#1C1C1C;
}
.petitePhotoOeilLien:hover{
	background-image: url(../image/oeilVero2.jpg) ;
}
h3.lien {
	padding-left:5px;
}
.LienversPage {
	display:block;
	margin-left:782px;
}
.LienversPage img{
	margin-right:0;
	background-color:#000000; /* noir */
}
.LienversPage a{
	color:#9F9F9F; 
	font-size:13px;
	padding-left:0px;
	display:inline;
}
.LienversPage :link{
	color: #9F9F9F;  /* gris */
}
.LienversPage :visited{
	color: #9F9F9F;  /* gris */
	list-style-type:none;
}
.LienversPage :hover{
	color: #FF9900;	 /* orange vif */
}
.LienversPage :active{
	color:white;
	list-style-type:none;
}
#LienversPageCollectionsPhoto1{
	margin-left:752px;
}
#LienversPageCollectionsPhoto2{
	margin-left:752px;
}
#LienversPageCollectionsPhoto3{
	margin-left:752px;
}
#LienversPageAlbumsPhoto1{
	margin-left:772px;
}
#LienversPageAlbumsPhoto2{
	margin-left:772px;
}
#LienversPageAlbumsPhoto3{
	margin-left:772px;
}
#LienversPageAlbumsPhoto4{
	margin-left:772px;
}
#LienversPageAlbumsPhoto5{
	margin-left:772px;
}
#LienversPageAlbumsPhoto6{
	margin-left:772px;
}
#LienversPagePhotomontages1{
	margin-left:760px;
}
#LienversPagePhotomontages2{
	margin-left:760px;
}
#LienversPageStylisme {
	margin-left:763px;
}
#LienversPageStylisme2 {
	margin-left:763px;
}
#LienversHautPage{
	margin-left:730px;
	display:block;
}
 #LienversHautPage img{
	background-color:#1C1C1C;
}
#LienversHautPage1{
	margin-left:730px;
}
 #LienversHautPage1 img{
	background-color:#1C1C1C;
}
#LienversHautPage2{
	margin-left:730px;
}
 #LienversHautPage2 img{
	background-color:#1C1C1C;
}
#LienversHautPage3{
	margin-left:750px;
	margin-top:15px;
	
}
 #LienversHautPage3 img{
	background-color:#1C1C1C;
}
#LienversHautPage4{
	margin-left:730px;
}
 #LienversHautPage4 img{
	background-color:#1C1C1C;
}
#LienversHautPage5{
	margin-left:730px;
}
 #LienversHautPage5 img{
	background-color:#1C1C1C;
}
/* //////Pour P Photo index et video index////////  */
		.thumbnailWrapper { width:786px; margin-left:40px; margin-top:30px; } /* not important */
		
		.thumbnailWrapper ul { 
			list-style-type: none; /* remove the default style for list items (the circles) */ 
			margin:0px; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li { 
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
			margin-right:30px;
			margin-left:30px;
			margin-bottom:30px;
		}
		.thumbnailWrapper ul li a img { 
			width:200px; /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; 
			
		}
		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background:#1C1C1C;
			
			opacity:0.9;
		}
		.caption .captionInside{
			/* just styling */
			padding:10px;
			margin:0px;
			color:#CF7E00;
			font-weight:bold;
		}
		.clear { clear:both; } /* to clear the float after the last item */
/* //////////////////////////////  */
/* Pour empecher le hover/border sur les images flêches diaporama php  */
#Pphoto #diaporamaCarteDeVoeux table img { 
	border:0;
}
#Pphoto #PhotoRomanphoto table img {
	border:0;
}
#Pphoto #diaporamaPhotomontage table img {
	border:0;
}
#Pphoto #diaporamaCalendrier table img {
	border:0;
}
/* //////////////////////////////  */

/* FIN de POUR TOUTES les PAGES ////////////////////// */

/* ////////////////POUR PAGE ACCUEIL ///////////// */
#AccueilIntroduction {
	padding-top:23px;
}
#divTexteAccueil {
	margin-top:18px;
	margin-left:10px;
	margin-right:50px;
}
#titreDemarcheArtistique {
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px; 
}
#imageAccueil {
	float:left;
	width:490px;
	padding-left:35px;
	padding-top:30px;
	background-color:#1C1C1C; /* idem div-fondMarron */
}
#Paccueil .slideshow {
	height: 363px; 
	width: 454px; 
	margin: 0;
	padding:0;
	background-color: #000000; 
}
#Paccueil .slideshow img { 
	height: 363px; 
	width: 454px; 
	padding: 0; 
	border: 0; 
	background-color: #000000; 
	display: none;
}
#Paccueil .slideshow img.first { 
	display: block;
}
#texteAccueil {
	color: #9F9F9F;  /* gris */
	font-size:13px;
	font-weight:normal;
	padding-top:28px;
	line-height: 130%;
	text-indent:28px;
}
#texteAccueil a{
	font-size:13px;
	font-weight:normal;
	padding-top:28px;
	line-height: 130%;
	text-indent:28px;
	text-decoration:none;
}
#texteAccueil a:link{
	color: #CF7E00;	 /* orange */
}
#texteAccueil a:visited{
	color: #CF7E00;	 /* orange */
}
#texteAccueil a:hover{
	color: #9F9F9F;  /* gris */
}
#texteAccueil a:active{
	color:white;
}
/* FIN de PAGE ACCUEIL ///////////// */

/* /////// POUR PAGE PHOTO et video INDEX///////////// */
.titrePage {
	color:#CF7E00;
	font-size:16px;
	font-variant:small-caps;
	letter-spacing:3px;
	padding-bottom:15px;
	padding-top:0;
	margin-top:0;
}
.photoIndex  {
	padding-top:10px;
}
.photoIndex  h2{
	margin-left:20px;
}
.photoIndex  p{
	padding-left:20px;
	padding-top:150px;
	letter-spacing:3px;
}
.photoIndex a:link{
	color: #CF7E00; /* orange */
}
.photoIndex a:visited {
	color: #CF7E00; /* orange */
}
.photoIndex a:hover {
	color: #FF9900;	 /* orange vif */
}
.photoIndex a:active {
	color:#ffffff;  /* blanc */
}
/* FIN de PAGE PHOTO et video INDEX ///////////// */

/* /////// POUR PAGE COLLECTIONS PHOTO ///////////// */
#LienversPageExpo {
	padding-left:50px;
}
#LienversPageExpo h3{
	display:inline;
}
#LienversPageExpo a:link h3{
	color: #CF7E00; /* orange */
}
#LienversPageExpo a:visited h3{
	color: #CF7E00; /* orange */
}
#LienversPageExpo a:hover h3{
	color: #FF9900;	 /* orange vif */
}
#LienversPageExpo a:active h3{
	color:#ffffff;  /* blanc */
}
/* /////// FIN de PAGE COLLECTIONS PHOTO //////// */	

/* /////// POUR PAGE ROMANPHOTO ///////////// */
#PhotoRomanphoto h2 {
	margin-left:20px;
}
/* /////// FIN de PAGE ROMANPHOTO ///////////// */

/* /////// POUR PAGE EXPOSITION ///////////// */
#titrePhotoExposition {
	height:20px;
	margin-bottom:10px;
	margin-left:0px;
	padding-bottom:8px;
	width:557px;
}
#listeExpoPhoto {
	color: #9F9F9F;  /* gris */
	font-size:12px;
	padding-left:40px;
	padding-top:10px;
}
#listeExpoPhoto h3{
	margin-left:0px;
	padding-top:1px;
	padding-bottom:5px;
}
#listeExpoPhoto h4{
	margin-left:0px;
	padding-top:1px;
}
#listeExpoPhoto h5{
	color:#ffffff;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:12px;
	letter-spacing:3px;
}
#listeExpoPhoto .evenement{
	letter-spacing:0;
	color:#E6E6E6;  /* gris trés clair */
}
#listeExpoPhoto li {
	list-style-type:square;
	color: #CF7E00;  /* orange */
}
#listeExpoPhoto ul{
	padding-left:15px;
	padding-top:5px;
}
.SousrubriquePhoto {
	color:#ffffff;  /* blanc */
	font-size:15px;
	letter-spacing:6px; 
	word-spacing:3px;
	font-variant:small-caps;
	padding-bottom:0px;
	padding-top:10px;
	margin-left:0px;
}
/* FIN de PAGE EXPOSITION ///////////// */

/* POUR de PAGE VIDEO INDEX///////////// */
#LienversPageprojection-festival {
	padding-left:50px;
}
#LienversPageprojection-festival h3{
	display:inline;
}
/* FIN de PAGE VIDEO ///////////// */

/* //////////////// POUR PAGES VIDEO Films ///////////// */
.LecteurVideo {
	padding-top:20px;
	margin-left:102px;
	background-color:#1C1C1C;
}
.LecteurVideo2 {
	padding-top:20px;
	margin-left:124px;
	background-color:#1C1C1C;
}
#filmGhostFactory p{
	padding-bottom:10px;
	padding-left:0;
}
/* FIN POUR PAGES VIDEO Films ///////////// */

/* //////////////// POUR PAGE PROJECTION/FESTIVAL ///////////// */
#PprojectionFestival p{
	line-height:1.4;
	margin-top:2px;
}
#titreVideoProjectionsFestivals {
	margin-left:20px;
	padding-left:0px;
}
#projectionFilms {
	padding-left:20px;
	height:680px;
	padding-top:10px;
	height:740px;
}
#projectionFilms p{
	padding-bottom:3px;
	padding-top:0px;
}
#projectionFilms h4{
	color:#E6E6E6;  /* gris trés clair */
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:12px;
}
#titreProjectionLaCaptive {
	color: #CF7E00;  /* orange */
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px; 
	margin-left:0px;
	padding-top:20px;
	padding-bottom:15px;
}
#projectionFilmLaCaptive {
	float:left;
	color: #9F9F9F;  /* gris */
	font-size:12px;
	padding-left:20px;
	width:350px;
}
#projectionFilmLaCaptive ul{
	padding-left:15px;
}
#projectionFilmLaCaptive li {
	list-style-type:square;
	color: #CF7E00;  /* orange */
}
#projectionFilmLaCaptive p{
	color: #9F9F9F;  /* gris */
}
#titreProjectionLeMirroir {
	color: #CF7E00;  /* orange */
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px; 
	margin-left:0px;
	padding-top:20px;
	margin-left:-8px;
	padding-bottom:15px;
}
#projectionFilmLeMirroir {
	color: #9F9F9F;  /* gris */
	font-size:12px;
	margin-left:470px;
	margin-right:30px;
}
#projectionFilmLeMirroir ul{
	padding-left:5px;
}
#projectionFilmLeMirroir li {
	list-style-type:square;
	color: #CF7E00; /* orange */
}
#projectionFilmLeMirroir p{
	color: #9F9F9F;  /* gris */
}
.TitreFestival {
	color:white;
}
/* FIN de PAGE PROJECTION/FESTIVAL ///////////// */

/* ////////////// POUR PAGE EDUCOMEDIA //////// */
#Peducomedia #accordion a {
	color:#FFFFFF; /* blanc */
}
#Peducomedia #accordion a:link{
	color:#FFFFFF; /* blanc */
}
#Peducomedia #accordion a:visited{
	color:#FFFFFF; /* blanc */
}
#Peducomedia #accordion a:hover{
	color: #CF7E00;	 /* orange */
}
#Peducomedia #accordion  a:active{
	color: #9F9F9F;  /* gris */
}
#Educomedia {
	color: #9F9F9F;  /* gris */
	font-size:13px;
	font-weight:normal;
	padding-top:28px;
	line-height: 140%;
	padding-left:30px;
	padding-right:30px;
}
#flyerEducationAuxMedias2 {
	padding-left:108px;
}
.titreEducomedia {
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px;
}
.SousTitreEducomedia {
	letter-spacing:0px;
	color:#E6E6E6;
	list-style-type:square;
}
#EducomediaCahierDesCharges {
	margin-left:48px;
}
#Educomedia li{
	list-style-type:square;
}
#Educomedia ul{
	margin-left:60px;
}
#Educomedia p{
	font-size:13px;
}
#Educomedia a{
	font-size:13px;
	font-weight:normal;
	padding-top:28px;
	text-decoration:none;
	text-align:right;
}
#Educomedia a:link{
	color: #CF7E00;	 /* orange */
}
#Educomedia a:visited{
	color: #CF7E00;	 /* orange */
}
#Educomedia a:hover{
	color: #9F9F9F;  /* gris */
}
#Educomedia a:active{
	color:white;
}
.listePuce {
	color:#CF7E00;
	list-style-type:square;
}
.texteEducomediaBlanc {
	color:#E6E6E6;
}
.texteEducomediaGris {
	color: #9F9F9F;  /* gris */
}
	/* ACCORDEON idem que pour P CV*/

/* ////////////// FIN de PAGE EDUCOMEDIA ////// */

/* //////////////// POUR PAGE SITES WEB ///////////// */
#sites{
	padding-top:10px;
	margin-left:20px;
}
#sites p {
	text-align:center;
}
#site1 {
	float:left;
	margin-right:20px;
	margin-top:20px;
}
#site2 {
	margin-top:20px;
}
#sites img {
	border:1px solid  #1C1C1C;	 /* marron */
}
#sites img:hover {
	border:1px solid  #FF9900;	 /* orange vif */
}
#LienversPageSitesWeb {
	margin-left:735px;
	margin-top:50px;
}
/* //////////////// FIN de PAGE SITES WEB ///////////// */

/* //////////////// POUR PAGE CV ///////////// */
#cv {
	color: #9F9F9F;  /* gris */
	font-size:12px;
	margin-left:150px;
	padding-top:20px;
	line-height:140%;
	width:600px;
}
#imprimer {
	width:740px;
	float:right;
	margin-top:-35px;
}
#imprimer a{
	color:#FFFFFF;	
}
#imprimer a:hover{
	color: #FF9900;	 /* orange vif */
}
#imprimer a:active{
	color: #FF9900;	 /* orange vif */
}
#imprimer img{
	margin-top:-2px;
	float:left;
	padding-right:5px;
}
	/* ACCORDEON */
	h3.toggler  {
		height:10px;
		background-color: #2F2C2C; /* marron clair */
		color: #CF7E00; /* orange */
		font-size:18px;
		letter-spacing:3px; 
		word-spacing:3px;
		font-variant:small-caps;
		cursor: pointer;
		margin: 3px 0 0 0;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:15px;
	}
	h3.toggler:hover  {
		background-color: #4F4A4A;  /* marron clair */
	}
	h3.toggler img{
		padding-right:5px;
	}
	/* FIN ACCORDEON  */

.SousrubriqueCV {
	color:#CF7E00;  /* orange */
	font-size:15px;
	letter-spacing:3px; 
	word-spacing:3px;
	font-variant:small-caps;
	padding-bottom:5px;
	padding-top:0px;
	margin-left:0px;
	line-height:120%;
}
.sousRubrique{
	margin-top:5px;
}
.Sousrubrique2CV {
	color: #9F9F9F;  /* gris */
	font-size:14px;
	letter-spacing:3px; 
	word-spacing:3px;
	padding-bottom:0px;
	padding-top:0px;
	margin-left:0px;
	line-height:140%;
}
#LienversPageBiographie {
	padding-left:0px;
}
#LienversPageBiographie h3{
	display:inline;
}
#LienversPageBiographie h3 a:link {
	color: #CF7E00; /* orange */
}
#LienversPageBiographie h3 a:visited {
	color: #CF7E00; /* orange */
}
#LienversPageBiographie h3 a:hover {
	color: #FF9900;	 /* orange vif */
}
#LienversPageBiographie h3 a:active {
	color:#ffffff;  /* blanc */
}
/* //////////////// POUR PAGE BIOGRAPHIE ///////////// */
#texteBiographie {
	padding-top:40px;
	padding-left:150px;
	padding-right:50px;
}
#texteBiographie p{
	padding-bottom:15px;
}
#texteBiographie #dernierParagrapheBio {
	padding-bottom:0;
}
/*  FIN de PAGE BIOGRAPHIE///////////// */

/* //////////////// POUR PAGE LIENS ///////////// */
#LiensAmis img {
	padding-left:20px;
	padding-top:20px;
}
#LiensAmis p {
	display:inline;
	font-size:13px;
	letter-spacing:2px;
	margin-left:20px;
	padding-bottom:5px;
	padding-top:10px;
	word-spacing:5px;
}
#LiensAmis ul{
	margin-left:60px;
	border:1px solid #333333; /* gris foncé */
	width:400px;
}
#LiensAmis h2 {   /* ///NOM des CATEGORIES//// */
	font-size:15px;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:60px;
}
#LiensAmis h3 {  /* ///NOM des AMIS//// */
	color:white;
	font-size:13px;
	font-variant:normal;
	letter-spacing:3px;
	word-spacing:5px;
	padding-left:0px;
}
#Pliens li a{
	display:inline;
}
#Pliens h3{
	display:inline;
	padding-top:0;
	padding-bottom:0;
}
#LiensAmis a:link{
	color:#ffffff;  /* blanc */
}
#LiensAmis a:visited{
	color: #9F9F9F;  /* gris */
}
#LiensAmis a:hover{
	color: #FF9900;	 /* orange vif */
}
#LiensAmis a:active{
	color: #FF9900;	 /* orange vif */
}
/* FIN de PAGE PAGE LIENS ///////////// */

/* //////////////// POUR PAGE CONTACT ///////////// */
#photo-vero {
	margin-top:50px;
	height:123px;
	padding:0;
	margin:0;
	background-color:#1C1C1C; /* idem div-fondMarron */
}
#InfoFormulaire {
			margin-left:170px;
			margin-top:25px;
			margin-bottom:114px;
}
#InfoFormulaire #PourTsRenseignements {
	color: #CF7E00; /* orange */
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:4px;
	padding-left:0px;
}
#InfoFormulaire #PourTsRenseignements2 {
	color: #CF7E00; /* orange */
	font-size:14px;
	margin-top:10px;
	font-weight:bold;
	letter-spacing:4px;
	padding-left:0px;
}
#InfoFormulaire p{
			color: #9F9F9F;  /* gris */
			font-size:14px;
			padding-left:140px;
}
#InfoFormulaire a{
	display:inline;	
	color: #CF7E00; /* orange */
}
#InfoFormulaire a:link {
	color: #CF7E00; /* orange */
}
#InfoFormulairea:visited {  
	color: #CF7E00; /* orange */
}
#InfoFormulaire a:hover {   
	color: #FF9900;	 /* orange vif */
}
#InfoFormulaire a:active {  
	color:#ffffff;  /* blanc */
}
/* FIN de PAGE CONTACT ///////////// */
/* ////////////////POUR PAGE CONTACT FORMULAIRE///////////// */
#introFormulaire p{
			color: #9F9F9F;  /* gris */
			font-weight:bold;
			font-variant:small-caps;
			letter-spacing :4px;
			margin-left:225px;
			font-size:14px;
			padding-top:10px;
			padding-bottom:5px;
} 
		legend {
			font-size:13px;	
			font-weight:bold;
			color:#FD9228;
			letter-spacing:2px;
		}
		input {
			height:18px;
			margin-bottom:10px;
			
		}
		#email{
			margin-right:0px;
		}
		#message{
			margin-right:0px;
		}
		#formulaire  #Envoyer p {
			color:#FFFFFF;
			font-size:12px;
			font-style:italic;	
			text-align:center;
		}
		.focus {
			background-color:#FFEBCF;
		}
		#formulaire {
			background-color:#3F3B3B;
			width:650px;
			margin-top:10px;
			padding-top:15px;
			padding-bottom:13px;
			padding-right:0px;
			padding-left:25px;
			margin-left:95px;
			border:1px solid #CF7E00;
		}
		#formulaire table {
			margin-top:10px;
			margin-bottom:10px;	
		}
		#corpFormCoordonnees {
			width:600px;
		}
		#corpFormCoordonnees  label{
			float:left;
			line-height:2.6;
			font-size:12px;
			margin-left:0px;
			padding:0 0.5em 0 0;
			text-align:right;
			height:20px;
			width:65px;
			color:#FFFFFF;
		}
		.pointInterrogation img {
			border:0 none;
			margin:0;
			padding:0;
		}
		#message {
			float:left;
			width:400px;

		}
		#message textarea {
			width:387px;
			height:65px;
			margin-top:10px;
			margin-left:15px;
		}
		#boutonpiedForm {
			font-size:12px;
			color:#CF7926;
			font-weight:bold;
			padding-left:1px;
			padding-right:1px;
			margin-left:80px;
			margin-top:71px;
			margin-bottom:10px;
			padding-bottom:2px;
			height:25px;
			width:70px;	
			margin-right:0px;
		}		
		echo {
			color:#FFFFFF;
		}
/* FIN de POUR PAGE CONTACT FORMULAIRE ////////////////////// */

/* /////////POUR PAGE MENTIONS LEGALES///////////// */
#MentionsLegalesTexte {
	font-size:13px;
	color:#9F9F9F;
	padding-left:40px;
	padding-right:40px;
}
#Avertissement {
	font-size:14px;
	padding-left:0;
}
#MentionsLegalesTexte p{
	padding-left:40px;
	padding-right:30px;
}
#MentionsLegalesTexte a{
	color:#FFFFFF;
}
#MentionsLegalesTexte a:link{
	color:#ffffff;  /* blanc */
}
#MentionsLegalesTexte a:visited{
	color:#ffffff;  /* blanc */
}
#MentionsLegalesTexte a:hover{
	color: #FF9900;	 /* orange vif */
}
#MentionsLegalesTexte a:active{
	color: #9F9F9F;  /* gris */
}
#MentionsLegalesTexte h4{
	padding-bottom:10px;
	color: #9F9595;
	font-size:15px;
}
/* FIN de POUR PAGE MENTIONS LEGALES ////////////////////// */