/* -------------------------------------------------
Document CSS FACO PARIS
Auteur	:	Kahiloa Solutions & communications
Date	:	Septembre 2009
------------------------------------------------- */

/** Reset des balises
--------------------------------------------------------------------------**/
h1, h2, h3, ul, form {
	margin:0; padding:0;
}

ul { list-style:none }

body {
	font: 77%/1.2 Arial, Helvetica, sans-serif;
	background:#546EAD;
	color:#556FAF;
	margin:0; padding:0;
}

a { color:#9B9C9E }

a:hover { text-decoration:underline }

a img { border:0; }

a, input, object { outline:none }

textarea { font-family:Arial, Helvetica, sans-serif;  }

.bannierePrint { display:none; }


/** Le bloc qui engloble l'ensemble du site
--------------------------------------------------------------------------**/
#global {
	width:956px;
	margin:auto;
	background:url(/images/faco/bas-bg.png) no-repeat 1px bottom;
	padding-bottom:14px;
}



/** Règles génériques
--------------------------------------------------------------------------**/
.degarde-gauche {
	padding-top:12px;
	background:url(/images/faco/degrade-gauche-haut.png) no-repeat top;
}

.degarde-gauche .interne1 {
	padding-bottom:12px;
	background:url(/images/faco/degrade-gauche-bas.png) no-repeat bottom;
}

.degarde-gauche .interne2 {
	background:url(/images/faco/degrade-gauche-centre.png) repeat-y;
	padding:0 14px;
	overflow:hidden;
}

.degarde-gauche .interne2 ul li {
	width:145px; height:16px;
	padding:4px 9px;
	margin-bottom:1px;
}

.degarde-gauche .interne2 ul li a {
	color:#9B9C9E; text-decoration:none; font-size:.9em;
}

.degarde-gauche .interne2 ul li a.actif {
	color:#009BD4; font-weight:bold;
}

.degarde-gauche .interne2 ul li a:hover { color:#009BD4 }

.degarde-gauche .interne2 ul.btn-inscription li{
	padding-top:5px;
}

.degarde-gauche .interne2 ul.btn-inscription li a {
	color:#fff; font-weight:bold;  font-size:1em;
	padding-left:8px
}

.degarde-gauche .interne2 ul.btn-inscription li a:hover {
	color:#fff; text-decoration:underline;
}

.degarde-droite {
	padding-top:14px;
	clear:both;
	background:url(/images/faco/degrade-droite-haut.png) no-repeat top;
}

.degarde-droite .interne1 {
	padding-bottom:14px;
	background:url(/images/faco/degrade-droite-bas.png) no-repeat bottom;
}

.degarde-droite .interne2 {
	background:url(/images/faco/degrade-droite-centre.png) repeat-y;
	padding:0 13px;
	overflow:hidden;
}

.titre-territoire {
	color:#fff;
	display:block;
	padding:7px 11px;
}

.titre {
	font-size:1.25em;
	line-height:1.1;
	margin-bottom:10px;
}

.paragraphe {
	margin:0; padding:0; font-size:.9em;
}



/** Petite liste d'articles
--------------------**/
.petite-liste-article {
	width:249px;
	float:right;
	padding-top:6px; margin:8px 4px 0 0;
}

.petite-liste-article  h2 { padding:0 24px 8px 13px; margin-bottom:3px; }

.petite-liste-article  h2 img { display:block; }

.petite-liste-article li {
	overflow:hidden;
	padding:6px 10px 9px 10px;
	color:#fff;
	background:url(/images/faco/evenements-bg.gif) repeat-x bottom
}

.petite-liste-article li.last { background:transparent }

.petite-liste-article li  img {
	float:left;
	border:1px solid #fff;
	margin-right:10px;
	width:89px; height:79px;
}

.petite-liste-article li div strong a, .petite-liste-article li div p a {
	color:#fff
}

.petite-liste-article li  div strong a:hover { text-decoration:none; }

.petite-liste-article li  div p a { text-decoration:none; }


.petite-liste-article li div p {
	font-size:.8em;
	margin:0; padding:0
}



/** Les composants header
--------------------------------------------------------------------------**/
#header:after { content:""; clear:both; display:block }

/** Partie haute
--------------------**/
.header-haut {
	overflow:hidden;
	padding:11px 27px 3px 42px;
	height:18px;
	color:#fff; font-size:.7em;
	position:relative;
	background:url(/images/faco/header_haut_bg.png) no-repeat;
}

.header-haut * {	 vertical-align:middle; }

.header-haut a {
	color:#fff;
	padding:4px;
}

.header-haut a:hover, .header-haut a.noSelected { text-decoration:none; }

.header-haut .btn-bleu {
	background:#78BEDF;
	border:1px solid #BDD2E0;
	padding:3px;
	display:-moz-inline-box; display:inline-block;
	text-decoration:none
}

.header-haut .droite {
	position:absolute;
	right:25px; top:11px;
}

.header-haut .droite form {
	display:-moz-inline-box; display:inline-block;
	margin-left:34px;
}

.header-haut .droite form input {
	font-size:1.2em;
	border:1px solid #D3D7E2;
	height:18px; width:158px;
	padding:0
}

.header-haut .droite form input.submit {
	height:18px; width:21px;
	color:#fff;
	padding:1px 0 0 0;
	font-size:.9em;
}



/** Partie basse
--------------------**/
.header-bas {
	height:254px; width:100%;
	background:url(/images/faco/header_bas_bg.jpg) no-repeat;
	position:relative;
	z-index:1;
	float:left;
}

.header-interne {
	background:url(/images/faco/header_bas_bg2.jpg) no-repeat;
}


.logo {
	position:absolute;
	left:30px; top:40px;
	height:143px; width:179px;
	text-indent:-9999px;
	z-index:5;
	background:url(/images/faco/blanc.png);
}

.zone-flash {
	width:930px; height:233px;
	overflow:hidden;
	position:absolute;
	top:6px; left:13px;
}

.menu {
	margin:206px 0 0 221px;
}

.menu li {
	float:left;

	position:relative
}

.menu li a {
	width:123px; height:31px;
	text-decoration:none; text-align:center;
	background:url(/images/faco/blanc.png);
	float:left;
	color:#fff;
	font-size:.8em;
	margin-right:5px; padding:0 7px;
}

.menu li a:hover { text-decoration:underline }

.menu li ul {
	position:absolute;
	display:none;
	z-index:9999;
	left:1px; top:26px;
	border:1px solid #fff;
	width:133px
}

.menu li ul li { width:100% }

.menu li ul li a {
	display:block;
	height:auto; width:auto;
	float:none;
	text-align:left;
	margin-right:0; padding-top:4px; padding-bottom:4px;
}

.menu li ul.jaune a {
	background:#F7B230 url(/images/faco/jaune-menu.gif) repeat-x top;
	border-bottom:1px solid #DB9F2D;
}

.menu li ul.mauve a {
	background:#CB3D8B url(/images/faco/mauve-menu.gif) repeat-x top;
	border-bottom:1px solid #E59EC5
}

.menu li ul.bleu a {
	background:#556FAF url(/images/faco/bleu-menu.gif) repeat-x top;
	border-bottom:1px solid #AAB7D7
}

.menu li ul.vert a {
	background:#7AB41D url(/images/faco/vert-menu.gif) repeat-x top;
	border-bottom:1px solid #BDDA8E
}

.menu li ul.rose a {
	background:#EF8F84 url(/images/faco/rose-menu.gif) repeat-x top;
	border-bottom:1px solid #F7C7C2
}



/** Le conteneur principal
--------------------------------------------------------------------------**/
#container {
	background:url(/images/faco/container_bg.png) repeat-y;
	overflow:hidden;
	position:relative;
	z-index:0;
}



