/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 13, 2014 */
@font-face {
    font-family: 'gt_walsheimmedium';
    src: url('/font/gt-walsheim-medium-web-webfont.eot');
    src: url('/font/gt-walsheim-medium-web-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/gt-walsheim-medium-web-webfont.woff') format('woff'),
         url('/font/gt-walsheim-medium-web-webfont.ttf') format('truetype'),
         url('/font/gt-walsheim-medium-web-webfont.svg#gt_walsheimmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family:'gt_walsheimmedium';
	font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	background: #fffded;
	margin: 0px;
	padding: 0px;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
#body { margin:0px; padding:0px;}
.clear {clear: both;}
hr {
	border:1px solid #204565;
	margin: 15px 0px;}

input,
textarea {
	font-family:'gt_walsheimmedium';
	font-size:0.9em;
	color:black;
	width:100%;
	background-color: #fffded;
	border: 1px solid #204561;
	margin:6px 0px 25px 0px;
	padding:1px 3px;}
	
input {
	height:27px;}
textarea {
	height:120px;
	font-weight:normal;
	text-transform: none;
	text-decoration: none;
	background-color: #fffded;
	resize:none;}
	
input.button[type="submit"], a {outline: 0;}
a.button:link,
a.button:visited {
	text-decoration:none;
	border:2px solid #204561;
	cursor:pointer;
	margin:4px auto 4px auto;
	padding: 5px 0px;
	text-align:center;
	width:311px;
	font-size:0.9em;
	display:block;
	z-index:1000;
	background-color:#fffded;}
	
a.button:hover,
a.button:active {
	color:#fffded;
	background-color:#204561;}
	
input[type=submit].button {
	margin:20px auto 0px auto;	
	padding: 4px 0px 4px 0px;
	height:34px;
	border:2px solid #204561;
	width:100%;
	width:315px;
	cursor:pointer;
	display:block;
	color:#204561;
	z-index:1000;
}
input[type=submit].marginButton,
a.marginButton {margin-top:4px; !important}
input[type=submit].button:hover {
	background-color:#204561;
	color:#fffded;	
}
/*container*/
.twoColFixLtHdr #container, 
.oneCol #container { 
	width: 1024px;
	background-color: #fffded;
	margin: 150px auto 0px auto;
	text-align: left;
	padding:0px;
} 
.twoColFixLtHdr #container-pardate, 
.oneCol #container-pardate {
	width: 1024px;
	background-color: #fffded;
	margin: 0px auto 0px auto;
	text-align: left;
	padding:0px;
}
.twoColFixLtHdr #mainContent, 
.oneCol #mainContent {
	padding: 0px;
	margin: 0px;
}
/*style*/

h1, h2, h3, h4, h5 {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
h1 { 
	font-family:'gt_walsheimmedium';
	font-weight: normal;
    font-style: normal; 
	font-size: 4.2em;
	text-align:center;
	letter-spacing:0.1em;
	/*width:1024px;*/
	margin:25px auto 50px auto;
}
h1.menuSecondaire {margin-top:190px;}
h2 { 
	font-size: 2.45em; 
	margin:0px 0px 30px 0px;
	padding:0px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
h3 {
	font-size: 1.4em;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#204561;
}
/*txt courant*/
h4 { 
	font-size: 0.9em; 
	margin:0px;
	padding:0px;
}
/*nom des formateurs sur la page programme*/
h5 { 
	font-size: 0.9em; 
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height: 1.1em;
}
p {
	font-size: 0.9em; 
	margin:12px 0px 0px 0px;
	padding:0px;
	line-height:1.3em;
}
p.legende {
	margin: 0px 0px 10px 1px;
	padding-bottom:5px;
	color:#204561;
}
p.legendeFormulaire {
	margin: -17px 0px 10px 1px;
	padding-bottom:17px;
	color:#204561;
}
p.legendeFormulaire a:link,
p.legendeFormulaire a:visited {
	color:#c2c2c2;	
}
p.legendeFormulaire a:hover,
p.legendeFormulaire a:active {
	color:#000;	
}
a {
	color: #204561;
	text-decoration:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
/*bug iE*/
a img {
	border: 0px;	
}
a:active {
	background-color:#fffded;	
	border:0px;
}
a:hover{
	color:#c2c2c2;	
}
a.alignRight {
	text-align:right;
	display:block;
	font-size:1em;
	margin-top:10px;
	padding-top:15px;
	border-top:1px solid #204561;
}

ul.liste {
	font-size:0.9em;
	list-style-image:url(../images/ul_img.png);
	list-style-position:outside;
	padding-left:38px;
}
ul.liste li {
	margin-bottom:10px;
}
ol {
	list-style-position:outside;
	font-size:1.1em;
	line-height:1.4em;
	margin: 50px 0px 30px 140px;
}
ol li {
	margin: 0px 0px 30px 0px;
	padding-left:20px;
}
div.error {
	background-color: #fffded;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	padding: 5px;
}
.champObligatoire {
	font-size: 80%;
}
.hide {
	display:none;
}
/* --          Navigation             --*/
#header {
	position: fixed;
	top:0px;
	width: 1024px;
	background-color: #fffded;
	padding: 0px 0px 0px 0px;
	margin:0px;
	border-bottom:solid 3px #204561;
	z-index:20000;
	height:107px;
}
#resSoc {
	position:absolute;
	top:20px;
	left:0px;
}
#resSoc ul {
	list-style-type: none;	
	margin: 0px;
	padding:0px;
}
#resSoc ul li {
	display: inline-block;	
	margin-right:12px;
}
#resSoc ul li img {width:22px;}
#logo {
	position:absolute;
	top:12px;
	left:50%;
	width:160px;
	text-align:center;
	height:80px;
	margin: 0px 0px 0px -80px;
	font-size:1.95em;
	line-height:0.85em;
}
#nav {
	font-size:0.9em;
	position:absolute;
	top:25px;
	right:0px;
}
#nav ul,
#nav ul li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav ul {
	display:inline-block;
	margin-left:20px;
}
/*navigation programme*/
/*catégories, dates*/
/* à changer avec menuSecondaire*/


