/* CSS Document */

/*
	jaune SF = #ffb414
	bleu SF  = #24609e
*/

@charset "utf-8";

@import url(../webfonts/daniel_regular_macroman/stylesheet.css);
@import url(../webfonts/montserrat/stylesheet.css);
/*@import url(../webfonts/opensans-condbold/stylesheet.css);
@import url(../webfonts/opensans-regular/stylesheet.css);
@import url(../webfonts/OpenSans-CondLight/stylesheet.css);
@import url(../webfonts/opensans-light/stylesheet.css);
@import url(../webfonts/opensans-semibold/stylesheet.css);
@import url(../webfonts/oswald-bold/stylesheet.css);
@import url(../webfonts/oswald-demibold/stylesheet.css);
@import url(../webfonts/oswald-heavy/stylesheet.css);
@import url(../webfonts/oswald-light/stylesheet.css);
@import url(../webfonts/oswald-regular/stylesheet.css);
*/
html, body{
	height:100%;
	font-size:1em;
	line-height:1.25em;
}

body{
/*	background:url(../images/bgBody.png) #efefef left top repeat-x;*/ /*Alain*/
/*	font-family:"open_sanslight", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-stretch:normal;
	background-color:#eee;
}

h1, h2, h3{
/*	font-family:"oswalddemibold", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-weight:normal;
	font-stretch:extra-expanded;
}

.col h1{
	background: #e0e0e0 center left no-repeat;
	margin:0;
	padding:0.5em;
	font-size:1.15em;
	text-align:center;
	font-weight:normal;
	line-height:2em;
}

#col1 h1{
	background-image: url(../images/icnNum1.png);
}

#col2 h1{
	background-image: url(../images/icnNum2.png);
}

#col3 h1{
	background-image: url(../images/icnNum3.png);
}


.col p, .col li{
	font-size:1em;
	list-style: outside url(../images/bulletSF.png);
}

#texteAccueil{
	margin-top:2em;
}

#texteAccueil h1{
	color:#24609e;
	font-size:1.5em;
	line-height:1.2em;
	margin:0 8px 0.5em;
	padding:0;
}

#texteAccueil h2{
	font-size:1.15em;
	color:#24609e;
	margin:0 8px 0.5em;
}

#texteAccueil p{
	text-align:left;
	margin:0 0.5em 1em;
	line-height:1.35em;
}

#texteAccueil li{
	list-style: outside url("../images/bulletSF.png");
}

#texteAccueil a{
	color: #789FC7/*#24609e*/;
/*	font-family:"open_sanssemibold", sans-serif;*/
	font-stretch:expanded;
	font-style:italic;
	letter-spacing:-0.5px;
	font-size:1em;
	text-decoration:none;
	border-bottom: 1px dashed #789FC7;
}
 
#texteAccueil a:visited {
	color: #789FC7;
}

#texteAccueil a:hover{
	color: #24609e;
	border-bottom:1px solid #24609e;
	background:#eee;
}

#texteAccueil a:focus{
	outline: thin dotted;
}

#wrapper{
	position:relative;
/*	margin:40px 0 20px;*/
	background:#eee;
/*	box-shadow:#555 0 0 20px;*/ /*Alain*/
/*	moz-box-shadow:#555 0 0 20px;*/ /*Alain*/
/*	webkit-box-shadow:#555 0 0 20px;*/  /*Alain*/
}

#header{
	height:510px;
	position:relative;
	margin-bottom:20px;
}

img#baby{
	display:block;
	position:relative;
	margin:0 auto;
}

a#logo{
	position:absolute;
	top:30px;
	left:30px;
}

nav{
	position:absolute;
	bottom:0;
	width:95%;
	margin:0 auto;
}

nav ul{
	margin-left:10%;
	font-size:1.8em;
}

nav ul li a, nav ul li a:visited{
	font-family:danielregular, sans-serif;
	color:#24609e;
	text-decoration:none;
	padding:15px 10px;
	margin:0 1px;
	border-bottom: 5px solid transparent;
}

nav ul li a:hover, nav ul li a.selected{
	color:black;
	border-color:#ffb414;
}

section#main{
	position:relative;
}

article{
	padding:5px;
/*	font-family:"open_sanslight", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-stretch:semi-condensed;
	background:#e0e0e0;
/*	margin:0 6px 0 24px;*/
}

