@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 20px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: rgba(0,0,0,1);
}
html {
	background: transparent url(images/back.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size: cover;
}
#container {
	height: 90%;
	text-align: center;
	display: block;
	clear: both;
}
#container.plus { height:auto;}
#content_content {
	text-align:left;
	display:block;
	margin: 0 auto;
	padding:0px 3%;
	margin-bottom: 10px;
}
#inside_content{
	clear: both;
	display: block;
	margin-top: 20px;
}
#text {
	display: block;
	margin-left: 347px;
	padding-top: 16px;
	border-left: solid rgba(255,255,255,0.5) 1px;
	padding-left: 30px;
}
#textin {
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}
#textin2 {
	text-align:justify;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	height: 20px;
	margin: 0px;
	padding: 12px 0px 10px 0px;
	display: block;
	color: rgba(254,242,0,1);
	text-align: center;
	font-size: 12px;
}
#prefooter, #book_cover { display:none; visibility:hidden;}

.leftpic {
	float: left;
	margin-top: 12px;
	text-align: center;
	font-size: 14px;
	color: rgba(254,242,0,1);
	font-weight: 600;
}
	.leftpic a img#book {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.button_sp, .button_sp_left {width:auto; text-align:center;}
.button_sp a:link, .button_sp a:visited, .button_sp_left a:link, .button_sp_left a:visited { background:#F00; color:rgba(255,255,255,1); padding:6px 12px 8px 10px; font-weight:bold; text-decoration:none; border-radius:4px; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,1); box-shadow: 0px 6px 5px 0px rgba(0,0,0,1);}
.button_sp a:hover, .button_sp_left a:hover { background:#1c2472;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); box-shadow: 0px 2px 2px 0px rgba(0,0,0,1);}
.center.more {margin-top:10px;}
.morethanonepix {margin-right:2%;}
.floatleft {margin-right:15px; margin-top:-10px; margin-bottom:5px; float:left;}
.floatright {margin-left:15px; margin-top:-10px; margin-bottom:5px; float:right;}
.center {text-align:center;}
#newsbanner {margin:0 auto; width:610px;}
.blue {
	color: #FEF200;
	font-size: 110%;
}
.blue.center.tab {
	padding-top:20px; padding-bottom:20px;
}
.blue.center.more {
	padding-top:40px; padding-bottom:20px;
}
.plusenhaut {
	padding-top:20px; padding-bottom:20px;
}

.blue_semi_large {
	color: #1c2472;
	font-size: 140%;
	font-weight: bold;
	line-height: normal;
}
.blue_reviews_large {
	color: #FFFDED;
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
}
.blue_large {
	color:#1c2472;
	font-size: 24px;
	font-weight:bold;
}
.large {
	font-size: 17px;
	font-weight:bold;
}
.blue_huge {
	color: #1c2472;
	font-size: 350%;
	font-weight: bold;
	line-height: normal;
}
.red_large {
	color: #FF3300;
	font-size: 140%;
	font-weight: bold;
}
.red_larger {color: #FF3300;
	font-size: 24px;
	font-weight: bold;}
.bordeau {
	color: rgba(254,242,0,1);
	font-weight: bold;
	margin-top: 15px;
}
.layer2 .red_large a {color:#FF3300;}
.layer2 .red_large a:hover {color:#FFF!important;}
.specialpadding {padding-left:200px;}
.published {
	float: right;
	display: inline;
	width: 290px;
	text-align: right;
	margin-right: 40px;
}
.point { visibility: hidden;}
 a.endnotes {color:rgba(255,255,255,1)!important; text-decoration:none; padding-left:2px;}
.arnold {float:left; color:#FFF; font-weight:600; font-size:120%; padding-top:5px;}
p {
	line-height:20px;
	padding: 5px 0px 10px 0px;
	text-align: justify;
	margin:0;
}
p a { -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}
i.fa {color:rgba(0,0,0,0.7);}
i.fa.fa-square {color:rgba(254,242,0,1);}
p i.fa {padding-right:10px; font-size:90%;}
p i.fa.fa-twitter-square, p i.fa.fa-facebook-square {padding-right:18px; font-size:100%;}
p i.fa.fa-square, .leftpic i.fa.fa-square {padding-left:10px; font-size:50%; font-weight:400; vertical-align:middle;}
.leftpic i.fa.fa-square {padding-right:10px;}
#center_menu {
 word-wrap: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;}
sup {vertical-align:text-top; font-size:80%;}
ol li {
	padding-bottom: 15px; font-weight:normal; line-height:22px;
}
ol {margin-left: -18px;}
ol.footnote li {font-weight:normal;}
ol li span {font-weight:normal;}
#text ul li.none { background-image:none;}
#text ul li {
	padding-bottom: 15px;
	line-height: 20px;
	list-style-type: none;
	background: url(images/pdf.gif) left -2px no-repeat;
	vertical-align: middle;
	padding-left: 40px;
}
#text ul.box li {
	text-align: left!important;
}
#text ul.box {
	margin-top: 30px;
	margin-left: -15px!important;
}
#text ul li a:link, #text ul li a:visited {
	color:#3F6EA2;
}
#text ul li a:hover {
	text-decoration:none;
	color: #FFF;
}
#text ul li.TabbedPanelsTab {padding-left:16px; background:none; line-height:normal;}
.layer {
	background-color: transparent;
	margin: 0px 0px 8px 0px;
	padding: 6px;
	border-color : #1c2472;
	border-style: solid;
	border-width: 2px;
	opacity : 1;
	color : #000000;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
}
.layer2 {
	background-color: transparent;
	margin: 0 auto;
	padding: 2px 15px; 
	margin-bottom:25px;
	border-color : #000;
	border-style: solid;
	border-width: 1px;
	opacity : 1;
	color : #000000;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
	width:600px;
	text-align:center;
}
.layer2.more {margin-bottom: 35px; margin-top: 35px;}
.layer3 {
	background-color: transparent;
	margin: 0 auto;
	padding: 2px 15px;
	margin-bottom: 25px;
	border-color : #000;
	border-style: solid;
	border-width: 1px;
	opacity : 1;
	color : #000000;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	border-radius : 10px;
	text-align: center;
	width: 90%;
}
.layer4 {width: 80%; padding: 10px 20px; border: solid #FFF 1px; margin:0 auto; margin-top: 10px;}

.smaller { font-size:80%;}
input, textarea {
	color:#155695;
	margin-left: 15px;
	border: solid #155695 1px;
	padding-left: 8px;
	background-color: #FFF;
}
input {height: 20px;}
textarea {
	height: 120px;
}
input[type=submit] {
	padding:8px 12px;
	height: auto;
	background-color: #5E83B7;
	color: #FFF;
	cursor:pointer;
	font-weight: bold;
}
.red {color:#F00;}
.blue_reviews {
	color:#FFFDED;
	font-weight: bold;
}
.tiny_blue_reviews {
	color: #FFFDED;
	font-weight: bold;
	font-size: 80%;
}
.tiny_blue_reviews a:link, .tiny_blue_reviews a:visited,  p a:link, p a:visited {
	color: #FFFFFF;
}
.tiny_blue_reviews a:hover, p a:hover {
	text-decoration: none;
	color: #000000;
}
.largerbold {
	font-size:17px;
	font-weight:bold;
}
.parts {
	font-size:17px;
	font-weight:bold;
	font-variant: small-caps;
	padding-top: 10px;
	padding-bottom: 20px;
}
.parts_regular {
	font-size:17px;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.smallcaps {
	font-size: 80%!important;
	text-transform: uppercase;
}
.smallcaps_normal {
	font-size: 14px!important;
	text-transform: uppercase;
}
.smallcaps_large {
	font-weight: bold;
	font-size: 14px!important;
	text-transform: uppercase;
}
.smallcaps_large_spanish {
	font-weight: bold;
	text-transform: lowercase!important;
	font-variant: normal;
}

.right {
	float: right;
	margin-left: 25px;
}
.left, .left.plusbas {
	float: left;
	margin-right: 25px;
}
.left {margin-top: -6px;}
.rightcaption, .rightcaption.julie {
	float: right;
	margin-left: 25px;
	text-align: center;
	color: #FFFDED;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.rightcaption img, .rightcaption.julie img {border:solid #000 1px}
.rightcaption.julie {
	margin-bottom: 5px!important;
	margin-top: 12px;
}
.right_col {
	padding-top:8px;
}
form {padding:0; margin:0;}
#back {position:absolute; right:0px; top:0px; z-index:10000;}
.normal-text { font-style:normal;}
.indent {
	text-indent: 50px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.indentnormal {
	text-indent:50px;
}

#pix {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	color: #FFFDED;
	font-size: 12px;
	font-weight: bold;
}
#pix img { max-width:450px; height:auto; width:99%;}
 video {max-width: 100%; height: auto;}
 iframe, embed, object {max-width: 100%;}
 .receptacle {
	margin: 0 auto;
	text-align: center;
	width: 70%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.arrow-item {
	float: left;
	margin: -3px 15px 15px 0px;
}
.separateur {
	border: dashed red 2px;
	width: 600px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.media img {margin-bottom:20px; border:solid #000 1px;}
.media.sans img {border:none;}
.media.last img {margin-bottom:5px;}
.border {border:solid #333 1px;}
.borderregular {border:solid #333 1px;}
.caption {font-size:75%;}
hr.cute {
	border: 0;
	height: 4px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
	background-image: -o-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,0,0,0)), color-stop(50%,rgba(255,0,0,1)), color-stop(100%,rgba(255,0,0,0))); /* Chrome,Safari4+ */
	background-image: linear-gradient(to right,  rgba(255,0,0,0) 0%,rgba(255,0,0,1) 50%,rgba(255,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#00ff0000',GradientType=1 ); /* IE6-8 */
	margin-top: 25px;
	margin-bottom: 25px;
	width: 90%;
}

.center01, .center03 {
	border: solid #597EB2 1px;
	display: block;
	width: 386px;
	padding: 4px 8px 4px 20px;
	text-align: justify;
	margin: 0 0 4px 0;
	font-size: 75%;
	font-weight: bold;
	clear: both;
	height: auto;
	background: #fff url(images/rouge.jpg) left center no-repeat;
}
.center02, .center04 {
	border: solid #F00 1px;
	display: block;
	clear: both;
	width: 386px;
	padding: 4px 8px 4px 20px;
	text-align: justify;
	margin: 0 0 4px 0;
	font-size: 75%;
	font-weight: bold;
	background: #fff url(images/bleu.jpg) left center no-repeat;
}
.premier {
	float: left;
	width: 64%;
	padding: 0;
	min-height: 68px;
	margin-right: 6%;
}
.deuxieme {float:left; width:30%; padding:0;}
.deuxieme img {
	width: 100%;
	height: auto;
	max-width:123px;
}
.deuxieme.plus {padding-top:40px;}
.clear {clear:both;}
.clearleft {clear:left;}
#center_menu a {color:#F00; text-decoration:underline;}
#twitter {
	margin-right: 10px;
}
.fluid_container {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
	margin: 0 auto;
	max-width: 80%;
	width:100%;
	clear: both;
		}
.fluid_container p.blue.center { margin-top:25px;}
.half, .half2 {display: inline-block; text-align:center; float:left; padding-bottom:10px;}
.half2 img {max-width:99.5%; height:auto;}
.half2:first-of-type {width:49%; padding-right:1%;}
.half2:last-of-type {width:49%; padding-left:1%;}
.third, .third2 {display: inline-block; text-align:center; float:left; padding-bottom:10px;}
.third {
	width: 32%;
	display: inline-block;
	text-align: center;
	float: left;
	padding-bottom: 20px;
	margin-left: 1%;
}
.third2 {
	width: 32%;
	display: inline-block;
	text-align: center;
	float: left;
	padding-bottom: 20px;
	margin-left: 1%;
}
/* TABS */

#text ul.Tab_button { display:block; width:230px; margin-left:0; padding-left:0; height:40px;}
#text ul.Tab_button a:hover, #text ul.Tab_button a:focus {background-color: #FFF!important; color:#3F6E9F!important;}
#text ul.Tab_button li a { color:#FFF!important; text-decoration: none; display: block; width:70px; padding: 10px 20px; margin: 0px 4px 0px 0px; background-color:#3F6E9F;}
#text ul.Tab_button li a.onit {background-color: #FFF!important; color:#3F6E9F!important;}
#text ul.Tab_button li {
	font: bold 16px;
	list-style: none;
	cursor: pointer;
	text-align: center;
	background-image:none;
	list-style-image:none;
	 margin-left:0;
	 padding-left:0;
 float:left;}