@charset "utf-8";
/* CSS Document */

/*----------------------------------------------
STYLE ETANG
-----------------------------------------------*

/*----------------------------------------------
STRUCTURE - ELEMENTS COMMUNS
-----------------------------------------------*/

.cache {
position: absolute;
top: -5000px;
}

ul#styleswitcher{
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
}

ul#styleswitcher ul {
list-type-style: none;
}

ul#styleswitcher li {
float: left;
display: inline;
margin-left: 15px;
}

ul#styleswitcher li:first-child {
margin-left: 0;
}

ul#styleswitcher li a.switcher_etang {
background: url(../../images/etang/styleSwitcherEtang.jpg) no-repeat top left;
width: 28px;
height: 47px;
display: block;
text-indent: -5000px;
}

ul#styleswitcher li a.switcher_automne {
background: url(../../images/styleSwitcherRbn.jpg) no-repeat top left;
width: 28px;
height: 47px;
display: block;
text-indent: -5000px;
}

ul#styleswitcher li a.switcher_printemps {
background: url(../../images/styleSwitcher.jpg) no-repeat top left;
width: 28px;
height: 47px;
display: block;
text-indent: -5000px;
}

ul#styleswitcher li a.switcher_etang:hover {
background: url(../../images/etang/styleSwitcherEtang.jpg) no-repeat 0px -47px;
}

ul#styleswitcher li a.switcher_automne:hover {
background: url(../../images/styleSwitcherRbn.jpg) no-repeat 0px -47px;
}

ul#styleswitcher li a.switcher_printemps:hover {
background: url(../../images/styleSwitcher.jpg) no-repeat 0px -47px;
}

/*-------------------
STRUCTURE HOME
---------------------*/

body#bodyHome {
background: #d9e743 url(../../images/Etang/Etang_bghome.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: center;
font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #4c3e3e;
}


#afd {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 380px;
height: 219px;
background: url(../../images/Etang/Etang_afd.png) no-repeat left top;
}

#afd img {
border: none;
}

#afd a.afd {
position: relative;
top: 43px;
left: 235px;
background: url(../../images/Etang/Etang_afd_link.png) no-repeat top left;
text-indent: -5000px;
display: block;
width: 21px;
height: 21px;
margin: 0;
padding: 0;
}

div#anim {
position: relative;
background: url(../../images/Etang/Etang_img_home.jpg) no-repeat;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 980px;
height: 570px;
}

div#anim h1 {
background: none;
width: 153px;
height: 48px;
text-indent: -5000px;
position: relative;
top: 500px;
}

div#anim #presentation {
position: absolute;
top: 85px;
right: 42px;
width: 401px;
padding: 17px 25px;
background: url(../../images/Etang/Etang_bg_blocAccueil.png) no-repeat;
}

div#anim #presentation h2{
background: url(../../images/Etang/Etang_bienvenue.gif) no-repeat top left;
width: 111px;
height: 25px;
text-indent: -5000px;
position: absolute;
top: -15px;
left: -250px;
}

div#anim #presentation p {
text-align: left;
margin: 0;
padding-bottom: 15px;
text-align: justify;
}

div#anim p#getflash {
font: 0.75em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 15px 0 0 0;
position: relative;
top: 0;
left: 0;
}

div#anim p#getflash a {
font: 1em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #dc0700;
text-decoration: underline;
}

div#anim p#getflash a:hover {
text-decoration: none;
}

* {
outline:0;
}

body#bodyHome div#anim p#footer {
position: absolute;
right: 40px;
top: 570px;
margin: 0;
padding: 0;
color: #757e0c;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

div#anim ul#nav {
position: absolute;
left: 488px;
top: 323px;
width: 456px;
height: 42px;
margin: 0;
padding: 0;
}

div#anim ul#nav li{
position: relative;
float: left;
display: inline;
text-align: center;
width: 106px;
height: 42px;
margin: 0 8px 0 0;
padding: 0;
}

