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

/*----------------------------------------------
STYLE AUTOMNE
-----------------------------------------------*

/*----------------------------------------------
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-right: 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: #ffffff url(../../images/Champ_bghomeRbn.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/Champ_afd.png) no-repeat left top;
}

#afd img {
border: none;
}

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

div#anim {
position: relative;
background: url(../../images/Champ_img_homeRbn.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: url(../../images/Champ_logoHome.png) no-repeat top left;
width: 153px;
height: 48px;
text-indent: -5000px;
position: relative;
top: 500px;
}

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

div#anim #presentation h2{
background: url(../../images/Champ_bienvenue.png) no-repeat top left;
width: 111px;
height: 25px;
text-indent: 5000px;
position: absolute;
top: -100px;
left: -50px;
}

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: 15px;
top: 520px;
margin: 0;
padding: 0;
color: #A29386;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

div#anim ul#nav {
position: absolute;
right: 0;
top: 450px;
width: 440px;
height: 50px;
margin: 0;
padding: 0;
}

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

div#anim ul#nav li a {
position: relative;
display: block;
width: 100px;
height: 42px;
padding-top: 8px;
background: url(../../images/boutonMenuRbn.png) no-repeat top left;
font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffc2aa;
text-decoration: none;
text-transform: uppercase;
}

div#anim ul#nav li a:hover {
background: url(../../images/boutonMenuRbn.png) no-repeat 0px -50px;
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: #ffffff url(../../images/Champ_bgRbn.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 25px auto;
padding: 0;
background: url(../../images/Champ_bg_headerRbn.jpg) no-repeat;
width: 980px;
height: 225px;
}

div#header a.logo {
background: url(../../images/Champ_logo.png) no-repeat top left;
display: block;
width: 206px;
height: 80px;
position: absolute;
top: 40px;
left: 15px;
text-indent: -5000px;
}

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

div#highlightPage {
position: relative;
background: #f6f0e8  url(../../images/Champ_bg_highlightPageRbn.jpg) repeat-x;
margin: 0;
padding: 0;
}

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

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

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

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

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

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

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

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

ul#nav {
position: relative;
float: right;
top: 180px;
right: 5px;
width: 440px;
height: 50px;
margin: 0;
padding: 0;
}

ul#nav li{
float: left;
display: inline;
text-align: center;
margin: 0 10px 0 0;
width: 100px;
height: 50px;
}

ul#nav li a {
display: block;
width: 100px;
height: 42px;
padding-top: 8px;
background: url(../../images/boutonMenuRbn.png) no-repeat top left;
font: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffc2aa;
text-decoration: none;
text-transform: uppercase;
}

ul#nav li a:hover {
background: url(../../images/boutonMenuRbn.png) no-repeat bottom left;
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: #ff0800;
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: #4a5c1f;
width: 170px;
height: 100px;
padding: 20px 0 0 30px;
margin: 5px 0 0 110px;
background: url(../../images/Champ_puce_titreRbn.gif) no-repeat top left;
}

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

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

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

li {
list-style-image: url(../../images/Champ_puce_listeRbn.gif);
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;
}

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/portfolio/thumbHighlightRbn.jpg);
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/Champ_bg_thumbRbn.jpg) 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/Champ_bg_viewerRbn.jpg) 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: #fe632f;
clear: both;
margin: 0 0 0 0px;
}

div#highlightPageContent ol#blocDetailsProjet{
position: relative;
bottom: 45px;
float: right;
width: 218px;
height: 280px;
background: url(../../images/Champ_bg_blocDetailsDuProjetRbn.png) no-repeat;
text-align: center;
padding: 20px 30px 20px 30px;
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: 27px;
padding: 4px 0 0 0;
margin: 0 0 0 35px;
text-decoration: none;
text-align: center;
background: transparent url(../../images/boutonRed.png) no-repeat top center;
border: none;
font: 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
}

div#highlightPageContent ol#blocDetailsProjet a.bouton:hover {
background: url(../../images/boutonRed.png) no-repeat bottom center;
}

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 110px 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: #ff0800;
background: url(../../images/button_UpRed.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/Champ_bg_thumblistRbn.jpg) no-repeat;
}

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/Champ_bg_BlocEnBrefRbn.jpg) no-repeat;
padding: 20px 32px 20px 32px;
margin-top: 30px;
width: 194px;
height: 411px;
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;
width: 124px;
height: 27px;
padding: 4px 0 0 0;
text-decoration: none;
background: url(../../images/Champ_boutonGreen.png) no-repeat top center;
border: none;
font: 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #ffffff;
}

div#mainPage #blocEnBref a:hover {
background: url(../../images/Champ_boutonGreen.png) no-repeat bottom center;
}

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: #dc0700;
}

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

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: #628118 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: #fe632f;
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: 31px;
padding: 0 0 4px 0;
margin: 0 auto;
text-align: center;
text-decoration: none;
background: url(../../images/boutonRed.png) no-repeat top center;
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/boutonRed.png) no-repeat bottom center;
}

div#blocIdentite{
position: relative;
float: right;
width: 218px;
height: 280px;
background: url(../../images/Champ_bg_blocDetailsDuProjetRbn.png) no-repeat;
text-align: center;
padding: 20px 30px;
margin: -58px 0 0 50px;
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;
}