@charset "iso-8859-1";
/* CSS Document */

/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
 @media only screen and (min-width: 1281px) {
	img.right.ase {padding-right:105px;}
	p.ase {padding-left:245px;}
	.left.plus {margin-bottom:4px; margin-top:-8px;}
	.pixplushaut {margin-top:-45px;}
 }
 @media only screen and (max-width: 1280px) {
 .arrow-item {
	float: left;
	margin: -3px 15px 0px 0px;
}
}
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation:portrait) {
form {padding:0;}
	html, body {border:none;}
	#container {border:none; min-height:auto; height:auto; min-width:auto; width:100%;}
	.leftpic {display:none; visibility:hidden;}
	#text {margin:0 auto; border-left:none;}
	.center01, .center02, .center03, .center04 {width:310px;}
	p {padding-top:0px; line-height:normal; margin:0;}
	.center01 .deuxieme.plus {padding-top:20px;}
	.center02 .deuxieme.plus {padding-top:30px;}
	#footer {padding-top:0px;}
	#text ul {margin-left:0px; padding-left:0;}
	img.right.ase {padding-right:0; clear:right; width:20%; height:auto;}
	p.ase {padding-left:0;}
	img.right.arnold {width:40%; height:auto;}
	div.right.center.caption {margin-left:0; float:none; margin-bottom:10px;}
	#back {display:none;}
.fluid_container {max-width: 90%;}
	.layer3 { margin-bottom:15px; margin-top:10px;}
	#book_cover.plus {margin-bottom:10px;}
#prefooter.middle {margin-top:10px; margin-bottom:25px!important;}
}
@media only screen and (min-width: 769px) {
}
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation:landscape) {
	.deuxieme.plus {padding-top:15px;}
	.premier {min-height: 50px; }
	#footer {padding-top:0px;}
	p {padding-top:0px; line-height:normal; margin:0;}
	img.right, img.left,img.right.border, img.left.border {width:20%; height:auto;}
	img.right.ase {padding-right:0; clear:right; width:15%; height:auto;}
	p.ase {padding-left:0;}
	div.right.center.caption {margin-left:25px; float:right; margin-bottom:0px; text-align:center;}
	div.right.center.caption img {width:80%; height:auto;}
	#back {display:none;}
.arnold {padding-left:10px;}
#prefooter img { width:6%!important; height:auto;}
}
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
	
form#front input[type="submit"]{width:40%;}
	.blue {font-size:110%;}
	#container {border: solid #1c2472 7px;}
	#footer {font-size:80%;}
	img#book {max-width:170px; height:auto;}
	.leftpic a img {max-width:25px; height:auto; }
	.leftpic {margin-top:0;}
	#text {margin-left:200px;}
.deuxieme img {	width: 100%!important;}
	#text ul {margin-left:0px; padding-left:0;}
	.layer3 {width:96%;}
	.layer4 {margin-bottom:15px;}
