@charset "UTF-8";
/* CSS Document */


#green-ball, #red-ball, #blue-ball{
  visibility:hidden;
}

body,
html {
		background:#FFF;
		font-family:'Syntax', sans-serif;
		font-weight:normal;
		font-size:0.9em;
		width:90%;
		margin: 0;
		padding: 0;
}

.ok{
    opacity: 1 !important;
}



li.item-111:after,
li.item-113:after {
		content : "  //";
		padding-left: 10px;
}

div.videostyle{
  display:block;
   text-align:center;
}

div.videostyle iframe{
  text-align:center;
}

#contenu {
		width:1800px;
		margin:20px auto;
}

.customimag-categ img{
  width:100%;
}

@font-face {
		font-family: 'Syntax';
		src: url('../fonts/Syntax-Bold.eot');
		src: url('../fonts/Syntax-Bold.otf') format('truetype'), url('../fonts/Syntax-Bold.woff') format('woff'), url('../fonts/Syntax-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Syntax-Bold.svg#Syntax-Bold') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'Syntax';
		src: url('../fonts/Syntax-Roman.eot');
		src: url('../fonts/Syntax-Roman.otf') format('truetype'), url('../fonts/Syntax-Roman.woff') format('woff'), url('../fonts/Syntax-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Syntax-Roman.svg#Syntax-Roman') format('svg');
		font-weight:100;
		font-style: normal;
}

@font-face {
		font-family: 'Syntax';
		src: url('../fonts/Syntax-Black.eot');
		src: url('../fonts/Syntax-Black.otf') format('truetype'), url('../fonts/Syntax-Black.woff') format('woff'), url('../fonts/Syntax-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Syntax-Black.svg#Syntax-Black') format('svg');
		font-weight: bold;
		font-style: normal;
}

#book {
  width: 70.8%;
}

.favslider{
        width: 110% !important;
}

#book p {
		margin:0;
		padding:0;
}


#book p span.regular,
#book p span.bold {
		line-height:160%;
		float:left;
		margin:0;
		padding:0;
		width: 70%;
		font-size:0.9em;
}

#book div.about p span.regular,
#book div.about p span.bold {
		line-height:160%;
		float:left;
		margin:0;
		padding:0;
		width: 100%;
		font-size:0.9em;
		padding-bottom: 14px;
}

#texte_about p span.regular,
#texte_about p span.bold {
		line-height:100%;
		float:left;
		margin:0;
		padding:0 0 10px 0;
		width: 60%;
		font-size:1em;
}

#texte_about p span.paragraphe {
		padding-top:10px;
}

.titre_about {
	     margin:0;
    padding-top: 0;
    width: 100%;
    text-align: right;
    padding-right: 0;
    display: block;

}

#texte_about {
		/*margin: -3% 0 0 24.7%;*/
 margin: 7.5% 0 0 11.7%;
		width: 100%;
}


div.roster {
		margin: 15% 0 0 12.4%;
		font-size: 0.9em;
}

ul.roster li {
    padding-bottom: 2px;
  font-weight:100;
		text-decoration:none;
}

ul.roster li a:hover {
		text-decoration:underline;
		color:#666;
}
 @-webkit-keyframes 
spaceboots {
 0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
-webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
-webkit-transform: translate(-2px, 0px) rotate(1deg);
}
 30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
 60% {
-webkit-transform: translate(-2px, 1px) rotate(0deg);
}
 70% {
-webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
-webkit-transform: translate(-1px, -1px) rotate(1deg);
}
 90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
 100% {
-webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}

.shake {
		-webkit-animation-name: spaceboots;
		-webkit-animation-duration: 1.5s;
		-webkit-transform-origin:50% 50%;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
}

 @-webkit-keyframes 
shaking {
 0% {
-webkit-transform: translate(1px, 2px) rotate(0deg);
}
20% {
-webkit-transform: translate(-2px, 0px) rotate(1deg);
}
 40% {
-webkit-transform: translate(2px, -1px) rotate(1deg);
}

 60% {
-webkit-transform: translate(-1px, 2px) rotate(0deg);
}

 80% {
-webkit-transform: translate(-2px, -1px) rotate(1deg);
}
 
 100% {
-webkit-transform: translate(1px, 2px) rotate(0deg);
}
}

