/* Thomas Antier for Christian Tissier */

/* --- SELECTORS --- */

* {
	margin: 0;
	padding: 0;	
	font-family: Arial, Helvetica, sans-serif;
}

body {
	text-align:center;
	background: #fff;
	background-image: url(../images/bg/ChristianTissierBackground.jpg);
	background-repeat: repeat-x; 
	font-size: 11px
}

li{
	list-style: none
}

img{
	border: 0;
}

table{
	cellpadding: 0;
	cellspacing: 0;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ecb91c;
	padding: 0 0 0 30px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ecb91c;
	margin: 0 0 10px 0;
}


#ContainerShadow {
	margin: 0 auto;
	width: 955px;
}

#ContainerShadowTop {
	background-image:url(../images/bg/ChristianTissierHeaderShad.jpg);
	background-repeat:no-repeat;
	height: 83px;
}

#ContainerShadowMiddle {
	background-image:url(../images/bg/ChristianTissierContentShad.png);
	background-repeat:repeat-y;
}

#ContainerShadowBottom {
	background-image:url(../images/bg/ChristianTissierFooterShad.jpg);
	background-repeat:no-repeat;
	height: 8px;
}

#Container {
	margin: 0 auto;
	text-align:left;
	width: 937px;
	background: #fff
}

#PushBottom {
	background-image:url(../images/bg/ChristianTissierPushBot.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color: #9a9999;
}

#PushBottomContent {
	padding: 15px 0 10px 0;
	margin: 0 30px 0px 30px; 
}

#PushBottom li{
	margin: 0 0 0 20px;
	color: #9a9999;
	list-style-image:url(../images/puces/PucePushBotton.gif);	
}

#PushBottom li a { 
	text-decoration: none; 
	color:#9a9999;
}

#PushBottom li a:hover{  
	color:#373b47;
}

#PushFluxRss {
	background-image:url(../images/pict/PictFluxRss.png);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	font-size: 12px;	
}

/* --- STRUCTURE --- */

/* HEADER */

#header {
	background-image: url(../images/bg/ChristianTissierHeader.jpg);
	background-repeat:repeat-x;
	height: 83px;
}

#headerLogo {
	float : left;
	margin: 0 0 0 9px;
}

#headerepub {
	height: 68px;
	margin: 6px 9px 0 0;
	float: right;
}

/*
#header p{
	background-image: url(../images/common/header_temp.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 78px;
}
*/
/* CONTENT */

#content h1 {
	margin-left: 30px;
	font-size: 20px;
	color: #ecb91c;
	letter-spacing: 1px;
}

#content h2 {
	font-size: 14px;
	color: #ecb91c;
}

#content h3 {
	font-size: 12px;
	color: #ecb91c;
	margin: 5px 30px 0 30px;
}

#content p {
	background-color: #fff;
	margin: 0;
	padding: 0 0 10px 0;
}

#content table {
	border: 0;
	padding: 0 0 0 10px;
	text-align: center
}

.linktemp {
		padding: 0 0 0 20px;
		text-align: center
	}

/* Cercle Tissier */

#blocleftct {
	float: left;
	width: 700px;
	margin: 0 0 10px 15px;
}

#blocleftct table {
	text-align: center;
}

#blocrightct {
	margin-left: 237px;
	height: 530px;
}

#blocrightct li {
	padding-left: 50px;
}

/* Portrait */

#blocleftp {
	float: left;
	width: 420px;
	margin-left: 10px;
	text-align: justify;
}

#blocrightp {
	margin-left: 480px;
	width: 420px;
	height: 1120px;
	text-align: justify;
}

.imagesportrait {
	text-align: center;
	color: #787878;
	font-style: italic;	
}

.portraitref {
	text-align: center;
}

/* Stages */

#contentstage {
	margin: 0 30px;
}

#contentstage h2 {
	width: 100%;
	background: #e0e0e0;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	margin: 10px 0 5px 0;
}

