@font-face {
	font-family: 'Drescher Grotesk BT SmallSizes';
	src: url('../../../fonts/drescher-grotesk-bt-smallsizes.eot') format('embedded-opentype'), url('../../../fonts/drescher-grotesk-bt-smallsizes.woff') format('woff'), url('../../../fonts/drescher-grotesk-bt-smallsizes.ttf') format('truetype'), url('../../../fonts/drescher-grotesk-bt-smallsizes.svg') format('svg');
}
body { opacity:0; font-family: /*'Drescher Grotesk BT SmallSizes',*/ 'Play', Arial, serif; }
.page-adjust { width:1060px; }
.awesome { 
	/*-webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75); 
	-moz-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75); 
	-ms-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.75);
	box-shadow:inset 0 0px 4px rgba(0, 0, 0, 0.75);*/
	overflow:hidden;
}
.awesome.awesome-grey.middle  { width:670px; left:0px; margin-left:0px;
	background:transparent; border:0px; /*border:1px solid rgba(20,20,20,0.1);*/
	/*-webkit-box-shadow:inset 0 0px 3px #234; -moz-box-shadow:none; box-shadow:none;
	background: -moz-radial-gradient(center center, #fff, #def, #89A) repeat scroll 0 0 #89a;
	background: -webkit-gradient(
		radial, 340 50%, 70, 340 50%, 300, from(#fff), color-stop(0.15, #def), to(rgba(250,250,250,0.1))
	);
	-webkit-transition-duration:.25s, .25s;
	-webkit-transition-timing-function: linear, linear;*/
}
.awesome.awesome-grey.middle.open { width:1020px; 
	/*background: -webkit-gradient(
		radial, 540 50%, 70, 540 50%, 500, from(#fff), color-stop(0.15, #def), to(#89A)
	);
	border-top-right-radius: 800px 800px;
	border-bottom-right-radius: 800px 800px;
	-moz-border-radius-topright: 800px 800px;
	-moz-border-radius-bottomright: 800px 800px;*/
	border-top-right-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	-moz-border-radius-topright: 0px 0px;
	-moz-border-radius-bottomright: 0px 0px;
}
.awesome.middle .radial_background, 
.awesome.middle { margin:0 auto; width:650px; position:relative; left:0px; right:0px;
	-webkit-border-radius:1300px; -moz-border-radius:1300px; border-radius:1300px;
	-ms-border-radius:1300px; -o-border-radius:1300px;
	/*background: -moz-radial-gradient(center center, #fff 0%, #def 15%, #89A 100%) repeat scroll 0 0 #89a;
	background: -webkit-gradient(
		radial, 340 50%, 70, 340 50%, 300, from(#fff), color-stop(0.15, #def), to(#89A)
	);*/
}
.awesome.middle .slide { 
z-index:100;
/*-webkit-animation: slide 0.4s 1;*/
}
@-webkit-keyframes slide {
	from { -webkit-transform: translate(100px,0em); -webkit-transform-style: preserve-3d; }
	50% { -webkit-transform: translate(150px,0em); -webkit-transform-style: preserve-3d;  }
	to { -webkit-transform: translate(200px,0em); -webkit-transform-style: preserve-3d; }
}
.my_class { /*color:#444;*/color:#EEE; cursor:pointer; font-family: 'Play', Arial, serif; text-align:center; font-size:1.2em; 
	width:/*100px*/136px; height:/*100px*/136px; /* Si on modifie ici il faut régler CenterX et CenterY dans index.html */
	-webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; -ms-border-radius:200px; -o-border-radius:200px;
}
.radial_div_item { }
.radial_div_item .my_class { opacity:0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition:all 0.4s ease-in-out;
}
.radial_div_item:first-child .my_class { opacity:1; }
.radial_div_item:first-child { opacity:1; background-color:/*#333*//*#bc1237*/#636299; color:#def; cursor:pointer;
	-webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px; -ms-border-radius:200px; -o-border-radius:200px;
}
.radial_div_item.active:first-child:hover, 
.radial_div_item.active:first-child { background-color:transparent; }
.radial_div_item:hover .my_class { /*color:#369;*/color:#888; text-shadow: 0 0 1px #39c; }
.radial_div_item.active .my_class { /*color:#efefef;*/color:#f4aa00; z-index:99999;
	-webkit-transition: -webkit-transform 0.6s ease-in;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.radial_div_item.active .my_class,
.radial_div_item.active { 
	
}
.radial_div_item:first-child:hover { background-color:#333; color:#fff; }
.radial_div_item:hover .my_class { opacity:1; }
.centered { padding:35px 0px; }
.center { position:absolute; top:320px; left:140px; }
/*.center { position:absolute; top:250px; left:20px; }*/

.very_important {
	/*color: rgb(190,16,51);*/
	color: #f4aa00;
}

/* Taille des icones */
.icon-twitter-sign { font-size:3em; }
.icon-external-link { font-size:3em; }
.icon-pencil { font-size:3em; }
.icon-folder-open { font-size:3em; }
.icon-cogs { font-size:3em; }
.icon-th-large { font-size:3em; }
/* CAF */
.icon-home { font-size:3em; }
.icon-crosshairs  { font-size:3em; }
.icon-formation  { font-size:3em; }
.icon-workshop  { font-size:3em; }
.icon-help  { font-size:3em; }
.icon-group  { font-size:3em; }
.icon-publication { font-size:3em; }
.icon-resources { font-size:3em; }
.icon-news { font-size:3em; }
.icon-library { font-size:3em; }
.icon-recruitment { font-size:3em; }
.icon-access { font-size:3em; }
.icon-contact { font-size:3em; }
.icon-twitter  { font-size:1em; }
.icon-circle { font-size:3em; }

.icon-facebook, .icon-twitter, .icon-googleplus, .icon-linkedin, .icon-rss, .icon-lock, .icon-search { font-size:2em; color:white; position:relative; font-weight:normal;}

.content-area { /*background:rgba(250, 250, 250, 0.1);*/background:none; margin:0 auto; padding-top:140px/*80px;*/; text-align:center; width:500px; height:360px/*420px;*/;
	/* Jouer sur padding-top et height pour régler la hauteur de l'image centrale */
	position:absolute; left:85px; top:85px;
	-webkit-border-radius:250px; -moz-border-radius:250px; border-radius:250px;
}
.content { font-family:Verdana,'Play',Arial; display:none; position:relative; margin:0 auto; /*text-align:justify;*/text-align:left; color:#333; /*width: 285px;*/width: 310px; /*auto; */ 
	float:right;
	background: rgba(250, 250, 250, 0.8); padding: 15px; /*margin-top: 120px;*/margin-top: 10px; height: 620px;
	-webkit-box-shadow: 0px 0px 2px rgba(50,50,50,0.3); -moz-box-shadow: 0px 0px 2px rgba(50,50,50,0.3); box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
	-ms-box-shadow: 0px 0px 2px rgba(50,50,50,0.3); -o-box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
	-webkit-transition:all 0.4s ease-in; -moz-transition: all 0.4s ease-in;
}
.content p { font-size:1.4em; text-align:center; font-weight:bold}
.content strong { font-size:1.2em; }
.content .container { width:280px; }
.content li { list-style-type:none; margin-bottom:10px;  }
.content .date { float:none; }
.content.squish li { line-height:0.5em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; }
.content.squish-thin .squish-thinner li { line-height: 0.65em; }
.content.squish-thin li { line-height:1.15em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; }
.awesome .content a { text-shadow:none; color:/*#39c*/#07339C; text-decoration:underline; }
.recommendations { position:relative; box-shadow:0px 0px 20px #222; float:right; top:100px; margin:0 auto; }
.open-wheel .recommendations { display:none; }

.my_class .name { font-size:1.4em; padding:30px 0px; color:#eee; text-shadow:0 0 1px #222; }
.open .my_class .name { color:inherit; }
.name:hover { color:white; }
.date { margin-right:10px; float:right; }
.start-intro,
.caf-be { color:#222; text-shadow:0 0 1px #eee; position:absolute; top:390px; left:290px; text-align:center; font-size:1.4em; }
.caf-be { margin-top:-50px; font-size: 1.1em; text-align:center; text-shadow:0px 1px 2px #fff; line-height:1em; } 
.arrow { font-weight:bold; font-size:2em;
	-webkit-animation: pointer 0.8s infinite;
}
@-webkit-keyframes pointer {
	from { -webkit-transform: translate(0,0.1em)  scale(1); -webkit-transform-style: preserve-3d; }
	25% { -webkit-transform: translate(0,0.2em) scale(1.1); -webkit-transform-style: preserve-3d;  }
	50% { -webkit-transform: translate(0,0.3em) scale(1.2); -webkit-transform-style: preserve-3d; }
	75% { -webkit-transform: translate(0,0.2em) scale(1.1); -webkit-transform-style: preserve-3d; }
	to { -webkit-transform: translate(0,0.1em) scale(1); -webkit-transform-style: preserve-3d; }
}
.tabs { border-bottom:1px solid #eee; text-align:center; }
.tabs li { cursor:pointer; border:1px solid #eee; border-bottom:1px solid transparent; display:inline-block; padding:8px; padding-bottom:0px; height:18px; margin:0px;
	-ms-border-radius:5px 5px 0px 0px; -o-border-radius:5px 5px 0px 0px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,50,70,0.1)), to(rgba(180,200,220,0.01)));
	background: -moz-linear-gradient(center top, rgba(30,50,70,0.1), rgba(180,200,220,0.01)) repeat scroll 0 0 transparent;
	background:rgba(30,50,70,0.1);
}
.tabs li.active { color:#234; text-shadow:0 0 1px #fff;  }
.tabs li.active,
.tabs li:hover { color:#123; text-shadow:0 0 1px #aaa;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(80,130,170,0.5)), to(rgba(180,200,220,0.5)));
	background: -moz-linear-gradient(center top, rgba(80,130,170,0.5), rgba(180,200,220,0.5)) repeat scroll 0 0 transparent;
	background:rgba(80,130,170,0.5); 
}
.content.squish .tabs li { line-height: 1.2em; }

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */

@font-face {
    font-family: 'FontAwesome';
	/* Ici renvoyer vers site Digitality : */
	/*src: url('http://www.digitality.be/css/font/fontawesome-webfont.eot');*/
	src: url('../../../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../../../fonts/fontawesome-webfont.woff') format('woff'), url('../../../fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../fonts/fontawesome-webfont.svg') format('svg');
    /*src: url('../../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../../font/fontawesome-webfont.woff') format('woff'), url('../../font/fontawesome-webfont.ttf') format('truetype'), url('../../font/fontawesome-webfont.svgz') format('svg'), url('../../font/fontawesome-webfont.svg') format('svg');*/
    font-weight: normal;
    font-style: normal;
}
/* sprites.less reset */
[class^="icon-"], [class*=" icon-"] {
    display: block;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
}
li[class^="icon-"], li[class*=" icon-"] {
    display: block;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
    display: inline-block;
    text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
    vertical-align: top;
    font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
    /* keeps button heights with and without icons the same */
    line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
    /* 1.5 increased font size for icon-large * 1.25 width */
    width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
    margin-left: 0;
    list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
    text-indent: -2em;
    text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
    text-indent: -1.3333333333333333em;
}

/* Définition des icones (Font Awesome) */
/* Pictogrammes du menu rotatif */
/*.icon-home:before                       { content: "\f015"; }*/
.icon-home:before                       { content: "\f19c"; }
.icon-crosshairs:before           { content: "\f05b"; } /* ou puzzle-piece \f12e ou cubes \f1b3 */
.icon-formation:before             { content: "\f086"; }
.icon-workshop:before               { content: "\f1fc"; } /* ou pencil \f040 */
.icon-help:before                       { content: "\f1cd"; }
.icon-group:before                     { content: "\f0c0"; }
.icon-publication:before         { content: "\f15c"; }
.icon-resources:before             { content: "\f0ad"; } /* ou baguette magique \f0d0 ou cercle plus \f055 ou folder open \f07c ou ampoule \f0eb */
.icon-news:before                       { content: "\f1ea"; }
.icon-library:before                 { content: "\f02d"; }
.icon-recruitment:before                 { content: "\f055"; }
.icon-access:before                   { content: "\f1b9"; } /* ou road \f018 ou map-marker \f041 ou boussole \f14e */
.icon-contact:before                 { content: "\f095"; } /* ou dans un carré \f098 ou envelope \f0e0 */
/* Réseaux sociaux */
.icon-facebook:before                { content: "\f09a"; }
.icon-twitter:before                  { content: "\f099"; position:absolute; }
.icon-googleplus:before            { content: "\f0d5"; }
.icon-linkedin:before                { content: "\f0e1"; }
.icon-rss:before                          { content: "\f09e"; }
/* Recherche */
.icon-search:before                    { content: "\f002"; }

.icon-lock:before                        { content: "\f023"; }
.icon-circle:before                    { content: "\f111"; position:absolute; }
.icon-circle                                  { position: relative; }
.icon-twitter                                { position: relative; }
a {
    text-decoration:none;
    color:inherit;
    display:block;
}
span.icon-stack {
    display:inline-block;
	color:red;
	font-size:0.6em;
	text-align:justify; 
}
/* Added*/
.no-interline {
	margin-bottom:0px;
}