/*  background-image: url("../images/pagebg.png");*/
/*  background-repeat: repeat-x;*/
/*  background-attachment: scroll;*/
/*  background-position: 0pt 0pt;*/

html {
  background-color: #7bbbcc;                                                
  background: url(../images/bg.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt
}

div#wrapper {
  margin: 0 auto;
  width: 868px;
}

div#wrapper2 {
  margin: 0 auto;
  padding-top: 18px;
}

div#header {
  background: url(../images/header-bg.png) no-repeat;
  right-bottom
}

div#header .rk-1 {
  background: url(../images/header-r.png) 100% 0 no-repeat;
}

div#header .rk-2 {
  background: url(../images/header-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

div#header0 {
  background: url(../images/header-bg.png) no-repeat;
  right-bottom
}

div#header0 .rk-1 {
  background: url(../images/header-r.png) 100% 0 no-repeat;
}

div#header0 .rk-2 {
  background: url(../images/header-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

div#header1 {
  background: url(../images/header2-bg.png) no-repeat;
  right-bottom
}

div#header1 .rk-1 {
  background: url(../images/header2-r.png) 100% 0 no-repeat;
}

div#header1 .rk-2 {
  background: url(../images/header2-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

div#header2 {
  background: url(../images/header3-bg.png) no-repeat;
  right-bottom
}

div#header2 .rk-1 {
  background: url(../images/header3-r.png) 100% 0 no-repeat;
}

div#header2 .rk-2 {
  background: url(../images/header3-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

div#header3 {
  background: url(../images/header4-bg.png) no-repeat;
  right-bottom
}

div#header3 .rk-1 {
  background: url(../images/header4-r.png) 100% 0 no-repeat;
}

div#header3 .rk-2 {
  background: url(../images/header4-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

div#header4 {
  background: url(../images/header5-bg.png) no-repeat;
  right-bottom
}

div#header4 .rk-1 {
  background: url(../images/header5-r.png) 100% 0 no-repeat;
}

div#header4 .rk-2 {
  background: url(../images/header5-l.png) 0 0 no-repeat;
  height: 153px;
  overflow: hidden;
}

img#logo {
  float: left;
  margin-left: 25px;
  margin-top: 17px;
  width: 255px;
  height: 148px;
  background: url(../images/ORP_blanc_ventre.png) 0 0 no-repeat;
}

img#partenaire1 {
  float: left;
  margin-left: 57px;
  margin-top: 47px;
  width: 213px;
  height: 70px;
  background: url("../images/partenaire/criobe.png") 0 0 no-repeat;
}

img#partenaire2 {
  float: left;
  margin-left: 57px;
  margin-top: 47px;
  width: 204px;
  height: 70px;
  background: url("../images/partenaire/raira_petit.png") 0 0 no-repeat;
}

div#prefooter1 {
  padding: 15px;
  background: #00677d;
}

div#prefooter2 {
  height: 100px;
  background: url(../images/prefooter-bg.png) 0 0 repeat-x;
  text-align: center;
}

div#prefooter3 {
  height: 54px;
  background: #00407a;
  text-align: center;
}

div#footer {
  background: url(../images/footer-bg.png) 0 0 repeat-x;
  height: 95px;
}

div#footer .rk-1 {
  background: url(../images/footer-r.png) 100% 0 no-repeat;
}

div#footer .rk-2 {
  background: url(../images/footer-l.png) 0 0 no-repeat;
  height: 105px;
  overflow: hidden;
}

.menu {
  background: #00677d;
  color: white;
  padding: 5px;
}
 
.surveyname {
  background-color: #00677d;
  text-align: center;
  color: white;
  padding: 5px;
  font-size: 1.3em;
}

.survey-main {
  background: #f5feff;
  border: 1px solid #00677d;
  padding: 15px;
}

.apropos {
  background: url(../images/fond.jpg) 0 0 no-repeat;
  border: 1px solid #00677d;
  padding: 15px;
}

.survey-description,.survey-survey-description {
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 10px
}

.survey-question {
  margin: 0;
  padding: 5px;
  border: 1px solid #86b8bc;
  background: #fafeff;
}

.nosurveyid {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 20px 10px 20px 10px;
  margin: 20px 0 20px 0;
  border: 1px solid #3c9aae;
  background-color: #e0fbff
}

.entete {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 15px 10px 15px 10px;
  margin: 5px 0 5px 0;
  border: 1px solid #3c9aae;
  background: url(../images/Mask.png) 0 0 no-repeat;
  background-color: #e0fbff
}

h1 { 
    font-size : 1em;
    font-variant:small-caps;
    margin: 0px 0 0px 0;
}
 
h2 {
    font-family:georgia,serif;font-size:18px;
    font-style:italic;
    color:#3E2F2F;
    letter-spacing:0;
    line-height:1.429em;
    padding:0;
    text-align:center;
}
 
h2 span {
    font-family:baskerville,'palatino linotype',georgia,serif;
    font-size:25px;
    font-weight:100;
}

h3 {
    font-family:georgia,serif;font-size:18px;
    font-style:italic;
    color:#3E2F2F;
    letter-spacing:0;
    line-height:1.1em;
    padding:0;
    text-align:left;
}
 
.introduction {
    font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px;
    font-weight:bold;
    margin:10px 0px 10px 20px; /* Tweak this to your liking (also add padding) */
    letter-spacing:3px;
}

@font-face {
	font-family: manuscrit;
	src: url('britannica.ttf') format('truetype');
}

@font-face {
	font-family: 'BandaRegular';
  src: url('banda_regular-webfont.ttf') format('truetype');
}

.lettre {
  font-family: manuscrit;
  font-size:18px;
}

.banda {
  font-family: 'BandaRegular',Tahoma,Geneva,sans-serif;
  font-size: 40px;
  color: #4490b1;
  text-transform: uppercase;
}

.newsletter {
	float: right;
  	text-align:right;
  	margin-top:-5px;
}
.newsletter a {
	padding: 0px 0px 0px 5px;
  	font-weight: bold;
	color: #FF8000;
	cursor:pointer;
	text-decoration:none;
}