#contentstage h3 {
	margin: 10px 0 0 0;
}

#contentstage li {
	margin-left: 15px;
	list-style: circle;
}

#blocleftcontentstage {
	float: left;	
	width: 292px
}

#bloccentercontentstage {
	margin: 0 0 0 292px;	
	height: 130px;
}

.stageannule {
	text-decoration: line-through;
}

.stageannule2 {
	color: #CC3333;
	font-size: 10px;
}

#blocrightcontentstage {
	float: right;
	width: 292px
}

/* Articles */

#articles {
	width: 937px;
	margin: 30px;
}

#articlesContentLeft {
	float: left;
	width: 439px;
}

#articlesContentRight {
	float: left;
	width: 438px;
	/*margin: 0 30px 0 15px;*/
}

#article1 {
	float: left;
	width: 100px;
}

#article2 {
	margin-left: 200px;
	height: 102px;
	line-height: 20px;
}

#article h2 {
	margin: 20px 30px 5px 30px;
	text-align: justify;
}

#article p {
	margin: 0 30px;
	text-align: justify;
}

#article li {
	margin: 0 30px;
}

.articletitle {
	color: #ecb91c;
	font-size: 14px;
	font-weight: bold;
}

.articletitlei {
	color: #787878;
	font-style: italic;
}

/* Produits */

#produits {
	margin-left: 30px
}

#produit1 {
	float: left;
	width: 210px;
}

#produit2 {
	margin-left: 210px;
	height: 179px;
	line-height: 20px;
}

/* LIENS */

#contentliens li {
	margin-left: 30px;
	padding-bottom: 10px;
}

/* NAVBAR */

#navbar {
	padding-left: 0;
	margin-left: 0;
	background-image: url(../images/bg/ChristianTissierNavBar.jpg);
	background-repeat: repeat-x;
	color: White;
	float: left;
	width: 100%;
	height: 22px;
}

#navbar li {
	display: inline;
}

#navbar li a { 
	padding: 0.3em 0.5em;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#fff;
	width: 78px;
	height: 22px;
}

#navbar li a:hover{  
	color:#373b47;
	background-image:url(../images/bg/ChristianTissierNavBarOver.jpg);
	background-repeat:repeat-x;
}

#navbar li a#current {
	color:#373b47;
	background-image:url(../images/bg/ChristianTissierNavBarSel.jpg);
	background-repeat:repeat-x;
}

/* VIDEOS LIENS */

#videolink1 {
	padding-left: 0;
	margin-left: 0;
	background-color: #373b47;
	color: White;
	float: left;
	width: 100%;
}

#videolink1 li {
	display: inline;
}

#videolink1 li a { 
	padding: 0.3em 0.5em;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#fff;
	background-color: #373b47;
	width: 80px;
}

#videolink1 li a:hover{  
	color:#373b47;
	background-color: #fff;
}

#videolink1 li a#current {
	color:#373b47;
	background-color: #fff;
	background-image:
}

/* FOOTER */

#navfooter {
	background-color: #d2d2d2;
	color:#9e9d9d;
	width: 937px;
	font-size: 10px;
	height: 15px;
	text-align:center;
}

#navfooter a { 
	text-decoration: none; 
	color:#808080;
}

#navfooter a:hover{ 
	color:#373b47;
}

#mentions{
	text-align: center;
		color:#808080;
}

#mentions li {
	display: inline;
}

#mentions li a { 
	text-decoration: none; 
	color:#808080;
}

#mentions li a:hover { 
	color:#373b47;
}

#footer p{
	background-image: url(../images/common/pic_pdp_01.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 60px;
}

/* TEMP*/

/* NAVBAR2 */

#navbar2 {
	padding-left: 0;
	margin-left: 0;
	background-color: #373b47;
	color: White;
	float: left;
	width: 100%;
}

#navbar2 li {
	display: inline;
}

