﻿
body
{
	background-image: url(   '/Images/FondBody.jpg' );
	background-repeat: repeat-y;
	background-color: #212121;
	background-position: center top;
	color: white;
	font-family: Verdana;
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 0px;
}
#page
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -160px;
}
#header
{
	background-image: url(   '/Images/Fond_Entete.jpg' );
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	height: 197px;
	width: 1000px;
}
#General
{
	width: 580px;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	text-align: justify;
	color: #BEBEBE;
}
#General a
{
	font-variant: small-caps;
	color:white;
	text-decoration:none;
	font-family: Tahoma;
	font-size:10pt;
}
#General a:hover
{
	color: red;
}
.LogoVide1
{
	margin-left: 110px;
	width: 380px;
	height: 45px;
	border: none;
}
.LogoVide2
{
	width: 80px;
	height: 90px;
	border: none;
}
.MenuLeft
{
	width: 200;
	vertical-align: top;
	text-align: right;
	padding-top: 10px;
}
.MenuRight
{
	background-position: left 300px;
	padding-left: 10px;
	width: 180px;
	height: 400px;
	vertical-align: top;
	padding-top: 35px;
}
.MenuRight .Image
{
	padding-top: 20px;
}
.Footer
{
	margin-top: 40px;
	text-align: center;
	font-variant: small-caps;
}
.Footer a
{
	color: White;
	text-decoration: none;
}
.Footer a:hover
{
	color: red;
}
h1
{
	color: White;
}
h2
{
	color: White;
	font-size: 12pt;
	margin-top: 30px;
}
.Home
{
	background-position: center 10px;
	background-image: url(   '/Images/Fond_Home.jpg' );
	background-repeat: no-repeat;
	height: 421px;
	padding-left: 44px;
	padding-top: 18px;
}
.Home .Description
{
	color: #3D3D3D;
	text-align: right;
	margin-top: 25px;
	padding-right: 50px;
}
.MessageInfo
{
	text-align: center;
	margin-top: 90px;
	font-weight: bold;
}
/* ----------------------------------------------------------------- */
/*							MENU									 */
/* ----------------------------------------------------------------- */

.MenuSite, .Fil
{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 2px;
	font-variant: small-caps;
}
.MenuItem1
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.MenuItem1, .Fil, .Fil a
{
	color: white;
	text-decoration:none;
}

.MenuHover, .Fil a:hover
{
	color: red;
}
/* ----------------------------------------------------------------- */
/*							Fil										 */
/* ----------------------------------------------------------------- */

.Fil
{
	font-size: 8pt;
	margin-top: 40px;
	margin-bottom:20px;
	text-align:left;
}
.Fil .Sep
{
	color:red;
	font-weight:bold;
}
/* ----------------------------------------------------------------- */
/*							ACTUALITES								 */
/* ----------------------------------------------------------------- */

.News
{
	background-position: left;
	background-image: url(   '/Images/fond_article_m.jpg' );
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 20px;
	width: 550px;
}
.News .Vignette
{
	padding-right: 10px;
}
.News .Titre
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	color: White;
	font-variant: small-caps;
}
.News .BasNews
{
	font-style: italic;
	text-align: right;
}
.News .BasNews .Lien
{
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: Red;
}
.News .BasNews .Lien:hover
{
	color: white;
	text-decoration: underline;
}
.NewsPager td
{
	/*
	padding-top: 10px;
	padding-bottom: 10px;
	border-top:1px white solid;
	border-bottom:1px white solid;
*/
	text-align: right;
	font-weight: bold;
	padding-right:10px;
	color: red;
	font-size:12pt;
}
.NewsPager a
{
	font-size:8pt;
	color: white;
	font-weight: normal;
	text-decoration:none;
}
.NewsPager a:hover
{
	color: red;
}
.NewsPager a:selected
{
	color:Red;
	font-size:12pt;
}
.NewsListePhotos
{
	margin-top: 20px;
	text-align: center;
}
.NewsListePhotos img
{
	margin-top: 10px;
}
.LienFamille
{
	background-position: left;
	background-image: url(   '/Images/fond_article_m.jpg' );
	background-repeat: repeat-y;
	color: red;
	font-size: 12pt;
}
.Liens a
{
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.Liens a:hover
{
	font-weight: bold;
	color: red;
}
.Partenaires
{
	margin-bottom: 50px;
}
.Partenaires td
{
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.Partenaires .Titre
{
	text-align: center;
	height: 30px;
}
.Partenaires .Titre a
{
	font-weight: bold;
	color: White;
	text-decoration: none;
}
.Partenaires a:hover
{
	color: red;
}

.Partenaires .Tel
{
	color: Red;
	text-align: right;
}

.FondEcran
{
	text-align: center;
}
.FondEcran .Taille
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.FondEcran .Taille div
{
	background-position: left;
	background-image: url(   '/Images/fond_article_m.jpg' );
	background-repeat: repeat-y;
	color: white;
	text-align: center;
}
.FondEcran a.Image
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 50px;
}


/* ----------------------------------------------------------------- */
/*							Portfolio								 */
/* ----------------------------------------------------------------- */
.ListeGalerie, .DetailGalerie
{
	background-position: left;
	background-image: url(   '/Images/fond_article_m.jpg' );
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 20px;
	width: 550px;
}
.ListeGalerie td
{
	vertical-align: top;
}
.ListeGalerie .Titre, .DetailGalerie .Titre
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	color: White;
	font-variant: small-caps;
}
.ListeGalerie .Bas, .DetailGalerie .Infos
{
	font-style: italic;
	text-align: right;
	font-size: 8pt;
	vertical-align: bottom;
}
.ListeGalerie .Bas .Lien
{
	text-align: right;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: Red;
}
.ListeGalerie .Bas .Lien:hover
{
	color: white;
	text-decoration: underline;
}

.DetailGalerie .ListePhotos
{
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px white solid;
	margin-left: auto;
	margin-right: auto;
}
.DetailGalerie .ListePhotos img
{
	margin-bottom: -3px;
	cursor: pointer;
}




#FenetreInfo
{
	display: none;
	z-index: 2;
	position: fixed;
	background-color: black;
	width: 600px;
	height: 680px;
	left: 50%;
	top: 50%;
	margin-top: -400px;
	margin-left: -300px;
	border: 1px white solid;
}

#FenetreInfo .ButtonClose a, .ButtonNav a
{
	text-decoration: none;
	color: white;
}
#FenetreInfo .ButtonClose a:hover, .ButtonNav a:hover
{
	color: red;
}
#FenetreInfo iframe
{
	height: 643px;
	width: 100%;
}
#FenetreInfo iframe body
{
	margin-top: 0px;
}
.ButtonNav
{
	font-variant: small-caps;
	width: 600px;
	background-color: #212121;
	margin-top: 20px;
	border-top: 1px white solid;
	padding: 5px;
}
.DetailPhoto
{
	height: 597px;
	width:600px;
	text-align: center;
}
#FenetreInfo .ButtonClose
{
	font-variant: small-caps;
	background-color: #212121;
	cursor: pointer;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px white solid;
}

