/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
margin:0;
padding:0;
border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: Verdana, Arial Narow, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-family: inherit;
  vertical-align: baseline;
}

*{
    margin: 0;
    padding: 0;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
     display:block;
}

/* Line-height should always be unitless! */
body {
     line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
    border-collapse: separate;
    border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
    text-align: left;
    font-weight: normal;
    float:none !important;
}
table, th, td {
    vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}
blockquote, q {
    quotes: "" "";
}

/* Remove annoying border on linked images. */
a img {
    border: none;
}

/* Remember to define your own focus styles! */
:focus {
    outline: 0;
}

/*---------------------------------- Fin Reset ----------------------------------*/

/* CSS Document */
* {
margin:0;
padding:0;
font-family: Verdana, Arial Narow, Arial, Helvetica, sans-serif;
font-size:12px;
color:#888;
text-align : left; 
}
ul{
padding-left:10px;
}
a:link, a:link span {
 color:#BBB;
 text-decoration: none;
}
 a:visited, a:visited span {
color:#CCC;
text-decoration:none;
}
 a:hover,  a:hover span {
color: #DDD;
text-decoration:none;
}
b , strong{
color: #999;
font-weight:bold;
/*font-size:12px;*/
}
i , em{
font-style:italic;
}
p {margin:3px 0;}
.center{
text-align:center;
}
h1{
font-size:1.5em;
padding:10px 0 8px 0;
}
h2{
font-size:1.3em;
font-weight:bolder;
padding:5px 0 4px 0;
}
h3{
font-size:1.1em;
font-weight:bolder;
padding:4px 0 2px 0;
}

.clearfloat {
clear: both;
font-size: 1px;
height: 0px;
}

.red,.rouge {
/*font-size:1em;*/
color:red;
/*font-weight:bolder;*/
}

/**/
/* __________________Layout ___________________*/
/**/
body{
padding:0;
margin:0;
border:0;
background-color:#AAA;
}
/* ----------container to center the layout---------- */
#container {
position:relative;
width: 900px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-top:50px;
background-color:white;
} 

/* ----------header --------------------------------- */
#header {
position:relative;
text-align: right;
background-color: #CCC;
width:900px; height:50px;
padding: 0;
margin: 0px; 
}

#banner {
position:absolute;
width:300px; height:50px;
background-color:#999;
color:#CCC;
left:50px;
border:0;padding:0;margin:0;
}
#header h1 {
float:left;
font-size:20px;
line-height:20px;
border:0;padding:0;margin:0;
padding:20px 5px 10px 30px;
color:#CCC;
}
#header p {
float:left;
font-size:20px;
line-height:20px;
border:0;padding:0;margin:0;
padding:20px 20px 10px 5px;
/*border-left:1px solid #666;*/
color:#666;
}


#mainmenu
{
position:relative;
background-color: #CCC;
width:900px; height:20px;
padding: 0;
margin: 0px; 
}

#content{
position:relative;
text-align: left;
background-color: none;
width:900px; min-height:480px;
padding: 0;
margin: 0px; 
}

#submenu{
margin:10px;
background-color: none;
}
#contentleft,#contentright{
width:400px;
padding:25px;
}
#contentleft{
float:left;
}
#contentright{
float:right;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
padding-left:50px;
padding-bottom:20px;
margin:0px;
text-align: left; 
} 



/* __________________breadcrumbs ___________________*/
#breadcrumbs  {
 position:relative;
 margin:auto;
 padding:15px 0 4px 0;
 width:1000px;
color:#a2a1a1;
font-size:10px;
}
 #breadcrumbs ul  {
 padding-top:17px;
}
 #breadcrumbs li  {
 display:inline;
list-style-type:none;
}
#breadcrumbs a {
font-size:10px;
}
#breadcrumbs a:link {
color:#a2a1a1;
text-decoration: none;
}
 #breadcrumbs a:visited {