#col123{
/*	font-family:"oswalddemibold", sans-serif;*/
	font-family:"danielregular", sans-serif;
	text-align:center;
	font-size:1.5em;
	letter-spacing:0.25em;
	color:white;/*#24609e;*/
	padding:0.5em 0;
	line-height:1.25em;
	background:#999;
}

div.col{
	background:#e0e0e0 top left no-repeat;
	background-size:100%;
	padding-top:280px;
	margin-left:20px;
}

#col1{
	background-image:url(../images/couv1c.jpg);
}

#col2{
	background-image:url(../images/couv2c.jpg);
}

#col3{
	background-image:url(../images/couv3c.jpg);
}

div.col p{
	margin:0 0.5em 1em 0.5em;
}

div.col h1, div.col h2, div.col h3{
/*	font-family:"oswalddemibold", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-stretch:extra-expanded;
	letter-spacing:-1px;
}

p.lienRapide{
	position:relative;
	padding:0.5em 0;
	height:22px;
	border-bottom:1px dashed #24609e;
}

p.lienRapide a{
/*	font-family:"oswalddemibold", sans-serif;*/
	font-family:"Montserrat", sans-serif;
	font-stretch:extra-expanded;
	font-style:italic;
	position:absolute;
	right:0;
	display:block;
	padding:4px 8px;
	background:#ffb414;
	color:black;
	text-decoration:none;
	font-size:1em;
}

p.lienRapide a:hover{
	text-decoration:underline;
}

#footer a{
	font-family:Montserrat;
	font-stretch:expanded;
	font-style:italic;
}

#calendrier{
	max-height:800px;
	overflow:auto;
}

section.description{
	max-height:150px;
	overflow:auto;
}

#spinner{
	background:url(../images/ajaxSpinner.gif) center no-repeat;
	position:absolute;
	padding:0;
	margin:0;
	left:50%;
	top:50%;
	width:27px;
	height:27px;
	display:none;
	z-index:10000;
}

a#nosFormations{
	position:static;
	margin-top:0;
	background:transparent url(../images/lnk-nos-formations.png);
	display:block;
	height:53px;
	width:214px;
	clear:both;
	border-bottom:1px solid transparent;
}

a#nosFormations span.hide{
	visibility:hidden;
}

a#nosProchainesSessions{
	position:static;
	margin-top:0;
	background:transparent url(../images/lnk-nos-prochaines-sessions.png);
	display:block;
	height:43px;
	width:214px;
	clear:both;
}

a#nosProchainesSessions span.hide{
	visibility:hidden;
}

a#astucesDePros{
	position:static;
	margin-top:0;
	background:transparent url(../images/lnk-astuces-de-pros.png);
	display:block;
	height:89px;
	width:214px;
	clear:both;
}

a#nosFormations:hover, a#nosProchainesSessions:hover, a#astucesDePros:hover{
	border-bottom:1px solid #ffb414;
}

a#astucesDePros span.hide{
	visibility:hidden;
}


/* =============================================================================================================*/
/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */
/* =============================================================================================================*/

@media only screen and (min-width: 481px) {
	
a#nosFormations{
	display:block;
	position:relative;
	margin-top:0;
	clear:both;
}

a#nosFormations span.hide{
		visibility:hidden;
}

a#nosProchainesSessions{
	display:block;
	position:relative;
	margin-top:0;
	clear:both;
}

a#nosProchainesSessions span.hide{
		visibility:hidden;
}

a#astucesDePros{
	display:block;
	position:relative;
	margin-top:0;
	clear:both;
}

a#astucesDePros span.hide{
	visibility:hidden;
}

	
}

/* =============================================================================================================*/
/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */
/* =============================================================================================================*/

@media only screen and (min-width: 769px) {

a#nosFormations{
	display:block;
	position:absolute;
	margin-top:100px;
	top:0;
	right:20px;
}

a#nosFormations span.hide{
	visibility:hidden;
}

a#nosProchainesSessions{
	display:block;
	position:absolute;
	margin-top:160px;
	top:0;
	right:20px;
}

a#nosProchainesSessions span.hide{
	visibility:hidden;
}

a#astucesDePros{
	display:block;
	position:absolute;
	margin-top:210px;
	top:0;
	right:20px;
}

a#astucesDePros span.hide{
	visibility:hidden;
}

	

}