.shakeshake {
		-webkit-animation-name: shaking;
		-webkit-animation-duration: 0.8s;
		-webkit-transform-origin:10% 10%;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
}




a {
		text-decoration:none;
		color:#000;
}

#header {
		width: 110%;
		display: inline-block;
		margin: 0 0 65px 0;
		min-width: 1300px;
		max-width: 1825px;
}

#contact {
		position: fixed;
    right: 0;
}

ul.mainmenu {
		list-style: none;
		display: inline;
}

ul.mainmenu li {
		float:left;
		font-size:0.750rem;
		margin-right:1rem;
		margin-top:0.563rem;
}

div.social {
		display:inline-block;
		float:left;
		margin-top: -1px;
}

div.social img {
		width: 25px;
		padding-right: 6px;
}

.puce {
		font-size:0.6em;
}

a.liens_categories {
		color: #AAA;
		border-bottom: solid thin;
		float: left;
		font-size: 0.9em;
		font-weight: 100;
		margin-right: 10px;
		margin-left: 0;
		letter-spacing: 0.03em;
}

div.about a,
div.home a,
div.roster a {
		color:#000;
		text-decoration:none;
		margin-right:10px;
  font-size: 0.9em;
}

/*div.about a:hover {
		color:#CE0925;
}

div.home a:hover {
		color:#2A802E;
}

div.roster a:hover {
		color:#0E2DA1;
}*/

div.social a {
		padding:0 0.1rem;
}

#conteneur {
		margin:0 0 6.250rem 0;
		padding:0;
		width:100%; /*100%*/
}

#menu {
		float:left;
		width:20%; /* 236/1888  12.5%*/
		margin-top:70px;
}

#images,
#answers,
#ideas {
		width:100%;
		text-align:center;
		float:left;
		cursor:pointer;
}

ul.list_menu {
		list-style-type:none;
		text-align:left;
		padding:0;
		margin:0;
		float:left;
		font-size:0.9em;
}

.blog-featured,
.category-desc,
.category,
.cat-children {
		display:none;
}

.hide {
		visibility:hidden;
}

.actif {
		visibility:visible;
}

ul.list_menu li a.section {
		padding-bottom:1.5em;
		display:block;
}

ul.list_menu li {
		padding-bottom:1em;
}

img.picto {
		float:left;
}

#ideas {
		margin-bottom:5rem;
}

#images {
		margin-bottom:4.2rem;
}

#picto_red,
#picto_blue,
#picto_green {
		width:70px;
}

#picto_green,
#answers {
		margin-top:-16px;
}

#picto_blue {
		margin-top:5px;
}

#menu_central {
		float:right;
		width:78%; /* 1534/1888 81.25%*/
		position:relative;
		margin-top:265px;
}

 #about-roster{
    float:right;
		width:78%; /* 1534/1888 81.25%*/
		position:relative;
		margin-top:265px;
  }


#greenballmini,
#redballmini,
#blueballmini {
		float:left;
		margin-right:1em;
		display:none;
		margin-top: -1px;
}


#titre_principal p {
		padding: 0;
		margin: -2.5% 0 0 7%;
		float: left;
		display: block;
		position: relative;
		letter-spacing: 0;
		font-weight: bold;
		z-index: 1;
		font-size:110px;
}

#titre_about {
	     /* margin: 2% 0 0 -20px; */
    font-size: 0.9em;
    padding-top: 0;
    /* width: 100%; */
    text-align: right;
    padding-right: 20px;
    display: inline;
    float: left;
    line-height: 160%;
}

#texte_aboutlouise, ul.roster {
		display: inline;
    /* margin-top: 5.6%; */
    margin: 0;
    padding: 0;
    float: left;

}

ul.roster {
    list-style: none;
    font-size: 1em;
      line-height: 160%;

}

#menu_secondaire {
		padding:0;
		float:left;
		margin:0 0 2% 7%;
		font-weight:bold;
		font-size:110px;
}