color:#a2a1a1;
}
 #breadcrumbs a:hover {
color: #006176;
text-decoration:none;
}  
/* ______________________MENU _______________________*/
#mainmenu ul.menuhaut   {
float: right;
background-color:#CCC;
height:20px;
margin:0;padding:0;margin:0;
padding-right:30px;
z-index:0;
}
#submenu ul.menuhaut   {
background-color:none;
height:20px;
margin:0;padding:0;margin:0;
/*font-size:0.6em;*/
z-index:0;
}

ul.menuhaut  li  {
list-style:none;
float:left;/*display:inline;*/
margin:0;border:0;padding-bottom:4px;
}
#mainmenu ul.menuhaut  li  , #submenu ul.menuhaut  li  {
background-color: none;
}
ul.menuhaut li a { 
display:block;
line-height:20px;
/*font-size:16px; */
font-weight:normal;
margin:0;
padding:0px 6px;
}
#footer ul.menuhaut li a { 
text-transform:uppercase;
}

ul.menuhaut li a:link {
text-decoration: none;
text-transform:lowercase;
}
ul.menuhaut li a:visited {
text-decoration: none;
text-transform:lowercase;
}
ul.menuhaut li span , ul.menuhaut li span {
height:20px;
margin:0;border:0;padding-bottom:4px;
display:block;
background-position: center bottom;
background-repeat:no-repeat;
}
ul.menuhaut li:hover span.home , ul.menuhaut li.active span.home{
background-image:url(../gfx/menu_tri_966.png);
}
ul.menuhaut li:hover span.work , ul.menuhaut li.active span.work{
background-image:url(../gfx/menu_tri_cc3.png);
}
ul.menuhaut li:hover span.work2 , ul.menuhaut li.active span.work2{
background-image:url(../gfx/menu_tri_993.png);
}
ul.menuhaut li:hover span.exhibition , ul.menuhaut li.active span.exhibition{
background-image:url(../gfx/menu_tri_f9c.png);
}
ul.menuhaut li:hover span.vita , ul.menuhaut li.active span.vita{
background-image:url(../gfx/menu_tri_696.png);
}
ul.menuhaut li:hover span.contact , ul.menuhaut li.active span.contact{
background-image:url(../gfx/menu_tri_f96.png);
}
ul.menuhaut li:hover span.credit , ul.menuhaut li.active span.credit{
background-image:url(../gfx/menu_tri_999.png);
}
ul.menuhaut li:hover span.purple , ul.menuhaut li.active span.purple{
background-image:url(../gfx/menu_tri_c3c.png);
}
ul.menuhaut li:hover a,ul.menuhaut li a:hover ,ul.menuhaut li.active a {
text-decoration:none;
text-transform:lowercase;
}
#mainmenu ul.menuhaut li a,
#mainmenu ul.menuhaut li a:link,
#mainmenu ul.menuhaut li a:visited { 
color:white;
}
#submenu ul.menuhaut li a,
#submenu ul.menuhaut li a:link,
#submenu ul.menuhaut li a:visited { 
color:#888;
}
#submenu ul.menuhaut li:hover a,
#submenu ul.menuhaut li a:hover,
#submenu ul.menuhaut li.active a { 
color:white;
}
ul.menuhaut li:hover a.home, 
ul.menuhaut li a.home:hover,
ul.menuhaut li.active a.home{
background-color: #966;
color:white;
}
ul.menuhaut li:hover a.work, 
ul.menuhaut li a.work:hover,
ul.menuhaut li.active a.work{
background-color: #cc3;
color:white;
}
ul.menuhaut li:hover a.work2, 
ul.menuhaut li a.work2:hover,
ul.menuhaut li.active a.work2{
background-color: #993;
color:white;
}
ul.menuhaut li:hover a.exhibition, 
ul.menuhaut li a.exhibition:hover,
ul.menuhaut li.active a.exhibition{
background-color: #f9c;
color:white;
}
ul.menuhaut li:hover a.vita, 
ul.menuhaut li a.vita:hover,
 ul.menuhaut li.active a.vita{
background-color: #696;
color:white;
}
ul.menuhaut li:hover a.contact, 
ul.menuhaut li a.contact:hover,
ul.menuhaut li.active a.contact{
background-color: #f96;
color:white;
}
ul.menuhaut li:hover a.credit, 
ul.menuhaut li a.credit:hover,
ul.menuhaut li.active a.credit{
background-color: #999;
color:white;
}
ul.menuhaut li:hover a.purple, 
ul.menuhaut li a.purple:hover,
ul.menuhaut li.active a.purple{
background-color: #c3c;
color:white;
}

