/* ---------------------------------- BASES ---------------------------------- */

* {margin: 0; padding: 0; border: none;}

html, body {height: 100%;}

body {background: url(/img/header/bg.png) repeat-x; font: 62.5% Arial, Helvetica, Verdana, sans-serif; color: #4c4c4d;}

h2 {width: 678px; height: 204px; background: url(/img/introduction.png) no-repeat 50% 50%; border: 1px solid #ccc6c1; text-indent:-9000px;}

h3 {margin: 10px 0 10px 0; font: 3.4em Georgia, Times, serif; color: #222; border-bottom: 1px solid #ccc6c1;}

h4 {padding: .6em 15px .6em 15px; background:#fff url(/img/cadres/fondtitres.png) repeat-x 0 100%; border-bottom: 1px solid #ccc6c1; font-size: 110%; font-weight: normal; color: #49494d;}

h5 {font-size: 1.7em;}

p {margin-bottom: .6em;}

p + h3 {margin-top: 30px;}

ul {list-style: none;}

hr {display: none;}

a {color: #3366ff;}

a:visited {color: #3366ff;}

a:hover {color: #ff6666;}




/* ---------------------------------- CONTENEURS ---------------------------------- */

#container {position: relative; min-height: 100%;}

#wrap {width: 960px; margin: 0 auto; padding-bottom: 13.8em; overflow: hidden;}

#col-contenu {float: left; width: 680px; margin-top: 30px;}

#col-cadres {float: left; width: 265px; margin: 30px 0 0 15px;}




/* ---------------------------------- HEADER ---------------------------------- */

#banner {position: relative; margin: 0 auto; background: url(/img/header/bg.png) repeat-x; width:960px; height: 150px;}

#banner img {margin-top: 38px;}

#menu {position:absolute; bottom: 0; right: 0;}

#menu li {float: left; font-size: 1.6em; color: #3366ff; border: 1px solid #999693; border-width: 1px 1px 1px 0;}

#menu li:first-child {border-width: 1px;}

#menu li a {float: left; padding: .5em 1.4em .3em 1.4em; text-decoration: none; color: #fff; background: #bfb9b5;}

#menu li a:hover {background: #ada9a4;}

#menu .visite {background: #fff; border-bottom-color: #fff; padding: .5em 1.4em .3em 1.4em;}




/* ---------------------------------- CONTENUS ---------------------------------- */

#col-contenu p {font-size: 1.7em;  line-height: 150%;}




/* ---------------------------------- CADRES ---------------------------------- */

.cadre {margin: 10px; overflow: hidden; border: 1px solid #ccc6c1; background: #fff; font-size: 1.5em; color: #707073;}

.cadre + .cadre {margin-top: 10px;}

.cadre img {float: left; margin: 5px 10px 15px 0;}

.cadre-content {padding: 15px; line-height: 130%;}

#cadre-contact {padding: 15px; background: #ffffe6; line-height: 110%;}

#cadre-contact ul {line-height: 110%;}

#cadre-contact li {margin-top: .2em; padding-left: 20px; background-position: 0 4px; background-repeat: no-repeat;}

#cadre-contact li.adresse {background-image: url(/img/cadres/adresse-trans.png);}

#cadre-contact li.telephone {background-image: url(/img/cadres/telephone-trans.png);}

#cadre-contact li.fax {background-image: url(/img/cadres/fax-trans.png);}

#cadre-contact li.email {background-image: url(/img/cadres/email-trans.png);}

#cadre-contact em {position:absolute; top:-9000px;}

.col-haute {background: url(/img/cadres/fondhaute.png) no-repeat;}

.col-courte {background: url(/img/cadres/fondcourte.png) no-repeat;}




/* ---------------------------------- FOOTER ---------------------------------- */

#footer {position: absolute; bottom: 0; padding: .8em 0 1.4em 0; width: 100%; font-size: 1.3em; background: #f0eeeb; border-top: 1px solid #ccc6c1;}

#footer li {display: inline; background: url(/img/puce.png) no-repeat 0 60%; margin: 0 .2em .6em 0; padding-left: .6em; color: #ada9a4;}

#footer li:first-child {background: none; padding-left: 0;}

#footer li a {text-decoration: none;}

#footer p {margin-top: .6em;}

#footer ul + p {font-size: 90%; line-height: 1em; color: #7e7e80;}

#footer ul + p a {color: #7e7e80;}

#footer ul + p a:hover {color: #4c4c4d;}

.footer-content {margin: 0 auto; text-align: left; width: 960px; font-size: 1.1em;}