/* AJOUTS DE JLUC : A LA FIN */

 /* Basiques */


html,body {
margin:0;
padding:0;
height:100%;
background:#004600;
font: normal 80%/1em Verdana, Arial, sans-serif;
color:white;
}

div#container {
position:relative;
margin:0 auto;
width:980px;
background: #003100 url(../imgs/bkg.jpg) top no-repeat;
height:auto !important; 
height:100%; 
min-height:100%; 
line-height: 1.2em;
}

div#containerhome {
position:relative;
margin:0 auto;
width:980px;
background: #016600 url(../imgs/bkg_home.jpg) top no-repeat;
height:auto !important; 
height:100%; 
min-height:100%; 
line-height: 1.2em;
}

div#header {
width: 645px;
padding:95px 25px 15px 310px;
font-size: 1.3em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
line-height:1.4em;
color:#00FCFF;
}

div#header h1, div#header h2{
text-indent: -9999px;
font-size: 0;
line-height: 0;
text-decoration: none;
padding:0;
margin:0;
}

div#header h2.recherche{
background: url(../imgs/header_recherche.jpg) left no-repeat;
width: 441px;
height: 51px;
}

div#header h2.theme{
background: url(../imgs/header_themesejour.jpg) left no-repeat;
width: 645px;
height: 51px;
}

div#header h2.engagement{
background: url(../imgs/header_engagement.jpg) left no-repeat;
width: 364px;
height: 51px;
}

div#header h2.programme{
background: url(../imgs/header_programme.jpg) left no-repeat;
width: 602px;
height: 51px;
}

div#header h2.suggestions{
background: url(../imgs/header_suggestions.jpg) left no-repeat;
width: 617px;
height: 51px;
}

div#header h2.contact{
background: url(../imgs/contact.jpg) left no-repeat;
width: 155px;
height: 51px;
}

div#header h2.destination{
background: url(../imgs/header_destination.jpg) left no-repeat;
width: 326px;
height: 51px;
}

div#header h2.guides{
background: url(../imgs/header_guides.jpg) left no-repeat;
width: 328px;
height: 51px;
}

div#header h2.partenaires{
background: url(../imgs/header_partenaires.jpg) left no-repeat;
width: 315px;
height: 51px;
}

div#header h2.questions{
background: url(../imgs/header_questions.jpg) left no-repeat;
width: 278px;
height: 51px;
}

div#header h2.legal{
background: url(../imgs/header_legal.jpg) left no-repeat;
width: 398px;
height: 51px;
}

div#header h2.credits{
background: url(../imgs/header_credits.jpg) left no-repeat;
width: 148px;
height: 51px;
}


div#content {
padding-bottom:33px;
}

div#contenthome {
padding-top:330px;
padding-bottom:33px;
}

div#preshome {
padding-left:170px;
width:810px;
}

div#preshome div.bloc, div#preshome div.bloc1{
width:365px;
padding:0 40px 0 0px;
float:left;
text-align:justify;
}

div#preshome div.bloc img, div#preshome div.bloc1 img, div#partners img{
margin:0 10px 10px 0;
float:left;
}



div#preshome div.bloc1, div#preshome div.bloc1 h4{
color:#CDFD33;
}

div#preshome div.bloc h4{
color:white;
}

div#preshome div.bloc1 h6{
font-weight:bold;
font-size: 1.4em;
color:#CDFD33;
}


#flashmovie{
position: absolute;
background: transparent;
width:772px;
height:255px;
z-index:2;
text-align:center;
left:170px;
top:100px;
}




div#colgauche {
width:310px;
float:left;
}

.error{
font-weight:bold;
color:#CC3300;
}

div#coldroite {
width:670px;
float:right;
}

div#colgauchefiche {
width:310px;
float:left;
background:#74A714;
padding:20px 20px 20px 30px;
margin:0;
text-align:left;
}

div#coldroitefiche {
width:490px;
float:right;
background:#004600;
padding:20px 100px 20px 30px;
margin:0;
text-align:justify;
}


div#coldroitefiche h4 {
font-size: 1.8em;
margin: 0 0 0.4em 0;
text-align:left;
}


div#coldroitefiche .prix {
float:right;
font-size: 1.8em;
margin: 0 0 0.4em 0;
line-height:1em;
font-weight:lighter;
color:#A7DC08;
}

.etoile {
color:#A7DC08;
}

div#coldroitefiche div.programme{
margin-bottom:10px;
}



.couleur {
color:#01D8FF;
font-weight:bold;
}

