@charset "iso-8859-1";

html                                                  { height: 100%; }
body
{ height: 100%;
  margin: 0px;
  padding: 0px 10px;
  background-image: url(../img/bg.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-color:#e3e4e5;
}
div, td, th                                           { box-sizing: content-box; -moz-box-sizing: content-box; }
body, td                                              { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444; }
input.text                                            { height: 15px; }
ul                                                    { margin: 0px; padding: 10px 0px 10px 15px; }
li                                                    { list-style-type: none; }
form                                                  { margin: 0px; padding: 0px; }
img                                                   { border: none; }
h1, h2                                                { margin: 0px; padding: 0px; }
h1													  { font-size: 14px; color: #8b1713; }
h2													  { font-size: 14px;}
h3													  { background-image:url(../img/bandeclaire676x32.png); background-repeat: no-repeat; margin-top: 5px; padding-left: 8px; line-height: 32px; color:#8b1713  }

.rouge {color: #8b1713}
 
.nowrap                                               { white-space: nowrap; }                                                     
.clear                                                { clear:both; }
.clearfix:after                                       { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix                                             { display: inline-block; }
* html .clearfix                                      { height: 1%; } /* Hides from IE-mac \*/

#title                                                { color: #333; }
                                                      
a:link, a:visited                                     { color: #8b1713; text-decoration: none; }
a:hover                                               { text-decoration: underline; }

#supercontainer                                       { width: 100%; height: 100%; text-align: center; }
#container                                            
{ width: 980px;
  height: 100%;
  margin: 0px auto;
  text-align: left;
  position: relative;
/*  background: url(/img/bg.png) no-repeat 0px 10px; */
/*  background-image: url(/img/bg.png);
  background-repeat: no-repeat;
  background-position: 0px 10px; */
}
#header                                               { position: relative; height: 90px; width: 100%; padding-top: 10px; }
#header .picture                                      { float: right; margin: 0px 0px 20px 20px; padding: 1px; border: 1px solid #9d385b; background: url(/img/prune_3.jpg) no-repeat 1px 1px; width: 100px; height: 67px; }
#logo                                                 { float: left; background: none; cursor: pointer; width: 381px; height: 79px; }
#logo a                                               { display: none; }
#baseline                                             { width: 320px; font-size: 14px; color: #666; background: #fff; border: 0px solid #9d385b; position: absolute; left: 564px; top: 72px; }
#baseline div                                         { background: #fff; padding: 15px; border: 1px solid #9d385b; }
/*#menu                                                 { float: left; height: 595px; width: 215px; margin-top: 10px; }*/
#menu                                                 {
	float: left;
	height: 50px;
	width: 920px;
	margin-top: 66px;
	margin-left: 25px;
}
#menu li                                              { font-size: 14px; font-weight: normal ; padding-left: 24px; display: inline; list-style-type: circle;  color: #ffffff;}
#menu li.item-1                                       { padding-left: 0px; }
#menu li.item-2                                       { padding-left: 30px; }
#menu li.item-3                                       { padding-left: 28px; }
#menu li.item-4                                       { padding-left: 32px; }
#menu li.item-5                                       { padding-left: 42px; }
#menu li.item-6                                       { padding-left: 74px; }
#menu li.item-7                                       { padding-left: 80px; }
#menu li.item-8                                       { padding-left: 45px; }
#menu li a,
#menu li a:visited                                    { padding: 2px; color: #ffffff; }
#menu li.selected                                     { list-style-type: circle; }
#menu li.selected a,
#menu li.selected a:visited,
#menu li a:hover                                      { color: #777777; text-decoration: none;}
#menu li:hover                                        { list-style-type: circle; }

/*#content                                              { position: relative; float: left; width: 760px; padding-top: 40px; }*/
#content                                              { position: relative; float: left; width: 936px; margin-top: 28px; margin-left: 22px; }
#content .pink                                        { color: #d25387; }
#content .pink1                                       { color:#e5699c; }
#content .pink2                                       { color:#d25387; }
#content .pink3                                       { color:#c02967; }
#content .pink4                                       { color:#9d385b; }
#content .bkpink                                      { background-color:#d25387}
#content .accroche                                    { background: #8b2a26; color: #fff; padding: 4px 10px; }
#content p                                            { line-height: 17px; }
#content li                                           {
	list-style-type: circle;
	line-height: 20px;
	margin-left: 15px;
}
body.home #content .picture                           { display: none; float: right; margin: 0px 0px 20px 20px; padding: 1px; border: 1px solid #9d385b; background: url(/img/prune_1.jpg) no-repeat 1px 1px; width: 294px; height: 197px; }

#content_left{ float:left }

#footer                                               { position: relative; height: 32px; width: 100%; color: #666; font-size: 11px; margin-left: 36px; margin-top: 20px; padding: 0px; text-align: left; }
#footer .picture                                      { position: absolute; top: -120px; left: 0px; padding: 1px; }

#sidebar											  { width:250px; float:right; padding-left:0px;}
#sidebar h3											  { 
	background-image:url(../img/bandeclaire250x32.png);
	letter-spacing: 1pt;
	word-spacing: 3px;
}
#sidebar ul                                           {	margin: 0px 0px 0px -16px; padding: 0px 0px 0px 22px; border-left:1px solid #DDD }
#sidebar li                                     {
	list-style-type: square;
	line-height: 20px;
	margin-left: 15px;
	list-style-image: url(../img/puce4.png);
	padding-top:10px;
}


/*#home                                                 { position: relative; height: 565px; width: 650px; }*/
#home                                                 { float:left; height: 565px; width: 668px; margin-left: 4px; }
#home .teaser                                         {
	float:right;
	margin-right:-4px;
	padding-top:42px;
	padding-left:36px;
	line-height:18px;
	width:190px;
	height:170px;
	background-image:url(../img/bulle2190x170.png);
	background-repeat: no-repeat;
	background-position: 34px 16px;
	text-align: center;
	font-size: 12px;
	color:#FFFFFF;
}
#home .teaser1                                         {
	float:left;
	margin-left:-14px;
	padding-top:13px;
	padding-left:26px;
	line-height:18px;
	width:350px;
	height:110px;
	background-image:url(../img/bulle-vide300x94.png);
	background-repeat: no-repeat;
	background-position: -10px 0px;
	text-align: left;
	font-style:italic;
	font-size: 12px;
}
#home .content                                        { margin-right: 0px; }
#home .title h3                                       {
	background-image:url(../img/bandeclaire676x32.png);
	margin-left: -8px;
	margin-top:0;
	letter-spacing: 1pt;
	word-spacing: 3px;
}
#home .title p                                       {
	margin-top:0px;
	padding-top:18px;
}
#home .content h3                                     {
	background-image:url(../img/bandefonce676x32.png);
	margin-left: -8px;
	letter-spacing: 1px;
	word-spacing: 3px;
}
#home .content li                                     {
	list-style-type: square;
	line-height: 20px;
	margin-left: 15px;
	list-style-image: url(../img/puce1.png);
}
#home .caption                                        { position: absolute; bottom: 0px;font-size: 11px; }
#home ul                                              { padding: 0px; margin-bottom: 0px; }
#home ul p                                            { margin-top: 10px; padding-top: 0px; }

