@charset "utf-8";
/* CSS Document */


body, p, h1, h2, h3, h4, h5, h6, ul, li {
margin: 0;
padding: 0;
}

blockquote {
font-style: italic;
font-size: 0.9em;
}

ul {
list-style-type: none;
margin-left: 20px;
}

li {
list-style-image: url(../images/puce.png);
list-style-position: outside;
margin-left: 15px;
}

ul li ul li {
list-style-image: url(../images/puce2.png);
}

ul.link {
list-style-type: none;
padding: 0;
}

ul.link li {
list-style-image: none;
margin: 0;
padding: 0;
}

ul.liste_floatleft {
position: relative;
list-style-type: none;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 25px;
float: left;
width: 255px;
}

ul.liste_floatleft li {
list-style-image: url(../images/tick_red.png);
margin: 5px 0;
}

body {
font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #595350;
background: #716966 url(../images/bg_header.gif) repeat-x left top;
}

h1 {
position: absolute;
top: 55px;
left: 25px;
width: 330px;
height: 109px;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active {
display: block;
width: 353px;
height: 110px;
text-indent: -5000px;
background: url(../images/logo.png) no-repeat 0 0;
border: none;
}

h1 a:hover {
display: block;
width: 353px;
height: 110px;
text-indent: -5000px;
background: url(../images/logo.png) no-repeat 0 -110px;
border: none;
}

h2 {
position: relative;
height: 32px;
padding-top: 10px;
margin-bottom: 15px;
font: normal 1.65em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #e2292f;
}

h2#title_apropos {
background: url(../images/bg_title_apropos.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_metier {
background: url(../images/bg_title_metier.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_voyages {
background: url(../images/bg_title_voyages.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_infos_pratiques {
background: url(../images/bg_title_infos_pratiques.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_contact {
background: url(../images/bg_title_contact.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_tourisme_solidaire {
background: url(../images/bg_title_tourisme_solidaire.jpg) no-repeat right bottom;
border-bottom: #e2292f 2px solid;
padding-top: 28px;
margin-top: -18px;
}

h2#title_mentions_legales {
background: url(../images/bg_title_mentions_legales.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_mentions_legales {
background: url(../images/bg_title_mentions_legales.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

h2#title_error {
background: url(../images/bg_title_error.jpg) no-repeat right top;
border-bottom: #e2292f 2px solid;
}

li>h2 {
font-size: 1.45em;
}

h2+h3 {
position: relative;
background: url(../images/bg_icotitre.png) no-repeat left center;
height: 32px;
padding-left: 10px;
margin-bottom: 5px;
font: normal 1.30em Trebuchet MS, Arial, Helvetica, sans-serif;
}

div>h3 {
margin-bottom: 15px;
}

.bloc h2 {
color: #716669;
margin-bottom: 5px;
padding: 0 0 0 10px;
font-weight: normal;
font-size: 1.45em;
background: url(../images/bg_icotitre.png) no-repeat left center;
}

h3 {
position: relative;
background: url(../images/bg_icotitre_red.png) no-repeat left center;
height: 32px;
padding-left: 10px;
margin-bottom: 5px;
margin-left: 10px;
font: normal 1.30em Trebuchet MS, Arial, Helvetica, sans-serif;
}

p+h3, ul+h3 {
margin-top: 25px;
}

h4 {
position: relative;
background: none;
font: normal 1.15em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #f44b50;
margin-left: 20px;
margin-bottom: 5px;
border-bottom: #f44b50 1px solid;	
}

ul h4 {
padding: 0;
margin: 0;
}

ul+h4, p+h4 {
margin-top: 25px;	
}

h4#title_assurance {
background: url(../images/picto_assurance.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_douane {
background: url(../images/picto_douane.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_sante {
background: url(../images/picto_sante.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_bagages {
background: url(../images/picto_bagages.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_avion {
background: url(../images/picto_avion.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_meteo {
background: url(../images/picto_meteo.png) no-repeat 0 1px;
padding-left: 21px;
}

h4#title_devises {
background: url(../images/picto_devises.png) no-repeat 0 1px;
padding-left: 21px;
}

h5 {
font-size: 1em;
color: #716966;
}

hr {
clear: both;
margin: 0;
padding: 0;
border: none;
visibility: hidden;
}

img {
border: none;
}

img.thumb {
border: #c6bfb6 1px solid;
padding: 5px;
margin: 15px 0 0 10px;
}

a, a:link, a:active, a:visited {
background: url(../images/icofleche.gif) no-repeat right center;
padding-right: 13px;
color: #e2292f;
text-decoration: underline;
font: 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;
}

a:hover {
text-decoration: none;
}

em {
font-size: 0.85em;
font-style: normal;
}

a.pdf {
background: url(../images/pdf-icon.gif) no-repeat center left;
padding-left: 20px;
}

/*-------------------------------HEADER-----------------------------------*/

#header {
position: relative;
width: 100%;
height: 185px;
background: #ffffff url(../images/bg_header.gif) repeat-x left top;
}

#header_content {
position: relative;
width: 980px;
height: 185px;
background: #ffffff url(../images/bg_header_content.jpg) no-repeat top left;
margin: 0 auto;
}

#header_content p#signature{
position: absolute;
top: 150px;
left: 117px;
font-size: 0.75em;
font-family: Arial, Helvetica, sans-serif;
}

#header_content p#agence{
color: #b4ada6;
font-size: 0.75em;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 10px;
width: 980px;
text-align: center;
}

#header_content span {
position: absolute;
right: 0px;
bottom: -10px;
z-index: 10;
background: url(../images/oiseaux.png) no-repeat left top;
width: 140px;
height: 77px;
}

/*-------------------------------FIN HEADER-----------------------------------*/

/*-------------------------------NEWSLETTER-----------------------------------*/

#header_content form {
position: absolute;
width: 410px;
top: 60px;
right: -10px;
background: url(../images/bg_newsletter.png) no-repeat left top;
padding: 8px 0 0 15px;
}

#header_content form label {
font: bold 0.8em Arial, Helvetica, sans-serif;
margin-right: 10px;
}
#header_content form label.error {
	position: absolute;
	margin: 25px 0px 0px -200px;
}

#header_content form input[type="text"] {
font: normal 0.8em Arial, Helvetica, sans-serif;
width: 180px;
height: 17px;
padding: 4px 5px;
margin-right: 10px;
border: none;
vertical-align: middle;
background: url(../images/bg_searchbox.png) no-repeat 0 0;
}

#header_content form input[type="text"]:focus {
background: url(../images/bg_searchbox.png) no-repeat 0 -25px;
}

#header_content form input[type="submit"] {
width: 35px;
height: 25px;
padding-bottom: 3px;
border: none;
cursor: pointer;
vertical-align: middle;
background: url(../images/bg_button_ok.png) no-repeat 0 0;
color: #ffffff;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#header_content form input[type="submit"]:hover {
background: url(../images/bg_button_ok.png) no-repeat 0 -25px;
}

/*-------------------------------FIN NEWSLETTER--------------------------------*/

/*-------------------------------ZONE ANIM--------------------------------*/

#zone_anim {
position: relative;
width: 100%;
height: 330px;
background: #e5e0d9 url(../images/bg_zone_anim.jpg) repeat-x left top;
text-align: center;
}

#zone_anim #img_zone_anim {
position: relative;
margin: 0 auto;
width: 100%;
height: 310px;
padding: 10px 0;
background: #e5e0d9 url(../images/img_zone_anim.jpg) no-repeat center top;
text-align: center;
}

#zone_anim #anim,  #zone_anim object#anim {
position: relative;
width: 970px;
height: 330px;
margin: -10px auto 0 auto;
padding: 0 5px;
background: url(../images/img_zone_anim.jpg) no-repeat center 0;
}

#zone_anim #anim p#getflash {
position: absolute;
bottom: 25px;
left: 50px;
font-size: 0.8em;
}

#zone_anim #anim p#getflash a{
font-size: 0.95em;
background: url(../images/logo_flash.jpg) no-repeat left center;
padding-left: 21px;
}

#zone_anim #anim img {
width: 972px;
height: 312px;
}

/*-------------------------------FIN ZONE ANIM--------------------------------*/

/*-------------------------------BARRE NAV--------------------------------*/

#nav1 {
position: relative;
width: 100%;
height: 45px;
background: url(../images/bg_nav.gif) repeat-x top left;
}

#nav1 ul#nav1_content {
position: relative;
margin: 0 auto;
width: 955px;
height: 45px;
padding: 0 0 0 25px;
background: url(../images/bg_nav.gif) repeat-x top left;
list-style-type: none;
}

#nav1 ul#nav1_content li {
position: relative;
float: left;
list-style-image: none;
display: block;
height: auto;
padding: 0;
margin: 0;
}

#nav1 ul#nav1_content li a,  #nav1 ul#nav1_content li a:link,  #nav1 ul#nav1_content li a:active,  #nav1 ul#nav1_content li a:visited {
background: none;
font-size: 0.9em;
font-weight: bold;
color: #595350;
text-decoration: none;
text-align: center;
display: block;
height: 26px;
padding: 14px 30px 5px 30px;
}

#nav1 ul#nav1_content li a:hover {
background: url(../images/bg_nav_hover.png) no-repeat center 35px;
color: #e2292f;
text-decoration: none;
text-align: center;
}

#nav1 ul#nav1_content li.active a {
background: url(../images/bg_nav_active.png) no-repeat center 35px;
}

#nav1 ul#nav1_content li#menu_accueil a,  #nav1 ul#nav1_content li#menu_accueil a:link,  #nav1 ul#nav1_content li#menu_accueil a:active,  #nav1 ul#nav1_content li#menu_accueil a:visited {
background: url(../images/bg_nav_picto_home.png) no-repeat center 0;
text-indent: -5000px;
width: 15px;
height: 16px;
padding: 0 30px 0 30px;
margin-top: 15px;
}

#nav1 ul#nav1_content li#menu_accueil a:hover {
background: url(../images/bg_nav_picto_home.png) no-repeat center -16px;
}