div.ca-wrapper div.disabled {color: #a8a8a8;}
div.ca-wrapper div.disabled .raison-desactivation {
	background-color: #204561;
    color: #fffded;
    display: inline-block;
    font-size: 0.7em;
    margin-left: 5px;
    padding: 0 7px;
}

/* MENU SECONDAIRE */
#menuSecondaire {
	position:fixed;
	top:107px;
	height:65px;
	font-size:0.9em;
	display:inline;
	width:100%;
	padding:15px 0px 0px 0px;
	margin:0px auto;
	background-image:url(../images/fondmenu.png);
	background-repeat: repeat-x;
	width:1024px;
	z-index:10001;
}
#menuSecondaire a {padding: 0px 10px 0px 10px;}
#menuSecondaire select {
	font-family:'gt_walsheimmedium';
	border:2px solid #204561;
	padding:0px;
	margin:0px 0px 0px 16px;
	width:323px;
	height:30px;
	background: url("../images/arrow_select_blue.png") no-repeat scroll 295px 8px rgba(0, 0, 0, 0);
	color:#204561;
	font-size:1em;
	letter-spacing:0.2em;
	text-align:center;
}
#menuSecondaire a.button {
	border:2px solid #204561;
	padding:3px 0px 0px 0px;
	margin:0px 23px 0px 0px;
	max-width:320px;
	height:23px;
	color:#204561;
	font-size:1em;
	display:inline-block;
	letter-spacing:0.1em;
	text-align:center;
}
#menuSecondaire a.button:hover {color:#fffded;}
#menuSecondaire .colOne {
	margin:0px;
	width:333px;
}
img.responsive {
	width:100%;	
}
/* Menu Formateurs, barre horizontale bleu au-dessus du menu */
#menuFormateurs {
	position:fixed;
	bottom:0px;
	width:1024px;
	height:45px;
	background-color:#204561;
	color:#fffded;
	padding:0px;
}
#menuFormateurs ul {
	margin: 0px;
	padding:7px 0px 0px 20px;
}
#menuFormateurs ul li {
	list-style-type: none;
	display:inline;
	height:27px;
	padding-right:20px;
}
#menuFormateurs ul li a:link,
#menuFormateurs ul li a:visited,
#menuFormateurs ul li input[type=submit] {
	color:white;	
	border:0px transparent;
	background-color:#204561;
	font-size:0.9em;
	padding:0px;
	margin:0px;
	text-align:left;
	cursor:pointer;
	width:auto;
}

#menuFormateurs ul li a:hover,
#menuFormateurs ul li a:active,
#menuFormateurs ul li input[type=submit]:hover {
	color:#c2c2c2;
	background-color:#204561;
}