h1, h2, h3, h4, h5, h6{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

h3{
padding: 0;
font-size: 2.4em;
line-height:1em;
margin: 0.5em 0 0.5em 0;
font-weight:lighter;
color:#10C4E6;
}
h3 a, h3 a:visited {
color:#10C4E6;
}

h4 {
padding: 0;
font-size: 2.1em;
line-height:1em;
margin: 0 0 0.4em 0;
font-weight:lighter;
color:#A7DC08;
}

h4 a, h4 a:visited {
color:#A7DC08;
}


h5 {
padding: 0;
line-height:1em;
margin: 0 0 0.3em 0;
font-size: 1.5em;
font-weight:bold;
color:#005700;
}

h5 a, h5 a:visited {
color:#005700;
}

h6{
padding: 0;
line-height:1em;
margin: 0 0 0.3em 0;
font-weight:bold;
font-size: 1.7em;
color:#1DB3AC;
}

h6 a, h6 a:visited {
color:#1DB3AC;
}

h6 a:hover, h5 a:hover {
color:#7FA717;
}

.chapeau{
font-style:italic;
padding: 0;
font-weight: lighter;
font-size: 1.5em;
line-height:1em;
margin: 0 0 0.7em 0;
color:#10C4E6;
}

.thema {
background:#7FA717;
width:250px;
padding:20px 20px 20px 30px;
text-align:left;
}

.thema h5, .thema h4, div#colgauchefiche h4, div#colgauchefiche h6 {
color: white;
text-align:left;
}

div#colgauchefiche h6 {
margin-top:15px;
font-weight:lighter;
}

div#colgauchefiche .titre {
font-weight:bold;
}

.bout {
vertical-align:baseline;
border:0;
}

.boutadroite {
vertical-align:middle;
border:0;
float:right;
}






div.thema select, div.thema .boite {
font-family:Verdana, Arial, sans-serif;
display: block;
width: 220px;
color:#7FA717;
background-color:white ;
border: 1px solid #7FA717;
font-size: 1em;
padding:2px;
margin-bottom:10px;
vertical-align:middle;
background-color:white ;
}

.thema img, div#colgauchefiche img{
float:left;
margin:0 10px 5px 0;
}

.thema .lien{
float:left;
font-weight:bold;
margin-bottom:15px;
}

.thema .lien a, .thema .lien a:visited{
color:white;
}

.thema .lien a:hover{
color:#384405;
}

.thema ul{
border-bottom: 1px dashed white;
padding-bottom:10px;
margin-bottom:10px;
text-align:left;
}

.thema ul li{
border-top: 1px solid white;
padding:3px 0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.1em;
font-weight:bold;
color:white;
}

.thema ul li a, .thema ul li a:visited {
text-decoration:none;
color:white;
}

.thema ul li a:hover {
text-decoration:none;
color:yellow;
}

.thema ul li.first{
border:none;
}

.blocsuggestion {
width:790px;
float:right;
background: white url(../imgs/corner_lefttop.gif) top left no-repeat;
padding:15px 30px 5px 20px;
text-align:justify;
color:#384405;
}

.blocsuggestion_bottom{
width:840px;
float:right;
height:6px;
margin: 0 0 10px 0;
background: white url(../imgs/corner_leftbottom.gif) bottom left no-repeat;
}

.blocsuggestion .suggestion1{
width:384px;
padding:0 10px 0 0;
text-align:left;
color:#384405;
border-right: 1px solid #A8DD09;
float:left;
}

.blocsuggestion .suggestion2{
width:385px;
margin-left:10px;
text-align:left;
color:#384405;
float:left;
}

.blocsuggestion .guide{
width:370px;
height:110px;
padding:0 10px 0 0;
margin-bottom:10px;
margin-right:10px;
text-align:left;
color:#384405;
float:left;
border-bottom: 1px solid #A8DD09;
overflow:hidden;
text-align:justify;
}

.blocsuggestion .guide h4{
text-align:left;
}

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

.blocsuggestion .pricing {
font-size: 1.3em;
}

.ssblocsuggestion {
width:810px;
float:right;
padding:0 30px 5px 0;
text-align:left;
color:white;
}


.blocblanc {
width:620px;
background: white url(../imgs/corner_lefttop.gif) top left no-repeat;
padding:15px 30px 5px 20px;
text-align:justify;
color:#384405;
}



div.page{
width:620px;
position:relative;
text-align:center;
}

div.pageout{
width:670px;
position:relative;
text-align:center;
margin-bottom:10px;
color:white;
}

