/*--------------------------------------------- Page Layout ---------------------------------------------------------*/

body {
background:#FFF url(../../../medias/modeles/public/fonds/bg_body.jpg) no-repeat top center;
text-align:center;
}

#header,#nav,#main,#footer {
clear:both;
}

#container {
margin:0 auto;
width:900px;
min-width:inherit;
max-width:none;
background:transparent;
}

#page {
width:900px;
min-height:700px;
padding:0;
position:relative;
}

#header {
position:relative;
color:#000;
height:160px
}

#main {
padding:10px 30px 30px 30px;
text-align:left;
}

#footer {
width:100%;
background:url(../../../medias/modeles/public/elements/bg_footer.png) no-repeat top center;
color:#666;
padding:5px 0;
height:20px;
text-align:left;
}

div#header #logo a {
position:absolute;
top:12px;
left:39px;
width:200px;
height:72px;
float:left;
}

div#header #logo a span {
display:none;
}

div#header #teaser a {
position:absolute;
top:12px;
left:637px;
width:232px;
height:72px;
}

div#header #logo a span {
display:none;
}


/*------------------------------------------- Footer Navigation -----------------------------------------------------------*/

#footer_content {
width:900px;
padding:0 20px;
height:25px;
margin:0 auto 0 auto;
font-size:0.69em;
line-height:1em;
}

#footer_content ul {
margin:10px auto 0 auto;
list-style-type:none;
text-align:center;
}

#footer_content li {
display:inline;
padding:0px 5px 0 5px;
border-right:1px solid #dbdbdb;
line-height:15px;
}

#footer_content li.copyright { border:none; }

#footer_content li a {
color:#999999;
padding:0 5px 0 0;
font-weight:normal;
}

#footer_content li a:hover {
color:#eb6400;
}

#footer_content ul.linked {
margin:20px auto 10px auto;
list-style-type:none;
text-align:center;
}

#footer_content ul.linked li {
display:inline;
padding:0;
border:none;
line-height:15px;
font-size:0.80em;
color:#bfbfbf
}

#footer_content ul.linked li a {
padding:0;
color:#bfbfbf
}

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

#col1 { float: left; width: 280px;  margin:0 }
#col2 { float: right; width: 280px;  margin:0 }
#col3 { width: 280px; margin: 0 280px 0 280px }

#col1_content, #col2_content, #col3_content { 
padding:21px 20px 0 20px;
/*width:274px;
height:283px;*/
width:234px;
min-height:259px;
}

#col1_content, #col2_content, #col3_content {
background:url(../../../medias/modeles/public/elements/bg_bloc.png) no-repeat top center;
}
/*--------------------------------------------- Content style ---------------------------------------------------------*/

body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#444;
}

input, textarea {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
color:#444;
}

h1,h2,h4,h5,h6 {
font-family:Arial, Verdana, Helvetica;
font-weight:bold;
color:#666;
margin:0 0 0.25em;
}

h1 { font-size:200%; } /* 24px */
h2 { font-size:200%; color:#182E7A; }/* 24px */

h4 { font-size:133.33%; } /* 16px */
h5 { font-size:116.67%; } /* 14px */
h6 { font-size:116.67%; font-style:italic; } /* 14px */


h1 {
font-size:2em;
color:#666666;
text-transform:uppercase;
}

h2 {
font-size:1.38em;
line-height:1.13em;
color:#666666;
font-weight:normal;
}

p {
font-size:0.75em;
color:#586472;
line-height:1.13em;
}

/* Text formatting */

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}

/* Lists */

/*ul,ol,dl {
line-height:1.5em;
margin:0 0 1em 1em;
}

li {
margin-left:1.5em;
line-height:1.5em;
}*/

/* Generic Content Classes */

.note {
background:#cce1f6;
border-top:1px #bdb dotted;
border-bottom:1px #bdb dotted;
padding:1em;
}

.important {
background:#ffd;
border-top:1px #ddb dotted;
border-bottom:1px #ddb dotted;
padding:1em;
}

.warning {
background:#fdd;
border-top:1px #dbb dotted;
border-bottom:1px #dbb dotted;
padding:1em;
}

.center {
text-align:center;
margin:0.5em auto;
}

/* External Links */
a {
color:#666;
text-decoration:none;
}

a:focus, a:hover, a:active {
/*color:#666;*/
text-decoration:underline;
}


/* Generic classes for table-width and design definition  */
table {
width:auto;
border-collapse:collapse;
margin-bottom:0.5em;
}

table.full {
width:100%;
}

table.fixed {
table-layout:fixed;
}

th,td {
padding:0.5em;
}

thead th {
background:#444;
color:#fff;
}

