/*

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

*/

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

#trad{
text-align:right;}

.form_ligne{margin : 5px;}
.form_ligne label{
width:150px;
display:inline-block;
text-align:right;}

.displayNone{display:none;}
a img {border:0;}

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

body
{
/*background:url(../images/body-bg.jpg) no-repeat top center #E2E2E2;*/
background-color: #E2E2E2;
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color:#666666;/*#8C8C73;*/
line-height: 18px;
}
#inner
{
width:693px;/*715*/
background: #fff;
padding:10px 15px;
margin:0 auto;
border-left:1px solid #E4E4E4; 
border-right:1px solid #E4E4E4; 
border-bottom:1px solid #E4E4E4; 
}
/*================================================

 H E A D E R 

=================================================*/
#header
{
/*width: 202px;*/
height: 150px;
color: #fff;
background:url(../images/header-site.jpg) no-repeat top left ;
padding-bottom:5px;
}

#accroche{
padding:55px 25px 0 0;
text-align:right;
color:#FFFFFF;
}

#slogan{font:bold 28px Arial, Helvetica, sans-serif}
#ss-slogan{font:bold 16px Arial, Helvetica, sans-serif}

#splash
{
margin-left:230px;/*242*/
}

#logo-site{float:left;border:0;}

#newsletter fieldset{border:0;magin:0;padding:0;}
#newsletter{margin-bottom:20px;text-align:right;}
/*================================================

 M E N U

=================================================*/
#menu
{
background: #FFF url(../images/menu-bg.jpg) repeat-x;
height: 57px;/**/
padding: 0px 5px 0px 5px;/* 0px 20px 0px 5px;*/
margin: 0px 0px 0px 0px;/*98px 0px 20px 0px;*/
}

#menu ul li
{
display: inline;
line-height: 52px;
padding-left: 3px;
}

#menu ul li.first
{
border-left: 0px;
}

#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 8px 2px 8px 2px;/*8px 12px 8px 12px;*/
font-size: 12px;
color:#FFF;/* #b7d002;*//*#fff;*/
font-weight: bold;
}

#menu ul li a:hover
{
background: #fff url('../images/a18.gif') repeat-x top;
color:#a7180d;/*#4A4A24;*/
text-decoration: none;
}
p
{
margin-bottom: 14px;
text-align: justify;
}

img.picA
{
padding: 8px;
margin-right:8px;
}

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

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


ul.linklist
{
list-style: none;
}

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;
}
/*=====================================================

C O L O N N E     D E     D R O I T E

==================================================*/
#secondarycontent
{
position: relative;
width: 180px;
float: right;
}

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

#secondarycontent h3 a
{
color:#0099FF;/*656551*/;
text-decoration:none;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}
#secondarycontent .content a
{
color:#0033CC;/*#656551;*/
text-decoration:none;
}
/*====================================================

C O L O N N E     D E    G A U C H E

=========================================================*/
#primarycontent
{
position: relative;
width: 480px;
float: left;
}

.contenu{min-height:400px;height:auto !important;height:400px;}

#primarycontent .header h3 a,
.contenu .header h3 a
{
color:#0033CC;/*#a7180d*/;
text-decoration:none;
}

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

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

.contenu .content a
{color:#666666;
text-decoration:none;}

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

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

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

#primarycontent .post .footer,
.contenu .post .footer
{
position: relative;
top: -10px;
background: url('../images/a33.gif') repeat-x;
height: 64px;
}

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

#primarycontent .post .footer ul li,
.contenu .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,
.contenu .post .footer ul li.printerfriendly
{
background-image: url('../images/a41.gif');
}

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

.readmore
{
background-image: url('../images/a38.gif');
clear:both;
text-align:right;
padding-right:45px;
margin-bottom:15px;
}

.readmore a {color:#3399CC/*:#a7180d*/}
#hierarchie{margin-bottom:20px;}
#footer
{
position: relative;
clear: both;
/*height: 66px;*/
text-align: center;
/*line-height: 66px;*/
/*background-image: url('../images/a50.gif');*/
color: #A8A88D;
}
#footer p
{
margin:0;
padding:0;
text-align:center;
height:auto;
line-height:normal;
}

#footer a
{
color: #8C8C73;
}

/* FORMULAIRE DE CONTACT */
#formulaire_contact{width:350px; padding:0 0 0 0px; font-size:12px;}
#formulaire_contact a{color:#000;}
#formulaire_contact .form_ligne{padding-bottom:1px;}
#formulaire_contact label{color:#000; display:block; margin:6px 0 0 0; }
#formulaire_contact input{width:150px; height:16px; margin:0; padding:0;}
#formulaire_contact textarea{width:100%; margin:0; padding:0; }

#partenaires img{margin:3px;}