.pagination {
width:840px;
margin-left:140px;
position:relative;
text-align:center;
margin-bottom:10px;
color:white;
}


div.pageout p.next, div.pagination p.next{
position:absolute;
right:20px;
}

div.pageout p.last , div.pagination p.last{
position:absolute;
left:20px;

}

div.pagination a, div.pagination a:visited,
div.pageout a, div.pageout a:visited
{
color:white;
}

div.pageout a:hover, div.pagination a:hover {
color:#7FA717;
}


p.next{
position:absolute;
right:0;
}

p.last{
position:absolute;
left:0;

}

 div.page a:hover{
color:#7FA717;
text-decoration:underline;
 }

.blocblanc ul {
width: 650px;
padding:0;
margin:0 -30px 0 0;
}

.blocblanc ul li, .blocsuggestion ul li{
padding:10px 30px 0 0;
margin-bottom:5px;
border-top: 1px solid #A8DD09;
}

.blocblanc ul li.first,  .blocsuggestion ul li.first{
border-top: none;
padding:0 30px 0 0;
}


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


.blocblanc .price{
color:#ADE000;
font-weight:bold;
font-size: 1.7em;
}

.theme {
font-weight:bold;
color:#005700;
}

div.blocblanc_bottom{
width:670px;
height:6px;
margin: 0 0 10px 0;
background: white url(../imgs/corner_leftbottom.gif) bottom left no-repeat;
}

.localisation, .pricing {
padding: 0;
font-weight:bold;
font-size: 1.5em;
margin: 0 0 0.3em 0;
line-height:1em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#667B0A;
}

.localisation a, .localisation a:visited,
.pricing a, .pricing a:visited
 {
color:#667B0A;
}

.blocblanc div.blocadresses {
width: 680px;
margin-left:-60px;
}

.blocblanc div.blocadresses .adresse1{
width: 260px;
margin-left:60px;
margin-right:20px;
float:left;
overflow:hidden;
height:100px;
border-bottom: 1px solid #7FA717;
margin-bottom:10px;
}

.blocblanc div.blocadresses .adresse2{
width: 260px;
margin-left:60px;
margin-right:20px;
float:left;
}

.blocblanc div.blocadresses h4, .blocblanc div.blocadresses h5, .blocblanc div.blocadresses h6 {
color:#7FA717;

}
.blocblanc div.blocadresses h4 {
margin: 0 0 0.4em 0;
margin-left:60px;
}

.blocblanc div.blocadresses p {
margin: 0 0 0.1em 0;
}

img.fiche{
margin:30px 0 -2px 0;
padding:0;
border:none;
}


#titre_fiche
{
position:absolute;
left:372px;
top:150px;
z-index:30;
width:445px;
text-align:left;
}

#voyage_date{
border-bottom: 1px dashed #A7DC08;
padding-bottom:10px;
margin-bottom:10px;
}

.voyage_telechargement {
text-align:right;
text-transform: uppercase;
font-weight:bold;
margin:20px 0;
color:#A7DC08;

}

.voyage_telechargement a, .voyage_telechargement a:visited{
color:#A7DC08;
background: url(../imgs/pdf.jpg) left no-repeat;
padding:10px 0 0 20px;
}

.voyage_telechargement a:hover{
color:white;
}




.bouton {
float:left;
text-transform: uppercase;
font-weight:lighter;
background:white;
margin-top:10px;
padding:1px 10px 0 10px;
color:#25A7A1;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.bouton a, .bouton a:visited{
color:#25A7A1;
}

.bouton a:hover{
color:#7FA717;
}

.lien_plus {
float:right;
text-transform: uppercase;
font-weight:lighter;
background:white;
margin-top:5px;
margin-left:10px;
padding:1px 10px 0 10px;
color:#25A7A1;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.lien_plusplus {
float:right;
text-transform: uppercase;
font-weight:lighter;
background:white;
margin-top:5px;
margin-left:10px;
padding:1px 0 0 10px;
color:#25A7A1;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}

.lien_plus a, .lien_plus a:visited,
.lien_plusplus a, .lien_plusplus a:visited{
margin:10px 0 0 0;
color:#25A7A1;
}

.lien_plus a:hover, .lien_plusplus a:hover{
color:#7FA717;
}


div#partners {
width:590px;
margin:0 0 10px 0;
padding:10px 30px 6px 360px;
background: #7FA717 url(../imgs/bkg_partners.jpg) left top no-repeat;
text-align:justify;
}

div#partners .blocnd{
padding:10px;
background: #B2CA74;
text-align:justify;
margin-bottom:10px;
color:#006094;
}