#who                                                  { float:left; width: 668px; margin-left: 4px; }
#who .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}

#who .team                                            { 
}
#who .team h1                                     {
	margin-top: 30px;
	padding-left : 220px;
	padding-right : 80px;
	padding-top: 2px;
	font-size: 16px;
	color: #8b1713;
}
#who .team h2                                     {
	padding-left : 220px;
	padding-right : 80px;
	padding-top: 2px;
	font-size: 14px;
	color: #8b1713;
}
#who .team p                                     		  {
	margin: 0px;
	padding-left: 220px;
	padding-right : 80px;
}
#who .team ul                                            {
	margin: 0px;
	padding-left : 220px;
	padding-right : 80px;
}
#who .team li                                     		  {
	list-style-type: square;
	line-height: 20px;
	margin-left: 15px;
	list-style-image: url(../img/puce5.png);
}

#who .team a,
#who .team a:visited                                  { font-size: 17px; font-weight: bold; }
#who .team .photo                                     { float: left;}
#who .team .photo img                                 { display: block; margin: 0px auto; margin-bottom: 8px; }
#who .team .video                                     { position: absolute; top: -25px; right: -240px; text-align: right; width: 98%; margin-bottom: 15px; }
#who .team .video a,
#who .team .video a:visited                           { background: #9d385b url(/img/icon/video.png) no-repeat 5px 3px; color: #fff; padding: 4px 6px 4px 33px; line-height: 35px; }
#who .team-member                                     { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 30px; }
#who .team-member ul                                  { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 25px; }
#who .team-member .title                              { font-weight: bold; color: #9d385b; }
#who .team-member .job                                { font-weight: bold; color: #666; }

#contact                                              { float:left; width: 668px; margin-left: 4px; }
#contact .title h1                                    {
	margin-top: 22px;
}
#contact .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}
#contact .content                                     		  {
	padding-left : 20px;
	padding-right : 20px;
}
#contact ul                                           { padding-top: 0px; margin-top: 0px; } 
#contact .privacy                                     {
	margin-top: 30px;
	font-size: 11px;
	border: 1px solid #8b1713;
	margin-left : 20px;
	margin-right : 20px;
	padding-left : 4px;
	padding-right : 4px;
}

/*#contact .content                                     { margin: 15px 0px 0px 15px; padding-left: 20px; border-left: 2px solid #eee; }*/

#values                                               { float:left; width: 668px; margin-left: 4px; }
#values .title                                        { height: 250px;}
#values .title h1                                     {
	margin-top: 22px;
	padding-left : 80px;
	padding-right : 80px;
}
#values .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}
#values .content h3                                     {
	background-image:url(../img/bandepapfonce660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: 56px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}
