html, body {height: 100%; }
body {min-height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background:url(/charte/bg-body.png) left -5px repeat-x }
#conteneur{  min-height:100%; width:100%; float:left; position:relative; }
.page{margin:0 auto; width:960px; }
img{border:0; max-width:100%; }
#map{ max-width:100% ;}
#map img{  max-width: none !important;}
.width100pc{width:100%;}
.invisible{display:none;}

a, p, td, li{ color:#444444; font-family:Arial, Helvetica, sans-serif;}
h1{ font-size:1.6em; font-weight:normal; color:#27A9DB; border-bottom:1px solid #27A9DB; }
h2{ font-size:1.4em;  font-weight:normal; color:#004481 }
h3{ font-size:1.15em; color:#97BF0D; }
h4{ font-size:1.1em; }
a{ color:#27a9db;text-decoration:none; }
a:hover{ text-decoration:underline; }
.width100pc{ width:100%; }
.invisible{ display:none; }
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_ombree{ width:auto; }
.image_ombree img{box-shadow:0px 0px 4px #999; -moz-box-shadow:0px 0px 4px #999; -webkit-box-shadow:0px 0px 4px #999; }
ul.enligne, #nuagedetags ul{margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.titre-spe{ font-size:1.4em; color:#27A9DB; border-bottom:1px solid #27A9DB; padding-left:15px; margin-bottom:6px;}
#actu .titre-spe{ color:#97BF0D; border-bottom:1px solid #97BF0D;}
#coordonnee .titre-spe, #horaire .titre-spe{ color:#ffffff; background: #27A9DB; margin:0; padding:4px 0 4px 15px}
.bloc-vert{ width:91.2%; float:left; border:1px solid #97bf0d; border-top:none; padding:14px 4%;}

#z-centrale{ text-align:justify; color:#444444; }
#z-centrale a, #z-centrale h1, #z-centrale h2, #z-centrale h3, #z-centrale h4, #z-centrale h5,
#z-centrale td, #z-centrale li, .News_titre{ text-align:left}

#masque{ width:100%; height:390px; background:url(/charte/masque.png) center bottom repeat-x; position:absolute; top:0; left:0}

/* HEADER */
#header{ width:100%; height:358px; position: relative; float:left; }
#logo{ position:absolute; left:78px; bottom:16px; z-index:10}

/* FIL D'ARIANE */
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo {text-decoration:none; line-height:20px; font-size:10px; color:#63515D; margin-right:3px; font-style:italic}
#div_lien_yahoo{width:100%; float:left; margin:10px 0}      

/*- zone centrale -*/
#zc{position:relative; width:100%; height:auto; float:left; min-height:350px; padding-bottom:25px}
#z-centrale{float:left; width:69%; margin-top:5px}
.page-int #z-centrale{ width:54%; margin-left:2%}

/* colG */
#colG{ width:21%; float:left;}

/* en un clic */
#un-clic{ width:100%; float:left; margin:22px 0;}
.bloc-clic{ width:23%; height:70px; float:left; line-height:70px; background-color:#B5B7A7; text-align:center !important;
background-image:url(/charte/clic.png); background-repeat:no-repeat; margin:2px 1% 14px 1%}
.bloc-clic a{ vertical-align:middle; display:inline-block; line-height:normal; padding:2px 5px 10px 40px;
font-weight:bold; color:#444445; font-size:0.9em; text-align:center !important;}
.bloc-clic.marche{ line-height:26px;}
.bloc-clic.marche a{ padding:4px 5px 0 40px;  }
.bloc-clic.marche br{ display:none}
#affiche-clic{ width:102%; margin-left:-1%}
.paiement{ background-position:left top}
.emploi{ background-position:left -140px}
.marche{ background-position:left -280px}
.demarche{ background-position:left -420px}
.telechargement{ background-position:left -70px}
.location{ background-position:left -210px}
.portail{ background-position:left -350px}
.cimetiere{ background-position:left -490px}

#coordonnee, #horaire{ float:left; width:48%}
#coordonnee{ margin-right:4%}

/* ColD */
#colD{ width:28%; float:right;}
.page-int #colD{ width:21%; }
/* Pictos */
#pictos{width:100%; float:right; height:16px; text-align:center}
#pictos a{ float:right; display:block; height:16px ;width:22px; background-image:url(/charte/pictos.png); background-repeat:no-repeat; margin-left:4px;}
#pictos #malvoyant {background-position: left top;}
#pictos a#imprimer{background-position:-26px top ; }
#pictos #contact{background-position:-98px top ;}
#pictos a#plan-site{ background-position:-74px top ;}
#pictos #pdf{background-position:-50px top ;}
#pictos #home{background-position:right top ;}
/* moteur */
#moteur{ float:left; position:relative; width:99%; margin:10px 0; }
#moteur .moteur{box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3) inset; width:100%; color:#666666; height:25px; line-height:26px; font-size:11px; text-indent:7px; border:none; font-style:italic}
#moteur .ok{position:absolute; right:5px; top:5px; }

/* liens utiles */
#lien-utile{ width:100%; float:left; margin:5px 0}
#contenu-utile{ background-color:#DFF2FA; width:86%; float:left; padding:10px 7%;}
#contenu-utile strong{ color:#27a9db}
#contenu-utile p{ margin:3px 0; font-size:0.9em}
#contenu-utile a{color:#444444}

/* liens */
.lien-acces{ width:100%; float:left; height:40px; line-height:40px; margin:3px 0; position:relative}
.lien-acces a{ display:block; margin:7px 0; height:26px; line-height:26px; padding:0 5px 0 58px; color:#ffffff; font-weight:bold}
.lien-acces img{ position:absolute; left:8px; top:0; width:40px; height:40px; }
.agenda a, .newsletter a{background:#97bf0d}
.infos a{ background:#27a9db}
.localisation a{ background:#004481}
.agenda img{ background:url(/charte/agenda.png) left center no-repeat; }
.newsletter img{ background:url(/charte/newsletter.png) left center no-repeat; }
.infos img{ background:url(/charte/info.png) left center no-repeat; }
.localisation img{ background:url(/charte/localisation.png) left center no-repeat; }

/* meteo */
#meteo{ width:100%; float:left; border-top:1px solid #27a9db; border-bottom:1px solid #27a9db;  margin:8px 0}
.titre-meteo{ font-size:1.2em; color:#27A9DB; padding:8px 0 6px 15px ; float:left }
#bloc-meteo{ float:right;}
.vignette{ float:left; height:38px; margin: 0 4px}
.vignette img{ width:38px;}
.degre{ float:right; font-size:1.4em; font-weight:bold; padding:7px; color:#666666}
.plus-dinfo{ display:none}

/*Footer*/
#footer{ position: relative; width:100%; float:left; color:#fffffff; font-size:10px; text-align:center; background:#27A9DB url(/charte/bg-footer.png) left top repeat-x}
#liens-footer{color:#ffffff; width:100%; text-align:center; padding:18px 0; text-align:center; height:20px; font-size:11px}
#liens-footer a{position:relative; color:#ffffff; font-size:11px}

/* MENU HAUT */ 
#menuH{width:100%; background:#27A9DB; height:32px; margin-bottom:25px; float:left; position:relative; z-index:10}
#menu dl, #menu dd, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; float:left; }
#menu li, .menuLat ul{ clear:both; width:100%; }
#menu dl { position:relative; height:32px; float:left; width:20%; }
#menu dl dt a{ border-right:1px solid #71D0F2; background:url(/charte/ouvre-menu.png) 9px 5px no-repeat; font-size:1.2em}
#menu dl dt a.menu0_, #menu dl dt a.menu0active_{text-decoration:none;color:#fff; display:block; padding:0 2px 0 29px; margin:6px 0; line-height:20px;}
#menu dl:hover, #menu dl .menu0active_{ background-color:#97bf0d }
#menu dl:last-child dt a{ border-right:none !important;}

/* MENU JAVA */
#menu dd, #menu .Sous_menu_dyn, .sous_menu_item_image {display:none;}
#menu dd{ position:absolute; top:32px; left:0; width:100%; background-color:#27A9DB; }
.Sous_menu_dyn_contenu ul{ width:100%; flaot:left}
.Sous_menu_dyn_contenu a{color:#ffffff; display:block; padding:7px 10px;  border-top:1px solid #71D0F2; }
.Sous_menu_dyn_contenu a:hover{color:#fff; text-decoration:none; background-color:#97bf0d;}

/* MenuLat */
#menuLat{  float:left; width:100%; margin-top:10px}
#titre_rub{ color: #97BF0D; font-size:1.25em; margin:6px 0 4px 8px}
.haut_menuLat{ float:left; background:#EAF2CF; width:100%; height:5px; border-bottom:1px solid #ffffff}
.bas_menuLat { display: none }
.menuLat{ float:left; background:#EAF2CF; width:100%; padding:0 0 10px 0}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat a { text-decoration: none; display: block; }

.menuLat a.menuG-2 { }
a.menuG-2 , a.menuGactive-2 {  padding: 10px 5px 10px 26px; color: #444444; font-size:1.2em;border-bottom:1px solid #ffffff;
 background:url(/charte/puce-n.png) 9px 14px no-repeat}
a.menuGactive-2, a.menuG-2:hover{ color:#ffffff; background:#97BF0D url(/charte/puce-b.png) 9px 14px no-repeat}

a.menuG-3 , a.menuGactive-3  { padding: 7px 5px 7px 38px; color: #444444; font-size:1.1em;border-bottom:1px dotted #ffffff;
 background:url(/charte/puce2-n.png) 26px 12px no-repeat }
a.menuGactive-3, a.menuG-3:hover{ color:#ffffff; background:#97BF0D url(/charte/puce2-b.png) 26px 12px no-repeat}

a.menuG-4 , a.menuGactive-4  { padding: 4px 5px 4px 48px; color: #444444; font-size:1em;border-bottom:1px dotted #ffffff;
 background:url(/charte/puce2-n.png) 36px 10px no-repeat }
a.menuGactive-4, a.menuG-4:hover{ color:#ffffff; background:#97BF0D url(/charte/puce2-b.png) 36px 10px no-repeat}

/* Plan du site */
#z-centrale .PLAN0 a{ font-size:1.4em; text-transform:uppercase; color:#525252; font-weight:normal; text-decoration:none;}
#z-centrale .PLAN1 a{ font-size:1.2em; font-weight:normal; color:#97BF0D; margin:4px 0; display:block}
#z-centrale .PLAN2 a{ font-size:1em ; font-weight:normal; color:#525252;  margin:2px 0; }
#z-centrale .PLAN3 a{ font-size:0.9em; color:#525252;  }

/* actu */
.affiche-news{ width:100%; float:left;}
.bloc-news{ width:100%; float:left; border-bottom:2px dotted #97bf0d; }

/*album photo*/
#miniature_fleches{float:left; height:90px; width:100%;position:relative; margin:10px 0;}
#miniature_fleches img#gauche{position:absolute; left:0; top:24px; height:38px; width:38px; }
#miniature_fleches img#droite{position:absolute; right:0; top:24px; z-index: 2; height:38px;  width:38px; }
#bloc_miniatures{margin-left:7%; float:left; height:90px; overflow:hidden; position:relative; width:86%;}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:30000px}
#liste_miniatures img{height:80px; margin:4px 1px; border:1px solid #e7e7e7; float:left}
.light{opacity:0.7; }
.origin{opacity:1; }
#album_agrandie, #album_agrandie{width:100%; float:left}
#grande_photo, #album_agrandie{text-align:center; min-height:500px !important;}
#grande_photo img{max-width:900px;}
.album_texte{font-weight:bold;}
#description_agrandie{ text-align:center; width:100%; float:left; margin-top:10px}

#TB_caption{ width:60%; padding:8px 4%; height:auto; }
#TB_secondLine{ width:100%; float:left; padding-bottom:26px; position:relative;}
#TB_next a, #TB_prev a{ width:48%; float:left; margin:3px 0; position:absolute; bottom:0;
color:#ffffff !important; background:#000000; text-align:center; text-decoration:none;
font-weight:bold; padding:4px 0;}
#TB_next a{ right:0}
#TB_prev a{ left:0}
#TB_closeWindow{ position:absolute; right:12px; bottom:11px; height:auto;  padding:0;  width:26%; text-align:center}
#TB_closeWindow a{   padding:3px 0; background:#cccccc; width:100%; display:block;
text-decoration:none; font-weight:bold; }

/* GED */
.documentGED{ padding:3px 1%; width:96%; border-bottom:1px dotted #97BF0D; float:left;  line-height:22px; }
.documentGED:hover{background-color:#f2f2f2}
.gedfichier img{margin-right:5px; float:left}
#z_contenu .gedtitre a{	text-decoration:none; font-weight:bold;	color:#333; line-height:22px; height:22px;}
#z_contenu .gedtitre a:hover{ text-decoration:underline}
.geddate{ display:none; }

/* CV */
.carte-visite{ width:100%; float:left; text-align:center}
.image-cv img{box-shadow:0px 0px 5px #666; -moz-box-shadow:0px 0px 5px #666; -webkit-box-shadow:0px 0px 5px #666; }
.bloc-cv p{ margin:4px 0; font-size:0.85em; line-height:1.1em}
.bloc-cv strong{ margin:4px 0; font-size:1em !important; line-height:auto; color:#004481}

/* Illicomag */
.bloc-mag{ width:100%; float:left}
.bloc-mag .block_content{ width:48% !important; float:left; margin:5px 1% !important;  background:#eeeeee; max-height:112px; overflow:hidden}
.illicomag{ width:99%; text-align:left; }
.illicomag_vignette img{ margin-right:6px;}
.illicomag_titre{ padding:7px 0; font-weight:bold ; color:#004481}
.illicomag_flip, .illicomag_pdf{ padding-bottom:5px; }

/*FAQ*/
#z-centrale .question-faq a { margin: 6px 0; background: url(/charte/puce.png) no-repeat left 4px; padding: 0px 0 5px 14px; display: block; font-size: 1em; font-weight: bold; text-decoration: none; 
border-bottom:1px dotted #27a9db; color:#444444 ; }
.bloc-reponse-faq h3{ color:#444444 ; font-size:1.05em}
#z-centrale .question-faq a:hover { text-decoration: underline }
.affiche-reponses-faq { margin-top: 15px; text-align:left; }

/*----- retour haut de page -----*/
#btn_up{ position: fixed; bottom:60px;  right:10%;  cursor: pointer; display: none; z-index:6000; }

/* -------------- OFFRE EMPLOI --------------- */
/* Offre emploi */
.Suite_offre{ text-align:right;}
.Suite_offre a{ background:url(/charte/savoir-plus.png) left 1px no-repeat; padding-left:15px; font-weight:bold}
form p.affichageForm label {  cursor: pointer;  display: block;  float: left;  font-weight: bold;  text-align: right;
    width: 150px;}
.clear {    clear:both;}
.CodeCaptcha {    float: none;}
.News_detail{ width:94%; float:left; padding:10px 3%; background:#eeeeee; border-bottom: 1px solid #cccccc; margin:7px 0}
a.bt-retour{ padding:3px 25px ; background:#004481; color:#ffffff; margin:10px 0; float:left; }
a.bt-valide{ padding:3px 25px ; background:#97bf0d; color:#ffffff; font-weight:bold; margin:10px 0;  }

/*  liste  */
.offre-emploi-liste{ width:100%; float:left;}
.offre-emploi-item{ width:94%; float:left; padding:10px 3%; background:#eeeeee; border-bottom: 1px solid #cccccc; margin:7px 0}
.offre-emploi-image{ float:right; max-width:30%; margin-top:8px}
.offre-emploi-titre{ font-size:1.4em; font-weight:normal; color:#004481; width:100%; float:left; margin:5px 0}
.offre-emploi-categorie{ color: #97BF0D; font-size:1.15em; text-align:left; width:100%; float:left; margin:5px 0}
.offre-emploi-desc{ width:100%; float:left; margin:10px 0}
.offre-emploi-suite{ text-align:right; }
a.offre-emploi-suite{ background:url(/charte/savoir-plus.png) left 1px no-repeat; padding-left:15px; font-weight:bold}
/* a.offre-emploi-suite:after{ content:" >>"; } */

/*  detail  */
.offre-emploi-infos{width:100%; float:left;}
.offre-emploi-date{ width:94%; float:left; padding:10px 3%; background:#eeeeee; border-bottom: 1px solid #cccccc; }
a.offre-emploi-retourliste{ background:#000000; color:#ffffff !important; padding:2px 16px; float:left;
border-radius:4px ; -moz-border-radius:4px ; -webkit-border-radius:4px ; margin-right:3%}
a.offre-emploi-retourliste:before{ content:"<< "; }
.offre-emploi-detail{ width:100%; float:left; margin:10px 0; padding:5px 0;}
a.offre-emploi-doc{ padding:2px 25px ; background:#999999; color:#ffffff; font-weight:bold; margin:10px 0; float:left; }
a.offre-emploi-postuler{  padding:3px 25px ; background:#97bf0d; color:#ffffff; font-weight:bold; margin:10px auto; float:left; }
a.offre-emploi-postuler:before{ content:">> ";}
a.offre-emploi-postuler:after{ content:" <<";}

/* formulaire offre */
.bt-emploi{ width:100%; float:left; margin-bottom:20px; text-align:center;}
.bt-emploi a{ padding:3px 0 ; display:block; width:44%; text-align:center !important; color:#ffffff; }
a.retour-offre:before{ content:"< "; }
a.retour-liste:before, a.bt-retour:before{ content:"|<< "; }
a.retour-offre{ float:left; background:#27a9db; }
a.retour-liste{ float:right; background:#004481;}
#Div_contenu h2{ font-size:1.3em;  font-weight:normal; color:#004481 }
.Obligatoire{ width:100%; float:left;}

/* PAGINATION */
.pagination li{ background-color:#27a9db; }
.pagination li a{ background-color:#CECECE;}
.pagination li a:hover{background-color:#27a9db}

/* ANNUAIRE */
/* moteur annuaire */
form.moteur-annuaire-recherche, form.moteur-annuaire-classement{ width:96%; float:left; margin-bottom:15px; 
background:#eeeeee; border-bottom: 1px solid #cccccc; padding:5px 2%;}
.moteur-annuaire-ligne{ width:100%; float:left; margin:5px 0; }
.moteur-annuaire-ligne label{ font-weight:bold; margin-right:5px;}
/* Liste annuaire */
.annuaire-sous-famille{ width:96%; float:left; font-weight:bold; position:relative;
padding:6px 2%; border-bottom:1px dotted #cccccc; background:#eeeeee; margin-bottom:3px;}
.annuaire-sous-famille:hover{ background:#dddddd; }
.annuaire-sous-famille a{ color: #666666; display:block; text-decoration:none;}
.annuaire-nb-fiche{ position:absolute; right:10px; top:6px; font-weight:normal}
.annuaire_resume_fiche{ width:96%; float:left; margin:5px 0; background: #eeeeee; padding:10px 2%;}
.annuaire-nom{ font-weight:bold;}
.annuaire_tel{ width:100%; float:left; margin-top:5px;}
.annuaire_resume_fiche a{ font-weight:bold; color:#27a9db; float:right;  }
/* boutons annuaire */
.annuaire_retour_icone, .annuaire_retour{ width:100%; float:left; margin-bottom:20px;}
.annuaire_retour_icone a, .annuaire_retour a{  text-decoration:none !important; padding:3px 20px;
background:#27a9db; color:#ffffff; cursor:pointer; text-decoration:none !important; float:left}
/* Detail annuaire */
.annuaire-fiche-detail{ width:100%; float:left; }
.annuaire-fiche-detail h3{ width:100%; float:left; }
.annuaire-coordonnees{ width:96%; float:left; padding:10px 2%; border-bottom: 1px solid #cccccc; background:#eeeeee; }
.annuaire-fiche-detail h2{ width:100%; float:left; margin:10px 0 }
.annuaire-coordonnees .annuaire-info{ font-weight:bold;}
.annuaire-coordonnees .annuaire-adresse{ margin:10px 0 }
.annuaire-logo{ float:right;}
.annuaire-logo img{ margin-left:15px}

/*manif agenda*/
.manif-item{clear:both; float:left; width:100%}
.manif-item .theme{color:#666; font-style:italic; margin-bottom:0.5em;}
.manif-titre h3{margin:0 0 0.2em; font-size:1.1em; font-weight:bold;}
.manif-item .lib{color:#666;}
.manif-retour a, .manif-detail .telechargement a, .manif-liste .manif-lien a{background:#78C6E2; padding:0.3em 0.7em; font-weight:bold; color:#fff}

form#liste-manifestations{margin:1em 0}
.manif-nb-items{font-style:italic; border-bottom:1px solid #DDD; padding-bottom:1em;}
.manif-liste .manif-item{float:left; width:100%; border-bottom:1px solid #DDD; padding-bottom:1em; margin-top:1em; }
.manif-liste .lib{display:none}
.manif-liste .manif-lien a{display:table; margin-top:0.5em; }
.manif-liste .manif-titre h3{margin:0 0 0.2em; font-size:1.1em; font-weight:bold;}
.manif-liste .manif-image{float:left; width:38%; margin-right:2%;}
.manif-liste .manif-image img{ height:auto;}

.manif-retour{margin:2em 0 0}
.manif-retour a:before{content:"<< ";}
.manif-detail.manif-item{}
.manif-detail .manif-titre h2{margin-bottom:0}
.manif-detail .infos-ppal{ width:100%; float:left}
.manif-detail .bloc-info.contact, .manif-detail .bloc-info.geoloc{clear:both; margin:1em 0; border-top:1px solid #DDD }
.manif-detail .infos-ppal .date, .manif-detail .infos-ppal .lieu{display:table; clear:both}
.manif-detail .manif-image{float:left; width:40%;  margin:1em 2% 10px 0}
.manif-detail .manif-image img{ height:auto; }
.manif-detail .bloc-info.geoloc #gmap{float:left; border:1px solid #ccc; margin:0 2% 0.5em 0; }
.manif-detail .bloc-info.geoloc form{float:left; width:220px; text-align:left;}
.manif-detail .bloc-info.geoloc form #saddr{width:100%; margin:0.3em 0;}
.titre-itineraire{font-weight:bold;}

.manif-liste-detail .manif-item{background-color:#F7FAFC; border:1px solid #DFF2FA;  padding:0 2% 0.5em; width:95%; margin-top:1.5em;}

form#liste-manifestations .bloc-info{margin-bottom:0.5em;}
form#liste-manifestations .bloc-info label{min-width:20%; display:inline-table; font-weight:bold;}
form#liste-manifestations form input[type=submit]{min-width:20%;}

.img-news img{ max-width:45%; margin-left; }

/* facebook */
.popup-fb{ position:fixed; left:0; top:30%; margin-top:-100px; z-index:2000; }
.popup-fb .titre-fb{cursor:pointer;  text-indent:-1000px; overflow:hidden; 
    background-color:#27a9db;  background-image:url(/charte/facebook-bt.png); background-repeat:no-repeat;  background-position:center;
    width:42px; height:140px; float:left; }
.contenu-fb{position:relative;float:left; background:#27a9db;text-align:center; padding:10px 8px; opacity:0 ; }

.block_content.clear{ display:none}

#logo{ position:absolute; left:56px; bottom:12px; z-index:10; max-width: 230px}


#moteur * {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.bloc-moteur{ 
  position: absolute; 
  top:40px; 
  right: -10px; 
  width:60vw;
  z-index:100;
}
#resulta{border-radius:15px; max-height: 74vh;overflow-y: auto; position:relative; background: #ffffff;
box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);  }
.itemmoteur{  position: relative; overflow: hidden;  margin: 15px .5% 5px 1%;width:30.3%;
 padding:10px;border:1px solid #ccc;  }
#response{ width:100%; display: flex;  flex-direction: row;  flex-wrap: wrap;
  align-items: stretch; justify-content:center; }
#bloc-moteur-suggest{width:100%; float:left; text-align:center}
#bloc-moteur-suggest > div, #bloc-moteur-suggest > h2{ display: inline-block; margin: 5px 10px; }
#bloc-moteur-suggest > div{font-weight:700; font-size:110%;}
#bloc-moteur-suggest > h2{  font-size:130%;color: #0076BD; margin-top:20px}
#bloc-moteur-suggest > div::before{ content: "- "}
#bloc-moteur-suggest .remplace{ cursor: pointer}

.itemmoteur *{ margin:0; color:#000}
.itemmoteur h3{font-size: 110%; color:#0076BD; margin:0 0 5px 0}
.itemmoteur p{ font-size: 90%; line-height:120%;}
.itemmoteur > a{ display: block;width:100%; float:left; }
.itemmoteur > a > div{ padding:10px;  width:100%; float:left; position: relative }
.itemmoteur a img{ float: right}

.img-moteur{position:relative; height:220px; overflow:hidden; margin-top:10px}
.img-moteur img{  height: 100%;  left: 0;  object-fit: cover;  position: absolute;
  top: 0;  width: 100%;}

@media (max-width: 1005px) {
.itemmoteur{ width:48%}
 .bloc-moteur{ width:95vw; position: absolute; right:10px;}
 .img-moteur{position:relative; height:180px;}
}
@media (max-width: 720px) {
.itemmoteur{ width:96%}
 .bloc-moteur{ width:95vw; position: absolute; right: 10px;}
 .itemmoteur h3{font-size: 100%; }
 .itemmoteur p{ display:none}
 .img-moteur{position:relative; height:150px;}
 .itemmoteur > a > div{ padding:5px; }
}