/* STYLES DE BASE */
@font-face {
  font-family: "century gothic";
  src: url("/styles/Century_Gothic.ttf");
}

body,div,dl,dt,dd,li,ul,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
li{ margin-left:15px;}
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { 	border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}

h1{  font-size:27px; text-transform:uppercase; font-family:century gothic,verdana,arial; float:right; border-left:1px dotted #158edf; padding:5px 0px 12px 36px; margin-right:20px; } 
h2{  font-size:28px; text-transform:uppercase; font-family:century gothic,verdana,arial; padding:25px 0 18px;}
h3{  font-size:24px;  font-family:century gothic,verdana,arial; padding:25px 0px 0px 0px; *padding:25px 0px 0px 0px;;}
.smallH1{font-size:16px; }
.smallH2{font-size:16px; }
.smallH3{font-size:15px; }

a { color: #737373; }
a:hover { text-decoration: none; }

.mainColor{ color:#158edf; }
.up{text-transform:uppercase;}

.clear{clear:both; display:block; }
fieldset{ margin-bottom:10px; padding:10px 10px 15px 10px;}
legend{color:#AAD12D; font-size:13px; font-weight:bold; padding:0px 10px;}
input, textarea{border:solid 1px grey;}


/* CONTAINER */

body { font-family: Arial, Helvetica, sans-serif; margin: 0; margin-top: 20px;  color: #737373; font-size:12px; }
#container { width: 971px; margin: 0 auto 0 auto; }


/* BLOCS GENERAUX */

#top { height:405px; }
#bottom { clear: both; height: 317px; width: 100%; }


/* AUTRES BLOCS */

#menuh { position:absolute; top:133px; margin-left: 40px;}
#menuh a{ text-decoration:none; margin-right:20px; diplay:block; float:left; }


/* HEADER */

#logo{ position: absolute; display: block; font-family:century gothic,verdana,arial; font-size:23px; text-transform:uppercase; text-decoration:none; float:left; margin-left:30px; }
#bottom #logo{width:150px; padding-right:10px; margin-top:18px; position: relative;}
*html #bottom #logo{margin-left:2px;}

/* MENU HORIZONTAL */

#menuh { }
#contenHeader1, #contenHeader2, #contenHeader3, #contenHeader4{ position:absolute;  font-size:29px; color:white; font-family:century gothic,verdana,arial; font-style:italic;}
#contenHeader1{top:258px;}
#contenHeader2{top:298px;}
#contenHeader3{top:338px;}
#contenHeader4{top:400px; font-size:13px; font-style:normal;}



/* MENU VERTICAL */

#menuv li { display: inline; }
#menuv li a { margin-top: 10px; border-bottom: 1px solid #E5E5E5; display: block; line-height: 25px; text-decoration: none; font-weight: bold; }
#menuv li ul { }
#menuv li ul a { font-weight: normal; margin-top: 0; border: none; line-height: 20px; padding-left: 10px; color: #666666; }


/* CONTENU */
#contentFlash{  float:right; width:256px; margin:16px 20px 0px 0px; height:282px; padding:10px; color:white;}
#contentFlash #Flash{width:255px; height:190px; background-color:black; margin-bottom:12px; }
#contentFlash .temoignage{font-size:13px; font-family:century gothic,verdana,arial;}
#contentFlash .autor{font-weight:bold; font-family:century gothic,verdana,arial;}
#contentFlash a{font-weight:bold; text-decoration:none;}
#formReservation{width:970px; height:334px; }
#formReservation form{margin-left:80px; width:548px; float:left; }
*html #formReservation form{margin-left:40px; width:548px; float:left; }
select, input{width:170px; height:18px; margin-bottom:4px;}
.smallInput{width:65px;}
#formDescription{font-size: 9px; float:left; width:331px; margin-top:18px; color: black;}
a.submitForm{text-decoration:none; background:url(/styles/images/btnLarge.png); display:block; width:194px; height:65px; float:right; margin-top:18px; text-align:center; padding-top:15px; color:white; font-size:20px; font-family:century gothic,verdana,arial;}
a.submitForm small{font-size:13px;}
.block{margin-top:35px; float:left; width:464px; border-right:1px dotted; margin-right:25px;}
.block img{ float:left; }
.contentBlock{ float:left; margin-left:24px; width:217px;}
.contentBlock p{ padding-top:15px;}
.titleBlock{font-size:14px; font-weight:bold;}

/* PIED DE PAGE */

.paris {  float:right; }
.titleFooter {font-family:century gothic,verdana,arial; font-size:15px;}
#blockFooter1{ float:left; border-left:1px solid #d2d3d4; height:150px; padding:20px 15px 0px 20px; width:223px }
#blockFooter2{ float:left; border-left:1px solid #d2d3d4; height:150px; padding:20px 15px 0px 20px; width:223px }
#blockFooter3{ float:left; border-left:1px solid #d2d3d4; height:150px; padding:20px 15px 0px 20px; width:223px }
#bottom-content { margin:0 auto 0 auto; width:971px;}
#bottom-content a{ text-decoration:none; }
#navFooter{}
#menup li { display: inline; }
#menup li a { color: white; line-height: 30px;  }
.footerLink{text-decoration:none; display:block; border-top:1px dotted; padding:5px 0px 0px; margin-top:5px; margin-right:18px;}
#telFooter{font-size:24px; font-family:century gothic,verdana,arial;}


/* ID ET CLASSES DU CENTRE  */

#center .text { line-height: 18px; }
#center .img { float: left; margin: 0 10px 10px 0;  }
#center .list { border-top: 1px solid #EDEDED; clear: both; padding: 10px; overflow:hidden; }
#center .list div { font-style: italic; margin-top: 5px; }


/* WIDGETS */

.widget h6 { background: #006ab5; color: white; font-weight: bold; text-align: center; padding: 5px; }
.widget ul { padding: 5px; }
.widget p { padding: 5px; text-align: right; }


/* FORM */

.obligatoire { color: #AAD12D; font-weight:bold;}
input.error, textarea.error{ background-color:#FFBFBF;}