#navbar2 li a { 
	padding: 0.3em 0.5em;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#fff;
	background-color: #373b47;
	width: 60px;
}

#navbar2 li a:hover{  
	color:#373b47;
	background-color: #fff;
}

#navbar2 li a#current {
	color:#373b47;
	background-color: #f9f4f4;
}

/* NAVBAR3 */

#navbar3 {
	padding-left: 0;
	margin-left: 0;
	background-color: #f9f4f4;
	color: #373b47;
	float: left;
	width: 100%;
}

#navbar3 li {
	display: inline;
}

#navbar3 li a { 
	padding: 0.3em 0.5em;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#373b47;
	width: 100px;
}

#navbar3 li a:hover{  
	color:#373b47;
	text-decoration: underline;
}

#navbar3 li a#current {
	color:#373b47;
	font-weight: bold;
	text-decoration:underline;
	
}

/* --- VIDEO --- */
#video {
	text-align:center	
}

/* PUSH */

/* NEWS */

#news {
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#newsLeft {
	float: left;
	padding: 10px 0 5px 10px;
}

#newsRight {
	float: right;
	padding: 10px 10px 5px 0;
}

.newsSmallContent {
	width: 263px;
	height: 174px;
	background: url(../images/bg/bgPushSmall.jpg) top left no-repeat;
}

.newsSmallContent p{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 20px;
}

#newsMiddle {
	width: 408px;
	float: left;
	background: #00fff;
}

.newsMiddleTopContent {
	width: 400px;
	height: 233px;
	/*background: url(../images/hpNews/hpNewstop.jpg) top center no-repeat;*/
}

.newsMiddleBottomContent {
	width: 400px;
	height: 112px;
	/*background: url(../images/hpNews/hpNewsStage.jpg) top center no-repeat;*/
}

.newsH2Title {
	font-family: arial;
	font-size: 20px;
	font-weight:bold;
	color: #000;
	padding: 12px 0 0px 12px; 
}

.newsH2Stages {
	font-family: arial;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 15px 0 12px 200px; 
}

.newsH3Title {
	font-family: arial;
	font-size: 12px;
	font-weight:bold;
	color: #8f8d8d;
	text-align: left;
	text-transform: uppercase;
	padding: 8px 0 12px 12px;
}

.newsStagesTxt {
	color: #fff;
	text-align: left;
	font-size: 14px;
	padding: 0 0 12px 200px; 
}

.newsStageLink a {
	font-family: arial;
	color: #fff;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 80px;
}

.newsStageLink a:hover {
	text-decoration: underline;
}

.newsLink a {
	font-family: arial;
	color: #6893ea;
	text-decoration: none;
	padding: 10px 10px;
	background: url(../images/puces/puceBlueLink.png) 11px no-repeat;
	background-position: 0 13px;
	
}

.newsLink a:hover {
	text-decoration: underline;
}

.pressLeft {
	float: left;
	padding: 0 0 0 15px;
}

.pressRight {
	float: right;
	width: 137px;
	text-align: left;
	padding: 0 15px 0 5px;
}

.pressTitle {
	text-align: left;
	padding: 0 5px 10px 15px;
}

.pressLink a {
	font-family: arial;
	color: #000;
	text-decoration: none;
	padding: 0 10px 0 0;
}

.pressLink a:hover {
	text-decoration: underline;
}


/* titre hp zone de push */
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ecb91c;
	margin: 0;
	padding: 0 0 10px 0;
}

.homePushLink2 {
	font-family: arial;
	font-size: 11px;
	height: 17px;
}

.homePushLink2 a {
	color: #6893ea;
	text-decoration: none;
	padding: 10px 10px;
	background: url(../images/puces/puceBlueLink.png) 11px no-repeat;
	background-position: 0 13px;
}

.homePushLink2 a:hover {
	text-decoration: underline;
}

/* Galeries JQuery Lightbox*/

#gallery {
		background-color: #444;
		padding: 0px;
		text-align: center;
	}
#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}

#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }