@charset "utf-8";
/******************************************************************************
 * INFORMATION
 ******************************************************************************

	@file:		   global.css
	@description:  Feuille de styles globale
	@author:       Erick (ixmedia.com)
	@creation:	   20090831
	@modification: 20090915 (Erick)

 *******************************************************************************
 * @RESET
 ******************************************************************************/
@import url("reset.css"); /* Éric Meyer's Reset */



/******************************************************************************
 * @GENERAL
 ******************************************************************************/
html, body, #deuxieme-body {height:100%;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body { background:#e2e3e3 url(../images/interface/bkg-body-degrade.jpg) repeat-x 0 0; color:#545454; font-family: Arial, Helvetica, sans-serif; font-size:1.4em;/* 14px => Base font */ line-height:1.2;/* line-height de base */}
a, a:visited {text-decoration:none; color:#555555;} /* Liens de base */
a:hover, a:active, .sf-menu a:hover {text-decoration:underline; color:#8dc63f;} /* Lien:hover de base */
img, a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl, table {margin:0 0 1em 0;}
ul, ol, dd {margin-left:0;}
sup {font-size:0.7em; vertical-align: 0.5em; line-height: 1px; font-weight:normal; padding:0;}
blockquote { margin-left:2em; margin-top:0;}



/******************************************************************************
 * @HAUT_DE_LA_PAGE
 ******************************************************************************/
#deuxieme-body { width:100%; background:url(../images/interface/bkg-globe-terrestre.png) no-repeat center 220px;}
#wrap { width:960px; margin:0 auto; background:url(../images/interface/bkg-par-dessus-globe.png) no-repeat 0 2px; position:relative;}

ul#barre-top { width:960px; height:23px; background:url(../images/interface/barre-top-bkg.jpg) repeat-x 0 0; margin:0; padding:0; z-index:1000;}
#barre-top li { float:right; height:23px; margin:0; padding-left: 2.5em; padding-right:8px;}
#barre-top li.droite, #barre-top li.gauche {width:9px; background:url(../images/interface/barre-top-droite.jpg) no-repeat 0 0; padding-right:0;padding-left:0!important;}
#barre-top li.gauche { float:left; background:url(../images/interface/barre-top-gauche.jpg) no-repeat 0 0;}
#barre-top li a { float:left; color:#dcdcdc; margin:0; padding:0; font-weight:bold; padding-top:2px; display:block;}
#barre-top li a.actif { color:#5da1c5;}
#barre-top li.gauche a { float:left;}

#logo-et-menu { width:960px; height:170px; margin:0 auto; background:url(../images/interface/bkg-contenant.jpg) repeat-y 0 0; position:relative; z-index:50;}
#logo { width:241px; height:141px; display:block; position:absolute; top:20px; left:40px; background:url(../images/interface/logo-centre-sante-voyage.gif) no-repeat 0 0; text-indent:-9999px; z-index:75; }

#bande-photo { width:100%; height:220px; position:relative; z-index:3; }
#image-top { width:627px; height:220px; position:absolute; right:0; top:0; background-image:url(../images/interface/photos-entete/img-no-1.jpg); background-repeat:no-repeat; background-position:left top; }
.services #image-top {background-image:url(../images/interface/photos-entete/img-no-2.jpg);}
.conseils #image-top {background-image:url(../images/interface/photos-entete/img-no-3.jpg);}
#carte-du-monde, #txt-box { display:none;}

.accueil #image-top { background:none!important; }
.accueil #carte-du-monde { display:block; width:627px; height:220px; position:absolute; right:0; top:0;}
.accueil #carte-du-monde area:hover { cursor:pointer!important;}
.accueil #txt-box { display:block; width:211px; height:153px; position:absolute; right:0; top:400px; background:none; z-index:4; overflow:visible; }
img.zone0, img.zone1, img.zone2, img.zone3, img.zone4, img.zone5, img.zone6 { display:none; width:211px; height:153px; background:none; z-index:5; overflow:visible; }
/*
 * @MENU TOP
 ******************************************************************************/
ul#menu { float:right; margin:0; padding:75px 10px 0 0; width:90%; height:36px; background:none; z-index:1000; position:relative;}
ul#menu li { float:right; margin:0 0 0 0.5em; padding:0; height:36px; background:none; }
ul#menu li a { float:left; margin:0; padding-left:10px; height:36px; background:none; }
ul#menu li a span{ float:left; margin:0; padding-right:10px; padding-top:10px; font-size:1.2em; line-height:0.9; font-weight:bold; color:#707070; height:36px; display:block; background:none; text-transform:uppercase; }
ul#menu li a.actif span{ color:#8dc63f;}
ul#menu li a:hover, ul#menu li a.hhover { float:left; background: url(../images/interface/menu-hilight-gauche.gif) no-repeat left top; color:#fff; text-decoration:none; }
ul#menu li a:hover span, ul#menu li a.hhover span { float:left; background: url(../images/interface/menu-hilight-droite.gif) no-repeat right top; color:#fff; text-decoration:none; }
ul#menu ul { float:left; visibility:hidden; width:250px; background:none; overflow:visible; padding:3px 0 0 0; margin:0;}
ul#menu ul li { float:left; width:250px; height:38px; background:none; margin:0; padding:0 0 0 8px; }
ul#menu ul li.double { height:72px; }
ul#menu ul li a { float:left; width:220px; padding-left:30px; height:26px; padding-top:10px; background: url(../images/interface/menu-sousmenu.gif) no-repeat left bottom; color:#5b5b5b; text-decoration:none; text-transform:none; z-index:1002; }
ul#menu ul li.double a { height:56px; padding-top:14px; line-height:1.5; background: url(../images/interface/menu-sousmenu-double.gif) no-repeat left bottom; }
ul#menu ul li a:hover, ul#menu ul li a.actif { background: url(../images/interface/menu-sousmenu-hilight.gif) no-repeat left bottom; color:#4e4e4e; text-decoration:none; }
ul#menu ul li.double a:hover, ul#menu ul li.double a.actif { background: url(../images/interface/menu-sousmenu-hilight-double.gif) no-repeat left bottom; }
ul#menu ul li a.actif { font-weight:bold;}



/******************************************************************************
 * @CORP_DE_LA_PAGE
 ******************************************************************************/
#contenant { width:960px; margin:0 auto; background:url(../images/interface/bkg-contenant.jpg) repeat-y 0 0; position:relative; z-index:2; }
/*
 * @CONSEIL DU JOUR et INFOS
 ******************************************************************************/
#conseil-et-infos { float:left; width:190px; padding:30px 0 30px 52px; margin:0;}
#conseil-et-infos .titre { float:left; width:192px; padding:0 25px; background-repeat:repeat-y; background-position:0 0; background-image:url(../images/interface/contour-conseils-middle.gif); color:#5da1c5; font-size:1.6em; font-weight:normal; padding-bottom:0.5em;}
#conseil-et-infos strong { display:block; padding-top:0.5em;}
ul#conseil-du-jour, ul#infos { float:left; width:242px; padding-top:15px; background-repeat:no-repeat; background-position:0 0; background-image:url(../images/interface/contour-conseils-top.gif); }
ul#infos { background-image:url(../images/interface/contour-infos-top.gif); }
ul#conseil-du-jour .texte, ul#infos .texte { float:left; width:192px; padding:0 25px; background-repeat:repeat-y; background-position:0 0; background-image:url(../images/interface/contour-conseils-middle.gif);}
ul#infos .texte { background-image:url(../images/interface/contour-infos-middle.gif);}
ul#conseil-du-jour .dessous, ul#infos .dessous, ul#infos .separateur{ float:left; width:242px; height:15px; background-repeat:no-repeat; background-position:0 0; background-image:url(../images/interface/contour-conseils-bottom.gif); }
ul#infos .dessous { background-image:url(../images/interface/contour-infos-bottom.gif); }
ul#infos .separateur { background-image:url(../images/interface/contour-infos-separateur.gif); }
/*
 * @SOUS-MENU de GAUCHE
 ******************************************************************************/
.sous-menu { float:left; width:275px; padding: 30px 0 0 30px;}
h2.titre-section, h2.titre-section-double { float:left; height:28px; padding:8px 0 0 30px; font-size:1.3em; width:220px; color:#fff; background: url(../images/interface/menu-hilight.gif) no-repeat left top; text-transform:uppercase; }
h2.titre-section-double { height:56px; padding:12px 0 0 30px; background: url(../images/interface/menu-hilight-double.gif) no-repeat left top;}
ul.menu-gauche { float:left; margin:0; padding:0; width:245px; height:1%; background:none;}
ul.menu-gauche li { float:left; width:250px; height:36px; padding-top:2px; background:none;}
ul.menu-gauche li.double { height:70px;}
ul.menu-gauche li a, ul.menu-gauche li.double a { float:left; width:220px; padding-left:30px; height:26px; padding-top:10px; background: url(../images/interface/menu-sousmenu.gif) no-repeat left bottom; color:#5b5b5b; text-decoration:none; text-transform:none; }
ul.menu-gauche li.double a { height:56px; line-height:1.5; padding-top:14px; background: url(../images/interface/menu-sousmenu-double.gif) no-repeat left bottom; }
ul.menu-gauche li a:hover, ul.menu-gauche li a.actif { background: url(../images/interface/menu-sousmenu-hilight.gif) no-repeat left bottom; color:#4e4e4e; text-decoration:none; }
ul.menu-gauche li.double a:hover, ul.menu-gauche li.double a.actif { background: url(../images/interface/menu-sousmenu-hilight-double.gif) no-repeat left bottom; color:#4e4e4e; text-decoration:none; }
ul.menu-gauche li a.actif { font-weight:bold;}
/*
 * @DROITE du CORP
 ******************************************************************************/
#contenu  { float:right; width:610px; margin:30px 0 20px 0; padding:0 0 0 40px; background:url(../images/interface/point-gris.gif) repeat-y 0 0;height:1%;}
.accueil #contenu  {background:none;height:1%;}
#contenu h2 { font-size:2.2em; padding:0 0 0.5em 0; font-weight:bold; text-transform:uppercase;}
.accueil #contenu h2 { width:399px; height:80px; padding:0; margin:0; background:url(../images/interface/logo-centre-sante-voyage-lettrage.gif) no-repeat 0 0; text-indent:-9999px;}
#contenu h3 { font-size:2em; padding:0 0 0.7em 0; font-weight:bold;}
#contenu h3.slogan { text-align:right; font-size:1.6em; padding:0.5em 1em 0.5em 0; margin-bottom:0.5em; font-style:italic; color:#5da1c5; background:url(../images/interface/bkg-slogan.jpg) repeat-y right top;}
#contenu h4 { font-size:1.8em; padding:0 1em 0.5em 0; font-weight:normal; line-height:1;}
#contenu h5 { font-size:1.4em; padding:0; font-weight:bold;}
#contenu h6 { font-size:1.2em; padding:0 0 0.5em 0; font-weight:bold;}
#infos a, #contenu a { color:#5da0c5;}
#contenu p { padding-right:60px;}
#contenu ul li { margin:0; padding:0 30px 5px 12px; margin:0; background:url(../images/interface/bullet-vert.gif) no-repeat 0 6px;}
#contenu .logos { float:left; padding:5px; margin-right:35px; margin-top:1.5em;}
#contenu #accueil .logos { margin-right:50px;  margin-bottom:0.5em;}
#contenu .logos a { float:left; display:block; font-size:0.9em;}
#contenu .logos a img { float:left; display:block; text-align:center; margin:0 auto;}
#contenu .logos a span { clear:left; float:left; display:block; padding-right:0; white-space:nowrap;}

/******************************************************************************
 * @BAS_DE_LA_PAGE
 ******************************************************************************/
#footer { width:960px; height:34px; background:none; margin:0 auto;}
#footer .bout-gauche, #footer .bout-droite { width:8px; height:34px; background:url(../images/interface/barre-bottom-gauche.gif) no-repeat 0 0;}
#footer .bout-droite { width:8px; height:34px; background:url(../images/interface/barre-bottom-droite.gif) no-repeat 0 0;}
#footer .ixmedia { height:26px; padding-top:8px; background:url(../images/interface/barre-bottom-bkg.gif) repeat-x 0 0; text-align:right; font-size:0.9em; color:#dfdfdf;}
#footer .ixmedia a { color:#dfdfdf;}


/******************************************************************************
 * @CLASS_DIVERSES
 ******************************************************************************/
.clear { clear:both !important;}
.plus-gros { font-size:1.3em;}
.plus-petit { font-size:0.8em;}
.gauche { float:left;}
.droite { float:right;}
.derniere-ligne { margin-bottom:0!important;}
#contenu ul.pas-de-bullet { list-style:none!important; list-style-type:none;}
#contenu ul.pas-de-bullet li { list-style:none!important; list-style-type:none;background:none;}
#contenu .bout-de-la-ligne { margin-right:0!important;}
/******************************************************************************
 * @CLEARFIX */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }