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

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

 ******************************************************************************/

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

/******************************************************************************
 * @GENERAL
 ******************************************************************************/
html, body {height:100%;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body { background:#45863f; color:#292929; font-family: Helvetica, Arial, sans-serif; font-size:1.4em;/* 14px => Base font */ line-height:1.4;/* line-height de base */}
a:link, a:visited {text-decoration:underline; color:#14843c;} /* Liens de base */
a:hover, a:active {text-decoration:underline; color:#000;} /* Lien:hover de base */
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
 ******************************************************************************/
#wrap, #wrap-top, #wrap-bottom { width:981px; margin:0 auto;}
#wrap { background:#45863f url(../images/interface/bkg-body.gif) repeat-y 50% 0;}
#wrap-top { background:url(../images/interface/bkg-body-top.gif) no-repeat 0 0; padding-top:15px;}
#wrap-bottom { background:url(../images/interface/bkg-body-bottom.gif) no-repeat 50% 100%; padding-bottom:40px; position:relative;}
h1 { display:inline; float:left; width:342px; height:142px; margin-top:10px; margin-left:50px; text-indent:-9999px; background: url(../images/interface/logo-principal-fonds-soutien.gif) no-repeat 0 0;}
h1 a { display:block; width:342px; height:142px; text-indent:-9999px; background:none;}
#photos-entete { display:inline; float:right; width:485px; height:190px; margin-top:4px; margin-right:18px; margin-bottom:12px;}
.un, .deux, .trois { float:left; padding-right:5px;}
.trois { padding-right:4px;float:right; }
/*
 * @MENU
 ******************************************************************************/
ul#menu { margin:0 auto; padding:0; padding-left:38px; width:903px; height:48px; background:url(../images/interface/bkg-menu.gif) no-repeat 0 0;}
ul#menu li { float:left; margin:0; height:42px; padding:6px 0 0 0;}
ul#menu li.dernier { padding-right:0;}
ul#menu li a { display:block; float:left; margin:0; height:42px; padding:0 0 0 35px; background:none; border:0; text-decoration:none;}
ul#menu li a span { display:block; float:left; margin:0; height:30px; padding:13px 35px 0 0; background:none; color:#fff; border:0; text-decoration:none; font-size:1em; font-weight:bold;}
ul#menu li a:hover span { color:#14843c; cursor:pointer;}
ul#menu li a#actif { background:url(../images/interface/menu-onglet-gauche.gif) no-repeat 0 0;}
ul#menu li a#actif span { background:url(../images/interface/menu-onglet-droite.gif) no-repeat 100% 0; color:#000;}


/******************************************************************************
 * @CORP_DE_LA_PAGE
 ******************************************************************************/
#contenu { width:939px; padding:0 21px; margin:0 auto; background:url(../images/interface/bkg-contenu.gif) repeat-y 0 0; overflow:visible; }
#filigrane { width:806px; padding:40px 64px 0 69px; margin:0 auto; /* -min-height hack for ie6- */min-height:100px;height:auto!important;height:100px; background:url(../images/interface/bkg-filigrane.gif) no-repeat right top; }
/*
 * @COLONNE_DE_GAUCHE
 ******************************************************************************/
#division-gauche { width:525px; float:left; margin:0; padding:0 20px 35px 0;}
.joindre #division-gauche { width:345px; float:left; margin:0; padding:0 0 35px 0;}
h2 { color:#292929; font-size:2.8em; font-weight:normal; margin-bottom:0.5em; line-height: normal;}
h3 { color:#292929; font-size:1.6em; font-weight:bold; margin-top: 1.2em; margin-bottom:0.5em;}
.accueil #division-gauche p { padding-right:5em;}
#division-gauche ul { list-style:none; list-style-type:none; margin:0 0 1.2em 0; padding:0 0 0 3px;}
#division-gauche ul li { list-style:none; list-style-type:none; margin:0; padding:0 0 0 12px; background:url(../images/interface/bullet-point-vert.gif) no-repeat 0 7px;}
.contact-cld { display:block; float:left; width:250px; padding:0 10px 0 0; }
/*
 * @COLONNE_DE_DROITE
 ******************************************************************************/
#division-droite { width:260px; float:right; margin:0; padding:60px 0 35px 0; position:relative;}
.accueil #division-droite { width:225px; float:right; margin:0; padding:0;}
.joindre #division-droite { width:460px; float:right; margin:0; padding:0 0 35px 0; position:relative;}
a.bouton-vert { display:block; width:225px; height:51px; padding-top:20px; font-size:1.2em; color:#ffffff!important; text-align:center; text-decoration:none!important; font-weight:bold; background:url(../images/interface/bouton-225x71-vert.png) no-repeat 0 0;}
a.bouton-vert:hover { height:54px; padding-top:17px; font-size:1.3em; background:url(../images/interface/bouton-225x71-vert-over.png) no-repeat 0 0;}
a.sur2lignes { height:56px; padding-top:15px; line-height:1.1;}
a.sur2lignes:hover {height:60px; padding-top:11px; }
div.adresse { padding-top:3em;}
div.adresse p { padding:1.5em 0 1.5em 1.5em; font-size:0.9em; line-height:1.4;}
div.adresse p strong{ line-height:1.8; font-size:1.4em; font-weight:normal;}
.photo { float:right; width:250px; height:250px; padding:0;}
.admissibilite .photo { background:url(../images/interface/photo-interieure-01.gif) no-repeat 0 0;}
.depot .photo { background:url(../images/interface/photo-interieure-02.gif) no-repeat 0 0;}
.investisseurs .photo { background:url(../images/interface/photo-interieure-03.gif) no-repeat 0 0;}
.photo-avec-cadre { float:left; width:250px; height:250px; padding-top:100px;}

/******************************************************************************
 * @CLASS_DIVERSES
 ******************************************************************************/
.clear { clear:both !important;}
.vert { color:#45863f !important;}
.un-peu-plus-gros { font-size:1.2em;}
.plus-gros { font-size:1.3em;}
.plus-petit { font-size:0.8em;}
.vert.plus-petit {margin-left:3px;}
.padding-right-25 { padding-right:25px !important;}
.bout-de-ligne { padding-right:0 !important; float:right;}

#lien-vers-ixmedia { position:absolute; bottom:16px; right:25px; width:250px; font-size:0.8em; color:#9c9c9c; text-align: right;}
#lien-vers-ixmedia a { color:#9c9c9c; text-decoration:none;}
#lien-vers-ixmedia a:hover { text-decoration:underline;}
/******************************************************************************
 * @GOOGLEMAP */
#googlemap_border { margin:15px 0 0 0; border:0; padding:9px; width:387px; height:400px; float:right; background: url(../images/interface/bkg-google-map.gif) no-repeat 0 0;}
#googlemap { height: 385px; width: 385px; text-indent: -9999px; }
#googlemap_inner { position: absolute; left: -9999px; }
#googlemap_tooltip h1 { color: #000; font-size: 13pt; }
#googlemap_tooltip img { display: block; margin: 0 0 12px; }
#googlemap_link { font-size: 90%; }
#googlemap_link p { margin: 0; padding: 6px 5px 6px; float:right; }
#googlemap_coordonnees { display: none; }
/******************************************************************************
 * @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; }