@charset "UTF-8";

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

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

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

#container {
text-align:center;
min-width:960px;
float:left;
width:100%;
}

#page {
width:960px;
margin:0 auto;
min-height:924px;
padding-bottom:10px;
}

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

#main {
padding:10px 0;
}

#footer {
width:100%;
background:#d4d4d4;
color:#666;
padding:25px 0;
height:100px;
text-align:left;
}

div#header #logo a {
position:absolute;
top:21px;
left:0px;
width:330px;
height:58px;
}

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

div#header #slogan {
position:absolute;
top:79px;
left:100px;
width:246px;
height:40px;
}

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

#footer_content {
width:920px;
padding:0 20px;
height:50px;
background-color:#e3e3e3;
margin:25px auto 0 auto;
font-size:0.69em;
line-height:50px;
}

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

#footer_content li {
display:inline;
padding:0px 5px 20px 5px;
background:url(../../../medias/modeles/public/elements/separateur_footer_nav.gif) no-repeat right 2px;
line-height:36px;
}

#footer_content li.last {
background:none;
}

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

#footer_content li a:hover {
color:#96070b;
}

/*------------------------------------------- Formatting content container -----------------------------------------------------------*/

#col1_content, #col2_content, #col3_content {
position:relative;
}

#col1 {
float:left;
width:625px;
margin:0;
}

#col2 {
display:none;
}

#col3 {
width:auto;
margin:0 0 0 625px;
}

#col3_content {
margin:0;
padding:0;
text-align:left;
}

#col1_content {
margin:0;
padding:0;
background:url(../../../medias/modeles/public/fonds/bg_page.png) no-repeat 0 10px;
min-height:300px;
text-align:left;
padding:30px 50px 0 30px;
}


/*------------------------------------------- col1 content -----------------------------------------------------------*/

#col1_content ul {
margin:0;
padding:0;
list-style-type:none;
}

#col1_content ul li {
margin:0;
padding:0 0 16px 20px;
background:url(../../../medias/modeles/public/elements/tick.gif) no-repeat 0 0;
font-size:0.75em;
line-height:1.25em;
color:#666666;
zoom:1;
}

#col1_content ul li h3 {
color:#333333;
font-weight:normal;
font-size:1.17em
}

#col1_content p {
margin:0;
padding:0 0 16px 0;
font-size:0.75em;
line-height:1.25em;
color:#666666;
}

/*------------------------------------------- col1 content -----------------------------------------------------------*/

#col3_content {
padding:30px 0 10px 20px;
}

#col3_content #bloc_contact {
display:block;
width:205px;
height:69px;
background:url(../../../medias/modeles/public/fonds/bloc_contact.png) no-repeat 0 0;
margin-top:30px;
}

#col3_content #bloc_contact span {
display:none;
}

#col3_content p {
font-size:0.75em;
margin-bottom:16px;
}

div#acces_link {
background:url(../../../medias/modeles/public/elements/picto_acces.gif) no-repeat 0 2px;
width:120px;
}

div#acces_link p {
margin-left:25px;
}


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

#nav * {
border:none !important;
}

#nav_main {
overflow:hidden;
width:960px;
height:40px;
float:left;
display:inline;
line-height:0;
/*background:red;*/
margin-top:142px;
}

#nav_main ul {
display:inline;
float:left;
margin:0;
padding:0;
line-height:2.75em;
width:821px;
height:40px;
}

#nav_main ul li {
margin:0;
padding:0;
font-size:1em;
}

#nav_main ul li a {
display:block;
height:40px;
}

#nav_main ul li a span {
display:none;
}

li#btn_accueil {
position:absolute;
left:139px;
}

li#btn_presentation {
position:absolute;
left:304px;
}

li#btn_competences {
position:absolute;
left:468px;
}

li#btn_agences {
position:absolute;
left:632px;
}

li#btn_contact {
position:absolute;
left:796px;
}

#btn_accueil a, #btn_presentation a, #btn_competences a, #btn_agences a, #btn_contact a {
background:transparent url(../../../medias/modeles/public/fonds/bg_menu.jpg) no-repeat;
}

