body 	{  
 
border-top-width: 0px; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #7f7f7f; margin: auto; max-width: 1280px;
}

.container
{
	max-width: 1280px;
	margin: 0 auto;
}

fieldset
{
	background-color: #FFF;  margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	overflow: visible;
 }

	
#header-heading { margin: 0; }

 

.content
{ 

	padding-left: 10px; 

	padding-right: 15px; 

	overflow: hidden;
}

#header
{  background-color: #eeeeee;  border-bottom-color: #7f7f7f;  border-bottom-style: solid;  border-bottom-width: 1px;  height: 80px;  padding: 0 0 0 0;
}

	#bandeau_image
	{
		float: left;
	}

#bottom{ clear: both;float: left;}
#footer
{clear: both;float: left;width: 98%;
	padding-left: 10px; 

	padding-right: 15px; 
background-color: #eeeeee; 
}

.img-responsive { max-width: 100%; }

.myButton {color: white;             
	text-align: center;             
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color: #bd0036;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size: 14px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	font-style: normal;
	                                                                                                              
	                                                               
	                                                                  
	                                                             
	                                                              
	font-weight: normal;
	                                                                                                              
	                                                               
	                                                                  
	                                                             
	                                                              
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color: #bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton:link {color: #ffffff; }
.myButton:visited {color: #ffffff; }
  
  .block_button {
	position: relative;
	bottom: -20px;
	float: right;
}
 .block_button_plus {
	position: relative;
	bottom: -20px;
	float: right;
	width : 25px;
}


#nav-bar{ height: 60px; } 
	.menu_right
	{
		max-width: 100%;
		border-width: 0px;
		border-color: #c7c7c7;
		border-style: solid;		
		width: 100%;
		height: 100%;
		overflow: hidden; /* les dépassements seront masqués */
		text-overflow: ellipsis; 
	}


	#editions_titre{float: left;}
	#editions_nouveautes
	{
		clear: both;
		float: left;
  	}
	#editions_paraitre 	{
		clear: none;
		float: left;
		width: 650px;
	}

 
#ariane
	{
		margin-bottom: 5px;
		margin-top: 5px;
 		margin-left: 10px;
		width: 100%;
	}



/* -----------------------
Wide styles
------------------------*/

.no_ipad { display: inline; } 
.yes_ipad { display: none; } 
.no_mobile { display: inline; } 
.yes_mobile { display: none; } 
.no_ipad_mobile { display: inline; } 
.yes_ipad_mobile { display: none; } 


@media (max-width: 900px)  
{
 .no_ipad { display: none; } 
.yes_ipad { display: inline; } 
.no_mobile { display: inline; } 
.yes_mobile { display: none; } 
.no_ipad_mobile { display: none; } 
.yes_ipad_mobile { display: inline; } 

#bandeau_barre { display: none; }
 }
 
 
@media (max-width: 70em)/* taille réduite ipad*/
{ 
	 #left 	{ float: left; width: 100%; clear: both;height: auto;}
	 #right 	{ float: left; width: 100%; clear: both;height: auto;}
	 #center{ float: left; width: 100%;margin-left: 10px;}
	#fieldset_center_1{width: 98%;}
 	#fieldset_center_2 {width: 98%;}
#footer{ background-color: #ffffff; border-top-color: black; border-top-style: solid; border-top-width: 1px; width:95%}
}


@media (max-width: 720px) /* Mobile */
{
 .no_ipad { display: none; } 
.yes_ipad { display: none; } 
.no_mobile { display: none; } 
.yes_mobile { display: inline; } 
.block_button { display: none; } 

	#fieldset_center_1{width: 94%;}
 	#fieldset_center_2 {width: 94%;}

.bandeau_barre { display: none; } 
#ariane {   margin-top: 0px;   } 
.content {   } 
 }
 


@media (min-width: 70em)
{

	#left 	{ float: left;width: 30%; }

	#left,#center,  #right,  #bottom
	{ padding-left: 5px; margin-bottom: 1em; }

	#center
	{ clear: left; float: left;
		width: 38%;
	}
	#right 	{ clear: right; float: right;width: 28%;  margin-right: 5px; }

 
	#bottom
	{
		border-top-color: #b3b3b3;
		border-top-style: solid;
		border-top-width: 1px;
		clear: both;
		float: left;
		width: 99%;
 		margin-bottom: 1em;
 		margin-right: 5px;
	}
	#footer { height: 120px; padding-left: 1em; padding-bottom: 1em; padding-right: 1em; padding-top: 1em; }
	
	.nav li
	{
		display: inline;
		margin: 0 1em 0 0;
	}
	
	.nav a
	{
		display: inline;
		padding: 0;
		border-bottom: 0;
	}
	#modif
	{
		clear: none;
		float: left;
	}
	#google
	{
		margin-bottom: 10px;
		clear: both;
		float: right;
	}
	}