#mainmenu ul.menuhaut li ul
{	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index:10;}

#mainmenu ul.menuhaut li ul li
{	float: none;
	display: inline}

#mainmenu ul.menuhaut li ul li a
{	width: auto;
	background-color: #e2001a;
	color:white;
	}

#mainmenu ul.menuhaut li ul li a:hover,#mainmenu ul.menuhaut li ul li.active a
{	background-color: white;
	color: #e2001a;
}
/* __________________FIN du MENU ______________*/  
/* __________________ Menus Work et Current ______________*/  


ul.specialmenu   {
/*float: right;*/
background-color:transparent;
height:20px;
margin:0;padding:0;margin:0;
padding-right:30px;
z-index:0;
}

ul.specialmenu  li  {
list-style:none;
float:left;/*display:inline;*/
margin:0;border:0;padding-bottom:4px;
}
ul.specialmenu  li  {
background-color: none;
}
ul.specialmenu li a { 
display:block;
line-height:20px;
/*font-size:16px; */
font-weight:normal;
margin:0;
padding:0px 6px;
text-decoration: none;
text-transform:lowercase;
}
ul.specialmenu li a:before { 
content:" / ";
}

ul.specialmenu li:hover a,ul.specialmenu li a:hover ,ul.specialmenu li.active a {
text-decoration:none;
text-transform:lowercase;
}
 ul.specialmenu li a,
 ul.specialmenu li a:link,
 ul.specialmenu li a:visited { 
color:white;
}
 ul.specialmenu li:hover a, 
 ul.specialmenu li a:hover,
 ul.specialmenu li.active a {
/*background-color: #966;
color:white;*/
font-weight:bolder;
}

/* __________________ FIN Menus Work et Current ______________*/  


/* __________________ Home ______________*/  
  
#home {
position:relative;
}
#home_vita{
position:absolute;
left:82px;
top:30px;
width:240px;
height:230px;
background:url(../gfx/home_vita.png) no-repeat;
}
#home_vita a {
position:absolute;
display:block;
bottom:100px;
left:80px;
color:white;
font-size:2.8em;
text-decoration:none;
}
#home_vita a:hover {
color:white;
font-size:3.8em;
}

#home_work{
position:absolute;
left:325px;
top:30px;
width:240px;
height:230px;
background:url(../gfx/home_work.png) no-repeat;
}
#home_work a {
position:absolute;
display:block;
bottom:65px;
left:40px;
color:white;
font-size:3.6em;
text-decoration:none;
}
#home_work a:hover {
font-size:4.2em;
}
#home_exhibition{
position:absolute;
left:570px;
top:30px;
width:240px;
height:230px;
background:url(../gfx/home_exhibition.png) no-repeat;
}
#home_exhibition a {
position:absolute;
display:block;
bottom:140px;
left:30px;
color:white;
font-size:1.8em;
text-decoration:none;
}
#home_exhibition a:hover {
font-size:2.6em;
}

#home_brown{
position:absolute;
left:80px;
top:275px;
width:690px;
height:179px;
background:url(../gfx/home_brown.png) no-repeat;
}