#values ul                                            {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left : 80px;
	padding-right : 80px;
}
#values li                                     		  {
	list-style-type: square;
	line-height: 20px;
	margin-left: 15px;
	padding-top: 10px;
	list-style-image: url(../img/puce5.png);
}
#values ol                                            { padding: 0px; margin: 3px 0px 3px 25px; }
/*
#values .subtitle                                     { text-decoration: underline; margin: 10px 0px; }
#values ul                                            { margin-bottom: 20px; margin-left: 15px; }
#values li                                            { margin-top: 8px; }
#values .strong                                       { color: #333; }
*/

#blogs                                              { float:left; width: 668px; margin-left: 4px; }
#blogs .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}
#blogs h1                                     {
	margin-top: 22px;
	padding-left : 20px;
	padding-right : 20px;
}
#blogs p                                     		  {
	margin: 0px;
	padding-left : 20px;
	padding-right : 20px;
}
#blogs ul                                             { padding-top: 0px; margin-top: 0px; }

#news .content                                        { margin: 30px 0px 0px 20px; }
#news .col                                            { float: left; width: 300px; margin-right: 20px; }
#news .border                                         { border-right: 3px solid #eee; padding-right: 30px; margin-right: 30px; }
#news .subtitle                                       { font-size: 15px; color: #444; }
#news .subcontent                                     { margin-top: 10px; }
#news .subcontent li                                  { margin-bottom: 10px; }
#news .date                                           { color: #333; }

#pro                                                  { float:left; width: 668px; margin-left: 4px; }
#pro ul                                               { padding: 0px; margin-top: 15px; margin-bottom: 0px; }
#pro li                                       		  {
	list-style-type: square;
	line-height: 20px;
	margin-left: 15px;
	padding-top: 10px;
	list-style-image: url(../img/puce1.png);
}
#pro .title h1                                     {
	margin-top: 22px;
	padding-left : 80px;
	padding-right : 80px;
}
#pro .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -23px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}

#pro table                                            {margin: 20px 0px 0px 0px;}
#pro td                                               { font-size: 12px; font-weight: bold; vertical-align: top; }
#pro td.image                                         { text-align: right; }
#pro td img                                           { padding: 2px; border: 1px solid #9d385b; }

/*#home .title,*/
/*#blogs .title, */
/*#contact .title,*/
/*#person .title,*/
/*#pro .title,*/
/*#who .title,*/
/*#values .title,*/
#news .title,
#witness .title                                       { color: #d25387; font-size: 18px; font-weight: bold; }
#home .title                                          { margin-left: 0px; margin-right: 0px; height:250px; }
#witness .title                                       { margin-bottom: 30px; }
#witness .content                                     { margin: 10px 0px 0px 0px; width: 90%; }
#witness .content li                                  { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

/*.pro                                                  { position: relative; }*/
.pro .title h3                                     {
	background-image:url(../img/bandepapclaire660x66.png);
	background-position: 2px;
	height: 66px;
	margin-left: -19px;
	margin-top: -20px;
	margin-bottom: -24px;
	padding-left: 22px;
	padding-top: 42px;
	letter-spacing: 1pt;
	word-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, "Times New Roman", Times, serif;
}
.pro .title h1                                     {
	margin-top: 22px;
	padding-left : 30px;
	padding-right : 30px;
}
.pro td                                               { vertical-align: top; }
.pro td.books                                         { padding-left: 20px; }
.pro td.books img                                     { float: left; margin-right: 10px; }
/*.pro .title                                           { font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #d25387; }*/ 
.pro .contact                                         { float: right; width: 240px; background: #fff; margin: 50px 0px 15px 35px; }
.pro .contact .photo                                  { float: left; text-align: center; }
.pro .contact .info                                   { float: left; width: 200px; margin: 0px 0px 20px 10px; }
.pro .teaser                                          { background: #9d385b; color: #fff; padding: 4px 10px; font-size: 20px; line-height: 35px; }
.pro .contact p                                       { margin-top: 0px; }
.pro .contact img                                     { display: block; margin-top: -40px; margin-bottom: 10px; padding: 1px;}
.pro .box                                             { padding-top: 20px; width: 640px; }
.pro .box .box-title                                  { font-size: 12px; font-weight: bold; margin-left: 30px;}
.pro .box .content                                    { margin-left: 30px;}
.pro .details                                         { margin-top: 40px; }
.pro .details strong                                  { color: #d25387; }
.pro .details .box                                    { width: 672px; margin-top: 0px; margin-bottom: 35px; }
.pro .details .box .box-title                         { color: #333; font-size: 15px; }
.pro .details .content                                { margin-top: 0px; border-left: 2px solid #eee; padding: 15px; }
.pro .details td.left                                 { width: 45%; padding-right: 35px; }


#newsbox { width: 250px; height: 250px; position: relative; overflow: hidden; }
#newslist { position: absolute; padding: 0; }