/* @group -960PX */@media (max-width: 960px){

table, tbody, tr, td, area, iframe, body, object, embed, img, svg{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
#page, .page{ width:100%;}  

#map, #Cartographie_carte, .gm-style{ width:100% !important}
.gm-style img{ max-width:none !important}
#map_position673{ max-width:98% !important;}

#zc{ width:96%; padding:0 2%;}
#actionnaires a{ height:auto}

}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

#chart_div, #chart_div2{ overflow-x: auto ; overflow-y:hidden}

}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 855px){

.page-admin #logo{ width:96%; margin:0 2%}
#logo img{ height:auto}

}/*/mediaquery*//* @end -854px ------------------------------------------------------------------------------------------*/
/* @group -800PX */@media (max-width: 801px){

#conteneur{ position:relative}
#langues{ right:auto; left:10px}
#dernier-cours{ right:auto; left:70px}

#z_centrale{ padding:0; width:78% !important}
#colD{ margin-top:10px}

nav, #menu{ width:100%; margin:0; }
nav{ height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0}
#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:absolute; right:0px; top:0px;
height:50px;  background:#6D6536 url(/charte/controle-menu.png) center center no-repeat; z-index:500; }
#menu:before{content:"Navigation"; cursor:pointer; font-size:18px; background-color:#6D6536 ;
 text-align:right; padding-right:70px; height:50px; line-height:50px; color:#ffffff; 
display:block; font-weight:bold;  z-index:4000; position:relative; border-bottom:1px solid #fff}
#menuH{background:#6D6536; -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5);
    display:none; position:absolute; z-index:2000; margin-top:0px;  
top:0px; right:0; width:100%; height:auto; z-index:400; }
#menu dt{ float:none;  }
#menu dl{ float:none; padding:0; display:block; text-align:center; height:auto;}
#menu dl dt a{ width:100%; margin:0; padding:12px 0; border-bottom:1px dotted #fff; color:#fff ; text-align:center;
 background:none; }
#menu dl:hover dt a, #menu dl dt a.menu0active{  background:none; border-radius:0 }
#menu dd, #menu dl:hover dd{display:none !important}

/*menulat escamotable*/
.menuLat, #titre_rubrique, a.brochure-colg{}
#titre_rub{ display:block; color:#ffffff; background-color:#6D6536; padding:10px 2% 10px 40px; text-transform:uppercase;
font-weight:bold}
.titre_rub_.menu-ouvert {background: url(/charte/fleches-up-down.png) no-repeat 16px 14px}
.titre_rub_.menu-ferme{background: url(/charte/fleches-up-down.png) no-repeat 16px -19px}
#sousmenu ul{ padding-top:8px; background-color:#6D6536; border-top:1px solid #f7b650; }
.menuLat li a{ color:#fff; }
.menuGactive-2 a, .menuG-2 a:hover{ background:#fff; color:#6D6536 !important}
.page-index #titre_rub{ display:none}

.page-admin #pictos, .page-actionnaires #pictos{ display:none}
.page-actionnaires #logo{ width:96%; margin:0 2%}

}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){

.image_gauche, .image_droite{ max-width:100%}

#bg-haut{ background-size: auto 100% }
#diaporama{ width:100%}
div.anythingSlider{ width:92% !important; padding:0 4%; margin:0 auto}
.jquery_slide_image img{ width:100%}

}/*/mediaquery*//* @end -768px ------------------------------------------------------------------------------------------*/
/* @group -720PX */@media (max-width: 721px){

#diminuer, #augmenter{ display:none !important}
#bg-haut{ background-size:100% 102%; border-bottom:3px solid #f7b650; height:250px}
#diaporama{ height:210px}
#heno a{ right:2%}
.illicomag_vignette{ display:block}
.illicomag_vignette img{ margin:0}

}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 640px){

.image_gauche, .image_droite{ max-width:50%}

}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){


}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 577px){
 
#cours-bourse{ font-size:13px; text-transform:none}
#diaporama, #pictos, .bloc-hr, #malvoyant{ display:none}
#bg-haut{ background:none; height:auto}
#logo{ margin:14px 6px 6px 10px; width:80%}
.page-actionnaires #logo{ margin:14px 1% 6px 10px; width:84%}
.bloc-accueil-g, #z_centrale{ padding:5px 0 0 0 !important; width:100% !important; border-right:none}
.bloc-accueil-d, #colD{ width:100% !important;}
#colD{ width:100% !important; padding:0}
#z_contenu a, #z_contenu p, #z_contenu li{ text-align:left !important}
.bloc-mag, .bloc-livre{ width:33% !important; text-align:center !important}
#conteneur.page-index #z_contenu{ padding:0; margin:0}
 
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){

.image-lien-utile{ float:right; margin:6px 0 0 3%}

}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 480px){

.image_gauche, .image_droite{ margin:5px auto; width:100%; max-width:100%}

h1{ font-size:1.5em; }
h2{ font-size:1.3em;  }
h3{  font-size:1.2em; }

#logo, .page-actionnaires #logo{ width:92%; margin:14px 4% 6px 4%}
.page-immo #logo{ width:82%; margin:14px 0 6px 2%}
#barre-haut{ height:auto; float:left; padding-top:10px}
#dernier-cours{ position:relative; left:auto; top:auto; right:auto; bottom:auto}
#dernier-cours{ float:right; margin-right:76px; width:72%}
#dernier-cours img{ display:none}

}/*/mediaquery*//* @end -480px ------------------------------------------------------------------------------------------*/
/* @group -400PX */@media (max-width: 400px){

.bloc-mag, .bloc-livre{ width:50% !important; }
#footer{ width:63%; float:left}
#conteneur.page-index #z_contenu{ padding:0 0 25px 0; }
#heno a{ bottom:-80px}

.image-lien-utile{ margin: 0 auto; text-align:center; }
.lien-utile span{ max-width:none}

}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
/* @group -360PX */@media (max-width: 360px){

.page-immo #logo{ width:78%; }

}/*/mediaquery*//* @end -360px ------------------------------------------------------------------------------------------*/
/* @group -320PX */@media (max-width: 320px){

 
}/*/mediaquery*//* @end -320px -------------------------------------------------*/
/* @group -280PX */@media (max-width: 280px){

}/*/mediaquery*//* @end -280px ------------------------------------------------*/




@media print{

body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #fond-body, aside, #zone-gauche-contenu, #album_agrandie, #div_lien_yahoo, #pictos, #contact, #langues,  #footer, #btn_up, #div_modif_illicopage, #zone-haut, #menuH{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
.page{ width:100%}

}