#ideas_red,
#images_green,
#answers_blue {
		margin:0;
		padding:0;
		cursor:pointer;
		float:left;
}

.white_text {
		color: #FFF;
		text-shadow : 0 0 2px #000;
}

#ideas_red:hover,
a.red:hover,
a.red.hover,
#ideas_red.color,
#ideas li.active a.section,
#ideas li.active a {
		color:#CE0925; /*rouge*/
		text-shadow:none;
}

#images_green:hover,
a.green:hover,
a.green.hover,
#images_green.color,
#images li.active a.section,
#images li.active a {
		color:#2A802E; /*vert*/
		text-shadow:none;
}

#answers_blue:hover,
a.blue:hover,
a.blue.hover,
#answers_blue.color,
#answers li.active a.section,
#answers li.active a {
		color:#0E2DA1; /*bleu*/
		text-shadow:none;
}

#baseline p {
		font-size:16px;
		letter-spacing:0.02rem;
		padding:0;
		float:left;
		margin:0 0 0 7.5%;
}

#menu_logos {
		margin:0 0 0 0;
		width:100%;
}

ul.categories-module li a {
		opacity:0.5;
		zoom: 1;
		filter: alpha(opacity=50);
      margin-right: 20px;
}

ul.categories-module li.active a {
		opacity:1;
		zoom: 1;
		filter: alpha(opacity=100);
}

#menu_logos ul li {
		display:inline;
		list-style: none;
		float:left;
}

#menu_logos ul li a img {
		vertical-align:middle;
		height: 30px;
}

#images_book {
		margin-bottom:2%;
}

#menu_logos a:hover,
#menu_logos a.active {
		opacity:1;
		zoom: 1;
		filter: alpha(opacity=100);
}

#book {
		float:left;
  position:relative;
}

#book img, div.videostyle, .favslider {
		margin: 3% 0 2% 0;
}

.regular {
		font-weight:100;
}

.bold {
		font-weight:normal;
}

.fleches {
		float:right;
		display:inline-block;
		padding:0;
		margin:0;
}

.fleches a {
		color:#999;
		font-weight:100;
}

.tooltip {
		display:none;
		position:absolute;
		margin-left:-20px;
		margin-top:-3px;
		border:none;
		background-color:#F3F3F3;
		border-radius:5px;
		padding:10px;
		color:#333;
		font-family:'Syntax';
		font-weight:normal;
		font-size:10px;
		box-shadow: 1px 1px 5px 1px #C1C1C1;
}

.categories-module {
		height: 26px;
}

.pagination-next,
.pagination-prev {
		font-size:1.4em;
		margin-top:-3px;
}

.active_green {
		color:#2A802E;
}

.pagination, .liens {
		position: absolute;
  right: 0;
}

.pagination{
  bottom:0;
font-size:1.1em;
}

.pagination-start,
.pagination-end {
		display:none;
}

.pagination ul li {
		list-style:none;
		float:left;
		padding-right: 7px;
}

a.pagenav {
		color:#AAA;
		visibility:visible;
}

span.pagenav {
		color:#2A802E;
}

.pagination-prev span.pagenav,
.pagination-next span.pagenav {
		display:none;
}

.pagination-prev a.pagenav,
.pagination-next a.pagenav {
		display:block;
}
 @media screen and (max-width:1810px) {

#contenu {
		width:1780px;
}


#texte_about p span.regular,
#texte_about p span.bold {
		line-height: 100%;
		float: left;
		margin: 0;
		padding: 0 0 10px 0;
		width: 65%;
		font-size: 0.9em;
}

#texte_about p span.paragraphe {
		padding-top: 10px;
}

}
 @media screen and (max-width:1680px) {

#contenu {
		width:1480px;
}

#book img {
		width:1200px;
}
     
     .favslider{
        width: 1200px !important;
}
     

  
  #book {
  width: 71.6%;
}

#blue-ballabout {
		position: absolute;
		float: right;
		top: 420px;
		right: -284px;
		margin: 0;
		float: none;
		clear: none;
}

#book p span.paragraphe,
#texte_about p span.paragraphe {
		padding-top: 10px;
}