/** Left
--------------------------------------------------------------------------**/
#left {
	width:204px;
	float:left;
}

.acces-direct {
	color:#fff;
	padding:17px 23px 20px;
	height:37px;
	overflow:hidden;
	font-family:Tahoma, Trebuchet, Arial, sans-serif;
	background:url(/images/faco/acces_directe.png) no-repeat;
}

.acces-direct strong { font-size:1.2em; }

.acces-direct select {
	font-size:.7em;
	margin-top:3px;
	width:158px;
}

/* ANNADD 2011-06-27 */
.acces-direct-bouton img {
	margin:0 0 0 2px;
}



/** votre profil
--------------------**/
.votre-profil {
	background:url(/images/faco/votre-profil-degrade.gif) repeat-y;
}

.votre-profil div {
	background:url(/images/faco/votre-profil.gif) no-repeat;
	border-bottom:1px solid #A9BDC7;
	min-height:273px;
	overflow:hidden;
	padding-bottom:7px;
}

.votre-profil-titre {
	margin:14px 0 0 12px;
	display:block;
}

.votre-profil p {
	margin:8px 0 0 14px; padding:0 56px 0 0;
	font-size:.8em;
}

.votre-profil ul { margin:8px 0 0 8px; }

.votre-profil ul li { background:url(/images/faco/votre-profil-liste.png) no-repeat; }

.profil ul.btn-inscription { margin-top:6px; }

.profil ul.btn-inscription li { background:url(/images/faco/btn-intranet.gif) no-repeat; }

.profil ul.btn-inscription li {
	padding-left:2px;
	width:165px;
}



/** Content
--------------------------------------------------------------------------**/
#content {
	margin-left:25px; padding-top:13px;
	width:421px;
	float:left;
}



/** Right
--------------------------------------------------------------------------**/
#right {
	width:260px;
	float:right;
	padding-right:20px
}

.edito {
	background:#5670B0 url(/images/faco/edito-bg.jpg) no-repeat left top;
	width:249px;
	padding:13px 0 13px; margin:0 4px 7px 0;
	float:right;
}

.edito h2 {
	padding:0 24px 8px 13px;
	background:url(/images/faco/editotitre-bg.gif) no-repeat bottom;
}

.editotitre { display:block; }

.edito a { color:#fff; text-decoration:none; }

.edito .titre { padding:13px 24px 0 13px; margin:0 }

.edito .paragraphe { padding:4px 24px 0 13px; }

.degarde-droite .interne2 strong {
	color:#009AD4; font-size:1.1em;
	padding-left:5px;
	display:block;
}

.zone-video {
	width:235px;
	margin-top:8px;
}

.zone-video img, .zone-video object {
	display:block;
	width:235px;
}



/** Les composants footer
--------------------------------------------------------------------------**/
#footer {
	background:url(/images/faco/container_bg.png) repeat-y;
	text-align:center;
	padding:18px 36px 0;
}

#footer a {
	color:#009BD5;
	padding:4px 35px 4px 0;
	text-decoration:none;
	display:inline-block
}

#footer a.last { padding-right:0 }

#footer a:hover { text-decoration:underline overline }


.acces-direct-lien {
	color:#fff;
	padding:17px 23px 20px;
	height:37px;
	overflow:hidden;
	font-family:Tahoma, Trebuchet, Arial, sans-serif;
	background:url(/images/faco/acces_directe.png) no-repeat;
}

.acces-direct-img {
	margin:2px 0 0 12px;
	display:block;
}