/*----------------- !! !! !! -------------*/
#menus { 
height : 70px ;;
}

#accueil {
 ;
}

/* CSS velotaccie.com */
* {
margin : 0 ;
padding : 0 ;
}
html, body  {
height : 100% ;
}

#topTop {
clear : both ;
}

#topTop img {
float : left ;
}

#topTop p {
float : right ;
font-size : 1.4em ;
margin-right : 40px ;
margin-top : 60px ;
}


body {
font-size : 72% ;
font-family:Arial, Helvetica, sans-serif ;
background: transparent url('img_TE/fondville.jpg') left top repeat-x    ;
}

table#wrapper {
border-spacing:0;
border-collapse:collapse;
background : transparent url('img/rosace.gif') right top no-repeat ;
height : 100% ;
width : 100% ;
}


/* ********** mise en page générale ************** */

table#wrapper tr td {
vertical-align:top;
padding:0; 
border:0; 
text-align : center ;
}
table#wrapper tr#top {
vertical-align:top;
padding:0; 
border:0; 
height : 16px; 
}

table#wrapper tr#colonnes {
vertical-align:top;
padding:0; 
border:0; 
padding-bottom : 70px ;
background : transparent url('img_TE/fdBottom.gif') center bottom no-repeat ;
}
table#wrapper tr#colonnes td {
padding-bottom : 80px ;
vertical-align:top;
}

#col1 {
width : 260px ;
float : left ;
border: 1px solid #fff ;
}
#col2 {
width : 440px ;
float : left ;
}
#col3 {
width : 260px ;
float : left ;
}
table#wrapper tr td div.divCenter {
margin: auto ;
text-align : left ;
width : 970px ;
}




/* *********  Mise en forme des textes ********* */

.left {float : left ;}
.right {float : right ;}
.clear {clear : both;}
.align-left {text-align : left ;}
.align-right {text-align : right ;}

p {
color : #5F7078 ;
}




/* ********* TOP ********* */

#topRight {
width : 126px ;
float : right ;
}
#pile {
margin-top : 60px ;
}
#flags {
margin-top : 20px ;
}
#flags a{
color : #5F7078 ;
font-size : 0.9em ;
}

#top img {
border : 0px solid #fff ;
}

#accueil {
float : left ;
border : 0 ;
margin-left : 0px ;
}

#menu {
width : 821px ;
float : left ;
}



ul#menuH {
background : transparent url('img_TE/fdMenuH-v2.gif') left top no-repeat ;
list-style-type : none ;
margin-left : 0px ;
padding-top : 10px ;
padding-left : 25px ;
height : 30px ;
clear : both ;
width : 935px ; 
}

ul#menuH li{
display : inline  ;
float : left ;
clear:none;
}


ul#menuH li a{
color : #AFAFAF ;
display : block !important;
display : inline-block ;
padding : 4px 8px ;
text-align : center ;
height : 14px ;
font-weight : bold ;
text-decoration : none ;
border-left : 1px solid #E5E5E5 ;
}

ul#menuH li a:hover, ul#menuH li a.active {
color : #bd2d8f ;
}
ul#menuH li#li2 a:hover, ul#menuH li#li2 a.active {
color : #749a23 ;
}
ul#menuH li#li3 a:hover, ul#menuH li#li3 a.active {
color : #3886b0;
}
ul#menuH li#li4 a:hover, ul#menuH li#li4 a.active {
color : #c45973 ;
}

ul#menuH li#li1{
margin-left : 0px ;
padding-left : 0px ;
}

ul#menuH li#li1 a {
border-left : 0px solid #E5E5E5 ;
padding : 4px 8px 4px 0px ;
}


ul#menuH li#li8 {
display : inline  ;
float : right ;
clear:none;
margin-right : 30px ;
}
ul#menuH li#li8 a {
border-left : 0px solid #E5E5E5 ;
color : #fff; 
}
ul#menuH li#li8 a:hover {
border-left : 0px solid #E5E5E5 ;
color : #cecece ; 
}


/* *********** ENCARTS ************ */