#texte_about {
		margin: 7% 0 0 11.7%;
		width: 100%;
		display: block;
		position: absolute;
}


#header {
		width: 110%;
		display: inline-block;
		margin: 0 0 65px 0;
		min-width: 1300px;
		max-width: 1545px;
}

#book p span.paragraphe,
#texte_about p span.paragraphe {
		padding-top: 10px;
}

#book p span.regular,
#book p span.bold {
		line-height: 160%;
		float: left;
		margin: 0;
		width: 70%;
		font-size: 0.9em;
		clear: both;
		padding-bottom: 0;
}






#titre_principal p,
#menu_secondaire {
		font-size:100px;
}

#baseline p {
		font-size:14px;
}
}
 @media screen and (max-width:1520px) {
#menu_central{
    margin-top:100px;
        width: 78%;
  }
  
   #about-roster{
    width:88%;
  }



#contenu {
		width:1380px;
}
  
  #book {
  width: 76.4%;
}

#texte_about {
		width: 120%;
}


#book p span.paragraphe,
#texte_about p span.paragraphe {
		padding-top: 10px;
}


#titre_principal p,
#menu_secondaire {
		font-size:90px;
}

#titre_principal p {
		margin-top: 100px;
}

#baseline p {
		font-size:14.4px;
}
}
 @media screen and (max-width:1400px) {
#red-ball img, #green-ball img, #blue-ball img{
    width: 180px;
  }
#contenu {
		width:1200px;
}

#picto_green {
		margin-top: -10px;
}

#header {
		width: 110%;
		display: inline-block;
		margin: 0 0 65px 0;
		min-width: 800px;
		max-width: 1295px;
}

#book img {
		width:1000px;
}
     
     .favslider{
        width: 1000px !important;
}

#titre_principal {
		margin-top: 10%;
}

#texte_about {
		width: 101%;
}

#book {
		width:74%;
}



#picto_red,
#picto_blue,
#picto_green {
		width:50px;
}

#titre_principal p,
#menu_secondaire {
		font-size:80px;
}

#baseline p {
		font-size:12.8px;
}

#titre_principal p {
		margin-top: 0;
}


}
 @media screen and (max-width:1250px) {

body {
		font-size:12.5px;
}
  
 #book {
   width: 61.6%;
}


#texte_about {
		width: 120%;
		margin-left: 4%;
		margin-top: 6.9%;
}

#menu_logos {
		margin: -20px 0 0 0;
		width: 100%;
}

#contenu {
		width:1200px;
}

#book img {
		width:900px;
}



#header {
		margin: 6px 0 50px 0;
		min-width: 800px;
		max-width: 1170px;
}

#picto_red,
#picto_blue,
#picto_green {
		width:50px;
}


#titre_principal p,
#menu_secondaire {
		font-size:75px;
}

#baseline p {
		font-size:12px;
}


}
 @media screen and (max-width:1150px) {
#red-ball img, #green-ball img, #blue-ball img{
    width: 150px;
  }
body {
		font-size:12px;
}

#contenu {
		width:1100px;
}
  
#book {
    width: 74%;
}


#picto_red,
#picto_blue,
#picto_green {
		width:50px;
}

#titre_principal p,
#menu_secondaire {
		font-size:70px;
}

#baseline p {
		font-size:11.2px;
}

}
 @media screen and (max-width:1024px) {
#red-ball img, #green-ball img, #blue-ball img{
    width: 120px;
  }
body {
		font-size:10px;
}
  
  .liens{
  margin-right: 11px;
}

.pagination{
margin-right:6px;
}

div.social a img {
		width:20px;
}


#contenu {
		width:990px;
}
#contact{
      float: right;
    margin-right: 10%;
    position:relative;
  }


#picto_red,
#picto_blue,
#picto_green {
		width:50px;
}

#titre_principal p,
#menu_secondaire {
		font-size:60px;
}

#baseline p {
		font-size:11px;
}

#header {
		margin: 5px 0 50px;
}

#menu_central {
		width: 78%;
}
  
 #about-roster{
    width:92%;
  }
  }

}
