/* Grid */

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


body
{
margin : 0 ;
padding : 0 ;
border-width : 0 ;
font-family : Arial, Verdana, sans-serif ;
font-size: 62.5% ;
background : #404040 ;
text-align : left ;
}

a:hover
{outline:none;}

img
{
margin : 0 ;
padding : 0 ;
border : 0 ;
}

.span1 img
{
width : 70px ;
}

#footer .span1 a
{
background: transparent;
}

.span3 img
{
width : 220px ;
}

.span4 img
{
width : 300px ;
}

.span7 img
{
width : 540px ;
}

.hidden
{
display : none ;
}

.clear
{
clear : both ;
margin : 0 ;
padding : 0 ;
}

.inside
{
margin: 0 10px;
}

.wrapauto
{
width : 960px ;
margin : 0 auto ;
padding : 0 10px ;
}

.wrap12
{
float : left ;
width : 960px ;
margin : 0 ;
padding : 0 ;
}

.wrap6
{
float : left ;
width : 480px ;
margin : 0 ;
padding : 0 ;
}

.wrap7
{
float : left ;
width : 560px ;
margin : 0 ;
padding : 0 ;
}

.wrap3
{
float : left ;
width : 240px ;
margin : 0 ;
padding : 0 ;
}

.wrap4
{
float : left ;
width : 320px ;
margin : 0 ;
padding : 0 ;
}

.wrap8
{
float : left ;
width : 600px ;
margin : 0 ;
padding : 0 ;
}

.wrap9
{
float : left ;
width : 720px ;
margin : 0 ;
padding : 0 ;
}

.wrap10
{
float : left ;
width : 800px ;
margin : 0 ;
padding : 0 ;
}

.span1
{
float : left ;
width : 70px ;
margin : 0 ;
padding : 0 5px ;
}

.span2
{
float : left ;
width : 140px ;
margin : 0 ;
padding : 0 10px ;
}

.span3
{
float : left ;
width : 220px ;
margin : 0 ;
padding : 0 10px ;
}

.span4
{
float : left ;
width : 300px ;
margin : 0 ;
padding : 0 10px ;
}

.span5
{
float : left ;
width : 380px ;
margin : 0 ;
padding : 0 10px ;
}

.span6
{
float : left ;
width : 460px ;
margin : 0 ;
padding : 0 10px ;
}

.span7
{
float : left ;
width : 540px ;
margin : 0 ;
padding : 0 10px ;
}

.span8
{
float : left ;
width : 620px ;
margin : 0 ;
padding : 0 10px ;
}

.span9
{
float : left ;
width : 700px ;
margin : 0 ;
padding : 0 10px ;
}

.span10
{
float : left ;
width : 780px ;
margin : 0 ;
padding : 0 10px ;
}

.topspace10
{
margin-top : 10px ;
}

.topspace20
{
margin-top : 20px ;
}

.topspace23
{
margin-top : 23px ;
}

.topspace40
{
margin-top : 40px ;
}

.topspace80
{
margin-top : 80px ;
}

.borderbottom
{
border-bottom : solid 1px #acacac ;
}

.bordertop
{
border-top : solid 1px #880000 ;
}

#header
{
width : 100% ;
background : #202020 ;
margin : 0 ;
padding : 0 ;
}

#footer
{
width : 100% ;
background : url(img/grey.jpg) bottom repeat-x #424242 ;
padding : 15px 0 ;
margin : 0 ;
border-top : solid 3px #acacac ;
}

.black100
{
width : 100% ;
background : #202020 url(img/black.jpg) bottom repeat-x ;
padding : 40px 0 30px 0 ;
}

.white100
{
width : 100% ;
background : #e1e1e1 url(img/lisere.jpg) top repeat-x;
padding : 30px 0 ;
}

#bottomline
{
margin : 20px 0 0 0 ;
padding : 20px 0 ;
border-top : solid 1px #808080 ;
}

p
{
font-size : 13px ;
color : #444444 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1.4em ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
padding : 0 ;
margin : 0 10px 1.4em 0 ;
text-align : left ;
}

label
{
font-size : 11px ;
color : #444444 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1.4em ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
padding : 0 ;
margin : 0 0 1.6em 0 ;
text-align : left ;
}

ul
{
margin: 0;
padding: 0;
}

li
{
font-size : 13px ;
line-height : 1.4em ;
color : #444444 ;
word-spacing : 0 ;
letter-spacing : 0 ;
font-weight : normal ;
font-style : normal ;
padding : 0 ;
text-align : left ;
list-style: none;
}

li.rdv
{
font-size : 13px ;
line-height : 1.4em ;
color : #444444 ;
word-spacing : 0 ;
letter-spacing : 0 ;
font-weight : normal ;
font-style : normal ;
padding : 0 ;
text-align : left ;
list-style: square;
margin : 0 0 1.4em 0 ;
}