#home_rec_green{
position:absolute;
left:-5px;
top:52px;
width:360px;
height:20px;
background:url(../gfx/home_rec_green.png) no-repeat;
color:white;
padding-left:30px;
}

#home_rec_pink{
position:absolute;
left:-5px;
top:90px;
width:360px;
height:20px;
background:url(../gfx/home_rec_pink.png) no-repeat;
color:white;
padding-left:30px;
}

#home_rec_yellow{
position:absolute;
left:-5px;
top:128px;
width:360px;
height:20px;
background:url(../gfx/home_rec_yellow.png) no-repeat;
color:white;
padding-left:30px;
}

#home_logo{
position:absolute;
right:55px;
bottom:0px;
width:152px;
height:203px;
background:url(../gfx/home_logo.png) no-repeat;
}

/* ______________________ thumbs album  _______________________*/  
#listeminis a img{
text-align:center;
width:100px;
height:100px;
}
#listeminis a {
display:block;
width:100px;
height:100px;
border:1px solid #FAFAFA;
float:left;
margin:5px;
}

/* ______________________ FIN thumbs album  _______________________*/  



/* ______________________Formulaire BO _______________________*/  
.formelement dt, .formelement dd{
line-height:26px;
} 
.formelement dt{
margin-top:10px;
} 
.formelement fieldset {
  margin-bottom: 10px;
  border:0;
}
.formelement legend {
  padding: 0 2px;
  font-weight: bold;
}
.formelement label {
  display: block;
  line-height: 1em;
  vertical-align: top;
  width:100%;
  color:#888;
}

.formelement fieldset ol {
  margin: 0;
  padding: 0;
}
.formelement ol li {
  list-style: none;
  margin: 3px;
  padding: 1px;
  width:90%;
}
.formelement label {
  width: 350px; /* Width of labels */
}
.formelement input {
border:1px solid #EEE;
background-color:#e3e5e4;
margin:2px 0;
width:350px;
}
.formelement textarea {
border:1px solid #EEE;
background-color:#e3e5e4;
margin:2px;
width:350px;
height:100px;
}
.formelement input[type=checkbox] {
border:1px solid #EEE;
background-color:#e3e5e4;
margin:2px;
}



.formelement button,.formelement input[type=submit], .formelement input[type=button] {
font-weight:bold;
font-size:1.2em;
width:150px;
height:2em;
text-align:center;
  color:#666;
}

.formelement #valider-label *{
display:none;
}

/* ______________________ FIN Formulaire BO _______________________*/  

/* _liste BO */

table.tliste {
border:2px solid #eaeaea;
padding:2px;
}
table.tliste thead th {
font-weight:bolder;
}
table.tliste tr {
margin:0;
padding:0;
border:0;
}
table.tliste td {
margin:0;
padding:2px;
border:1px solid #eaeaea;
}

table.tliste td.action a {
font-weight:bold;
font-size:1.2em;
width:150px;
height:2em;
text-align:center;
  color:white;
  background-color: #e2001a;
}
/* _______ fin liste BO */

#contact-website,#website-group, #Tourniquet-group, #newsletter_Tourniquet-group
{
   position: absolute;
   top: -9999px;
   left: -9999px;
}
/* _______ Newsletter BO ___________*/ 
#newsletterdetail #newsletterlogger{
border:1px solid #999;
padding:3px;
margin:3px;
width:700px;
}
#newsletterdetail iframe{
border:1px solid #999;
padding:3px;
margin:3px;
width:700px;
height:200px;
}
#newsletterdetail #newslettersubject{
border:1px solid #999;
padding:3px;
margin:3px;
width:700px;
}
#newsletterdetail a {
font-weight:bold;
font-size:1.2em;
line-height:1.8em;
width:150px;
height:2em;
text-align:center;
  color:white;
  background-color: #666;
 padding:2px 8px;
 margin: 2px 4px;
}

/* _______ Fin Newsletter BO ___________*/