/* CSS Document */
/* ========================== COMMUNS ========================== */
*{margin: 0;padding: 0;}
html{overflow:scroll;	overflow-x:hidden;}
body{background-color: #f3edea;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
h1{font-size: 18px;padding-bottom: 30px;}
h2{font-size: 14px;padding-bottom: 10px;}
a{text-decoration: none;}
img{border: none;	vertical-align: text-bottom;}

.clr_flt{clear:both;	display:block;	height:0;	font-size:1px;	line-height:0px;}
.flt_left{float: left;}
.flt_right{float: right;}

.no_marge{	padding: 0 !important; margin: 0 !important;}
.uppercase{text-transform: uppercase;}
.black, h4.formation, h4.sensibilisation, h4.accessibilite{	padding: 2px 2px 2px 10px;	color: #fff;	font-size: 14px;	}
.black{	margin-bottom: 15px;	background: #000;}
h4.formation, h4.sensibilisation, h4.accessibilite{	margin-bottom: 10px;}
h4.formation{	background: #4d76b5;}
h4.sensibilisation{	background: #d2331b;}
h4.accessibilite{	background: #f19914;}

/* ========================== BLOCS ========================== */
#global{ position: absolute;	top: 20px;	left: 50%;	padding: 0 20px;	margin-left: -480px;	background-color: #fff;	padding-bottom: 30px;	width: 920px;	}
/* ========== top ==========*/
#top1, #top2, #lien_contact{width: 920px;left: 20px;}
/* -------- liens et menus du haut -------- */
#lien_faf, 
#lien_contact{	text-align: right;	position: absolute;	right: 0; /* pour IE */	}
#lien_faf{	top: -18px;	text-transform: uppercase;	width: 940px;}
#lien_contact{	top: 10px;	text-transform: lowercase;}
#lien_contact a{	color: #000;	border-left: 1px solid;	padding-left: 10px;}
#top1, #top2{	position: absolute;	height: 20px;	line-height: 20px;}
#top1 li, #top2 li{	float: left;	text-transform: uppercase;	text-align: center;	list-style-type: none;	font-size: 14px;}
#top1 li a, #top2 li a, #lien_faf a{	font-weight: bold;}

/* ---- top1 --- */
#top1{	top: 81px;}
#top1 li{	padding: 0 50px;	border-right: 1px solid #867e77;}
#top1 li.last{	border: none;}
#top1 li a, #lien_faf a{	color: #867e77;}
#top1 li.active a,#top1 a:hover{	color: #000;}

/* ---- top2 --- */
#top2{	top: 107px;	background: #000;}
#top2 li{	width: 33%;}
#top2 li a{	color: #fff;}
#top2 li#formation.active a,#top2 li#formation a:hover{	color: #4a76c0;}
#top2 li#sensibilisation.active a,#top2 li#sensibilisation a:hover{	color: #cc3300;}
#top2 li#accessibilite.active a,#top2 li#accessibilite a:hover{	color: #f19914;}

/* -------- contenus -------- */
#contenu{	margin-top: 85px;	line-height: 18px;}
#contenu p,#page ul{	padding-bottom: 20px;}

/* ========== accueil ==========*/
#home-img{ float: left; width: 490px; margin-right: 20px;}
.break-horizontal{	border-bottom: 1px solid #ccc;	height: 1px;	margin: 20px 0;}
.break-vertical{	float: left;	height: 160px;	width: 1px;	margin: 0 19px;	border-right: 1px solid #ccc;}
#bloc-formation,#bloc-sensibilisation,#bloc-accessibilite{	width: 280px;}
#bloc-formation li.titre,#bloc-sensibilisation li.titre,#bloc-accessibilite li.titre{	background: none;	padding-left: 0;	font-size: 13px;	font-weight: bold;}
#bloc-formation li,#bloc-sensibilisation li,#bloc-accessibilite li{	list-style-type: none;	background: url(../image/puce-home.gif) no-repeat left 5px;	padding-left: 20px;}
#bloc-formation li a,#bloc-sensibilisation li a,#bloc-accessibilite li a{	color: #000;}
#bloc-formation h1,#bloc-sensibilisation h1,#bloc-accessibilite h1{	height: 20px;	line-height: 20px;	color: #fff;	font-size: 14px;	text-transform: uppercase;	text-align: center;	padding-bottom: 0;}
#bloc-formation h1{	background: #4b77c0;}
#bloc-sensibilisation h1{	background: #cc3300;}
#bloc-accessibilite h1{	background: #f19914;}
#bloc-formation ul,#bloc-sensibilisation ul,#bloc-accessibilite ul{	height: 125px;	background: #f3edea;	padding-left: 10px;	padding-top: 15px;}

/* ========== fiches ==========*/
#page-gauche{	float: left;	width: 280px;	font-size: 13px;}
#fiche-selection{	float: right;	width: 595px;}
#fiche-selection .flt_left, #fiche-selection .flt_right{	width: 285px;	margin-bottom: 20px;}
#fiche-selection h1{	font-size: 14px;	color: #fff;	padding: 2px 5px;}
#fiche-selection .bloc{	font-size: 11px;	line-height: 13px;	background-position: left top;	background-repeat: no-repeat;}
#fiche-selection .bloc .intro{	min-height: 125px;	padding-top: 10px;	background: url(../image/fiche-coin.png) no-repeat left 125px;	padding-left: 125px;}
#fiche-selection .bloc .intro a.plus{	line-height: 30px;	background-position: right center;	background-repeat: no-repeat;	padding-right: 20px;}

/* ============ fiches :: formation */
.formation .menu li a:hover,
.formation .menu li.active a,
#fiche-selection.formation h1{	background: #4a76c0;}
#fiche-selection.formation a{	color: #4a76c0;	background-image: url(../image/formation-plus.gif);}
.formation .onglet li.active a{	color: #4a76c0;	background: #cfd7e6;}

/* ============ fiches :: sensibilisation */
.sensibilisation .menu li a:hover,
.sensibilisation .menu li.active a,
#fiche-selection.sensibilisation h1{	background: #cc3300;}
#fiche-selection.sensibilisation a{	color: #cc3300;	background-image: url(../image/sensibilisation-plus.gif);}

/* ============ fiches :: accessibilite */
.accessibilite .menu li a:hover,
.accessibilite .menu li.active a,
#fiche-selection.accessibilite h1{	background: #f19914;}
#fiche-selection.accessibilite a{	color: #f19914;	background-image: url(../image/accessibilite-plus.gif);}


/* ============ fiches :: détail */
#telecharger{	padding-top: 5px;	padding-bottom: 15px;	}
#telecharger li{	list-style-type: none;}
#telecharger li a{ padding-top: 2px; padding-bottom: 2px;}
#telecharger li.pdf a{background: url(../image/ico-pdf.gif) no-repeat left top;}
#telecharger li.doc a{	background: url(../image/ico-doc.gif) no-repeat left top;}
#fiche-visuel{	background-position: center;	background-repeat: no-repeat;	}
#page{	float: left;	width: 460px;	margin-left: 100px;	}
#page.presentation{width: 520px;}
.general #page{	width: 540px;	}
.general .clr_flt{	padding-bottom: 40px; }
#page li{	list-style-position: inside;	}
.onglet li,	.menu li, .actualite li, .partenaire li{	list-style-type: none;	}
.onglet li a,	.menu li a, .partenaire li a{	display: block;	background: #f3edea;	margin-bottom: 4px;	padding-top: 1px;	padding-bottom: 1px;	}
.onglet li a,	.menu li a,	#telecharger a, .actualite li a, .partenaire li a{	color: #535353;	font-size: 12px;	padding-left: 18px;	}
.menu li a:hover, .partenaire li a:hover{	color: #fff;	}
.menu li.active a, .partenaire li.active a{	font-size: 14px;	font-weight: bold;	color: #fff;	}
.onglet li{	float: left;	width: 49%;	margin-right: 4px;	padding-bottom: 36px;	}
.onglet li.active a{	font-size: 16px;	font-weight: bold;	}


/* ========== actualites ==========*/
.general #page-gauche h2{	color: #fff;	font-size: 14px;	background-color: #666;	padding-left: 18px;		padding-bottom: 0;}
.actualite li{	line-height: 22px;	}
.page-clmn-left{	width: 420px;	}
.page-clmn-right{	width: 100px;	}
.partenaire li a:hover,.partenaire li.active a{	background: #666;}
a.lien-part{color: #f19914;}
#telecharger li.pdf a:hover, #telecharger li.doc a:hover,#lien_contact a:hover, a.lien-part:hover,#fiche-selection .bloc .intro a.plus:hover,#bloc-formation li a:hover,#bloc-sensibilisation li a:hover,#bloc-accessibilite li a:hover{text-decoration:underline;}