/*-------------------------------FIN BARRE NAV--------------------------------*/

/*-------------------------------MAINs--------------------------------*/

#main {
position: relative;
background-color: #ffffff;
}

#main #main_content {
position: relative;
width: 920px;
margin: 0 auto;
padding: 30px;
background-color: #ffffff;
overflow: auto;
}

#main2 {
position: relative;
background-color: #e5e0d9;
}

#main2 #main2_content {
position: relative;
width: 920px;
margin: 0 auto;
padding: 30px;
background-color: #e5e0d9;
overflow: auto;
}

#content>p {
text-align: justify;
margin: 10px 20px 10px 20px;
}

/*-------------------------------FIN MAIN 2--------------------------------*/

/*-------------------------------FOOTER--------------------------------*/

#footer {
position: relative;
background: #716966 url(../images/bg_footer.gif) repeat-x left top;
height: 82px;
width: 100%;
}

#footer #footer_content {
position: relative;
width: 980px;
height: 62px;
margin: 0 auto;
padding-top: 20px;
background: #716966 url(../images/bg_footer.gif) repeat-x left top;
}

#footer #footer_content p, #footer #footer_content p.infosite a, #footer #footer_content p.infosite a:link, #footer #footer_content p.infosite a:visited, #footer #footer_content p.infosite a:active {
color: #b4ada6;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#footer #footer_content p a, #footer #footer_content p a:link, #footer #footer_content p a:active, #footer #footer_content p a:visited {
color: #f1ede7;
text-decoration: underline;
background: none;
padding: 0;
}

#footer #footer_content p a:hover {
text-decoration: none;
}

#footer #footer_content p.infosite {
margin-top: 10px;
}

/*-------------------------------FIN FOOTER--------------------------------*/

/*----------ONLY ON HOMEPAGE-----------*/

ul#main_homepage h2>a, ul#main_homepage h2>a:link, ul#main_homepage h2>a:active, ul#main_homepage h2>a:visited, ul#main_homepage h2>a:hover {
background: none;
padding: 0;
text-decoration: none;
font-size: 1em;
}

ul#main_homepage {
list-style-type: none;
position: relative;
width: 920px;
height: 410px;
margin: 0;	
}

ul#main_homepage li p {
width: 200px;
margin-left: 10px;
}

ul#main_homepage li a {
width: 200px;
margin-left: 10px;
}

ul#main_homepage li[id] {
margin: 0;
}

ul#main_homepage li[id] a+a, ul#main_homepage li[id] p>a {
background: none;
padding: 0;
margin: 0;
text-decoration: none;
color: inherit;
}

ul#main_homepage li#apropos {
position: absolute;
left: 0;
width: 200px;
padding: 0 55px 0 45px;
list-style-image: none;
}

ul#main_homepage li#apropos p {
background: url(../images/ill_apropos.jpg) no-repeat top center;
padding-top: 120px;
margin: 15px 0 15px 10px;
text-align: justify;
}

