/* CSS Document FR */
@font-face {
	font-family: "Colombia";
	src: url('fonts/Colombia-Bold.ttf');
}
@font-face {
	font-family: "doubt";
	src: url('fonts/doubt.ttf');
}


@media (max-width: 768px) {
 body {
   width: auto;
   margin: 0.1em;
   padding: 0;
 }
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
 img{
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
.img1{
padding:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:0.2em;
max-width:100%!important;
width:100%;
box-shadow : 1px 1px 3px #34acbf;
 }
 
 
 textarea, table, td, th, code, pre, samp { 
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}
code, pre, samp {
   white-space: pre-wrap; 
}
#bloc, #nav, #droite{
display: block!important;
margin-left:auto!important; 
margin-right:auto!important;
}
#bloc{
width:100%!important;
padding:0!important;
}
#nav{
width:100%;
float:none!important;
}
#droite {
width:100%;
}
#menuIndex, #menuIndex2, #menuIndex li a, #menuIndex2 li a{
width:96%!important;
}

.pubD{
border:1px solid #666;margin:10%;
}
h1 {font-size: 1.4em ;margin-bottom:2%!important;}
h2 {font-size: 0.8em ;margin-bottom:1%!important;}
.indexTous{margin-top:1%;}
.hide_mobile {
   display: none !important;
 }
div.show_mobile {display: block;}
.paginateur li a {
    font-size: 2.0em!important;
    font-weight: normal;
    margin: 15px 0;
}

}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}
/*----------GLOBAL----FR-------**/
body {
background-color: #FFFFFF;
background-image:url(images/fondmemento20.png);
}
.show_mobile {
display:none;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 1.6em ; color:#214164;text-align:center;position:relative;z-index:3}
h2 {font-family: "Colombia";font-size: 1.1em ; color:#214164; text-align:center;font-style:italic;}
h3 {font-family: "Colombia";font-weight:600;font-size: 1.1em ;  color:#214164; text-align:center;}
h4 {font-size: 0.9em ; color:#214164; text-align:center;}

a:focus, a:active { outline: none; } 
a img {  border: none;  vertical-align: bottom;} 
a {color:#003300;}
.current{color:#ff0000;}
.titre {font-size: 1.1em; text-align:center; color:#826b57; }
.prix{font-size: 1.1em;  color:#826b57;font-weight:bold; }
.indexLinks {font-size: 0.7em ; color:#214164;font-weight:normal; text-align:center;}
.copy{font-size: 0.7em ; color:#222;text-align:center;}
.tous {font-size: 0.9em ; color:#214164; text-align:center;font-style:italic;}
.clear {clear: both;}
/* ---------Header + Menu Horizontal paginator ------------*/
#logo{position:absolute;margin-left:2px;z-index:10000;}
#logoMini{position:absolute;margin-left:2px;z-index:10000;}
.indexTous{}
#bandeau{
position:relative;
text-align:center;
height:3.00em;
width:100%;
z-index:1;
top:54px;
}
.minibandeau{
position:relative;
text-align:center;
height:auto;
width:auto;
z-index:1;
}
.texte-mobile{
	font-size:12px;
	border-bottom:10px solid transparent;
	display:block;
}
#pages{
margin-left:auto;
margin-right:auto;
position:relative;
top:0;
}
#pages ul.paginateur, .current {color:#ff0000;}
.paginateur{margin-left:auto;margin-right:auto;list-style-type:none;padding:0px;text-align:center;clear:both}
.paginateur li{display:inline;padding:0 12px;font-weight:bold}
.paginator span{font-weight:normal}
.paginateur li a{font-weight:normal;font-size:1.5em;margin:15px 0 15px 0}
/*---MENU gauche + PUB Droite*/
#bloc{
margin-top:7%;
padding:0;
margin-left:auto;margin-right:auto;
width:51.00em;
}
#nav, #droite{
display: inline-block;
vertical-align:top;
	}
img.droite{height:100%;}
#droite {
width:26.00em;
height:auto;
margin-top:1.30em;
padding-bottom:4px;
text-align:center;
font-size:14px;
font-weight:bold;
border:solid 1px #d39906;
border-radius:0.3em;
background-color:transparent;
color:#daa520;
}
#nav{
width:23.00em;
height:22em;
float:left;
} 
#menuIndex, #menuIndex2, #menuIndex3 {
height:22em;
padding: 0;
list-style: none;}
#menuIndex li a{
margin-left:auto;
margin-right:auto;
width:18.50em;
font-size:1.2em;
border-radius: 0.3em;        
}
#menuIndex2 li a{
margin-left:auto;
margin-right:auto;
width:18.50em;
font-size:1.2em;
border-radius: 0.3em;        
}
/* font-size reduite pour diese et bemol*/
#menuIndex3 li a{
margin-left:auto;
margin-right:auto;
max-width:19.50em;
font-size:1.1em;
border-radius: 0.3em;
 white-space: nowrap;       
}
#menuIndex li a, #menuIndex2 li a, #menuIndex3 li a, .bandeau, .minibandeau  {
     display: block ; padding:0 0; 
     background: -moz-linear-gradient(#FFFFFF, #a1d8ef);
     background: -ms-linear-gradient(#FFFFFF, #a1d8ef);
     background: -o-linear-gradient(#FFFFFF,#a1d8ef );
     background: -webkit-linear-gradient(#FFFFFF,#a1d8ef );
	  	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF,#a1d8ef ', endColorstr='#FFFFFF'); /* IE6 & IE7 */
	   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#a1d8ef')"; /* IE8 sensible #majuscule*/
	   background-color: #79ffea; /* old browsers */
       color:#00515a; 
       border: 1px solid #89a; 
       text-decoration: none;
	   text-indent:0.6em;
} 
#menuIndex li a:hover, #menuIndex2 li a:hover, #menuIndex3 li a:hover  { background: #79ffea; color: #006400;} 

/*-------------IMG1 accords / TIP astuces / NB remarques--------------*/
.img1{border:outset 2px #00f9f9;background-color:#FFFFFF;border-radius: 0.3em; }
.tip  {font-family: "Colombia";font-size:1.0em;color:#000; }
.nb {font-size:0.6em!important;color:#0d2203;background-color:#d9eff8;}
.liste {text-align:center;margin:0.1em;}
.trouver{text-align:center!important;font-family: "Roboto, Arial";font-weight:600;font-size:1.em;color:#00780e;}
img.trouver-logo{text-align:center!important;margin:auto 0!important;}

/*------------AJUSTEMENT général PAGES Accords Width+Height------------*/	
#pubMulti,.img1, .tip, .nb, .dl, .trouver {
padding:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:0.2em;
max-width:600px;
width:100%;
box-shadow : 1px 1px 3px #34acbf;
 }
/*--------------- PUBs-------------------*/
.pubD{
border:1px solid #666;margin:auto 0;
}
img.pubD{margin:13px 0 13px 0;}
.pub {font-size: 1.0em ; color:#01c4b0; text-align:center;}	
.pub2 {font-size: 1.0em ;text-align:center;margin:0.5em 0 0.5em 0;}
table{width:auto;text-align:center;margin-left:auto; margin-right:auto;}
td, th{padding-left:5px;padding-right:5px;text-align:center;margin-left:auto; margin-right:auto;}
.titre-pub {
float :none;
margin : 0 10px 0 0;
font-size : 1.1em;
font-weight: bold;
color : #ee8e00;
text-shadow : -1px 0 0 #f00;	
 }