p a, li a
{
color : #808080 ;
text-decoration: none;
}

p a:hover, li a:hover
{
color : #808080 ;
text-decoration: underline;
}

p.white
{
color : #b1b1b1 ;
}

p.lightgrey, p.lightgrey a
{
color : #808080 ;
text-decoration : none ;
}

p.lightgrey a:hover
{
color : #b1b1b1 ;
text-decoration : none ;
}

p.souslogo
{
font-size : 14px ;
line-height : 25px ;
color : #b1b1b1 ;
}

#footer ul
{
margin : 1.4em 0 0 0 ;
padding : 0 ;
}

#footer li
{
list-style-type : none ;
font-size : 11px ;
line-height : 1.4em ;
margin : 0 ;
padding : 0 ;
color : #808080 ;
}

#footer p
{
font-size : 11px ;
line-height : 1.4em ;
margin : 0 ;
padding : 0 ;
color : #808080 ;
}

#footer a
{
color : #808080 ;
text-decoration : none ;
padding-left : 10px ;
background : url(img/pucefleche.gif) left no-repeat ; 
}

#footer a:hover
{
color : #808080 ;
text-decoration : underline ;
}

#bottomline a
{
color : #808080 ;
text-decoration : none ;
padding-left : 0 ;
background : transparent ; 
}

ul.nav
{
padding : 0 ;
margin : 0 ;
}

p.asuivre a
{
display : block ;
float: right;
clear: right;
line-height : 20px ;
font-size : 11px ;
width : 60px ;
padding : 0 0 0 10px;
color : #880000 ;
text-decoration : none ;
background : url(img/asuivre.png) top left no-repeat ;
}

p.asuivre a:hover
{
text-decoration : underline ;
background : url(img/asuivre.png) bottom left no-repeat ;
}

.nav li
{
float : left ;
list-style-type : none ;
font-size : 13px ;
color : #b1b1b1 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 30px ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
margin : 0 ;
padding : 0 ;
text-align : center ;
}

.nav li a
{
display : block ;
color : #b1b1b1 ;
padding : 7px 20px 11px 20px ;
text-decoration : none ;
}

.nav li a:hover
{
color : #880000 ;
text-decoration : none ;
}

.nav li.firstitem a
{
background : url(img/blacknav.jpg) top left no-repeat ;
padding-left: 25px;
}

.nav li.miditem a
{
background : url(img/blacknav.jpg) top center no-repeat ;
}

.nav li.lastitem a
{
background : url(img/blacknav.jpg) top right no-repeat ;
padding-right: 25px;
}

.nav li.firstitem a:hover, .nav li.firstitem.actuel a
{
background : url(img/blacknav_hover.jpg) bottom left no-repeat ;
}

.nav li.miditem a:hover, .nav li.miditem.actuel a
{
background : url(img/blacknav_hover.jpg) bottom center no-repeat ;
}

.nav li.lastitem a:hover, .nav li.lastitem.actuel a
{
background : url(img/blacknav_hover.jpg) bottom right no-repeat ;
}

h1
{
font-size : 36px ;
color : #e1e1e1 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1em ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
margin : 0 0 17px 0 ;
padding : 0 ;
}

h2.header
{
font-size : 36px ;
color : #e1e1e1 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1em ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
margin : 0 0 0.25em 0 ;
padding : 0 ;
}

h2, h2 a, h2 a:hover
{
font-size : 24px ;
color : #880000 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1.4em ;
font-weight : normal ;
text-decoration : none ;
font-style : normal ;
margin : 0 0 0.25em 0 ;
padding : 0 ;
}

h3, h3 a
{
font-size : 16px ;
font-family : Georgia, serif ;
color : #808080 ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1.2em ;
font-weight : normal ;
text-decoration : none ;
font-style : italic ;
margin : 0 0 0.8em 0 ;
padding : 0 ;
}

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

a#engflag
{
display : block ;
width : 20px ;
height : 12px ;
background : url(img/unionjack.jpg) top left no-repeat ;
}

a:hover#engflag
{
background : url(img/unionjack.jpg) bottom left no-repeat ;
}

a#fraflag
{
display : block ;
width : 20px ;
height : 12px ;
background : url(img/lef.jpg) top left no-repeat ;
}

a:hover#fraflag
{
background : url(img/lef.jpg) bottom left no-repeat ;
}

.encadre
{
float : left ;
width : 180px ;
padding : 10px 10px 30px 20px ;
margin : 0 0 30px 30px ;
background : #cecece url(img/encadre.jpg) bottom right no-repeat ;
}