.encart {
width : 260px ;
margin-bottom : 30px;
}
.encart h2, .encart h3, .encart p{
margin-left : 62px ; 
}
.encart h2 {
font-size : 1.4em ;
color : #5f7078 ;
padding-top : 14px ;
}
.encart h3 {
font-size : 1em ;
font-weight : bold ;
padding : 4px 0px ;
}
.encart p {
font-size : 0.9em ;
}
.encart p.csc-frame-frame1 {
font-size : 1.1em ;
margin-top : 12px;
}
.encart p.csc-frame-frame1 a{
font-weight : bold  ;
text-decoration : none ;
display : block ;
text-align : center ;
height : 28px ;
width : 136px ;
background : transparent url('img/bout.gif') center top no-repeat ;
padding-top : 6px ;
}

#tarifs {
background : transparent url('img/tarif.gif') left top no-repeat  ;
}
#FAQ {
background : transparent url('img/faq.gif') left top no-repeat  ;
}
#actus {
background : transparent url('img/actu.gif') left top no-repeat ;
}
#video {
background : transparent url('img/video.gif') left top no-repeat  ;
}
#video h2{
display : none ;
}
#livreOr {
background : transparent url('img/livreOr.gif') left top no-repeat ;
}
#resaTop {
background : transparent url('img/fdResaTop.gif') left bottom no-repeat ;
height : 62px ;
}
#resaMid {
background : transparent url('img/fdResaMid.gif') left top repeat-y ;

}
#resaBottom {
background : transparent url('img/fdResaBottom.gif') left bottom no-repeat ;
height : 12px ;
font-size : 0.1em ;
}
#reservation h2 {
color : #fff ;
padding-top : 35px ;
}

#reservation h3, #reservation a{
color : #bd2d8f ;
}
#tarifs h3, #tarifs a{
color : #c90019 ;
}
#FAQ h3, #FAQ a{
color : #fe8b03 ;
}
#actus h3, #actus a{
color : #bd2d8f ;
}
#video h3, #video a{
color : #93A9BD ;
}
#livreOr h3, #livreOr a{
color : #ffc000 ;
}


#reservation p, #reservation  h3 {
margin-left : 34px ;
width : 216px ;
}
#reservation p {
font-size : 1em ;
}


#reservation p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutResa.gif') center top no-repeat ;
}
#tarifs p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutTarif.gif') center top no-repeat ;
}
#FAQ p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutFAQ.gif') center top no-repeat ;
}
#actus p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutResa.gif') center top no-repeat ;
}
#video p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutVideo.gif') center top no-repeat ;
}
#livreOr p.csc-frame-frame1 a:hover{
color : #fff ;
background : transparent url('img/boutLivreOr.gif') center top no-repeat ;
}










/* ******* PIED DE PAGE ******* */

table#wrapper tr#bas {
background : #A9C9D8 ;
padding:0; 
border: 0 ;
height : 45px; 
}
table#wrapper tr#bas div.divCenter {
/*background : transparent url('img/fdParis.jpg') center bottom no-repeat ;*/

width : 970px ;
height : 45px ;
}
table#wrapper tr#bas td {
vertical-align : bottom;
text-transform : uppercase ;
color : #fff ;
font-size : 0.8em ;
}
table#wrapper tr#bas td a{
color : #fff ;
font-size : 1em ;
font-weight : bold ;
}
table#wrapper tr#bas td a:hover {
color : #000 ;
font-size : 1em ;
font-weight : bold ;
}

#basLeft {
width : 30% ;
float : left ;
padding-top : 10px ;
font-weight : bold ;
}
#basCenter {
width : 10% ;
float : left ;
text-align : center ;
padding-top : 10px ;
font-weight : bold ;
}
#basRight {
width : 60% ;
float : right ;
text-align : right ;
padding-top : 10px ;
font-weight : bold ;
}


/* resa */

fieldset {
padding : 10px ;
border-left : 0px ;
border-right: 0px ;
border-bottom : 0px ;
margin-bottom: 20px 
}
legend {
padding : 0 10px ;
color :  #bd2d8f ;
font-weight : bold ;
}

.tx_powermail_pi1_fieldwrap_html {
margin : 8px 0 ;
}
label {
width : 120px ;
display : block ;
float : left ;
}

.powermail_mandatory_js {
color : red ;
font-weight : bold ;
}