#btn_accueil a {
width:165px;
background-position:0 0;
}

#btn_presentation a {
width:164px;
background-position:-165px 0;
}

#btn_competences a {
width:164px;
background-position:-329px 0;
}

#btn_agences a {
width:164px;
background-position:-493px 0;
}

#btn_contact a {
width:164px;
background-position:-657px 0;
}

#btn_accueil a:hover {
background-position:0 -80px;
}

#btn_presentation a:hover {
background-position:-165px -80px;
}

#btn_competences a:hover {
background-position:-329px -80px;
}

#btn_agences a:hover {
background-position:-493px -80px;
}

#btn_contact a:hover {
background-position:-657px -80px;
}

body#btn_accueil-on li#btn_accueil a {
background-position:0 -40px;
}

body#btn_presentation-on li#btn_presentation a {
background-position:-165px -40px;
}

body#btn_competences-on li#btn_competences a {
background-position:-329px -40px;
}

body#btn_agences-on li#btn_agences a {
background-position:-493px -40px;
}

body#btn_contact-on li#btn_contact a {
background-position:-657px -40px;
}


/*--------------------------------------------- Diaporama ---------------------------------------------------------*/

div#teaser {
clear:both;
margin-top:30px;
margin-left:-1px;
width:960px;
height:260px;
}

div#diaporama {
float:left;
width:621px;
height:260px;
}

/*--------------------------------------------- Intro ---------------------------------------------------------*/

div#intro, div#nav_item {
padding:12px 18px;
text-align:left;
width:302px;
height:236px;
margin-left:621px;
}

div#intro p {
padding-top:1em;
font-size:0.75em;
color:#333333;
line-height:1.13em;
}

div#intro p#btn_more a {
display:block;
margin-top:10px;
width:118px;
height:27px;
background:url(../../../medias/modeles/public/elements/btn_more.gif) no-repeat;
}

div#intro p#btn_more span {
display:none;
}

/*--------------------------------------------- Navigation Interne ---------------------------------------------------------*/

div#nav_item ul {
margin-top:10px;
}

div#nav_item ul li {
margin:0;
padding:0 0 10px 12px;
background:url(../../../medias/modeles/public/elements/puce_nav_statut.gif) no-repeat 0 6px;
font-size:0.88em;
line-height:1.25em;
color:#333;
}

div#nav_item p {
font-size:0.88em;
line-height:1.25em;
color:#333;
}


/*--------------------------------------------- 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:1.25em;
color:#96070B;
font-weight:normal;
text-transform:uppercase;
}

h2 {
font-size:0.88em;
line-height:1.13em;
color:#646664;
font-weight:normal;
margin-bottom:20px;
}

div#intro h1 {
text-transform:none;
letter-spacing:-0.065em;
}

div#intro h2 {
/*font-size:1.13em;
border-bottom:1px solid #dddddd;
line-height:1.13em;
letter-spacing:-0.065em;*/
border-bottom:1px solid #dddddd;
margin:0;
}


#col1_content h2 {
color:#333;
/*font-family:Tahoma*/
}

#col3_content h2, #nav_item h2 {
margin-bottom:5px;
}

/* 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 */

#col1_content .note {
clear:both;
display:block;
background:none;
border:1px #999 dotted;
padding:1em;
margin-left:115px;
width:auto;

}

.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:#96070b;
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;
}

a.top {
position:absolute;
bottom:0;
left:600px;
display:block;
width:75px;
height:38px;
background:url(../../../../../medias/modeles/public/modeles/public/elements/btn_top.png) no-repeat;
margin:5px 0 5px 0;
}

a.top span {
display:none;
}

#col1_content .message {
padding:5px;
border:1px solid #CCC;
}

#col1_content .message ul li {
background:none;
padding:0;
margin:0;
line-height:2em;
color:#96070b;
}

.ana-in{ position:absolute;left:-3000px;top:-500px;text-indent:-9000em }
.ana-in, .ana-in h1, .ana-in h2, .ana-in ul, .ana-in ul li,  { margin:0;padding:0; }