.encadre li
{
font-size : 13px ;
line-height : 1.2em ;
padding : 0 0 0 10px;
margin : 1.2em 0 1.2em -10px;
background: url(img/pucefleche2.gif) top left no-repeat;
}

.encadre li a
{
color : #444444 ;
list-style: none;
}

.post
{
margin-bottom : 25px ;
padding-bottom : 25px;
border-bottom : solid 1px #cfcfcf ;
}

/* diaporama */

#diaporama
{
float : left ;
width : 460px ;
height : 240px ;
margin : 0 0 0 80px ;
padding : 0 10px ;
}

.cache
{
position : relative ;
overflow : hidden ;
width : 460px ;
height : 200px ;
}

#defilement img
{
position : absolute ;
display : block ;
}

/* fin de diaporama */

span.red
{
color: #880000;
}

form#envoi
{
padding: 10px;
background: #e1e1e1;
border: solid 1px #cecece;
}

form#envoi #nom, form#envoi #email, form#envoi #message 
{
background: #dedede;
border-left: solid 1px #cecece;
border-bottom: solid 1px #cecece;
border-top: solid 1px #cecece;
border-right: solid 1px #cecece;
padding: 3px;
font-family : Arial, Verdana, sans-serif ;
width: 260px;
}

#button
{
width: 60px;
line-height: 20px;
height: 20px;
cursor: pointer;
text-align: center;
background: transparent url(img/bg_button.png) -60px 0 no-repeat;
}

#button:hover
{
background: transparent url(img/bg_button.png) 0 0 no-repeat;
}

#button:active
{
background: transparent url(img/bg_button.png) -120px 0 no-repeat;
}

p#reponse
{
color: #880000;
margin: 1.4em 20px;
}

p#reponse span
{
color: #18501a;
margin: 1.4em 20px;
}

ol#listevins
{
margin: 6em 0 0 0;
padding: 0 ;
color : #444444 ;
}

ol#listevins li
{
list-style: outside decimal;
color : #444444 ;
font-size : 14px ;
word-spacing : 0 ;
letter-spacing : 0 ;
line-height : 1.7em ;
font-weight : bold ;
text-decoration : none ;
font-style : normal ;
margin-bottom: 1.4em;
}

ol#listevins li a
{
/* color : #444444 ; */
text-decoration : none ;
display: block;
}

ol#listevins li a span.heffect
{
visibility: hidden;}

ol#listevins li a span.type
{
font-weight: normal;
}

ol#listevins li a:hover
{
color : #880000 ;
text-decoration : none ;
}

ol#listevins li a:hover span.heffect
{
visibility : visible ;
color: #808080;
padding: 0 0 0 6px;
margin: 0 0 0 6px;
font-weight : normal ;
text-decoration : none ;
font-style : italic ;
background: url(img/pucefleche.gif) left no-repeat;
}

.explic
{
margin-left: 0;
padding: 0;
}

.gammevins li
{
line-height: 1.6em;
padding: 0 0 0 20px;
background: transparent url(img/pucefleche2.gif) 0 0 no-repeat;
}

.gammevins li a
{
color: #444444;
}

p.alerte
{
border: solid 1px #b86464;
color: #880000;
padding : 1em 10px 1.2em 10px;
margin : 0 -10px 1.4em -10px;
}

#photogroupe
{
margin: 0 0 30px 0;
}

#tipsurvol
{
position: absolute;
z-index: 20;
width: 560px;
height: 480px;
margin-top: 50px;
}

.tooltip img
{
float: left;
width: 140px;
}

.tip
{
border-top: solid 1px #bdbdbd;
border-right: solid 1px #bdbdbd;
border-bottom: solid 1px #757575;
border-left: solid 1px #757575;
background: transparent url(img/bg_tip.png) repeat-x;
}

.tip-title
{
color: #000000;
font-family: Georgia, Cambria, serif;
font-size: 18px;
padding: 8px 10px;
line-height: 20px;
font-style: italic;
text-align: center;
}

.tip-text
{
color: #505050;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
padding: 0 10px 10px 8px;
line-height: 20px;
text-align: center;
}

.prix
{
float: left;
width: 470px;
padding: 0 10px 0 80px;
}

.tarifs
{
padding-left: 80px;
margin-bottom: 1.5em;
}

.tarifs p
{
margin-bottom: 0;
}

#PriceHover
{
overflow: hidden;
position: relative;
width: 221px;
height: 700px;
}

#PriceHover img
{
position: absolute;
top: 0;
left: 0;
}

a#Order
{
display: block;
color: #ffffff;
background: #880000 url(img/button.png) top repeat-x;
text-decoration: none;
line-height: 40px;
margin: 0 10px 4em 250px;
border: solid 1px #5c0000;
font-size: 14px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

a#Order:hover
{
background: #880000 url(img/button.png) bottom repeat-x;
color: #ffffff;
}