ul#main_homepage li#metier {
position: absolute;
left: 310px;
width: 214px;
padding: 0 59px 0 51px;
list-style-image: none;
background: url(../images/sep_vertical.jpg) no-repeat left center;
}

ul#main_homepage li#metier p {
padding-top: 120px;
margin: 15px 0 15px 10px;
background: url(../images/ill_metier.jpg) no-repeat top center;
text-align: justify;
}

ul#main_homepage li#voyages {
position: absolute;
left: 620px;
width: 214px;
padding: 0 59px 0 51px;
list-style-image: none;
background: url(../images/sep_vertical.jpg) no-repeat left center;
}

ul#main_homepage li#voyages p {
padding-top: 120px;
margin: 15px 0 15px 10px;
background: url(../images/ill_voyages.jpg) no-repeat top center;
text-align: justify;
}

#homepage_tourisme_solidaire {
position: relative;
float: right;
width: 585px;
height: 187px;
background: url(../images/bgbloc_tourisme_solidaire.png) no-repeat left top;
padding: 38px 15px 15px 15px;
margin: -23px 0 0 0;
}

#homepage_tourisme_solidaire p {
width: 295px;
margin-left: 12px;
margin-bottom: 15px;
}

#homepage_tourisme_solidaire a {
margin-left: 12px; 
}

/*----------FIN ONLY ON HOMEPAGE-----------*/

#sidebar {
float: right;
width: 280px;
height: auto;
margin: 0 0 0 25px;
font-size: 0.9em;
}

#content {
position: relative;
float: left;
width: 615px;
}

#illustration_page img {
border: none;
padding: 0;
margin: 0;
}

#sidebar div.bloc+div.bloc {
margin-top: 25px;
}

#bloc_info {
position: relative;
width: 250px;
height: 229px;
background: url(../images/bgbloc_vierge.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#bloc_info p+p {
margin-top: 15px;
}

#bloc_info ul {
list-style-type: none;
margin: 10px 0 10px 0;
}

#bloc_info ul li{
list-style-image: none;
}

#bloc_info ul li+li{
margin-top: 10px;
}

#contact_direct {
position: relative;
width: 250px;
height: 187px;
background: url(../images/bgbloc_contact_direct.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#contact_direct span {
position: relative;
font: bold 1.3em Trebuchet MS, Arial, Helvetica, sans-serif;
color: #e2292f;
background: url(../images/icophone.png) no-repeat center left;
padding-left: 20px;
margin-left: 45px;
}

#contact_direct p {
position: relative;
margin-left: 125px;
margin-bottom: 15px;
margin-top: 15px;
width: 125px;
text-align: left;
}

#contact_direct a {
position: relative;
margin-left: 125px;
width: 125px;
}

#informations_pratiques {
position: relative;
width: 250px;
height: 187px;
background: url(../images/bgbloc_informations_pratiques.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#informations_pratiques p {
position: relative;
margin: 15px 130px 15px 12px;
width: 125px;
text-align: left;
}

#informations_pratiques a {
position: relative;
margin-left: 12px;
width: 138px;
}

#tourisme_solidaire {
position: relative;
width: 250px;
height: 340px;
background: url(../images/bgbloc_tourisme_solidaire_sidebar.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#tourisme_solidaire {
position: relative;
width: 250px;
height: 310px;
background: url(../images/bgbloc_tourisme_solidaire_sidebar.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#tourisme_solidaire p {
position: relative;
margin: 15px 0 15px 5px;
text-align: justify;
}

#tourisme_solidaire a {
position: relative;
margin-left: 5px;
}

#coordonnees {
position: relative;
width: 250px;
height: 378px;
background: url(../images/bgbloc_coordonnees.png) no-repeat left top;
padding: 15px;
margin: 0;
}

#coordonnees ul {
list-style-type: none;
margin: 10px;
}

#coordonnees ul li{
list-style-image: none;
}

#coordonnees ul#tel_fax_mail li{
margin-top: 5px;
}

#coordonnees ul li p{
margin: 0;
}

#coordonnees ul li#nom, #coordonnees ul li p.value {
font-size: 1em;
font-weight: bold;
color: #e2292f;
}

ul#realisations {
margin: 0 0 30px 20px
}

ul#realisations {
position: relative;
height: auto;
list-style-type: none;
list-style-position: inside;
margin: 30px 0 0 20px;
padding: 0;
}

ul#realisations li ul {
position: relative;
width: 137px;
height: auto;
list-style-type: none;
list-style-position: inside;
padding: 0;
margin: 0;
}

