@font-face {
font-family: 'UbuntuRegular';
src: url('../webfonts/Ubuntu-R-webfont.eot');
src: url('../webfonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../webfonts/Ubuntu-R-webfont.woff') format('woff'),
	 url('../webfonts/Ubuntu-R-webfont.ttf') format('truetype'),
	 url('../webfonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'UbuntuRegular';
src: url('../webfonts/Ubuntu-B-webfont.eot');
src: url('../webfonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../webfonts/Ubuntu-B-webfont.woff') format('woff'),
	 url('../webfonts/Ubuntu-B-webfont.ttf') format('truetype'),
	 url('../webfonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'WebSymbolsRegular';
src: url('../webfonts/websymbols-regular-webfont.eot');
src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}

* {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
}

body {
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
color: #404040;
line-height: 26px;
font-size: 16px;
text-align: center;
background: #f6e8d3;
}

.wrapper {
width: 1118px;
text-align: left;
margin: 0 auto;
}

.clear {
clear: both;
}

.leftCol {
float: left;
width: 716px;
margin: 26px 0 26px 26px;
}

.rightCol {
float: right;
width: 298px;
margin: 26px 26px 26px 0;
}

/* TYPO */

h1 {
line-height: 39px;
font-size: 30px;
font-weight: normal;
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #aaaaaa;
margin: 26px 0;
letter-spacing: -1px;
}

h1 span.italic {
font-style: italic;
text-transform: none;
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
}

h2 {
margin: 52px 0 26px;
font-size: 20px;
font-weight: normal;
}

h3 {
margin: 0 0 26px;
font-size: 18px;
font-weight: normal;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
}

h4 {
margin: 0 0 26px;
font-size: 16px;
font-weight: normal;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
}

p {
margin: 0 0 26px;
}

ul {
margin: 0 0 26px 1em;
}

ul ul {
margin: 0 0 0 1em;
}

ol {
margin: 0 0 26px 2em;
}

ul li {
list-style: outside square;
margin: 0 0 13px;
}

ul li li  {
list-style: outside circle;
}

ol li {
list-style: outside decimal;
margin: 0 0 13px;
}

a {
color: #aaaaaa;
text-decoration: none;
}

a:hover {
color: #404040;
text-decoration: none;
}

span.symbol {
font-family: 'WebSymbolsRegular';
margin-right: .5em;
}

blockquote {
display: block;
margin: 26px 0;
padding-left: 1em;
font-style: italic;
border-left: solid 1px #eaeaea;
color: #808080;
}

blockquote p {
margin: 0;
text-indent: 0;
}

/* HEADER */

#Header {
background: #9bbaee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3560b6', endColorstr='#b8d4fe');
background: -moz-linear-gradient(top, #3560b6, #b8d4fe);
padding: 26px;
}

a#Logo {
height: 100px;
line-height: 100px;
background: url(../images/logoireperes.png) no-repeat left center;
display: block;
font-family: Times, 'Times New Roman', Georgia, serif;
font-size: 30px;
padding-left: 110px;
text-transform: uppercase;
color: #ffffff;
text-shadow: 2px 2px 5px #556b8f;
-moz-text-shadow: 2px 2px 5px #556b8f;
-webkit-text-shadow: 2px 2px 5px #556b8f;
}

/* LAYOUT */

#Layout {
background: #ffffff url(../images/grey.png) repeat-y right 0;
}

/* FOOTER */

#Footer {
/* background: #c19e67;
background: #aaaaaa; */
background: #9bbaee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3560b6', endColorstr='#b8d4fe');
background: -moz-linear-gradient(top, #3560b6, #b8d4fe);
padding: 52px 0;
}

#PostFooter {
background: url(../images/logo-institut-reperes-small.png) no-repeat 0 0;
height: 90px;
margin: -90px 100px 26px;
padding-top: 100px;
}

#PostFooter p {
line-height: 20px;
font-size: 14px;
text-align: center;
}

/* TOP NAVIGATION */

#TopNav {
padding: 5px 0;
background: #0e3472;
}

#TopNav ul {
float: right;
margin: 0 10px 0 0;
}

#TopNav li {
float: left;
list-style: none;
margin: 0 4px;
padding: 0;
text-transform: uppercase;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
font-size: 13px;
}

#TopNav li a {
padding: 0 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#TopNav li a.section, #TopNav li a.current, #TopNav li a:hover {
background: #e9edf4;
color: #404040;
}

/* MAIN NAVIGATION */

#MainNav {
background: #e09b2f;
padding: 10px 26px;
}