div#anim ul#nav li a {
position: relative;
display: block;
width: 106px;
height: 30px;
padding-top: 12px;
background: url(../../images/Etang/Etang_bouton_menu.gif) no-repeat top left;
font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}

div#anim ul#nav li a:hover {
background: url(../../images/Etang/Etang_bouton_menu.gif) no-repeat 0px -42px;
color: #ffffff;
}

div#anim ul#nav li a:active {
text-decoration: none;
}

div#anim ul#nav li a:visited {
text-decoration: none;
}

/*--------------------
FIN STRUCTURE HOME
----------------------*/

body {
position: relative;
background: #f7f6ea url(../../images/Etang/Etang_bg.jpg) repeat-x;
margin: 0;
padding: 0;
font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #1b1b1b;
}

div#header {
position: relative;
margin: 0 auto;
padding: 0;
background: url(../../images/Etang/Etang_bg_header.jpg) no-repeat;
width: 980px;
height: 250px;
}

div#header a.logo {
background: url(../../images/Etang/Etang_logo.png) no-repeat;
position: absolute;
width: 226px;
height: 71px;
top: 29px;
left: 67px;
text-indent: -5000px;
}

div#header a.logo img {
border: none;
}

div#topPage {
position: relative;
width: 980px;
height: 110px;
margin: 0 auto;
padding: 25px 0;
}

div#highlightPage {
position: relative;
background: #dae5c9 url(../../images/etang/Etang_bg_highlightHaut.gif) repeat-x;
margin: 0;
padding: 20px 0 0 0;
}

div#highlightPageContent {
position: relative;
margin: 0 auto;
padding: 30px 0 0 15px;
width: 965px;
}

div#highlightPageDown {
background: url(../../images/Etang/Etang_bgDown_highlightPage.jpg) repeat-x;
height: 80px;
margin: 0;
padding: 0;
}

div#mainPage {
background-color: #f7f6ea;
margin: 0;
padding: 0;
clear: both;
}

div#mainPageContent{
margin: 0 auto;
padding: 0 15px 0 15px;
width: 965px;
}

div#footer {
background: #c4d037 url(../../images/etang/Etang_bg_footer.gif) repeat-x;
bottom: 0px;
height: 35px;
padding: 40px 0 0 0;
}

div#footer p{
text-align: right;
margin: 0 auto;
padding: 0;
color: #757e0c;
width: 980px;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

/*----------------------------------------------
FIN STRUCTURE - ELEMENTS COMMUNS
-----------------------------------------------*/

/*----------------------------------------------
NAVIGATION
------------------------------------------------*/

ul#nav {
position: relative;
float: left;
top: 38px;
left: 378px;
width: 456px;
height: 42px;
margin: 0;
padding: 0;
}

ul#nav li{
float: left;
display: inline;
text-align: center;
width: 106px;
height: 42px;
margin: 0 8px 0 0;
padding: 0;
}

ul#nav li a {
display: block;
width: 106px;
height: 30px;
padding-top: 12px;
background: url(../../images/Etang/Etang_bouton_menu.gif) no-repeat top left;
font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}

ul#nav li a:hover {
background: url(../../images/Etang/Etang_bouton_menu.gif) no-repeat 0px -42px;
text-decoration: none;
color: #ffffff;
}

ul#nav li a:active {
text-decoration: none;
}

ul#nav li a:visited {
text-decoration: none;
}

/*----------------------------------------------
FIN NAVIGATION
------------------------------------------------*/


/*----------------------------------------------
ELEMENTS
-----------------------------------------------*/

p {
margin: 15px 0;
padding: 0;
line-height: 20px;
text-align: justify;
}