/* B A S E S */
.colHalf {
	margin:0;
	padding:10px;
	width:133px;
	float:left;
}
.col20 {
	width:18%;
	float:left;
	padding:10px;	
}
.colOne {
	float:left;
	margin: 0px 17px 25px 17px;
	width:306px;
	height:auto;
}
.colOneBorder {
	float:left;
	width:278px;
	border:3px solid #204561;
	padding:15px;
	margin:0px 0px 20px 20px;
}
.colOneBorder h3 {
	margin-bottom:0px;	
}
.colOneBorder input {
	width:270px;
	margin-top:6px;
	margin-bottom:0px;
}
.colOneBorder input.button[type="submit"],
.colOneBorder a.button {
	display:inline-block;
	width:278px;
}
.colOneBorder textarea, {
	width:270px;
	margin-top:6px;
	margin-bottom:0px;
}
.colTwo {
	float:left;
	margin: 0px 15px 0px 15px;
	width: 652px;
	height:auto;
}
.colTwoCenter {
	float:left;
	margin: 0px 0px 25px 0px;
	width: 652px;
	padding:0px 186px 0px 186px;
	height:auto;
}
.colThree {
	width:1024px;	
	clear:both;
	margin:20px 0px 0px 0px;
	padding-top:30px;
	height:auto;
}
.colThree .colOne {
	margin:8px;	
	width:317px;
}
.colThreeBorder {
	border:3px solid #204561;
	width:1018px;	
	margin:0px 0px 0px 0px;
	padding-top:50px;
	float:left;
}
.colThreeBorder .colOne {
	width:277px;
}
.colThreeBorder .colTwo {
	width:650px;
}

/* ------- Accueil ------- */
/*slider*/
#slider {
	width:1024px;
	height:400px;
	/*IE bugfix*/
	padding:0;
	margin:0;
}
#slider li { 
	list-style:none; 
}
.buttonslider {
		color:#000;
		position:absolute;
		top:150px;
		left:0px;
		width:1024px;
		font-size:1.2em;
		text-align:center;
		padding:10px 0px 0px 0px;
}
.buttonslider:hover {	
	color:#c2c2c2;
}
/*video*/
#video {
	width:958px;
	height:352px;
	margin: 0px 10px 20px 10px;
	padding:30px 20px 9px 20px;
	float:left;
	border: 3px solid #204561;
	text-align:center;
}
#video iframe {
	z-index:1;	
	margin:0px;
	padding:0px;
}
/*----- sponsors-----*/
.sponsors {
	text-align:center;
	margin: 0px 0 -10px 0;	
	padding-bottom:0;
}
/*news */
.news2Col .item {
	width:492px;
	margin:0px 10px 20px 10px;
	overflow:hidden;
	border-top: solid 3px #204561;
	padding: 15px 0px 0px 0px;
}
.news2Col .item img {
	float:none;
	margin: 0px 0px 20px 0px;
	width:500px;
}
.news2Col .item h4 {
	margin: 0px 0px 30px 0px;
}
.news2Col .item h3 {
	margin: 0px 0px 5px 0px;
}
.news2Col .item p {
	font-size:0.9em;
	line-height:1.4em;
	width:400px;
	margin: 0px 0px 0px 50px;
}
.news2Col .item a {
	color:#204561;	
}
/*--         Archives           -- */
#news .item {
	width:321px;
	margin: 10px;
	padding:0px;
	list-style-type:none;
}
#news .item h3 {
	margin: 0px 0px 5px 0px;
	padding:0px;
}
#news .item h4 {
	margin: 0px 0px 30px 0px;
	padding:0px;
}
#news .item p {
	margin: 0px;
	padding:0px;	
}
#news .item img {
	margin: 0px 0px 10px 0px;
}
.uneNewsArchiveCol1 {
	width:492px;
	margin: 20px auto 0px auto;
}
.uneNewsArchiveCol2 {
	width:492px;
	float:left;
	margin:5px 10px 0px 10px;
}
.uneNewsArchiveCol2 img {
	max-width:492px;
	margin: 10px 0px 0px 0px;
}
.uneNewsArchiveCol1 p, .uneNewsArchiveCol2 p {
	font-size:1.1em;
	line-height:1.3em;
}
.uneNewsArchiveCol1 h3, .uneNewsArchiveCol2 h3 {
	color:black;
}
.js-masonry h3 a{
	color: #204561;	
}
ul.js-masonry {
	padding-left: 0;
}
/* --        Programme         -- */
/*images de chaques catégories*/
.imgCatProg {
	margin: 50px 0px 50px 0px;
}
img.places {
	padding-right: 7px;
    position: relative;
    top: 3px;
}
/*gmap*/
.gmap {
	margin: 20px 15px 20px 15px;
	width:632px;
	height:403px;
	overflow:hidden;	
}
/*infos - google map*/
.tabs ul {
	text-align:center;
	margin: 15px 0px 0px 0px;
}
.tabs li {
	display:inline-block;
	font-size:0.9em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;	
}
.tabs .ui-tabs-active a {
	color: #c2c2c2;
}
.alignHauteurTxt {
	position: absolute;
	top: 76px;
	left:0px;
	padding: 0px 15px 0px 0px;
}
/*ancre programme - est-ce qu'on a encore besoin de ça?*/
.ancreProg {
	width:1024px;
	height:10px;
	margin: 0px 0px 0px 0px;
	position:relative;
	top:-80px;
	left:0px;
}
/*ancre mon compte */
.ancre {
	height: 123px;
    margin-top: -123px;
	visibility:hidden;
}
/*programme par date, les liens*/
ul.linksDate {
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:1.2em;
}
ul.linksDate li {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:0.86em;
}
/* --         Formateurs         -- */
#wrapperInfosFormation {
	width:690px;
	float:left;	
}
.txtOneCol {
	width:288px;
	height:440px;
	float:left;	
	margin: 0px 20px 20px 0px;
	padding:20px 20px 10px 10px;
}
.txtOneColLast {
	width:328px;
	height:440px;
	float:left;	
	margin: 0px 0px 20px 0px;
}
#wrapperConnexion {
	width:277px;
	float:left;
}
.txtCenter {
	text-align:center;
}
/* ------- Zone Formateurs ------- */
/*mon compte - mes infos*/