#MainNav ul.supMenu {
margin: 0;
padding: 0;
font-size: 14px;
}

#MainNav ul.subMenu {
margin-left: 0;
}

#MainNav ul.supMenu li {
display: block;
text-align: left;
float: left;
list-style: none;
margin: 0;
padding: 0 4em 0 10px;
border-left: solid 1px #cf762d;
text-transform: uppercase;
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
color: #964c10;
}

#MainNav ul.subMenu li {
float: none;
text-transform: none;
border: 0;
padding: 0;
}

#MainNav li a {
display: inline;
padding: 1px 10px;
text-decoration: none;
color: #ffffff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#MainNav li a:hover, #MainNav li a.current, #MainNav li a.section {
background: #e07e2f;
padding: 0 9px;
border: solid 1px #cf762d;
}

/* #MainNav li a.current, #MainNav li a.section {
background: #e07e2f url(../images/uparrow.png) no-repeat center bottom;
} */

/* SecondNav */

#SecondNav {
background: #a3c2f3;
padding: 5px 10px 0;
margin: 26px 0 52px;
}

#SecondNav ul {
margin: 0;
}

#SecondNav li {
float: left;
margin: 0 5px 0 0;
list-style: none;
padding: 0;
line-height: 32px;
font-size: 14px;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
}

#SecondNav li a {
display: block;
color: #404040;
padding: 0 5px;
text-decoration: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
}

#SecondNav li a.current, #SecondNav li a.section, #SecondNav li a:hover {
background: #ffffff;
color: #404040;
}

/* List of Items */

.listOfItems {
margin: 0 0 26px;
padding-top: 26px;
}

.listOfItems li {
margin: 0 0 52px;
list-style: none;
}

.listOfItems p, .listOfItems h2 {
margin: 0;
}

.listOfItems h2 a {
color: #404040;
display: block;
}

.listOfItems h2 a:hover {
color: #aaaaaa;
}

p.details {
background: #f4f4f4;
font-size: 12px;
margin-right: 60px;
line-height: 26px;
padding: 0 1em;
height: 26px;
overflow: hidden;
}

p.details span.smallList {
margin-right: 1em;
}

p.detailDates {
font-size: 12px;
padding: 0 1em;
}

.listOfItems .arrow {
width: 0;
height: 0;
border-left: solid 10px #a3c2f3;
border-top: solid 13px transparent;
border-bottom: solid 13px transparent;
float: right;
margin-right: -10px;
}

.listOfItems a.lien {
width: 52px;
text-align: center;
float: right;
background: #a3c2f3;
display: block;
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
line-height: 26px;
margin-right: 10px;
}

.listOfItems a.lien:hover {
background: #e09b2f;
}

.listOfItems a.lien:hover .arrow {
border-left: solid 10px #e09b2f;
}

span.filtresFormations {
display: none;
cursor: pointer;
}

span.filtresFormations:hover .libelle{
color: #404040;
}

/* PAGE FORMATION */

p.numberOfFormations {
margin: -13px 0 26px;
font-size: 12px;
color: #aaaaaa;
}

p.rubriqueFormation {
padding: 0 1em;
background: #a3c2f3;
margin: 52px 0 26px;
color: #ffffff;
}

p.pagination {
font-size: 14px;
padding: 26px 0 0;
border-top: solid 1px #f4f4f4;
margin: 26px 0;
}

p.pagination span.right {
float: right;
}

.resumeFormation {
margin: 0 0 26px;
}

.resumeFormation p {
margin: 0 0 13px 240px;
}

.resumeFormation .firstLine {
display: block;
float: left;
width: 174px;
margin-left: -240px;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
font-size: 14px;
}

p.details.noMargin{
margin-right: 0;
overflow: visible;
}

.smaller {
font-size: 13px;
}

a.buttonLike {
padding: 6px 20px 7px;
color: #ffffff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
background: #e09b2f;
}

a.buttonLike:hover {
background: #a3c2f3;
}


/* a#PrintButton {
float: right;
} */

/* FINDTOOLS (sidebar) */

p.searchTool {
color: #ffffff;
font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
background: #aaaaaa;
padding: 0 1em;
margin: 26px 0 13px;
}

.accordion p.searchTool:hover {
background: #cccccc;
}

#SearchForm {
margin: 0 0 26px;
}

#SearchForm form {
margin: 0;
}

#SearchForm * {
display: inline;
margin: 0;
}

#SearchForm input.action {
width: 40px;
text-align: center;
font-family: 'WebSymbolsRegular';
border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
padding: 6px 0 7px;
font-size: 13px;
}