a {
font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #f36c83;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

hr {
visibility: hidden;
margin: 0;
padding: 0;
clear: both;
}

h1 {
float: left;
font: 2.1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #d21a3a;
width: 150px;
height: 100px;
padding: 20px 0 0 50px;
margin: 5px 0 0 110px;
background: url(../../images/Etang/Etang_h1.gif) no-repeat left  24px;
}

span.sousTitre {
position: relative;
top: 20px;
right: 49px;
font: normal 0.7em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #f18f9f;
}

h2 {
font: 1.3em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #658316;
height: 23px;
margin: 0 0 15px 0;
padding: 2px 0 0 30px;
background: url(../../images/Etang/Etang_h2.png) no-repeat top left;
}

h3 {
color: #db4a63;
font: bold 1.1em Trebuchet MS, Arial, Helvetica, sans-serif;
background: url(../../images/Etang/Etang_puce_titreh3.png) no-repeat bottom left;
height: 35px;
padding-left: 10px;
}

li {
list-style-image: url(../../images/Etang/Etang_puce.png);
list-style-position: outside;
line-height: 24px;
}

img.focus {
border: 2px solid #dc0700;
float: right;
margin: 20px 0 30px 30px;
}

div#topPage p {
float: left;
width: 290px;
height: 100px;
margin: 0 0 0 35px;
font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
line-height: 20px;
color: #4c3e3e;
}

div#highlightPageContentImg {
float: left;
background: url(../../images/illustr_webAujourdhuiRbn.png) no-repeat;
width: 344px;
height: 292px;
margin: 0 100px 0 0;
padding: 0;
}

div#highlightPageContent h2.services {
margin-left: 444px;
margin-bottom: 30px;
}

div#highlightPageContent h3 {
background: none;
margin: 30px 0 0 0;
padding: 0;
height: auto;
}

div#highlightPageContent>p {
margin: 15px 15px 15px 0;
font-size: 1.05em;
}

div#highlightPageContent .Column218px img.highlight {
background: url(../../images/etang/Etang_bg_thumbHighlight.png);
width: 204px;
height: 138px;
padding: 7px;
margin: 0 10px 0 0;
border: none;
}

div#highlightPageContent div#aperçuProjet {
position: relative;
float: left;
width: 640px;
height: 300px;
}

div#highlightPageContent div#aperçuProjet ul#thumbs {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

div#highlightPageContent div#aperçuProjet ul#thumbs li{
width: 72px;
height: 72px;
padding: 7px;
margin: 0 0 10px 0;
background: url(../../images/etang/Etang_bg_thumb.png) no-repeat;
list-style-image: none;
}

div#highlightPageContent div#aperçuProjet ul#thumbs li img {
border: none;
}

div#highlightPageContent div#aperçuProjet p {
position: relative;
float: right;
width: 494px;
height: 264px;
padding: 7px;
margin: 0;
background: url(../../images/etang/Etang_bg_viewer.png) no-repeat;
}

div#highlightPageContent div#aperçuProjet p img[src*="loader"] {
position: absolute;
top: 107px;
left: 222px;
}

div#highlightPageContent div#aperçuProjet span {
position: absolute;
top: 290px;
left: 150px;
display: block;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #59924c;
clear: both;
margin: 0 0 0 0px;
}

div#highlightPageContent ol#blocDetailsProjet{
position: relative;
bottom: 45px;
float: right;
width: 235px;
height: 289px;
background: url(../../images/Etang/Etang_bg_blocDetailsProjet.png) no-repeat;
text-align: center;
padding: 30px 10px 20px 50px;
color: #ffffff;
font: 0.9em Trebuchet MS Arial, Helvetica, sans-serif;
list-style-type: none;
}

div#highlightPageContent ol#blocDetailsProjet a.bouton {
position: absolute;
bottom: -45px;
display: block;
width: 124px;
height: 25px;
padding: 3px 7px 0 7px;
margin: 0 0 0 35px;
text-decoration: none;
text-align: center;
background: transparent url(../../images/Etang/Etang_bg_bouton_vert.gif) repeat-x top left;
border: none;
font: 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
}

div#highlightPageContent ol#blocDetailsProjet a.bouton:hover {
background: url(../../images/Etang/Etang_bg_bouton_vert.gif) repeat-x 0px -28px;
}