ul#realisations>li{
display: block;
height: 130px;
}

ul#realisations li, ul#realisations li ul li {
position: relative;
list-style-image: none;
list-style-position: inside;
}

ul#realisations li ul li {
font-size: 0.9em;
margin: 0;
padding: 0;
}

ul#realisations li[id] {
position: relative;
float: left;
width: 137px;
padding-left: 143px;
margin: 0 0 35px 0;
height: 130px;
display: block;
}

ul#realisations li ul li.type_voyage {
font-weight: bold;
}

ul#realisations li.colonne_droite {
margin-left: 35px;
}

ul#realisations li#realisation1 {
background: url(../images/realisations/photo_costa-rica.jpg) no-repeat center left;
}

ul#realisations li#realisation2 {
background: url(../images/realisations/photo_jordanie.jpg) no-repeat center left;
}

ul#realisations li#realisation3 {
background: url(../images/realisations/photo_ouest_americain.jpg) no-repeat center left;
}

ul#realisations li#realisation4 {
background: url(../images/realisations/photo_bresil.jpg) no-repeat center left;
}

ul#realisations li#realisation5 {
background: url(../images/realisations/photo_mediterranee.jpg) no-repeat center left;
}

ul#realisations li#realisation6 {
background: url(../images/realisations/photo_prague.jpg) no-repeat center left;
}

ul#realisations li#realisation7 {
background: url(../images/realisations/photo_vietnam.jpg) no-repeat center left;
}

ul#realisations li#realisation8 {
background: url(../images/realisations/photo_caraibes.jpg) no-repeat center left;
}

/*------------------------------------FORMULAIRE DE CONTACT-------------------------------------------*/

#contact_form {
position: relative;
width: 565px;
margin-left: 25px;
}

#contact_form p {
position: relative;
width: 565px;
margin: 0px;
}

#contact_form ol {
list-style-type: none;
position: relative;
width: 565px;
margin: 0;
padding: 0;
}

#contact_form ol li {
list-style-image: none;
margin: 15px 0;
}

#contact_form ol li p.champ_oblig {
font-size: 0.85em;
margin-top: 15px;
}

#contact_form p#info_message {
margin-left: 150px;
width: 400px;
}

#contact_form ol li label {
position: relative;
float: left;
width: 150px;
}

#contact_form ol li input {
position: relative;
width: 400px;
}

#contact_form ol li input[type="text"]:focus, #contact_form ol li textarea:focus {
border: #e2292f 2px solid;
}

#contact_form ol li input[type="submit"] {
display: block;
background: url(../images/bg_button_envoyer_formulaire.png) no-repeat 0 0;
width: 160px;
height: 25px;
padding-bottom: 3px;
border: none;
cursor: pointer;
vertical-align: middle;
color: #ffffff;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
margin-left: 150px;
}

#contact_form ol li input[type="submit"]:hover {
background: url(../images/bg_button_envoyer_formulaire.png) no-repeat 0 -25px;
}

#contact_form ol li textarea:focus {
border: #e2292f 2px solid;
}

#contact_form label.error {
color: #F00;
font-size: 0.75em;
float: none;
margin-left: 150px;
}
/*----------------------------------------------*/

img.floatleft {
float: left;
border: #c6bfb6 1px solid;
padding: 5px;
background-color: #ffffff;
margin: 0 15px 10px 0;
}

img.floatright {
float: right;
border: #c6bfb6 1px solid;
padding: 5px;
background-color: #ffffff;
margin: 0 0 10px 15px;
}

h4+img.floatleft {
margin: 10px 15px 10px 20px;
}

h4+img.floatright {
margin: 10px 0 10px 15px;
}

.oblig {
color: #e2292f;
font-weight: bold;
}

a.retour_accueil, a.retour_accueil:link, a.retour_accueil:active, a.retour_accueil:visited {
display: block;
background: url(../images/bg_button_envoyer_formulaire.png) no-repeat 0 0;
width: 160px;
height: 21px;
padding-top: 4px;
margin-left: 20px;
border: none;
cursor: pointer;
vertical-align: middle;
color: #ffffff;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
}

a.retour_accueil:hover {
background: url(../images/bg_button_envoyer_formulaire.png) no-repeat 0 -25px;
}

/*------------------------------------FIN FORMULAIRE DE CONTACT-------------------------------------------*/