div#partners .blocnd img{
padding:0;
margin:0 0 10px 0;
float:none;
}

div#questions {
width:620px;
margin:0 0 10px 0;
padding:40px 30px 40px 330px;
background: #7FA717 url(../imgs/questions.jpg) left top no-repeat;
text-align:justify;
}

div#questions2 {
width:620px;
margin:0 0 10px 0;
padding:40px 30px 10px 330px;
text-align:justify;
}

div#questions h5, div#questions2 h5{
text-align:left;
color:white;
margin-bottom:1.2em;
font-weight:normal;
}

div#questions h4, div#questions2 h4{
text-align:left;
}

div#questions h5 a, div#questions h5 a:visited,
div#questions2 h5 a, div#questions2 h5 a:visited
{
color:white;
}

div#questions h5 a:hover, div#questions2 h5 a:hover{
color:#A7DC08;
}

div#questions h5 .big, div#questions2 h5 .big{
font-weight:bold;
font-size: 1.6em;
letter-spacing:-0.1em;
}

div#legales {
width:620px;
margin:0 0 10px 0;
padding:10px 30px 10px 330px;
background: #7FA717 url(../imgs/legale.jpg) left top no-repeat;
text-align:left;
}

div#credits {
width:640px;
margin:0 0 10px 0;
padding:10px 30px 10px 310px;
background: #7FA717;
text-align:left;
}

div#legales .bloc, div#credits .bloc{
border-bottom: 1px solid white;
margin-bottom:5px;
padding-bottom:5px;
}

div#credits .bloc h4 {
color:white;
}

div#legales .bloc a:hover, div#credits .bloc a:hover, div#credits .last a:hover{
color:white;
}

div#legales .bloc p {
margin: 0 0 0.2em 0;
}

.sstitrebasic {
color:#7FA717;
font-weight:bold;
}

.sstitrebasic2 {
color:#7FA717;
}


.sstitrecontact {
color:#00FFFC;
font-weight:bold;
}

.sstitrecontact a, .sstitrecontact a:visited {
color:#00FFFC;
}

.sstitrecontact a:hover {
color:white;
}


div#partners2 {
width:590px;
margin:0 0 10px 0;
padding:10px 30px 6px 360px;
text-align:justify;
}

div#partners h4, div#partners2 h4{
color:white;
margin-top:10px;
text-align:left;
}


a#lien-accueil, a#lien-accueil:hover , a#lien-accueil:visited {
left:40px;
top:20px;
position:absolute;
color:white;
width: 85px;
height: 100px;
font-size: 0px;
line-height: 0px;
text-decoration: none;
}

.cache {
text-indent: -9999px;
font-size: 0;
line-height: 0;
text-decoration: none;
}

a, a:visited {
color:#384405;
text-decoration:none;
}

a:hover, a:focus {
color:#7FA717;
text-decoration:none;
}

a img {
border: 0 none;
}

p {
margin: 0 0 0.5em 0;
}


.clearer{
clear:both;
height:0;
font-size:0;
border:none;
margin:0; padding:0;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}

div#footer {
position:absolute;
width:920px;
height:13px;
bottom:0;
background: url(../imgs/bkg_footer.jpg) top right no-repeat;
padding:10px 30px;
color:#7FA717;
font-size: 0.9em;
}

div#footerhome {
position:absolute;
width:920px;
height:13px;
bottom:0;
padding:10px 30px;
color:#7FA717;
font-size: 0.9em;
}

div#footer a, div#footer a:visited,
div#footerhome a, div#footerhome a:visited
{
color:#7FA717;
text-decoration:none;
padding:0 10px;
}

div#footer a:hover, div#footerhome a:hover {
color:white;
text-decoration:none;
}


 /* Menu */


.menu {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.2em;
width:780px;
height:22px;
padding-bottom:8px;
background: url(../imgs/bkg_menu.jpg) bottom left no-repeat;
position:absolute;
top:44px;
right:0;
z-index:100;
}


.menuhome {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 1.2em;
width:810px;
height:22px;
position:absolute;
top:382px;
right:0;
z-index:100;
background: #003300;
}