div#highlightPageContent ol#blocDetailsProjet h3{
font: 1.45em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
background: none;
padding: 0;
margin: 0 0 10px 0;
}

div#highlightPageContent ol#blocDetailsProjet li{
margin: 0;
padding: 0;
text-align: left;
list-style-image: none;
}

div#highlightPageContent ol#blocDetailsProjet span.statut {
position: absolute;
bottom: -30px;
display: block;
margin: 0;
padding: 0;
color: #CC0000;
font-weight: bold;
text-align: left;
}

div#highlightPageContent ol#blocDetailsProjet li p{
font-weight: normal;
float: left;
width: 80px;
height: auto;
margin: 0 0 5px 0;
}

div#highlightPageContent ol#blocDetailsProjet li .value{
float: left;
display: block;
width: 135px;
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
}

div#highlightPageContent ol#blocDetailsProjet ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
font-weight: bold;
}

div#highlightPageContent ol#blocDetailsProjet ul li{
list-style-image: none;
line-height: 20px;
}

div#mainPage .mainPageColumnServices{
float: left;
padding: 0 100px 0 0;
margin: 0;
}

div#mainPageContent ul.thumblist {
list-style: none;
width: 980px;
margin: 0;
padding: 0;
}

div#mainPageContent ul.thumblist h2 {
clear: both;
}

div#mainPageContent ul.thumblist h2+a {
position: relative;
bottom: 30px;
left: 860px;
display: block;
width: 85px;
text-decoration: underline;
color: #f36c83;
background: url(../../images/Etang/Etang_bouton_haut_rose.png) no-repeat center right;
padding: 0 20px 0 0;
}

div#mainPageContent ul.thumblist h2+a:hover {
text-decoration: none;
}

div#mainPageContent ul.thumblist li {
display: block;
float: left;
width: 113px;
height: 77px;
margin: 0 13px 15px 0;
padding: 7px;
background: url(../../images/etang/Etang_bg_thumblist.png) no-repeat;
}

div#mainPageContent ul.thumblist li:last-child {
margin-bottom: 50px;
}

div#mainPageContent ul.thumblist li a {
display: block;
width: 127px;
height: 91px;
background: none;
}

div#mainPageContent ul.thumblist li a img {
border: none;
}

div#mainPage #blocEnBref {
position: relative;
text-align: center;
float: right;
background: url(../../images/Etang/Etang_bg_blocEnBref.png) no-repeat;
padding: 25px 32px 25px 42px;
margin-top: 0px;
width: 199px;
height: 412px;
color: #ffffff;
font-size: 0.9em;
}

div#mainPage #blocEnBref h2{
font: 1.45em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
background: none;
padding: 0;
margin: 0;
}

div#mainPage #blocEnBref a {
display: block;
margin: 0 auto;
width: 125px;
height: 26px;
padding: 2px 7px 0 7px;
text-decoration: none;
background: url(../../images/Etang/Etang_bg_bouton_vert.gif) repeat-x top left;
border: none;
font: 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
}

div#mainPage #blocEnBref a:hover {
background: url(../../images/Etang/Etang_bg_bouton_vert.gif) repeat-x 0px -28px;
}

div.Column218px {
float: left;
width: 218px;
margin: 0 9px;
}

div.Column218px p {
margin: 0;
padding: 0;
}

div.focus {
float: right;
width: 699px;
margin: 0 15px;
}

div#highlightPageContent div.Column218px h2 {
background: none;
height: 15px;
margin: 25px 0 25px 0;
padding: 0;
text-align: left;
font: 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #628118;
}

div.Column218px h3 {
background: none;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
text-align: left;
}

div.Column218px p a {
font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #f36c83;
}

div.Column218px a, div.Column218px #statut {
font: 0.75em Arial, Helvetica, sans-serif;
color: #f36c83;
}

div.Column218px span {
font: 0.85em Trebuchet MS, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

div#highlightPageContent form fieldset {
border: none;
width: 464px;
padding: 0;
margin: 0;
}