#SearchForm input.text {
border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
width: 244px;
outline: none;
background: #ffffff;
font-size: 13px;
}

ul.searchToolList {
font-size: 13px;
margin: 0 0 26px;
padding: 0;
}

.searchToolList li {
list-style: none;
margin: 0;
padding: 0 0 0 1em;
border-bottom: solid 1px #f0f0f0;
}

.numberOf {
margin-left: 1em;
background: #aaaaaa;
padding: 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #ffffff;
}

.rightButton {
font-family: 'WebSymbolsRegular';
float: right;
display: none;
}

.accordion.clicked ul {
display: block;
}

.accordion.notClicked ul {
display: none;
}

.accordion.clicked .rightButton {
display: none;
}

.accordion.notClicked .rightButton {
display: inline;
}

.accordion p.searchTool {
cursor: pointer;
}

p#DownLoad {
margin: 0 1em;
}

#SearchToolSideBar a {
color: #404040;
}

#SearchToolSideBar a:hover, #SearchToolSideBar a:active {
color: #aaaaaa;;
}

#SearchToolSideBar h2 {
color: #aaaaaa;
font-size: 28px;
}

/* FORMULAIRES */

form {
margin: 0 0 26px;
}

form * {
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
}

input.text, textarea, select {
font-size: 16px;
padding: 6px 3px 7px;
margin: 0 0 26px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #fafafa;
border: solid 1px #eeeeee;
width: 80%;
}

input.action {
font-size: 16px;
padding: 6px 20px 7px;
color: #ffffff;
background: #a3c2f3;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
}

input.action:hover {
background: #e09b2f;
}

#SubmissionMessage {
text-align: center;
padding: 20px 26px 0;
color: #238720;
border: solid 1px #5ebd5c;
background: #effbef;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

input.checkbox {
margin: 0 0 52px;
}

p.rubriqueFormulaire {
padding: 0 1em;
background: #a3c2f3;
margin: 39px 0 26px;
color: #ffffff;
}

#SubscribeForm input.action {
background: #e09b2f;
font-size: 20px;
}

#SubscribeForm input.action:hover {
background: #a3c2f3;
}

/* EDITO */

#HomePage h1 {
font-size: 48px;
padding: 0 0 26px;
line-height: 50px;
border-bottom: solid 1px #eaeaea;
margin: 26px 80px 52px;
text-align: center;
}

p#HitCounter {
font-family: Courier, 'Courier New', monospace;
font-style: italic;
font-size: 11px;
color: #aaaaaa;
text-align: right;
}

/* COMMENTAIRES */

.maille {
display: none;
}

#CommentsSection {
margin: 52px 0 26px;
background: #f4f4f4;
padding: 26px;
}

p.rubriqueComments {
color: #ffffff;
background: #aaaaaa;
padding: 0 1em;
}

#CommentsSection input.text,#CommentsSection textarea {
background: #ffffff;
}

li.commentItem {
list-style: none;
margin: 0 0 26px;
}

ul#CommentsList {
margin: 0 0 52px;
padding: 0;
}

ul#CommentsList h3 {
margin: 0;
}

ul#CommentsList h3 span.createdDate {
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
float: right;
}

.commentContent {
background: #ffffff;
padding: 13px;
}

/* LEAFLET */

#LeafletMap {
height: 300px;
margin: 0 0 26px;
}

strong {
font-weight: bold;
}

span.sousTitre {
display: block;
font-style: italic;
font-size: 85%;
}

/* CSS PRINT */

@media print {

	* {
	color: #000000 !important;
	background: transparent !important;
	width: 100% !important;
	text-align: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 1.5 !important;
	float: none !important;
	}

	div, span {
	margin: 0 !important;
	padding: 0!important;
	}

	.rightCol, #Header, #Footer, #MainNav, p.pagination, span.symbol, #PrintButton, #CommentsSection  {
	display: none !important;
	}

	p, p.rubriqueFormation, h1, h2, ul, ol {
	margin: 0 0 1.5em !important;
	padding: 0 !important;
	}

	p, span {
	font-size: 16px !important;
	}

	p.rubriqueFormation, h2 {
	font-size: 18px;
	font-weight: bold;
	}

	li {
	margin: 0 !important;
	padding: 0 !important;
	}

	ul li {
	list-style: inside square;
	}

	ol li {
	list-style: inside decimal;
	}

}
 #FootCertHolder {
	 text-align: center;
 }
img.footerCertif {
	display: inline-block;
	margin: 2em 1em;
	text-align: center;
	vertical-align: middle;
}