.menu ul, .menuhome ul{
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul, .menuhome ul ul {
width:195px;
}

.menu li, .menuhome li  {
float:left;
width:195px;
position:relative;
}

.menu a, .menu a:visited, .menuhome a, .menuhome a:visited {
display:block;
width:195px; 
height:22px; 
}

.menu li a#menu1, .menu li a#menu1:link, .menu li a#menu1:visited, .menu li a#menu1:active,
.menuhome li a#menu1, .menuhome li a#menu1:link, .menuhome li a#menu1:visited, .menuhome li a#menu1:active
 {
background: url(../imgs/accueil.gif) no-repeat;
float: left;
text-indent: -9999px;
}

.menu li a#menu11, .menu li a#menu11:link, .menu li a#menu11:visited, .menu li a#menu11:active,
.menuhome li a#menu11, .menuhome li a#menu11:link, .menuhome li a#menu11:visited, .menuhome li a#menu11:active
 {
background: url(../imgs/accueil.gif) no-repeat;
float: left;
text-indent: -9999px;
}

.menu li a#menu2, .menu li a#menu2:link, .menu li a#menu2:visited, .menu li a#menu2:active,
.menuhome li a#menu2, .menuhome li a#menu2:link, .menuhome li a#menu2:visited, .menuhome li a#menu2:active
 {
background: url(../imgs/decouvrir.gif) no-repeat;
float: left;
text-indent: -9999px;
}

.menu li a#menu3, .menu li a#menu3:link, .menu li a#menu3:visited, .menu li a#menu3:active,
.menuhome li a#menu3, .menuhome li a#menu3:link, .menuhome li a#menu3:visited, .menuhome li a#menu3:active
 {
background: url(../imgs/partir.gif) no-repeat;
float: left;
text-indent: -9999px;
}

.menu li a#menu4, .menu li a#menu4:link, .menu li a#menu4:visited, .menu li a#menu4:active,
.menuhome li a#menu4, .menuhome li a#menu4:link, .menuhome li a#menu4:visited, .menuhome li a#menu4:active
 {
background: url(../imgs/contact.gif) no-repeat;
float: left;
text-indent: -9999px;
}

.menu li a#menu1:hover, .menu li a#menu2:hover, .menu li a#menu3:hover, .menu li a#menu4:hover,
.menuhome li a#menu1:hover, .menuhome li a#menu2:hover, .menuhome li a#menu3:hover, .menuhome li a#menu4:hover
 {
background-position: 0px -22px;
text-indent: -9999px;
}

.menu ul :hover > a#menu1, .menu ul :hover > a#menu2, .menu ul :hover > a#menu3, .menu ul :hover > a#menu4,
.menuhome ul :hover > a#menu1, .menuhome ul :hover > a#menu2, .menuhome ul :hover > a#menu3, .menuhome ul :hover > a#menu4
 {
background-position: 0px -22px;
text-indent: -9999px;
}

.menu ul ul :hover > a#menu1, .menu ul ul :hover > a#menu2, .menu ul ul :hover > a#menu3, .menu ul ul :hover > a#menu4,
.menuhome ul ul :hover > a#menu1, .menuhome ul ul :hover > a#menu2, .menuhome ul ul :hover > a#menu3, .menuhome ul ul :hover > a#menu4
 {
background-position: 0px -22px;
text-indent: -9999px;
}
/* hack IE5.5  */
* html .menu a, * html .menu a:visited,
* html .menuhome a, * html .menuhome a:visited
 {
width:195px;
}



.menu ul ul,  .menuhome ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:0; 
width:195px;
}
/*hack IE5.5 */
* html .menu ul ul, * html .menuhome ul ul {
top:21px;
}

.menu table, .menuhome table {position:absolute; top:0; left:0;}


.menu ul ul a, .menu ul ul a:visited,
.menuhome ul ul a, .menuhome ul ul a:visited
 {
background: white;
color:#7FA717;
background: white url(../imgs/sepmenu.gif) bottom no-repeat;
height:auto; 
line-height:1em; 
padding:5px 45px; 
width:105px;
text-decoration:none;
}

.menu ul ul a:hover, .menuhome ul ul a:hover {
background: url(../imgs/sepmenu.gif) repeat-y;
font-weight:bold;
color:white;
text-decoration:none;
}

* html .menu ul ul a, * html .menuhome ul ul a{
padding:5px 45px; 
width:105px;
}

.menu ul li:hover ul, .menu ul a:hover ul,
.menuhome ul li:hover ul, .menuhome ul a:hover ul
{
visibility:visible; 
}

/* JLUC */
.programme
{
 font-size: 1.3em;
 line-height: 1.3em; 
}

.intro
{
 font-size: 1.4em;
 line-height: 1.3em; 
}

.programme ul, .intro ul
{
    list-style: disc /* url(saiga_squelette/img/triangle.gif)   inside */;
}

.programme li , .intro li
{
    margin-bottom: 10px;
}

div#header a {
	color:#00FFFF;
}