div#highlightPageContent form fieldset.firstInHighlight {
float: left;
margin: 0 0 0 23px;
width: 478px;
}

div#highlightPageContent form fieldset legend{
display: none;
}

div#highlightPageContent form fieldset p {
margin: 0;
padding: 0;
clear: both;
}

div#highlightPageContent form fieldset p#message {
padding-left: 30px;
margin-bottom: 37px !important;
}

div#highlightPageContent form fieldset p#message label {
float: none;
width: 150px;
display: block;
}

div#highlightPageContent form fieldset p textarea {
text-align: left;
margin: 5px 0px;
padding: 3px 0 0 3px;
border: 1px solid #d0c6b9;
}

div#highlightPageContent form fieldset p label {
float: left;
width: 117px;
}

div#highlightPageContent form fieldset p label span.champOblig{
font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #dc0700;
}

div#highlightPageContent form fieldset p input {
text-align: left;
display: block;
width: 356px;
height: 20px;
margin: 0 0 5px 0;
padding: 3px 0 0 3px;
border: 1px solid #d0c6b9;
}

div#highlightPageContent form fieldset p input[type="text"]:focus, div#highlightPageContent form fieldset p textarea:focus {
border: #db4a63 2px solid;	
}

div#highlightPageContent form fieldset p input.textboxSup {
float: none;
margin: 0 0 5px 117px;
}


div#highlightPageContent form fieldset span.legendForm {
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #59924c;
margin: 15px 0 0 0;
padding: 0;
display: block;
}

div#highlightPageContent span.error {
display: block;
width: 356px;
margin: 5px auto;
text-align: center;
}

label.error {
color: #dc0700;
font-weight: bold;
clear: right;
padding-left: 117px;
width: 356px !important;
font-size: 0.8em;
margin: -5px 0 10px 0;
}

p#message label.error {
padding-left: 0;
}

div#highlightPageContent form fieldset p#button {
text-align: center;
padding-left: 30px;
}

div#highlightPageContent form fieldset p#button input.buttonStyle2 {
width: 124px;
height: 28px;
padding: 0 7px 4px 7px;
margin: 0 auto;
text-align: center;
text-decoration: none;
background: url(../../images/Etang/Etang_bg_bouton_rose.gif) repeat-x top left;
border: none;
font: 1.05em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
cursor: pointer;
}

div#highlightPageContent form fieldset p#button input.buttonStyle2:hover {
background: url(../../images/Etang/Etang_bg_bouton_rose.gif) repeat-x 0px -28px;
}

div#blocIdentite{
position: relative;
float: right;
width: 214px;
height: 239px;
background: url(../../images/Etang/Etang_bg_blocIdentite.png) no-repeat;
text-align: center;
padding: 25px 15px 25px 45px;
margin: -20px 0 30px 30px;
color: #ffffff;
font: 0.9em Trebuchet MS Arial, Helvetica, sans-serif;
}

div#blocIdentite h3{
font: 1.45em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
background: none;
padding: 0;
margin: 0;
}

div#blocIdentite p{
margin: 0;
padding: 0;
text-align: left;
}

div#blocIdentite p span{
font-weight: normal;
float: left;
width: 80px;
margin: 0 0 5px 0;
}

div#blocIdentite p span.value{
float: left;
display: block;
width: 109px;
margin: 0 0 5px 0;
padding: 0;
font-weight: bold;
}

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

div#blocIdentite ul li{
list-style-image: none;
line-height: 20px;
}

div#footer div#signature{
width: 965px;
height: 33px;
margin: 0 auto;
padding: 0;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #4a5c1f;
text-align: right;
}

/*---------------------------------------------
CLASSES
---------------------------------------------*/

.textUpRed {
color: #dc0700;
font-style: normal;
}

.textUp {
color: #1b1b1b;
font-style: normal;
}

.mail {
color: #4c3e3e;
}