#formations {
	margin:0px;
	padding:0px;	
	width:1024px;
}
.maFormation {
	border-top: solid 1px #204561;
	width: 1024px;
	padding:8px 0px 10px 0px;
	margin: 0px auto 20px auto;
	position:relative;
	height:100%;
	position:relative;
	display:inline-block;
}
.maFormationCol1 {
	width:230px;
	float:left;	
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 17px;
}
a.published {
	background-color:#204561;
	color:#fffded;
	text-decoration:none;
	border:2px solid #204561;
	cursor:not-allowed;
	margin:4px auto 4px auto;
	padding: 5px 0px;
	text-align:center;
	width:311px;
	font-size:0.9em;
	display:block;
	z-index:1000;
}
a.button.published:link {cursor:inherit;}
.maFormationCol2 {
	width:415px;
	float:left;	
	padding: 13px 0px 0px 0px;
	overflow:hidden;
}
.maFormationCol3 {
	width:250px;
	float:left;	
	padding: 30px 0px 0px 20px;
	margin:0px;
}
#formations .maFormationCol2 p {
	margin-bottom:30px;	
}
#formations h4 {
	margin-bottom:10px;	
	color:#204561;
}
.zoneVide {
	color:#204561;
}
.groupe {
	height:80px;
	overflow:auto;
}
.floatRight {
	float:right;
	font-size:2em;
	line-height:1em;
	margin-top:-14px;
	padding:7px;
}

/* ancres mon compte*/
h3[id^="compte_"] {
	margin-bottom:40px;	
	margin-top:100px;
}
/*PAGE LISTE DE PRESENCE*/
ul.inscriptions li div {
	font-style:normal;
	font-size:1em;	
}
ul.inscriptions {
	margin-bottom:40px;
	padding:0;	
}
ul.formations {
	padding-left:0;	
}
/* --------inscription /éditer ma fiche -------------*/
/* inscription/éditer ma fiche - texte au début*/