tbody th {
background:#ccc;
color:#333;
}

tbody th.sub {
background:#ddd;
color:#333;
}

/* Miscellaneous */
hr {
color:#fff;
background:transparent;
border:0;
border-bottom:1px #eee solid;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

/*--------------------------------------------- Content ---------------------------------------------------------*/

#intro {
width:500px;
min-height:300px;
text-align:left;
float:left;
}

#intro h1 {
margin-left:10px;
}

#intro h2, #intro p {
margin-left:40px;
margin-top:20px;
}

#intro p, .intro {
font-size:0.81em;
line-height:1.13em;
}

.intro {
width:550px;
}

h3 strong {
display:none;
}

h3 {
height:35px;
}

#col1_content h3 {
background:url(../../../medias/modeles/public/elements/tt_cales_pleines.png) no-repeat top left;
}

#col2_content h3 {
background:url(../../../medias/modeles/public/elements/tt_cales_pelables.png) no-repeat top left;
}

#col3_content h3 {
background:url(../../../medias/modeles/public/elements/tt_clinquants.png) no-repeat top left;
}

#col1_content, #col2_content, #col3_content {
text-align:left;
line-height:0.88em;
}

#col1_content h3 a, #col2_content h3 a, #col3_content h3 a {
display:block;
height:35px;
width:234px;
}

.link_page {
display:block;
margin-top:15px;
background:url(../../../medias/modeles/public/elements/puce_fleche.gif) no-repeat left 4px;
color:#eb6400;
padding-left:14px;
}

div#diaporama {
display:block;
background:url(../../../medias/modeles/public/illustrations/illustration_cale.jpg) no-repeat;
text-align:left;
width:400px;
height:300px;
position:absolute;
left:568px;
top:162px;
}

body#btn_clinquants-on div#diaporama {
display:block;
background:url(../../../medias/modeles/public/illustrations/illustration_clinquant.jpg) no-repeat;
}

body#btn_pleines-on div#diaporama {
display:block;
background:url(../../../medias/modeles/public/illustrations/illustration_solides.jpg) no-repeat;
}

div#diaporama a {
display:block;
margin-top:217px;
margin-left:43px;
background:url(../../../medias/modeles/public/elements/btn_contact.png) no-repeat;
height:58px;
width:232px;
}

div#diaporama a span {
display:none;
}

#contact-on #intro {
width:80%;
height:100px;
}

p + h2 {
margin-top:15px;
}

/*---------------------------------- Top Navigation ----------------------------------*/

/*------------------------------------------------- Navigation Buttons -----------------------------------------------------*/

#nav * {
border:none !important;
}

#nav_main {
overflow:hidden;
width:900px;
height:36px;
float:left;
display:inline;
line-height:0;
margin-top:91px;
background:transparent url('../../../medias/modeles/public/fonds/bg_menu.png') no-repeat 0 0;
}

#nav_main ul {
margin:0;
padding:0;
line-height:36px;
width:900px;
height:36px;
position:relative;
}

#nav_main li {
position:absolute;
top:8px;
overflow:hidden;
line-height:19px;
height:19px;
background-color:transparent;
background-image:url('../../../medias/modeles/public/fonds/bg_menu_item.png');
background-repeat:no-repeat;
}

#nav_main li a {
display:block;
text-decoration:none;
text-indent:-3000px;
height:19px;
margin:0;
padding:0;
}

li#btn_accueil { left:1px; }

li#btn_pleines { left:180px; }

li#btn_pelables { left:360px; }

li#btn_clinquants { left:540px; }

li#btn_contact { left:720px; }

li#btn_accueil {
text-indent:-3000px;
width:178px;
background-position:0 0;
}

li#btn_pleines {
text-indent:-3000px;
width:178px;
background-position:-180px 0;
}

li#btn_pelables {
text-indent:-3000px;
width:178px;
background-position:-360px 0;
}

li#btn_clinquants {
text-indent:-3000px;
width:178px;
background-position:-540px 0;
}

li#btn_contact {
text-indent:-3000px;
width:180px;
background-position:-720px 0;
}

li#btn_accueil:hover, #btn_accueil-on li#btn_accueil { background-position:0 -19px; }

li#btn_pleines:hover, #btn_pleines-on li#btn_pleines { background-position:-180px -19px; }
 
li#btn_pelables:hover, #btn_pelables-on li#btn_pelables { background-position:-360px -19px; }

li#btn_clinquants:hover, #btn_clinquants-on li#btn_clinquants { background-position:-540px -19px; }

li#btn_contact:hover, #btn_contact-on li#btn_contact { background-position:-720px -19px; }

.keywords {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
text-indent:-3000em;
overflow:hidden
}