.blue_huge {font-size: 170%;}
.media img {width:90%; height:auto; margin-bottom:0px;}
img.border {width:90%; height:auto;}
img.right.border {width:auto; height:auto;}
.instructions {width:45%;}
.news img {border:solid #000 1px}
.rightcaption.julie {margin-top: 6px;}
.TabbedPanelsContent {padding-top:10px!important;}
.arnold {padding-left:10px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { 
	img.right, img.left,img.right.border, img.left.border {width:17%; height:auto;}
	img.right.arnold {width:30%; height:auto;}
.blue_huge {font-size: 180%;}
.fluid_container {max-width: 70%;}
	.w2_ajax_contact_form {margin-bottom:80px;}
	p {font-size:95%; line-height:normal; padding-top:0;}
	.blue.center.haut, .blue.haut, .center.blue_semi_large.haut { padding-right:30px;}
.left.plusbas {margin-top: 3px;}
.center01 .deuxieme.plus {padding-top:30px;}
.center02 .deuxieme.plus {padding-top:50px;}
.center.more {margin-top:15px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 
	p {font-size:100%; line-height:normal;}
	#footer {font-size:95%; padding-top:10px;}
	.blue {font-size:110%;}
	.center01, .center02, .center03, .center04 { width:486px!important;}
	#text {margin-left:0;}
	#container {border:none; min-height:auto; height:auto; min-width:auto; width:100%;}
	img.right.ase {width:15%; height:auto;}
	img.right.arnold {width:40%; height:auto;}
	#back {display:none;}
	.w2_ajax_contact_form {margin-bottom:85px;}
.left.plusbas {margin-top: 2px;}
.published {margin-right:0;}
#prefooter {
	display: block;
	visibility: visible;
	text-align: center;
}
#prefooter img { width:6%; height:auto;}
#prefooter.middle {margin-top:10px; margin-bottom:10px;}
#book_cover {visibility:visible; display:block;}
#twitter { margin-right:40px;}
.center.more {margin-top:15px;}
}

 @media only screen and (min-width: 1024px) {
#container { min-height: 750px;	min-width: 760px;}
#back {display:block;}
.blue.higherheight { line-height:22px;}
.third img, .third2 img { width:98%;}
.third img, .third2 img { height:auto; max-width:380px;}
.third2.spec01 img {width:100%;}
.third.spec02 img {width:84%;}
.third.spec03 img {width:82%;}
.button_sp_left {margin:40px 0 5px 0;}
 }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {
.button_sp {float:right; margin: -25px 10% 15px 25px;}
}
/* END Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 767px) and (orientation:portrait) {
.button_sp {margin: 20px auto 20px auto; display:block; clear:both;}
.button_sp_left {display:none;}
}
@media only screen and (max-width: 767px) and (orientation:landscape) {
.button_sp {float:right; margin: -50px 5% 15px 25px;}
.button_sp_left {display:none;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 641px) and (max-width: 767px) {
	html, body {border:none;}
	#container {border:none; min-height:auto; height:auto; min-width:auto;}
	.leftpic {display:none; visibility:hidden;}
	#text {border-left:none;}
	#text {margin:0 auto;}
	p {padding-top:5px;}
	#text ul {margin-left:0px; padding-left:0;}
	img.right, img.left,img.right.border, img.left.border {width:20%; height:auto;}
.morethanonepix {margin-right:0;}
}
/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 640px) {

	html, body {border:none;}
	#container {border:none; min-height:auto; height:auto; min-width:auto;}
	.leftpic {display:none; visibility:hidden;}
	#text {margin:0 auto; border-left:none;}
	p {padding-top:5px;}
	#text ul {margin-left:0px; padding-left:0;}
	img.right, img.left {width:25%; height:auto;}
	img.right.ase {padding-right:0; clear:right;}
	p.ase {padding-left:0;}
	.layer3 {width:auto;}
	.layer4 {margin-bottom:15px;}
.separateur {width:90%;}
.media img {width:90%; height:auto; margin-bottom:0px;}
img.border {width:90%; height:auto;}
img.right.border {width:40%; height:auto;}
div.right {margin-left:0;}
.blue_huge {font-size: 170%;}
.news img {width:94%; height:auto; border:solid #000 1px}
#newsbanner {width:90%;}
.floatleft {margin-top:5px; margin-bottom:0px;}
.floatright {margin-top:5px; margin-bottom:0px;}
.half2, .third, .third2 {width:100%!important; float:none!important; padding-bottom:5px;}
.half2:first-of-type {margin-bottom:16px;}
#back {display:none; visibility:hidden;}
.w2_ajax_contact_form {margin-bottom:0px!important;}
.instructions {float:none; width:98%; margin-bottom:10px; background: #c8b990 url(images/arrow-red2.png) 0 2% no-repeat;}
.point { visibility:visible; font-weight:bold;}
.largerbold {font-size:15px;}
#prefooter {
	display: block;
	visibility: visible;
	text-align: center;
}
#prefooter img { width:10%; height:auto;}
#prefooter.middle {margin-top:10px; margin-bottom:10px;}
#book_cover {
	visibility: visible;
	display: block;
}
#twitter { margin-right:20px;}
.morethanonepix {margin-right:0;}
}
@media only screen and (max-width: 640px) and (orientation:landscape) {
	img.right, img.left, img.right.border {width:20%; height:auto;}
.w2_ajax_contact_form {margin-bottom:50px!important;}
.center.more {margin-top:15px;}
}
@media only screen and (max-width: 640px) and (orientation:portrait) {
.rightcaption {float: none; margin-left:0px;}
.rightcaption img {width:80%; height:auto;;}
.center.more {margin-top:15px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) and (orientation:portrait) {
	.center01, .center02, .center03, .center04 { width:90%;}
	img.right, img.left, img.right.border {width:20%; height:auto;}
	.rightcaption {float: none; margin-left:0px;}
	.rightcaption img {width:80%; height:auto;;}
	.rightcaption.julie {margin-top: 5px; margin-bottom:10px!important; margin-left:0px!important;}
	.rightcaption.julie img, .right.center.caption img {width:70%!important; height:auto!important;}
	body {font-size: 92%;}
.blue {	font-size: 100%;}
p {line-height:17.5px;}
.center.more {margin-top:10px;}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) and (orientation:landscape) {
body {font-size: 60%;}
.blue {	font-size: 85%;}
p {line-height:14px;}
	.rightcaption {margin-left:10px!important; width:40%; height:auto;}
	.rightcaption img  {width:90%; height:auto;}
	.rightcaption.julie {margin-top: 10px; margin-bottom:10px!important; margin-left:0px!important;}
	.rightcaption.julie img {width:60%; height:auto;}
.center01 .deuxieme.plus, .center02 .deuxieme.plus, .center03 .deuxieme {padding-top:15px!important;}
.center.more {margin-top:15px;}
}

@media only screen and (max-width: 480px) {
p { -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
padding:5px 0 0 0!important;
}
	form#front {margin:0 auto; margin-top:10px; padding:0; width:90%; text-align:center;}
.blue.center.tab {
	padding-top:15px; padding-bottom:15px;
}
.blue.center.more {
	padding-top:30px; padding-bottom:10px;
}

.blue_semi_large {
	font-size: 100%;
}
.blue_reviews_large {
	font-size: 80%;
}
.blue_large {
	font-size: 95%;
}
.large {
	font-size: 95%;
}
.blue_huge {
	font-size: 180%;
}
.red_large {
	font-size: 100%;
}
.red_larger {
	font-size: 100%;
}
.indent {padding-top:5px;}
#footer {padding-top:10px; height:auto; font-size:75%;}
.center02 .deuxieme.plus {padding-top:70px;}
.center03 .deuxieme {padding-top:20px;}
.receptacle { width:95%!important; height:auto;}
}
/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