.checkboxH4Align h4 {
	display:inline-block;	
}
.sepPetit1 {
	height:6px;
	width:300px;	
	display:block;	
	margin-top:0px;
}
.sepPetit1bis {
	height:10px;
	width:300px;	
	display:block;	
	margin-top:0px;
}
.sepPetit2 {
	height:25px;
	display:inline-block;
	width:300px;	
}
select::-ms-expand {
    display: none;
}
select {
	border: solid 1px #204561;	
	background-color: #fffded;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	width:180px;
	text-indent: 0.01px;
	text-overflow: "";
	background: url("../images/arrow_select.png") no-repeat scroll 295px 8px rgba(0, 0, 0, 0);
	background-position: right 5px top 2px;
	padding-right: 20px;
	margin: 10px 0px 18px 0px;
}
/*comptabilisatoin des caractères lors de la saisis pendant la création d'une formation*/
.status {
	display:inline;
	font-size:0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.status2 {
	display:inline;
	font-size:0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	}
.block {
	display:block;
}
input.compteurCar {
	margin: 15px 0px 0px 0px;	
	font-size:0.9em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
textarea.compteurCar {
	margin: 15px 0px 0px 0px;
}
input[type=checkbox], input[type=radio] {
	width:15px;	
	height:15px;
	margin:0px 5px 5px 0px;
	border: solid 0px #204561;
	background-color:#fffded;
}
.publicCible {
	padding:0px;
	font-size:0.9em;
	margin:0px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
label {
	padding:0px;
	margin:0px;
}
.separateur {
	width:1024px;
	height:10px;
	display:inline-block;
}
.separateur2 {
	width:1024px;
	height:0px;
	display:inline-block;
}
img.error {cursor: pointer;}
/* --       inscriptions $ une formation/participant       --*/
.date-disabled {
	color: #a8a8a8;
	text-decoration:line-through;
}
.billet img.hidden {display:none;}

.billet {
	width:992px;
	border:6px solid #204561;
	padding: 10px;
	height:400px;
	position:relative;
	background-color:#fffded;
	color:#204561;
	text-align:left;
	overflow:hidden;
}
.billet hr {border-color:#204561;}
.billet h2 {
	margin:0px;
	line-height:1.1em;
}
.billet h3,
.billet p {
	margin:0px;
}
.billetCol1 {
	width:320px;
	height:380px;
	margin: 0px 0px 0px 0px;
	float:left;
	z-index:100;
	padding:10px;
}
.billetCol2 {
	width:582px;
	height:359px;
	margin: 0px 0px 0px 0px;
	padding:20px;	
	float:left;
	z-index:100;
	color:#204561;
	background-color:#fffded;
	overflow:hidden;
}
.billetCol2 img {
	margin:25px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	width:280px;
	border-right:0px solid;
	display:block;
	float:left;
	
}
.billetTxt {
	margin:20px 0px 0px 30px;
	width:250px;
	display:block;
	float:left;
}
/*hide img print*/
.imgBilletPrint img{
	display:none;
}
/* boutton imprimer mon billet*/
.buttonBillet {
	height:25px;
	width:200px;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 50px auto;
}
.buttonBillet a{
	font-family:'gt_walsheimmedium';
	font-size:0.9em;
	text-decoration:none;
	color:#204561;
	cursor:pointer;
	text-align:center;
	width:200px;
	height:27px;
	margin:0px;
	padding:3px 22px 5px 22px;
	background-color:#fffded;
	border: 2px solid #204561;
}
.buttonBillet a:hover {
	color:#fffded;
	background-color:#204561;
}
.txtOneColIns {
	width:288px;
	float:left;	
	margin: 0px 20px 20px 0px;
	padding:20px 20px 10px 10px;
}
.txtOneColIns a:hover {
	color:#c2c2c2;
}

.blue {
	color:#204561;	
}
/* --      Galerie     --*/
#galerie {
	margin: 0px auto;
	width:1024px;
}
#galerie h2 {
	text-align:center;
	margin: 0px 0px 15px 0px;
}
.imgEvenement {
	background-color: #204561;
	width:321px;
	height:150px;
	margin: 10px 10px 10px 10px;
	float:left;	
}
.imgEvenement h3 {
	position: relative;
	top:-90px;
	left:0px;
	z-index:2;	
	text-align:center;
	color:#fffded;
}
#ligne {
	border-top: 3px solid #204561;
	text-align:center;
	margin: 20px 0px 0px 0px;
	padding:20px 0px 0px 0px;	
}
#ligne h2{
	margin: 0px 0px 20px 0px;	
}
/* -- GAZETTE -- */

.gazette {
	width:100px;
	margin: 0px 40px 0px 0px;
	float:left;
}
.barreStat {
	height:10px;
	background-color:#204561;
	position:relative;
	left:190px;
	top:-14px;
}

.pStd p {
	display:inline-block;
	margin:0px;
}
/* --      erreurs     --*/
img.exclamation {
	margin: 0px 10px 0px 10px;
}
h1.erreur {
	margin: 20px 0px 10px 0px;	
}
/*--        footer     --*/
#footer{ 
	font-size: 80%;
	margin:90px 0px 40px 0px; 
	padding: 15px 0px 0px 0px;
	height:100px;
	width:1024px;
	border-top: solid 3px #204561;
	float:left;
} 
.footerCol {
	width: 190px;
	float:left;
	margin:0px 10px 0px 0px;
}
.footerCol p {color:#204561;}
.footerCol a:hover {color:#c2c2c2;}
.footerTroisCol {
	margin:-7px 0px 0px 0px;
	width:441px;
	padding:0px;	
	float:right;
}