/*

	terrafirma1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

*
{
padding: 0px;
margin: 0px;
}

body
{
	font-size: 11px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: #545341;
	line-height: 18px;
	background-color: #D1D1CE;
	/*background-image: url(template/a1.gif);*/
	background-repeat: repeat-x;
}


/*////////Liens hypertext///////*/
a
{
color: #FF7800;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}

p.decaleG
{
margin: 0px 0px 14px 130px;
text-align: justify;
}

.underline
{
text-decoration:underline;
}

ul
{
margin-left:30px;
}

ul.decaleG
{
margin-left:160px;
}

ol
{
margin-left:30px;
}


table
{
border:thin #999999 solid;
border-collapse: collapse;
margin-bottom:5px;
line-height:13px;
}

table.actu
{
border:none;
margin:0px;
line-height: inherit;
}

th
{
color:#FFFFFF;
background-color:#999999;
text-align:center;
padding:5px;
}

td
{
border:thin #999999 solid;
text-align:center;
padding:3px;
}

td.alignG
{
text-align:left;
vertical-align:text-top;
}

td.actu
{
border:none;
text-align:left;
vertical-align:top;
padding: 0px;
}

tr.altern
{
background:#EEEEEE;
}

table .graph
{
border:none;
}

#graph
{
margin:0 auto;
}

acronym
{
	text-decoration:underline;
	color: #999999;
}

/*////////Images et vidéos///////*/

img.picA
{
position: relative;
top: -2px;
padding: 8px;
border:none;
}

img.picA2
{
position: relative;
top: -2px;
padding: 8px;
border:thin solid #E1E1E1;
}

img.picB
{
position: relative;
top: -2px;
background: url('template/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.picB2
{
position: relative;
top: -2px;
/*background: url('template/a47.gif') no-repeat;*/
padding: 7px;
border:thin solid #E1E1E1;
}

img.picC
{
position: relative;
top: -2px;
width: 92px;
height: 40px;
padding: 8px;
}

img.floatleft
{
float: left;
margin: 0px 14px 20px 0px;
}

img.floatright
{
float: right;
margin: 0px 0px 3px 14px;
}

#portrait {
	width:30%;
	float:left;
}

#portrait .photo{
	padding: 5px;
	border:thin solid #E1E1E1;
}

#portrait .titre{
	padding: 0px 5px 15px 5px;
	vertical-align:top;
}

#portrait span{
	padding: 0px 5px 15px 5px;
	vertical-align:top;
}

#player
{
margin:10px 0px 20px 0px;
}

#flashcontent 
{
margin: 5px auto 0;
border: 5px solid #FFFFFF;
width: 400.00px;
height: 266.00px;
}


#vignetteVideo
{
display:block;
width:139px;
height:155px;
float:left;
background-image:url(../images/vignetteVideo/vv_ombre.png);
margin: 9px;
}

#vignetteVideo img
{
display:block;
}

#vignetteVideo a img
{
border:none;
}

#vignetteVideo a:hover img
{
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #FF7800;
}

#vignetteVideo .text
{
float:inherit;
margin: 5px 7px;
font-size:9px;
line-height:10px;
}

/*////////Listes///////*/

ul.linklist
{
list-style: none;
margin: 0px 0px 0px 10px;

}

ul.linklist li
{
border-top: solid 1px #EEEEEE;*/
padding-top: 5px;
margin: 5px 0px 0px 0px;

}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}


#upbg
{
position: absolute;
/*top: -1px;*/
left: 0px;
/*background: #fff url('template/upbg2.gif') no-repeat;*/
width: 816px;
height: 264px;
z-index: 1;
}

#outer
{
position: relative;
width: 816px;
margin: 0 auto;
background: #fff url('template/abg2.gif') repeat-y;
}

#inner
{
position: relative;
padding: 13px 30px;
z-index: 2;
}

#header
{
position: absolute;
background-color:#FFFFFF;
/*background: url('template/a8.gif') repeat-x;
color: #fff;
padding-left: 20px;*/
margin : 15px 0px 0px 21px;
padding-top:7px;
width: 176px;
height: 95px;
z-index: 50;
}

#header span
{
font-weight: normal;
}

#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 30px;
height: 92px;
}

#header h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#header sup
{
color: #FCE2CA;
}

#splash
{
position: absolute;
/*right: 30px;
/*background: #EAEAE2 url('template/a10.jpg') no-repeat;*/
width: 100%;
height: 133px;
}

#date
{
	position: absolute;
	top: 0px;
	line-height: 52px;
	color: #999999;
	right: 30px;
	font-size: 11px;
	letter-spacing: -1px;
}

.dateActu
{
color: #999999;
font-size: 9px;
font-weight:100;
position:relative;
}

#secondarycontent
{
position: relative;
width: 190px;
float: right;
line-height:15px;
}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('template/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#secondarycontent .content ul
{
list-style: none;
margin: 0px;
color:#FF7800;
line-height:13px;
}

#secondarycontent .content ul li
{
margin: 0px 0px 10px 0px;
padding-left:15px;
background-image:url(/style/template/a38.gif);
background-repeat:no-repeat;
}

#secondarycontent .content ul li.pdf
{
padding-left:20px;
background-image:url(/images/pdf.png);
}

#secondarycontent .content ul li.video
{
padding-left:20px;
background-image:url(/style/template/video.gif);
}

#primarycontent
{
position: relative;
width: 515px;
float: left;
}


#primarycontent h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('template/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#primarycontent h3 .retour
{
font-size:12px;
float:left;
font-weight: normal;
}

#primarycontent h4
{
font-size: 12px;
padding: 10px 0px 3px 0px;
}

#primarycontent h5
{
font-size: 10px;
font-weight:lighter;
padding:5px 0px 3px 0px;
}

#primarycontent h6
{
font-size:12px;
font-weight:500;
padding-top:10px;
margin: 10px 0px 15px 0px;
}


#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}


#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}


#primarycontent .post .input
{
float:right;
margin-right: 200px;
}


#primarycontent .post .footer
{
position: relative;
top: 0px;
background: url('template/a33.gif') repeat-x;
height: 51px;
}

#primarycontent .post .footerActu
{
position: relative;
margin:5px 0px 20px 15px;
top: -10px;
background: url('template/a34.gif') repeat-x;
height: 17px;
}

#primarycontent .post .footerIndex
{
position: relative;
top: -10px;
height: 64px;
}


#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
background-image: url('template/a41.gif');
}

#primarycontent .post .footer ul li.download
{
background-image: url('template/a40.gif');
}


#primarycontent .post .footer ul li.comments
{
background-image: url('template/a36.gif');
}

#primarycontent .post .footer ul li.readmore
{
background-image: url('template/a38.gif');
}

#footer
{
	padding-top:2px;
	position: relative;
	clear: both;
	height: 66px;
	text-align: center;
	background-image: url('template/a50.gif');
	color: #A8A88D;
}

#footer a
{
color: #8C8C73;
}
.mentionsfooter {
	font-size: 8px;
}

/* Style for Usual tabs */
.usual {
  padding: 0px;
  width:100%;
  margin:8px auto;
}
.usual li.list{ list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  color:#545341;
  background:#eee;
}
.usual ul a:hover {
  background:#eee;
  text-decoration:underline;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  background:#444;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  clear:left;
  background:#eee;
  border: 1px solid #444;
}
.usual div a { color:#000; font-weight:bold; }
 
#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }